/* /Components/Admin/BotActivityLog.razor.rz.scp.css */
.botset-panel[b-w6jbemy5of] {
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2) !important;
}

.botset-panel-title[b-w6jbemy5of] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.botset-panel-title .mud-typography-h6[b-w6jbemy5of] {
    color: #f8fbff;
    font-weight: 850;
}

.botset-muted[b-w6jbemy5of] {
    color: #8aa2ba !important;
}

.botset-search[b-w6jbemy5of] {
    min-width: min(100%, 280px);
}

.botset-empty[b-w6jbemy5of] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 22px;
    border: 1px dashed rgba(72, 176, 209, 0.24);
    border-radius: 8px;
    color: #8aa2ba;
    background: rgba(8, 19, 32, 0.56);
    text-align: center;
}

.botset-empty[b-w6jbemy5of]  .mud-icon-root {
    color: #73d7f2;
}

.botset-table-scroll[b-w6jbemy5of] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    background: #081320;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botset-table[b-w6jbemy5of] {
    min-width: 1060px;
    background: transparent !important;
}

[b-w6jbemy5of] .botset-table .mud-table-container {
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

[b-w6jbemy5of] .mud-table {
    border-radius: 8px;
    overflow: hidden;
    background: transparent !important;
}

[b-w6jbemy5of] .mud-table-head {
    background: #0b1728;
}

[b-w6jbemy5of] .mud-table-cell {
    border-bottom-color: rgba(72, 176, 209, 0.12) !important;
    color: #dce8f4;
    vertical-align: top;
}

[b-w6jbemy5of] .mud-table-head .mud-table-cell {
    color: #8aa2ba;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

[b-w6jbemy5of] .mud-table-row:hover {
    background: rgba(0, 135, 179, 0.08) !important;
}

@media (max-width: 720px) {
    .botset-panel-title[b-w6jbemy5of] {
        flex-direction: column;
    }

    .botset-search[b-w6jbemy5of] {
        width: 100%;
    }

    .botset-table[b-w6jbemy5of] {
        min-width: 920px;
    }
}
/* /Components/Admin/BotDevTestLabPanel.razor.rz.scp.css */
.botlab-grid[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.botlab-primary-grid[b-n9fb8r0ilv] {
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
    margin-bottom: 12px;
}

.botlab-section-grid[b-n9fb8r0ilv] {
    margin-top: 10px;
}

.botlab-section-drawer[b-n9fb8r0ilv] {
    margin-top: 12px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(8, 19, 32, 0.76), rgba(5, 12, 23, 0.82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.botlab-section-drawer summary[b-n9fb8r0ilv] {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #f8fbff;
    cursor: pointer;
    list-style: none;
}

.botlab-section-drawer summary[b-n9fb8r0ilv]::-webkit-details-marker {
    display: none;
}

.botlab-section-drawer summary[b-n9fb8r0ilv]::after {
    content: "Open";
    grid-column: 2;
    grid-row: 1 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid rgba(72, 176, 209, 0.28);
    border-radius: 7px;
    color: #73d7f2;
    background: rgba(0, 135, 179, 0.08);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.botlab-section-drawer[open] summary[b-n9fb8r0ilv] {
    border-bottom: 1px solid rgba(72, 176, 209, 0.14);
}

.botlab-section-drawer[open] summary[b-n9fb8r0ilv]::after {
    content: "Close";
}

.botlab-section-drawer summary span[b-n9fb8r0ilv],
.botlab-section-drawer summary strong[b-n9fb8r0ilv] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.botlab-section-drawer summary span[b-n9fb8r0ilv] {
    grid-column: 1;
    grid-row: 1;
    color: #73d7f2;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.botlab-section-drawer summary strong[b-n9fb8r0ilv] {
    grid-column: 1;
    grid-row: 2;
    margin-top: 3px;
    color: #f8fbff;
    font-size: 0.9rem;
    line-height: 1.18;
}

.botlab-section-drawer > .botlab-section-grid[b-n9fb8r0ilv] {
    padding: 12px;
}

.botlab-command-deck[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}

.botlab-prereq-strip[b-n9fb8r0ilv],
.botlab-ops-strip[b-n9fb8r0ilv],
.botlab-suite-checklist[b-n9fb8r0ilv],
.botlab-evidence-grid[b-n9fb8r0ilv],
.botlab-run-selector[b-n9fb8r0ilv] {
    display: grid;
    gap: 8px;
}

.botlab-prereq-strip[b-n9fb8r0ilv] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: min-content;
    align-items: start;
    align-content: start;
    align-self: start;
}

.botlab-ops-strip[b-n9fb8r0ilv] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    align-content: start;
    align-self: start;
}

.botlab-check-card[b-n9fb8r0ilv],
.botlab-ops-card[b-n9fb8r0ilv],
.botlab-evidence-card[b-n9fb8r0ilv],
.botlab-run-chip[b-n9fb8r0ilv],
.botlab-suite-safety[b-n9fb8r0ilv] {
    min-width: 0;
    height: fit-content;
    align-self: start;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-left: 3px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
}

.botlab-check-card[b-n9fb8r0ilv],
.botlab-ops-card[b-n9fb8r0ilv],
.botlab-evidence-card[b-n9fb8r0ilv] {
    padding: 10px 11px;
}

.botlab-check-card span[b-n9fb8r0ilv],
.botlab-ops-card span[b-n9fb8r0ilv],
.botlab-evidence-card span[b-n9fb8r0ilv],
.botlab-run-chip span[b-n9fb8r0ilv],
.botlab-suite-safety span[b-n9fb8r0ilv] {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.1;
    text-transform: uppercase;
}

.botlab-check-card strong[b-n9fb8r0ilv],
.botlab-ops-card strong[b-n9fb8r0ilv],
.botlab-evidence-card strong[b-n9fb8r0ilv],
.botlab-run-chip strong[b-n9fb8r0ilv],
.botlab-suite-safety strong[b-n9fb8r0ilv] {
    display: block;
    min-width: 0;
    margin-top: 3px;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botlab-check-card small[b-n9fb8r0ilv],
.botlab-ops-card small[b-n9fb8r0ilv],
.botlab-evidence-card small[b-n9fb8r0ilv],
.botlab-run-chip small[b-n9fb8r0ilv],
.botlab-suite-safety small[b-n9fb8r0ilv] {
    display: block;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.7rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.botlab-check-card.is-good[b-n9fb8r0ilv],
.botlab-ops-card.is-good[b-n9fb8r0ilv],
.botlab-evidence-card.is-good[b-n9fb8r0ilv],
.botlab-run-chip.is-good[b-n9fb8r0ilv] {
    border-left-color: #23a559;
}

.botlab-check-card.is-warning[b-n9fb8r0ilv],
.botlab-ops-card.is-warning[b-n9fb8r0ilv],
.botlab-evidence-card.is-warning[b-n9fb8r0ilv],
.botlab-run-chip.is-warning[b-n9fb8r0ilv] {
    border-left-color: #f0b232;
}

.botlab-check-card.is-danger[b-n9fb8r0ilv],
.botlab-ops-card.is-danger[b-n9fb8r0ilv],
.botlab-evidence-card.is-danger[b-n9fb8r0ilv],
.botlab-run-chip.is-danger[b-n9fb8r0ilv] {
    border-left-color: #da373c;
}

.botlab-check-card.is-info[b-n9fb8r0ilv],
.botlab-ops-card.is-info[b-n9fb8r0ilv],
.botlab-evidence-card.is-info[b-n9fb8r0ilv],
.botlab-run-chip.is-info[b-n9fb8r0ilv] {
    border-left-color: #0087b3;
}

.botlab-suite-checklist[b-n9fb8r0ilv] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 10px;
}

.botlab-suite-actions[b-n9fb8r0ilv] {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.botlab-actions--primary[b-n9fb8r0ilv] {
    padding: 9px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.08);
}

.botlab-suite-safety[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-color: rgba(218, 55, 60, 0.24);
    border-left-color: #da373c;
    background: rgba(80, 24, 30, 0.32);
}

.botlab-run-selector[b-n9fb8r0ilv] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 10px;
}

.botlab-run-chip[b-n9fb8r0ilv] {
    padding: 9px;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.botlab-run-chip.is-selected[b-n9fb8r0ilv] {
    border-color: rgba(115, 215, 242, 0.42);
    background: rgba(0, 135, 179, 0.12);
}

.botlab-evidence-grid[b-n9fb8r0ilv] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 10px 0 8px;
}

.botlab-message-id[b-n9fb8r0ilv] {
    display: inline-flex !important;
    width: auto;
    margin-right: 6px;
    padding: 2px 5px;
    border: 1px solid rgba(72, 176, 209, 0.22);
    border-radius: 999px;
    color: #bceeff !important;
    background: rgba(0, 135, 179, 0.1);
    font-size: 0.64rem !important;
    text-transform: none !important;
}

[b-n9fb8r0ilv] .botlab-panel {
    height: 100%;
    min-width: 0;
}

[b-n9fb8r0ilv] .botlab-panel .mud-card-content {
    height: 100%;
    padding: 12px 14px !important;
}

[b-n9fb8r0ilv] .botlab-panel .mud-typography-h6 {
    font-size: 0.96rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

[b-n9fb8r0ilv] .botlab-environment,
[b-n9fb8r0ilv] .botlab-notifications,
[b-n9fb8r0ilv] .botlab-dms,
[b-n9fb8r0ilv] .botlab-session {
    grid-column: span 4;
}

[b-n9fb8r0ilv] .botlab-tournaments,
[b-n9fb8r0ilv] .botlab-leagues,
[b-n9fb8r0ilv] .botlab-coverage,
[b-n9fb8r0ilv] .botlab-suites {
    grid-column: span 6;
}

@media (min-width: 1500px) {
    .botlab-grid[b-n9fb8r0ilv] {
        grid-template-areas:
            "env env env suites suites suites suites suites suites notifications notifications notifications"
            "tournaments tournaments tournaments tournaments tournaments tournaments leagues leagues leagues leagues leagues leagues"
            "dms dms dms dms session session session session coverage coverage coverage coverage";
    }

    [b-n9fb8r0ilv] .botlab-environment {
        grid-area: env;
    }

    [b-n9fb8r0ilv] .botlab-tournaments {
        grid-area: tournaments;
    }

    [b-n9fb8r0ilv] .botlab-suites {
        grid-area: suites;
    }

    [b-n9fb8r0ilv] .botlab-notifications {
        grid-area: notifications;
    }

    [b-n9fb8r0ilv] .botlab-leagues {
        grid-area: leagues;
    }

    [b-n9fb8r0ilv] .botlab-dms {
        grid-area: dms;
    }

    [b-n9fb8r0ilv] .botlab-session {
        grid-area: session;
    }

    [b-n9fb8r0ilv] .botlab-coverage {
        grid-area: coverage;
    }

}

[b-n9fb8r0ilv] .botlab-primary-grid .botlab-environment,
[b-n9fb8r0ilv] .botlab-primary-grid .botlab-suites,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-tournaments,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-leagues,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-notifications,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-dms,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-session,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-coverage {
    grid-area: auto;
}

[b-n9fb8r0ilv] .botlab-primary-grid .botlab-environment {
    grid-column: 1;
}

[b-n9fb8r0ilv] .botlab-primary-grid .botlab-suites {
    grid-column: 2;
}

[b-n9fb8r0ilv] .botlab-section-grid .botlab-tournaments,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-leagues,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-notifications,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-session {
    grid-column: span 6;
}

[b-n9fb8r0ilv] .botlab-section-grid .botlab-dms,
[b-n9fb8r0ilv] .botlab-section-grid .botlab-coverage {
    grid-column: span 12;
}

.botlab-heading[b-n9fb8r0ilv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.botlab-muted[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.2;
}

.botlab-status-row[b-n9fb8r0ilv],
.botlab-actions[b-n9fb8r0ilv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.botlab-status-row[b-n9fb8r0ilv] {
    margin-top: 8px;
}

.botlab-form-grid[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.botlab-compact-grid[b-n9fb8r0ilv] {
    grid-template-columns: minmax(0, 1fr) 112px;
}

.botlab-field[b-n9fb8r0ilv] {
    display: grid;
    gap: 4px;
    margin-top: 8px;
    min-width: 0;
}

.botlab-field span[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.botlab-control[b-n9fb8r0ilv] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid rgba(72, 176, 209, 0.22);
    border-radius: 7px;
    background: #081320;
    color: #fff;
    font: inherit;
    font-size: 0.8rem;
    line-height: 1.2;
    padding: 0 12px;
    outline: none;
}

.botlab-control:focus[b-n9fb8r0ilv] {
    border-color: rgba(115, 215, 242, 0.68);
    box-shadow: 0 0 0 2px rgba(72, 176, 209, 0.16);
}

.botlab-control:disabled[b-n9fb8r0ilv] {
    cursor: not-allowed;
    opacity: 0.55;
}

select.botlab-control[b-n9fb8r0ilv] {
    padding-right: 32px;
}

.botlab-control--area[b-n9fb8r0ilv] {
    height: auto;
    min-height: 52px;
    padding-top: 8px;
    padding-bottom: 8px;
    resize: vertical;
}

.botlab-check-list[b-n9fb8r0ilv] {
    display: grid;
    gap: 6px;
    max-height: 110px;
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botlab-check[b-n9fb8r0ilv] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.78rem;
}

.botlab-check input[b-n9fb8r0ilv] {
    flex: 0 0 auto;
}

.botlab-check span[b-n9fb8r0ilv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botlab-calendar-grid[b-n9fb8r0ilv] {
    margin-top: 6px;
}

.botlab-dm-console[b-n9fb8r0ilv] {
    display: grid;
    gap: 9px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.07);
}

.botlab-dm-status-grid[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.botlab-actions--dm[b-n9fb8r0ilv] {
    margin-top: 0;
}

.botlab-section-divider[b-n9fb8r0ilv] {
    margin: 12px 0 10px;
    border-color: rgba(255, 255, 255, 0.12);
}

.botlab-helper[b-n9fb8r0ilv] {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.25;
}

.botlab-helper--warn[b-n9fb8r0ilv] {
    color: #ffb454;
}

.botlab-suite-progress[b-n9fb8r0ilv] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.botlab-suite-meta[b-n9fb8r0ilv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    border-radius: 6px;
    background: rgba(8, 19, 32, 0.64);
}

.botlab-suite-meta span[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    text-align: right;
}

.botlab-suite-finished[b-n9fb8r0ilv] {
    padding: 7px 9px;
    border: 1px solid rgba(18, 213, 142, 0.46);
    border-radius: 6px;
    color: #22d998;
    background: rgba(18, 213, 142, 0.1);
    font-weight: 850;
}

.botlab-step-list[b-n9fb8r0ilv] {
    display: grid;
    gap: 4px;
    max-height: 210px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botlab-step[b-n9fb8r0ilv] {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 6px 8px;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid rgba(72, 176, 209, 0.1);
    font-size: 0.76rem;
}

.botlab-step small[b-n9fb8r0ilv] {
    grid-column: 2;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.25;
}

.botlab-step-error[b-n9fb8r0ilv] {
    color: #ff6c8a !important;
}

.botlab-step-status[b-n9fb8r0ilv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 0 7px;
    font-size: 0.64rem;
    font-weight: 850;
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
}

.botlab-step-status--completed[b-n9fb8r0ilv] {
    background: #10b981;
}

.botlab-step-status--running[b-n9fb8r0ilv] {
    background: #3688ff;
}

.botlab-step-status--failed[b-n9fb8r0ilv] {
    background: #ff4770;
}

.botlab-step-status--skipped[b-n9fb8r0ilv] {
    background: #f59e0b;
}

.botlab-preview-card[b-n9fb8r0ilv] {
    display: grid;
    gap: 2px;
    margin-top: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.07);
}

.botlab-preview-card span[b-n9fb8r0ilv],
.botlab-preview-card small[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.25;
}

.botlab-actions[b-n9fb8r0ilv] {
    margin-top: 10px;
}

.botlab-actions[b-n9fb8r0ilv]  .mud-button-root {
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 6px !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.botlab-actions[b-n9fb8r0ilv]  .mud-button-start-icon {
    margin-left: -2px !important;
    margin-right: 5px !important;
}

.botlab-feature-list[b-n9fb8r0ilv] {
    display: grid;
    gap: 4px;
}

.botlab-feature[b-n9fb8r0ilv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.botlab-feature:last-child[b-n9fb8r0ilv] {
    border-bottom: 0;
}

.botlab-feature span[b-n9fb8r0ilv] {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

.botlab-inspection[b-n9fb8r0ilv] {
    display: grid;
    gap: 4px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.botlab-inspection small[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.botlab-inspection-message[b-n9fb8r0ilv] {
    display: grid;
    gap: 2px;
    padding: 5px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.botlab-inspection-meta[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.72rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.botlab-inspection-components[b-n9fb8r0ilv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.botlab-inspection-components a[b-n9fb8r0ilv],
.botlab-inspection-components span[b-n9fb8r0ilv] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    border-radius: 999px;
    padding: 0 7px;
    background: rgba(0, 135, 179, 0.12);
    color: #bceeff;
    font-weight: 800;
    text-decoration: none;
}

.botlab-empty[b-n9fb8r0ilv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    color: rgba(255, 255, 255, 0.62);
}

.botlab-table[b-n9fb8r0ilv] {
    overflow: hidden;
}

[b-n9fb8r0ilv] .botlab-coverage .mud-card-content {
    max-height: 288px;
    overflow: auto;
}

[b-n9fb8r0ilv] .botlab-coverage .mud-expand-panel-header {
    min-height: 30px !important;
    padding: 0 10px !important;
}

[b-n9fb8r0ilv] .botlab-coverage .mud-expand-panel-content {
    padding: 0 10px 8px !important;
}

.botlab-log-float[b-n9fb8r0ilv] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1400;
}

.botlab-suite-float[b-n9fb8r0ilv] {
    position: fixed;
    left: 22px;
    bottom: 22px;
    z-index: 1390;
}

[b-n9fb8r0ilv] .botlab-suite-float-panel {
    width: min(920px, calc(100vw - 980px));
    min-width: 0;
    max-height: min(760px, calc(100vh - 56px));
    overflow: auto;
    border-radius: 8px !important;
    border: 1px solid rgba(72, 176, 209, 0.24) !important;
    border-bottom: 2px solid rgba(115, 215, 242, 0.48) !important;
    background: #111820 !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46) !important;
    padding: 12px;
}

.botlab-float-head[b-n9fb8r0ilv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-tracker {
    margin-top: 0;
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-main {
    grid-template-columns: minmax(0, 1fr);
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-steps {
    max-height: 300px;
}

[b-n9fb8r0ilv] .botlab-suite-float-panel .suite-inspector {
    display: none;
}

[b-n9fb8r0ilv] .botlab-suite-launcher {
    min-height: 48px !important;
    max-width: min(520px, calc(100vw - 44px)) !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
    font-weight: 850 !important;
}

[b-n9fb8r0ilv] .botlab-suite-launcher .mud-button-label {
    min-width: 0;
}

.botlab-suite-launcher-copy[b-n9fb8r0ilv] {
    min-width: 0;
    display: grid;
    gap: 1px;
    text-align: left;
}

.botlab-suite-launcher-copy strong[b-n9fb8r0ilv],
.botlab-suite-launcher-copy span[b-n9fb8r0ilv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botlab-suite-launcher-copy strong[b-n9fb8r0ilv] {
    font-size: 0.78rem;
    line-height: 1.1;
}

.botlab-suite-launcher-copy span[b-n9fb8r0ilv] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    line-height: 1.1;
}

[b-n9fb8r0ilv] .botlab-log-panel {
    width: min(860px, calc(100vw - 404px));
    max-height: min(520px, calc(100vh - 56px));
    overflow: hidden;
    border-radius: 8px !important;
    border: 1px solid rgba(72, 176, 209, 0.24) !important;
    border-bottom: 2px solid rgba(115, 215, 242, 0.48) !important;
    background: #111820 !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46) !important;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.botlab-log-head[b-n9fb8r0ilv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.botlab-log-tools[b-n9fb8r0ilv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-n9fb8r0ilv] .botlab-log-launcher {
    min-height: 42px !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
    font-weight: 850 !important;
}

[b-n9fb8r0ilv] .botlab-log-panel .mud-table-container {
    max-height: 360px;
    overflow: auto;
}

[b-n9fb8r0ilv] .botlab-log-panel .mud-table-cell {
    padding: 4px 8px !important;
    font-size: 0.72rem !important;
}

[b-n9fb8r0ilv] .botlab-log-panel .mud-table-pagination-toolbar {
    min-height: 32px !important;
}

.botlab-skeleton[b-n9fb8r0ilv] {
    border-radius: 8px;
}

@media (max-width: 1280px) {
    .botlab-command-deck[b-n9fb8r0ilv] {
        grid-template-columns: 1fr;
    }

    .botlab-primary-grid[b-n9fb8r0ilv] {
        grid-template-columns: 1fr;
    }

    .botlab-prereq-strip[b-n9fb8r0ilv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .botlab-ops-strip[b-n9fb8r0ilv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    [b-n9fb8r0ilv] .botlab-environment,
    [b-n9fb8r0ilv] .botlab-suites,
    [b-n9fb8r0ilv] .botlab-notifications,
    [b-n9fb8r0ilv] .botlab-dms,
    [b-n9fb8r0ilv] .botlab-session,
    [b-n9fb8r0ilv] .botlab-tournaments,
    [b-n9fb8r0ilv] .botlab-leagues,
    [b-n9fb8r0ilv] .botlab-coverage {
        grid-column: span 12;
    }

    [b-n9fb8r0ilv] .botlab-log-panel {
        width: min(760px, calc(100vw - 40px));
    }

    [b-n9fb8r0ilv] .botlab-suite-float-panel {
        width: min(760px, calc(100vw - 40px));
        min-width: 0;
    }

    .botlab-run-selector[b-n9fb8r0ilv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .botlab-grid[b-n9fb8r0ilv] {
        gap: 14px;
        padding-bottom: 76px;
    }

    .botlab-section-drawer summary[b-n9fb8r0ilv] {
        grid-template-columns: 1fr;
    }

    .botlab-section-drawer summary[b-n9fb8r0ilv]::after {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .botlab-command-deck[b-n9fb8r0ilv],
    .botlab-prereq-strip[b-n9fb8r0ilv],
    .botlab-ops-strip[b-n9fb8r0ilv],
    .botlab-suite-checklist[b-n9fb8r0ilv],
    .botlab-dm-status-grid[b-n9fb8r0ilv],
    .botlab-evidence-grid[b-n9fb8r0ilv],
    .botlab-run-selector[b-n9fb8r0ilv],
    .botlab-suite-safety[b-n9fb8r0ilv] {
        grid-template-columns: 1fr;
    }

    .botlab-heading[b-n9fb8r0ilv] {
        flex-direction: column;
        align-items: stretch;
    }

    .botlab-actions[b-n9fb8r0ilv]  .mud-button {
        width: 100%;
        justify-content: flex-start;
    }

    .botlab-actions--primary[b-n9fb8r0ilv] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .botlab-feature[b-n9fb8r0ilv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .botlab-form-grid[b-n9fb8r0ilv] {
        grid-template-columns: 1fr;
    }

    .botlab-log-float[b-n9fb8r0ilv] {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .botlab-suite-float[b-n9fb8r0ilv] {
        left: 14px;
        right: 14px;
        bottom: 72px;
    }

    [b-n9fb8r0ilv] .botlab-log-panel {
        width: 100%;
        max-height: min(520px, calc(100vh - 28px));
    }

    [b-n9fb8r0ilv] .botlab-suite-float-panel {
        width: 100%;
        max-height: min(560px, calc(100vh - 92px));
    }

    [b-n9fb8r0ilv] .botlab-suite-float-panel .suite-summary,
    [b-n9fb8r0ilv] .botlab-suite-float-panel .suite-timeline {
        grid-template-columns: 1fr;
    }

    .botlab-log-head[b-n9fb8r0ilv] {
        align-items: stretch;
        flex-direction: column;
    }

    .botlab-log-tools[b-n9fb8r0ilv] {
        justify-content: space-between;
    }

    [b-n9fb8r0ilv] .botlab-log-launcher {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Admin/BotDevTestSuiteTracker.razor.rz.scp.css */
.suite-tracker[b-l23h2szpqg] {
    --suite-panel: #081320;
    --suite-raised: #0b1728;
    --suite-border: rgba(72, 176, 209, 0.14);
    --suite-border-strong: rgba(72, 176, 209, 0.26);
    --suite-text: #f8fbff;
    --suite-muted: #8aa2ba;
    --suite-cyan: #0087b3;
    --suite-green: #23a559;
    --suite-red: #da373c;
    --suite-amber: #f0b232;
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.suite-summary[b-l23h2szpqg] {
    display: grid;
    grid-template-columns: minmax(180px, 1.3fr) repeat(5, minmax(110px, 1fr));
    gap: 8px;
}

.suite-id[b-l23h2szpqg],
.suite-stat[b-l23h2szpqg],
.suite-spotlight[b-l23h2szpqg],
.suite-inspector[b-l23h2szpqg],
.suite-step-phase[b-l23h2szpqg] {
    border: 1px solid var(--suite-border);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.86);
}

.suite-id[b-l23h2szpqg],
.suite-stat[b-l23h2szpqg] {
    min-width: 0;
    padding: 9px 10px;
}

.suite-id span[b-l23h2szpqg],
.suite-stat span[b-l23h2szpqg],
.suite-inspector-head span[b-l23h2szpqg],
.suite-spotlight-copy span[b-l23h2szpqg],
.suite-phase-head span[b-l23h2szpqg],
.suite-step-meta span:first-child[b-l23h2szpqg] {
    display: block;
    color: var(--suite-muted);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.1;
    text-transform: uppercase;
}

.suite-id strong[b-l23h2szpqg],
.suite-stat strong[b-l23h2szpqg],
.suite-inspector-head strong[b-l23h2szpqg],
.suite-phase-head strong[b-l23h2szpqg],
.suite-step-body strong[b-l23h2szpqg] {
    display: block;
    min-width: 0;
    color: var(--suite-text);
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suite-filters[b-l23h2szpqg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.suite-filter[b-l23h2szpqg],
.suite-phase[b-l23h2szpqg] {
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--suite-muted);
    background: rgba(255, 255, 255, 0.04);
    font: inherit;
    cursor: pointer;
}

.suite-filter[b-l23h2szpqg] {
    padding: 7px 10px;
    font-size: 0.73rem;
    font-weight: 850;
}

.suite-filter.is-active[b-l23h2szpqg],
.suite-phase.is-running[b-l23h2szpqg] {
    border-color: rgba(115, 215, 242, 0.34);
    color: #fff;
    background: rgba(0, 135, 179, 0.14);
}

.suite-filters label[b-l23h2szpqg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.73rem;
    font-weight: 800;
}

.suite-timeline[b-l23h2szpqg] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
}

.suite-phase[b-l23h2szpqg] {
    min-width: 0;
    padding: 8px 9px;
    text-align: left;
}

.suite-phase span[b-l23h2szpqg],
.suite-phase strong[b-l23h2szpqg] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suite-phase span[b-l23h2szpqg] {
    color: inherit;
    font-size: 0.7rem;
    font-weight: 850;
}

.suite-phase strong[b-l23h2szpqg] {
    color: var(--suite-text);
    font-size: 0.78rem;
}

.suite-phase.is-complete[b-l23h2szpqg] {
    border-color: rgba(35, 165, 89, 0.28);
    color: #b9f6ca;
}

.suite-phase.is-failed[b-l23h2szpqg] {
    border-color: rgba(218, 55, 60, 0.42);
    color: #ffd0d2;
    background: rgba(218, 55, 60, 0.16);
}

.suite-spotlight[b-l23h2szpqg] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
}

.suite-spotlight.is-running[b-l23h2szpqg] {
    border-color: rgba(115, 215, 242, 0.3);
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.12), rgba(8, 19, 32, 0.92));
}

.suite-spotlight.is-failed[b-l23h2szpqg] {
    border-color: rgba(218, 55, 60, 0.46);
    background: linear-gradient(135deg, rgba(218, 55, 60, 0.18), rgba(8, 19, 32, 0.92));
}

.suite-spotlight-icon[b-l23h2szpqg] {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: var(--suite-cyan);
}

.suite-spotlight.is-failed .suite-spotlight-icon[b-l23h2szpqg] {
    background: var(--suite-red);
}

.suite-spotlight-copy[b-l23h2szpqg] {
    min-width: 0;
}

.suite-spotlight-copy strong[b-l23h2szpqg] {
    display: block;
    color: var(--suite-text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.suite-spotlight-copy p[b-l23h2szpqg],
.suite-muted[b-l23h2szpqg],
.suite-step-body span[b-l23h2szpqg],
.suite-step-body em[b-l23h2szpqg],
.suite-raw p[b-l23h2szpqg],
.suite-remediation p[b-l23h2szpqg],
.suite-inspector dd[b-l23h2szpqg] {
    color: var(--suite-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.suite-artifacts[b-l23h2szpqg] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.suite-artifacts span[b-l23h2szpqg] {
    padding: 4px 7px;
    border: 1px solid var(--suite-border-strong);
    border-radius: 999px;
    color: #dbdee1;
    background: rgba(0, 0, 0, 0.2);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

.suite-main[b-l23h2szpqg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 10px;
}

.suite-steps[b-l23h2szpqg] {
    display: grid;
    gap: 8px;
    max-height: 520px;
    overflow: auto;
    padding-right: 2px;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.suite-step-phase[b-l23h2szpqg] {
    padding: 9px;
}

.suite-phase-head[b-l23h2szpqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.suite-step[b-l23h2szpqg] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 26px 28px minmax(0, 1fr) 88px;
    gap: 8px;
    align-items: start;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px;
    color: var(--suite-text);
    background: rgba(11, 23, 40, 0.72);
    text-align: left;
    cursor: pointer;
}

.suite-step + .suite-step[b-l23h2szpqg] {
    margin-top: 5px;
}

.suite-step:hover[b-l23h2szpqg],
.suite-step.is-selected[b-l23h2szpqg] {
    border-color: rgba(115, 215, 242, 0.34);
    background: rgba(0, 135, 179, 0.09);
}

.suite-step.failed[b-l23h2szpqg] {
    border-color: rgba(218, 55, 60, 0.34);
}

.suite-step.running[b-l23h2szpqg] {
    border-color: rgba(72, 176, 209, 0.24);
}

.suite-step.completed .suite-step-icon[b-l23h2szpqg] {
    color: #b9f6ca;
}

.suite-step.failed .suite-step-icon[b-l23h2szpqg],
.suite-step-body em[b-l23h2szpqg] {
    color: #ff9ea2;
}

.suite-step-icon[b-l23h2szpqg],
.suite-step-number[b-l23h2szpqg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 999px;
    font-weight: 900;
}

.suite-step-number[b-l23h2szpqg] {
    color: #dbdee1;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem;
}

.suite-step-body[b-l23h2szpqg] {
    min-width: 0;
}

.suite-step-body span[b-l23h2szpqg],
.suite-step-body em[b-l23h2szpqg] {
    display: block;
    margin-top: 3px;
    overflow-wrap: anywhere;
    font-style: normal;
}

.suite-step-meta[b-l23h2szpqg] {
    display: grid;
    gap: 4px;
    justify-items: end;
    text-align: right;
}

.suite-step-meta span:last-child[b-l23h2szpqg] {
    color: rgba(255, 255, 255, 0.64);
    font-size: 0.72rem;
}

.suite-inspector[b-l23h2szpqg] {
    min-width: 0;
    padding: 12px;
    align-self: start;
}

.suite-inspector dl[b-l23h2szpqg] {
    display: grid;
    gap: 7px;
    margin: 12px 0 0;
}

.suite-inspector dl div[b-l23h2szpqg] {
    min-width: 0;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 8px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.suite-inspector dt[b-l23h2szpqg] {
    color: rgba(255, 255, 255, 0.64);
    font-size: 0.68rem;
    font-weight: 850;
}

.suite-inspector dd[b-l23h2szpqg] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.suite-raw[b-l23h2szpqg],
.suite-remediation[b-l23h2szpqg] {
    margin-top: 10px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.38);
}

.suite-raw strong[b-l23h2szpqg],
.suite-remediation strong[b-l23h2szpqg] {
    color: var(--suite-text);
    font-size: 0.78rem;
}

.suite-raw p[b-l23h2szpqg],
.suite-remediation p[b-l23h2szpqg] {
    margin: 5px 0 0;
    overflow-wrap: anywhere;
}

.suite-raw--error[b-l23h2szpqg],
.suite-remediation[b-l23h2szpqg] {
    border: 1px solid rgba(218, 55, 60, 0.34);
    background: rgba(218, 55, 60, 0.12);
}

@media (max-width: 1260px) {
    .suite-summary[b-l23h2szpqg],
    .suite-timeline[b-l23h2szpqg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .suite-main[b-l23h2szpqg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .suite-summary[b-l23h2szpqg],
    .suite-timeline[b-l23h2szpqg] {
        grid-template-columns: 1fr;
    }

    .suite-step[b-l23h2szpqg] {
        grid-template-columns: 24px 24px minmax(0, 1fr);
    }

    .suite-step-meta[b-l23h2szpqg] {
        grid-column: 3;
        justify-items: start;
        text-align: left;
    }

    .suite-inspector dl div[b-l23h2szpqg] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* /Components/Admin/BotImageLabPanel.razor.rz.scp.css */
.bilab-shell[b-a92kudy4m2] {
    --bilab-bg: #030712;
    --bilab-panel: #08111f;
    --bilab-raised: #0b1728;
    --bilab-field: #081320;
    --bilab-border: rgba(72, 176, 209, 0.16);
    --bilab-border-strong: rgba(72, 176, 209, 0.32);
    --bilab-text: #f8fbff;
    --bilab-muted: #8aa2ba;
    --bilab-accent: #0087b3;
    --bilab-accent-text: #73d7f2;
    --bilab-blurple: #6d4bd8;
    --bilab-green: #00d26a;
    --bilab-red: #ff4d67;
    --bilab-amber: #f5b84b;
    display: grid;
    grid-template-columns: minmax(280px, 0.84fr) minmax(360px, 1.02fr) minmax(440px, 1.34fr);
    gap: 10px;
}

.bilab-library[b-a92kudy4m2],
.bilab-setup[b-a92kudy4m2],
.bilab-preview[b-a92kudy4m2] {
    min-width: 0;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 23, 40, 0.96), rgba(7, 17, 31, 0.96));
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.bilab-library[b-a92kudy4m2],
.bilab-setup[b-a92kudy4m2] {
    padding: 12px;
}

.bilab-preview[b-a92kudy4m2] {
    padding: 13px;
}

.bilab-panel-head[b-a92kudy4m2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    min-width: 0;
}

.bilab-panel-head > div[b-a92kudy4m2] {
    min-width: 0;
}

.bilab-panel-head .mud-typography-overline[b-a92kudy4m2] {
    color: var(--bilab-accent-text);
    font-weight: 900;
    letter-spacing: 0.1em;
}

.bilab-panel-head .mud-typography-h6[b-a92kudy4m2] {
    color: var(--bilab-text);
    font-weight: 850;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.bilab-pill[b-a92kudy4m2],
.bilab-status[b-a92kudy4m2],
.bilab-capability[b-a92kudy4m2] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(72, 176, 209, 0.24);
    color: #dbdee1;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.bilab-status.is-good[b-a92kudy4m2] {
    border-color: rgba(35, 165, 89, 0.34);
    color: #b9f6ca;
    background: rgba(35, 165, 89, 0.12);
}

.bilab-status.is-paused[b-a92kudy4m2] {
    border-color: rgba(240, 178, 50, 0.34);
    color: #ffe6a0;
    background: rgba(240, 178, 50, 0.12);
}

.bilab-search[b-a92kudy4m2] {
    margin-bottom: 12px;
}

.bilab-group-tabs[b-a92kudy4m2] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 8px;
}

.bilab-tab[b-a92kudy4m2] {
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 7px 10px;
    color: var(--bilab-muted);
    background: transparent;
    font-size: 0.76rem;
    font-weight: 850;
    cursor: pointer;
}

.bilab-tab.is-active[b-a92kudy4m2] {
    border-color: var(--bilab-border-strong);
    color: #fff;
    background: rgba(0, 135, 179, 0.14);
}

@media (max-width: 640px) {
    .bilab-group-tabs[b-a92kudy4m2] {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .bilab-tab[b-a92kudy4m2] {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
    }
}

.bilab-preset-list[b-a92kudy4m2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: min(620px, calc(100vh - 330px));
    min-height: 260px;
    overflow: auto;
    padding-right: 2px;
}

.bilab-preset[b-a92kudy4m2] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    padding: 8px;
    color: var(--bilab-text);
    background: rgba(8, 19, 32, 0.78);
    text-align: left;
    cursor: pointer;
}

.bilab-preset:hover[b-a92kudy4m2],
.bilab-preset.is-selected[b-a92kudy4m2] {
    border-color: var(--bilab-border-strong);
    background: rgba(0, 135, 179, 0.12);
}

.bilab-preset-icon[b-a92kudy4m2] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.88), rgba(109, 75, 216, 0.78));
}

.bilab-preset-copy[b-a92kudy4m2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.bilab-preset-copy strong[b-a92kudy4m2],
.bilab-inspector-grid strong[b-a92kudy4m2],
.bilab-diagnostic strong[b-a92kudy4m2] {
    color: var(--bilab-text);
    font-weight: 850;
    line-height: 1.18;
}

.bilab-preset-copy span[b-a92kudy4m2],
.bilab-selected p[b-a92kudy4m2],
.bilab-selected strong[b-a92kudy4m2],
.bilab-inspector-grid span[b-a92kudy4m2],
.bilab-diagnostic span[b-a92kudy4m2],
.bilab-preview-meta[b-a92kudy4m2] {
    color: var(--bilab-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.bilab-capability.is-previewable[b-a92kudy4m2] {
    border-color: rgba(35, 165, 89, 0.34);
    color: #b9f6ca;
}

.bilab-capability.is-renderasset[b-a92kudy4m2] {
    border-color: rgba(88, 101, 242, 0.42);
    color: #c9d0ff;
}

.bilab-capability.is-preset[b-a92kudy4m2] {
    border-color: var(--bilab-border-strong);
    color: #a7efff;
}

.bilab-capability.is-template[b-a92kudy4m2] {
    border-color: rgba(240, 178, 50, 0.34);
    color: #ffe6a0;
}

.bilab-selected[b-a92kudy4m2] {
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid rgba(88, 101, 242, 0.26);
    border-radius: 8px;
    background: rgba(109, 75, 216, 0.1);
}

.bilab-selected > span[b-a92kudy4m2] {
    display: inline-flex;
    margin-bottom: 5px;
    color: #8ea1ff;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.bilab-selected p[b-a92kudy4m2] {
    margin: 6px 0 0;
}

.bilab-signal-grid[b-a92kudy4m2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.bilab-signal-grid > div[b-a92kudy4m2] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.66);
}

.bilab-signal-grid span[b-a92kudy4m2] {
    display: block;
    color: var(--bilab-muted);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bilab-signal-grid strong[b-a92kudy4m2] {
    display: block;
    margin-top: 4px;
    color: var(--bilab-text);
    font-size: 0.84rem;
    line-height: 1.2;
}

.bilab-signal-grid small[b-a92kudy4m2] {
    display: block;
    margin-top: 4px;
    color: var(--bilab-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.bilab-output-note[b-a92kudy4m2] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 10px 11px;
    border: 1px solid rgba(88, 101, 242, 0.34);
    border-radius: 8px;
    color: #c9d0ff;
    background: rgba(88, 101, 242, 0.11);
    font-size: 0.76rem;
    line-height: 1.4;
}

.bilab-output-note[b-a92kudy4m2]  .mud-icon-root {
    flex: 0 0 auto;
    color: #8ea1ff;
}

.bilab-switch-row[b-a92kudy4m2] {
    padding: 4px 0 10px;
}

.bilab-actions[b-a92kudy4m2] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.bilab-empty[b-a92kudy4m2] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed var(--bilab-border-strong);
    border-radius: 8px;
    color: var(--bilab-muted);
    background: rgba(8, 19, 32, 0.6);
    text-align: center;
}

.bilab-empty--preview[b-a92kudy4m2] {
    min-height: 430px;
}

.bilab-empty .mud-icon-root[b-a92kudy4m2] {
    color: #8ea1ff;
    font-size: 2.4rem;
}

.bilab-skeleton[b-a92kudy4m2] {
    border-radius: 8px;
}

.bilab-preview-meta[b-a92kudy4m2] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.bilab-preview-meta span[b-a92kudy4m2] {
    padding: 4px 8px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.06);
}

.bilab-image-preview[b-a92kudy4m2] {
    width: 100%;
    max-height: 540px;
    object-fit: contain;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    background: #07111f;
}

.bilab-diagnostic[b-a92kudy4m2] {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
}

.bilab-diagnostic > div:first-child[b-a92kudy4m2],
.bilab-inspector-grid > div[b-a92kudy4m2] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bilab-metric-grid[b-a92kudy4m2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 10px;
}

.bilab-metric-grid span[b-a92kudy4m2] {
    padding: 7px 8px;
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.62);
}

.bilab-inspector-grid[b-a92kudy4m2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.bilab-inspector-grid > div[b-a92kudy4m2] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--bilab-border);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.62);
}

.bilab-actions[b-a92kudy4m2]  .mud-button-root {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 0.7rem !important;
}

@media (max-width: 1280px) {
    .bilab-shell[b-a92kudy4m2] {
        grid-template-columns: minmax(280px, 0.9fr) minmax(380px, 1.1fr);
    }

    .bilab-preview[b-a92kudy4m2] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .bilab-shell[b-a92kudy4m2],
    .bilab-signal-grid[b-a92kudy4m2],
    .bilab-inspector-grid[b-a92kudy4m2],
    .bilab-metric-grid[b-a92kudy4m2] {
        grid-template-columns: 1fr;
    }

    .bilab-library[b-a92kudy4m2],
    .bilab-setup[b-a92kudy4m2],
    .bilab-preview[b-a92kudy4m2] {
        padding: 12px;
    }

    .bilab-preset[b-a92kudy4m2] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .bilab-capability[b-a92kudy4m2] {
        grid-column: 2;
        width: max-content;
    }

    .bilab-actions .mud-button-root[b-a92kudy4m2] {
        width: 100%;
    }
}
/* /Components/Admin/BotMessageTemplateList.razor.rz.scp.css */
.botmsg-summary[b-ic78okejl1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 12px 0;
}

.botmsg-summary-card[b-ic78okejl1] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 23, 40, 0.96), rgba(7, 17, 31, 0.96));
}

.botmsg-summary-card span[b-ic78okejl1],
.botmsg-summary-card strong[b-ic78okejl1],
.botmsg-summary-card small[b-ic78okejl1] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.botmsg-summary-card span[b-ic78okejl1] {
    color: #73d7f2;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.botmsg-summary-card strong[b-ic78okejl1] {
    margin-top: 5px;
    color: #f2f3f5;
    font-size: 0.95rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.botmsg-summary-card small[b-ic78okejl1] {
    margin-top: 4px;
    color: #949ba4;
    font-size: 0.72rem;
    line-height: 1.3;
}

.botmsg-summary-card.is-good[b-ic78okejl1] {
    border-color: rgba(35, 165, 89, 0.24);
}

.botmsg-summary-card.is-warning[b-ic78okejl1] {
    border-color: rgba(240, 178, 50, 0.28);
}

.botmsg-summary-card.is-danger[b-ic78okejl1] {
    border-color: rgba(218, 55, 60, 0.32);
}

.botmsg-summary-card.is-info[b-ic78okejl1] {
    border-color: rgba(72, 176, 209, 0.28);
}

.botmsg-workspace[b-ic78okejl1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 400px);
    gap: 12px;
    align-items: start;
}

.botmsg-list[b-ic78okejl1],
.botmsg-preview[b-ic78okejl1],
.botmsg-template-card[b-ic78okejl1],
.botmsg-template-title[b-ic78okejl1],
.botmsg-template-meta-grid > div[b-ic78okejl1],
.botmsg-template-snippet[b-ic78okejl1],
.botmsg-preview-head[b-ic78okejl1],
.botmsg-preview-surface[b-ic78okejl1],
.botmsg-json-details[b-ic78okejl1] {
    min-width: 0;
}

.botmsg-list-head[b-ic78okejl1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #949ba4;
    font-size: 0.76rem;
}

.botmsg-list-head span[b-ic78okejl1] {
    color: #f2f3f5;
    font-weight: 850;
}

.botmsg-template-list[b-ic78okejl1] {
    display: grid;
    gap: 8px;
}

.botmsg-template-card[b-ic78okejl1] {
    display: grid;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-left: 3px solid rgba(72, 176, 209, 0.28);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(9, 20, 34, 0.96), rgba(6, 15, 28, 0.96));
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.botmsg-template-card:hover[b-ic78okejl1],
.botmsg-template-card.is-selected[b-ic78okejl1] {
    border-color: rgba(72, 176, 209, 0.38);
    background: rgba(11, 31, 48, 0.96);
}

.botmsg-template-card.is-selected[b-ic78okejl1] {
    border-left-color: #0087b3;
    box-shadow: inset 3px 0 0 rgba(0, 135, 179, 0.78);
}

.botmsg-template-topline[b-ic78okejl1],
.botmsg-template-actions[b-ic78okejl1],
.botmsg-template-badges[b-ic78okejl1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.botmsg-template-topline[b-ic78okejl1] {
    justify-content: space-between;
}

.botmsg-template-title[b-ic78okejl1] {
    display: grid;
    gap: 3px;
}

.botmsg-template-title strong[b-ic78okejl1],
.botmsg-template-title span[b-ic78okejl1],
.botmsg-template-meta-grid span[b-ic78okejl1],
.botmsg-template-meta-grid strong[b-ic78okejl1],
.botmsg-template-snippet code[b-ic78okejl1],
.botmsg-meta dd[b-ic78okejl1],
.botmsg-preview-head strong[b-ic78okejl1] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botmsg-template-title strong[b-ic78okejl1] {
    color: #f2f3f5;
    font-size: 0.94rem;
    font-weight: 850;
}

.botmsg-template-title span[b-ic78okejl1] {
    color: #949ba4;
    font-size: 0.74rem;
}

.botmsg-template-badges[b-ic78okejl1] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.botmsg-template-meta-grid[b-ic78okejl1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.botmsg-template-meta-grid > div[b-ic78okejl1] {
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.66);
}

.botmsg-template-meta-grid span[b-ic78okejl1],
.botmsg-template-snippet span[b-ic78okejl1] {
    color: #73d7f2;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botmsg-template-meta-grid strong[b-ic78okejl1] {
    color: #f2f3f5;
    font-size: 0.76rem;
    font-weight: 750;
}

.botmsg-template-snippet[b-ic78okejl1] {
    display: grid;
    gap: 5px;
}

.botmsg-template-snippet code[b-ic78okejl1] {
    max-height: 38px;
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    color: #dbdee1;
    background: rgba(8, 19, 32, 0.72);
    font-size: 0.74rem;
    line-height: 1.35;
}

.botmsg-template-actions[b-ic78okejl1] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.botmsg-preview[b-ic78okejl1] {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(72, 176, 209, 0.2);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(9, 20, 34, 0.98), rgba(6, 15, 28, 0.98));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
}

.botmsg-preview-head[b-ic78okejl1] {
    display: grid;
    gap: 6px;
}

.botmsg-preview-head span[b-ic78okejl1] {
    color: #73d7f2;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.botmsg-preview-head strong[b-ic78okejl1] {
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.2;
}

.botmsg-preview-surface[b-ic78okejl1] {
    max-height: 360px;
    overflow: auto;
}

.botmsg-meta[b-ic78okejl1] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.botmsg-meta div[b-ic78okejl1] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.botmsg-meta dt[b-ic78okejl1] {
    color: #949ba4;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.botmsg-meta dd[b-ic78okejl1] {
    margin: 0;
    color: #f2f3f5;
    overflow-wrap: anywhere;
}

.botmsg-json-details[b-ic78okejl1] {
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.74);
}

.botmsg-json-details summary[b-ic78okejl1] {
    padding: 9px 11px;
    color: #f2f3f5;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 850;
}

.botmsg-json-details pre[b-ic78okejl1] {
    max-height: 220px;
    margin: 0;
    padding: 0 11px 11px;
    overflow: auto;
    color: #67e8f9;
    font-size: 0.72rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.botmsg-preview-actions[b-ic78okejl1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.botmsg-template-actions[b-ic78okejl1]  .mud-button-root,
.botmsg-preview-actions[b-ic78okejl1]  .mud-button-root {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 0.68rem !important;
}

[b-ic78okejl1] .botmsg-delete-action {
    color: #ffb4b7 !important;
}

@media (max-width: 1180px) {
    .botmsg-workspace[b-ic78okejl1] {
        grid-template-columns: 1fr;
    }

    .botmsg-summary[b-ic78okejl1],
    .botmsg-template-meta-grid[b-ic78okejl1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botmsg-preview[b-ic78okejl1] {
        position: static;
    }
}

@media (max-width: 640px) {
    .botmsg-summary[b-ic78okejl1],
    .botmsg-template-meta-grid[b-ic78okejl1],
    .botmsg-preview-actions[b-ic78okejl1],
    .botmsg-meta div[b-ic78okejl1] {
        grid-template-columns: 1fr;
    }

    .botmsg-list-head[b-ic78okejl1],
    .botmsg-template-topline[b-ic78okejl1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .botmsg-template-actions[b-ic78okejl1] {
        justify-content: flex-start;
    }

    .botmsg-template-title strong[b-ic78okejl1],
    .botmsg-template-title span[b-ic78okejl1],
    .botmsg-template-meta-grid strong[b-ic78okejl1],
    .botmsg-template-snippet code[b-ic78okejl1],
    .botmsg-meta dd[b-ic78okejl1],
    .botmsg-preview-head strong[b-ic78okejl1] {
        white-space: normal;
    }
}

/* Compact master/detail pass: the list chooses, the inspector explains. */
.botmsg-toolbar[b-ic78okejl1] {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin: 10px 0 12px;
}

.botmsg-toolbar-stats[b-ic78okejl1] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.botmsg-toolbar-stats span[b-ic78okejl1] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid rgba(72, 176, 209, 0.15);
    border-radius: 999px;
    color: #9fb4c8;
    background: rgba(8, 19, 32, 0.7);
    font-size: 0.72rem;
    line-height: 1;
    white-space: nowrap;
}

.botmsg-toolbar-stats strong[b-ic78okejl1] {
    color: #f8fbff;
    font-size: 0.82rem;
}

.botmsg-toolbar-stats .is-good[b-ic78okejl1] {
    border-color: rgba(35, 165, 89, 0.24);
}

.botmsg-toolbar-stats .is-danger[b-ic78okejl1] {
    border-color: rgba(218, 55, 60, 0.34);
    color: #ffb4b7;
}

.botmsg-search[b-ic78okejl1] {
    min-width: 0;
}

.botmsg-filter-drawer[b-ic78okejl1] {
    justify-self: end;
    min-width: 0;
}

.botmsg-filter-drawer summary[b-ic78okejl1] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(72, 176, 209, 0.28);
    border-radius: 7px;
    color: #73d7f2;
    background: rgba(0, 135, 179, 0.08);
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 850;
    list-style: none;
}

.botmsg-filter-drawer summary[b-ic78okejl1]::-webkit-details-marker {
    display: none;
}

.botmsg-filter-drawer[open][b-ic78okejl1] {
    grid-column: 1 / -1;
    justify-self: stretch;
}

.botmsg-filter-grid[b-ic78okejl1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(7, 17, 30, 0.72);
}

.botmsg-workspace[b-ic78okejl1] {
    height: clamp(400px, calc(100dvh - 660px), 460px);
    align-items: stretch;
    overflow: hidden;
}

.botmsg-list[b-ic78okejl1] {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.botmsg-list-head[b-ic78okejl1] {
    flex: 0 0 auto;
    margin-bottom: 8px;
}

.botmsg-list-head small[b-ic78okejl1] {
    display: none;
}

.botmsg-template-list[b-ic78okejl1] {
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 12px;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.36) rgba(4, 11, 22, 0.72);
}

.botmsg-template-list[b-ic78okejl1]::-webkit-scrollbar,
.botmsg-preview[b-ic78okejl1]::-webkit-scrollbar,
.botmsg-preview-surface[b-ic78okejl1]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.botmsg-template-list[b-ic78okejl1]::-webkit-scrollbar-thumb,
.botmsg-preview[b-ic78okejl1]::-webkit-scrollbar-thumb,
.botmsg-preview-surface[b-ic78okejl1]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.36);
}

.botmsg-template-list[b-ic78okejl1]::-webkit-scrollbar-track,
.botmsg-preview[b-ic78okejl1]::-webkit-scrollbar-track,
.botmsg-preview-surface[b-ic78okejl1]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.72);
}

.botmsg-template-card[b-ic78okejl1] {
    grid-template-columns: minmax(170px, 0.86fr) minmax(210px, 1.14fr) minmax(104px, max-content);
    align-items: start;
    gap: 7px 10px;
    min-height: 0;
    padding: 9px 10px;
    overflow: visible;
}

.botmsg-row-main[b-ic78okejl1],
.botmsg-row-target[b-ic78okejl1],
.botmsg-row-state[b-ic78okejl1] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.botmsg-row-main strong[b-ic78okejl1],
.botmsg-row-main span[b-ic78okejl1],
.botmsg-row-target span[b-ic78okejl1],
.botmsg-row-target small[b-ic78okejl1],
.botmsg-row-state small[b-ic78okejl1] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botmsg-row-main strong[b-ic78okejl1] {
    color: #f8fbff;
    font-size: 0.86rem;
    font-weight: 850;
}

.botmsg-row-main span[b-ic78okejl1],
.botmsg-row-target small[b-ic78okejl1],
.botmsg-row-state small[b-ic78okejl1] {
    color: #8aa2ba;
    font-size: 0.7rem;
}

.botmsg-row-target span[b-ic78okejl1] {
    color: #d8ebf7;
    font-size: 0.74rem;
    font-weight: 750;
}

.botmsg-row-state[b-ic78okejl1] {
    min-width: 104px;
    width: max-content;
    max-width: 132px;
    justify-self: end;
    justify-items: end;
}

.botmsg-row-state small[b-ic78okejl1] {
    width: 100%;
    text-align: right;
}

.botmsg-row-state[b-ic78okejl1]  .mud-chip-root {
    max-width: 100%;
}

.botmsg-template-actions[b-ic78okejl1] {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: flex-end;
    min-width: 0;
    padding-top: 1px;
}

.botmsg-preview[b-ic78okejl1] {
    position: static;
    max-height: 100%;
    overflow: auto;
}

.botmsg-preview-surface[b-ic78okejl1] {
    max-height: 250px;
}

@media (max-width: 1180px) {
    .botmsg-toolbar[b-ic78okejl1],
    .botmsg-filter-grid[b-ic78okejl1],
    .botmsg-template-card[b-ic78okejl1] {
        grid-template-columns: 1fr;
    }

    .botmsg-filter-drawer[b-ic78okejl1],
    .botmsg-row-state[b-ic78okejl1] {
        justify-self: stretch;
        justify-items: start;
    }

    .botmsg-workspace[b-ic78okejl1] {
        height: auto;
        overflow: visible;
    }

    .botmsg-template-list[b-ic78okejl1] {
        max-height: 360px;
    }

    .botmsg-preview[b-ic78okejl1] {
        max-height: 520px;
        overflow: auto;
    }
}

@media (max-width: 640px) {
    .botmsg-toolbar[b-ic78okejl1] {
        gap: 10px;
    }

    .botmsg-toolbar-stats span[b-ic78okejl1] {
        flex: 1 1 auto;
    }

    .botmsg-template-card[b-ic78okejl1] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        row-gap: 6px;
        min-height: 0;
        padding: 12px 10px;
    }

    .botmsg-row-main[b-ic78okejl1] {
        grid-column: 1;
        grid-row: 1;
    }

    .botmsg-row-target[b-ic78okejl1],
    .botmsg-row-state[b-ic78okejl1] {
        display: none;
    }

    .botmsg-template-actions[b-ic78okejl1] {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        justify-self: end;
        justify-content: flex-end;
    }

    .botmsg-template-actions[b-ic78okejl1]  .botmsg-row-action {
        display: none !important;
    }

    .botmsg-row-main strong[b-ic78okejl1],
    .botmsg-row-main span[b-ic78okejl1],
    .botmsg-row-target span[b-ic78okejl1],
    .botmsg-row-target small[b-ic78okejl1],
    .botmsg-row-state small[b-ic78okejl1] {
        white-space: normal;
    }

    .botmsg-row-main strong[b-ic78okejl1] {
        line-height: 1.12;
    }

    .botmsg-row-main strong[b-ic78okejl1],
    .botmsg-row-main span[b-ic78okejl1] {
        overflow: visible;
        text-overflow: clip;
    }

    .botmsg-row-main span[b-ic78okejl1] {
        display: none;
    }
}
/* /Components/Admin/BotOutputSystemsDeck.razor.rz.scp.css */
.bot-output-deck[b-bh7ia02cjs] {
    --bot-output-panel: #08111f;
    --bot-output-raised: #0b1728;
    --bot-output-border: rgba(72, 176, 209, 0.18);
    --bot-output-border-strong: rgba(72, 176, 209, 0.34);
    --bot-output-text: #f8fbff;
    --bot-output-muted: #8aa2ba;
    --bot-output-cyan: #0087b3;
    --bot-output-cyan-text: #73d7f2;
    --bot-output-blurple: #6d4bd8;
    --bot-output-green: #00d26a;
    --bot-output-amber: #f5b84b;
    --bot-output-red: #ff4d67;
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--bot-output-border);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98));
}

.bot-output-deck--compact[b-bh7ia02cjs] {
    padding: 12px;
}

.bot-output-deck__head[b-bh7ia02cjs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.bot-output-deck__head span[b-bh7ia02cjs],
.bot-output-status-board__title span[b-bh7ia02cjs] {
    display: inline-flex;
    color: var(--bot-output-cyan-text);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bot-output-deck__head h3[b-bh7ia02cjs] {
    margin: 3px 0 4px;
    color: var(--bot-output-text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.18;
}

.bot-output-deck__head p[b-bh7ia02cjs] {
    max-width: 820px;
    margin: 0;
    color: var(--bot-output-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.bot-output-deck__head > strong[b-bh7ia02cjs],
.bot-output-status-board__title strong[b-bh7ia02cjs] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(240, 178, 50, 0.28);
    border-radius: 999px;
    color: #ffe6a0;
    background: rgba(240, 178, 50, 0.1);
    font-size: 0.72rem;
    line-height: 1;
}

.bot-output-grid[b-bh7ia02cjs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.bot-output-card[b-bh7ia02cjs],
.bot-output-row[b-bh7ia02cjs] {
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.bot-output-card[b-bh7ia02cjs] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 11px;
    border: 1px solid var(--bot-output-border);
    border-radius: 8px;
    background: rgba(15, 28, 45, 0.74);
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.bot-output-card:hover[b-bh7ia02cjs],
.bot-output-row:hover[b-bh7ia02cjs] {
    border-color: rgba(115, 215, 242, 0.44);
    background: rgba(0, 135, 179, 0.1);
}

.bot-output-card:hover[b-bh7ia02cjs] {
    transform: translateY(-1px);
}

.bot-output-card__icon[b-bh7ia02cjs] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.9), rgba(109, 75, 216, 0.78));
}

.bot-output-card__copy[b-bh7ia02cjs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bot-output-card strong[b-bh7ia02cjs],
.bot-output-row strong[b-bh7ia02cjs] {
    color: var(--bot-output-text);
    font-size: 0.88rem;
    line-height: 1.18;
}

.bot-output-card small[b-bh7ia02cjs],
.bot-output-row small[b-bh7ia02cjs] {
    color: var(--bot-output-muted);
    font-size: 0.74rem;
    line-height: 1.35;
}

.bot-output-card em[b-bh7ia02cjs],
.bot-output-row em[b-bh7ia02cjs] {
    grid-column: 2;
    width: fit-content;
    max-width: 100%;
    padding: 4px 7px;
    border: 1px solid var(--bot-output-border-strong);
    border-radius: 999px;
    color: #dbdee1;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
    line-height: 1;
    overflow-wrap: anywhere;
}

.bot-output-card.is-good em[b-bh7ia02cjs],
.bot-output-row.is-good em[b-bh7ia02cjs] {
    border-color: rgba(35, 165, 89, 0.34);
    color: #b9f6ca;
    background: rgba(35, 165, 89, 0.1);
}

.bot-output-card.is-warning em[b-bh7ia02cjs],
.bot-output-row.is-warning em[b-bh7ia02cjs] {
    border-color: rgba(240, 178, 50, 0.34);
    color: #ffe6a0;
    background: rgba(240, 178, 50, 0.1);
}

.bot-output-card.is-danger em[b-bh7ia02cjs],
.bot-output-row.is-danger em[b-bh7ia02cjs] {
    border-color: rgba(218, 55, 60, 0.34);
    color: #ffb4b7;
    background: rgba(218, 55, 60, 0.1);
}

.bot-output-status-board[b-bh7ia02cjs] {
    display: grid;
    gap: 9px;
    padding-top: 4px;
}

.bot-output-status-board__title[b-bh7ia02cjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bot-output-rows[b-bh7ia02cjs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.bot-output-row[b-bh7ia02cjs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--bot-output-border);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.46);
}

.bot-output-row > span:first-child[b-bh7ia02cjs],
.bot-output-row__meta[b-bh7ia02cjs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bot-output-row__meta[b-bh7ia02cjs] {
    align-items: flex-end;
}

.bot-output-row__meta b[b-bh7ia02cjs],
.bot-output-row__meta i[b-bh7ia02cjs] {
    color: #c9d0ff;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bot-output-row__meta i[b-bh7ia02cjs] {
    color: #ffe6a0;
}

.bot-output-row em[b-bh7ia02cjs] {
    grid-column: 1 / -1;
}

@media (max-width: 1180px) {
    .bot-output-grid[b-bh7ia02cjs],
    .bot-output-rows[b-bh7ia02cjs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .bot-output-deck__head[b-bh7ia02cjs],
    .bot-output-status-board__title[b-bh7ia02cjs] {
        flex-direction: column;
        align-items: stretch;
    }

    .bot-output-grid[b-bh7ia02cjs],
    .bot-output-rows[b-bh7ia02cjs],
    .bot-output-row[b-bh7ia02cjs] {
        grid-template-columns: 1fr;
    }

    .bot-output-row__meta[b-bh7ia02cjs] {
        align-items: flex-start;
    }
}
/* /Components/Admin/BotServerDetailPanel.razor.rz.scp.css */
.botset-muted[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.58);
}

.botset-empty[b-gj9wyu8k3n] {
    min-height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    border: 1px dashed rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    color: rgba(226, 232, 240, 0.58);
    background: rgba(15, 23, 42, 0.48);
}

.botserver-detail-panel[b-gj9wyu8k3n] {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botserver-detail-panel--page[b-gj9wyu8k3n] {
    padding: 18px;
}

.botserver-detail-header[b-gj9wyu8k3n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(72, 176, 209, 0.14);
}

.botserver-detail-heading[b-gj9wyu8k3n],
.botserver-danger-zone[b-gj9wyu8k3n],
.botserver-routing-row[b-gj9wyu8k3n] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.botserver-detail-header .botserver-detail-heading[b-gj9wyu8k3n] {
    align-items: center;
}

.botserver-detail-header-chips[b-gj9wyu8k3n] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.botserver-avatar[b-gj9wyu8k3n] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    color: #73d7f2;
    background: rgba(3, 7, 18, 0.54);
}

.botserver-avatar img[b-gj9wyu8k3n] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.botserver-avatar--large[b-gj9wyu8k3n] {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

.botserver-detail-grid[b-gj9wyu8k3n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 4px;
}

.botserver-detail-section[b-gj9wyu8k3n] {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.62);
}

.botserver-context-section[b-gj9wyu8k3n] {
    grid-column: 1 / -1;
    background: rgba(8, 19, 32, 0.78);
}

.botserver-context-stats[b-gj9wyu8k3n] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.botserver-context-stats > div[b-gj9wyu8k3n] {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(11, 23, 40, 0.66);
}

.botserver-context-stats span[b-gj9wyu8k3n],
.botserver-context-stats strong[b-gj9wyu8k3n],
.botserver-context-stats small[b-gj9wyu8k3n],
.botserver-actor-strip strong[b-gj9wyu8k3n],
.botserver-actor-strip small[b-gj9wyu8k3n] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-context-stats span[b-gj9wyu8k3n] {
    color: #73d7f2;
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botserver-context-stats strong[b-gj9wyu8k3n] {
    color: #f2f3f5;
    font-size: 0.88rem;
    font-weight: 850;
}

.botserver-context-stats small[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.7rem;
}

.botserver-actor-strip[b-gj9wyu8k3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.botserver-actor-strip > span[b-gj9wyu8k3n] {
    min-width: 0;
    max-width: 260px;
    padding: 8px 10px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.08);
}

.botserver-actor-strip strong[b-gj9wyu8k3n] {
    color: #f2f3f5;
    font-size: 0.78rem;
}

.botserver-actor-strip small[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.62);
    font-size: 0.68rem;
}

.botserver-attachment-empty[b-gj9wyu8k3n] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 1px dashed rgba(240, 178, 50, 0.24);
    border-radius: 8px;
    color: rgba(226, 232, 240, 0.66);
    background: rgba(240, 178, 50, 0.06);
}

.botserver-attachment-list[b-gj9wyu8k3n] {
    display: grid;
    gap: 10px;
}

.botserver-attachment-group[b-gj9wyu8k3n] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.34);
}

.botserver-attachment-group-header[b-gj9wyu8k3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(11, 23, 40, 0.72);
}

.botserver-attachment-group-header > div[b-gj9wyu8k3n] {
    min-width: 0;
}

.botserver-attachment-group-header strong[b-gj9wyu8k3n],
.botserver-attachment-group-header span[b-gj9wyu8k3n] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-attachment-group-header strong[b-gj9wyu8k3n] {
    color: #f8fafc;
    font-size: 0.8rem;
    font-weight: 900;
}

.botserver-attachment-group-header span[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.68rem;
}

.botserver-attachment-group-list[b-gj9wyu8k3n] {
    display: grid;
    max-height: min(42vh, 420px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botserver-attachment-row[b-gj9wyu8k3n] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(160px, 0.42fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid rgba(72, 176, 209, 0.1);
    background: rgba(11, 23, 40, 0.38);
}

.botserver-attachment-row:first-child[b-gj9wyu8k3n] {
    border-top: 0;
}

.botserver-attachment-row:hover[b-gj9wyu8k3n] {
    background: rgba(0, 135, 179, 0.08);
}

.botserver-attachment-main[b-gj9wyu8k3n] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.botserver-attachment-main > div[b-gj9wyu8k3n],
.botserver-attachment-meta[b-gj9wyu8k3n] {
    min-width: 0;
}

.botserver-attachment-main > div > strong[b-gj9wyu8k3n],
.botserver-attachment-main > div > span[b-gj9wyu8k3n],
.botserver-attachment-meta span[b-gj9wyu8k3n],
.botserver-attachment-meta small[b-gj9wyu8k3n] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-attachment-main > div > strong[b-gj9wyu8k3n] {
    color: #f2f3f5;
    font-size: 0.78rem;
    font-weight: 850;
}

.botserver-attachment-main > div > span[b-gj9wyu8k3n],
.botserver-attachment-meta small[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.68rem;
}

.botserver-attachment-meta span[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.7rem;
    font-weight: 750;
}

.botserver-status-dot[b-gj9wyu8k3n] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.75);
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.1);
}

.botserver-status-dot.is-healthy[b-gj9wyu8k3n] {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}

.botserver-status-dot.is-missing[b-gj9wyu8k3n] {
    background: #fb7185;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.12);
}

.botserver-status-dot.is-stale[b-gj9wyu8k3n],
.botserver-status-dot.is-ambiguous[b-gj9wyu8k3n] {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}

.botserver-channel-map[b-gj9wyu8k3n] {
    display: grid;
    gap: 4px;
}

.botserver-channel-map span[b-gj9wyu8k3n] {
    display: block;
    color: rgba(226, 232, 240, 0.56);
    font-size: 0.72rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

.botserver-routing-list[b-gj9wyu8k3n] {
    display: grid;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botserver-routing-row[b-gj9wyu8k3n] {
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(11, 23, 40, 0.46);
}

.botserver-routing-row strong[b-gj9wyu8k3n],
.botserver-routing-row span[b-gj9wyu8k3n] {
    display: block;
}

.botserver-routing-row strong[b-gj9wyu8k3n] {
    color: #f8fafc;
    font-size: 0.82rem;
}

.botserver-routing-row span[b-gj9wyu8k3n] {
    color: rgba(226, 232, 240, 0.56);
    font-size: 0.7rem;
}

.botserver-danger-zone[b-gj9wyu8k3n] {
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border: 1px solid rgba(248, 113, 113, 0.3);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.13);
}

[b-gj9wyu8k3n] .mud-button-root {
    border-radius: 8px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

[b-gj9wyu8k3n] .mud-input,
[b-gj9wyu8k3n] .mud-select,
[b-gj9wyu8k3n] .mud-input-control {
    color: rgba(248, 250, 252, 0.9);
}

[b-gj9wyu8k3n] .mud-input-label {
    color: rgba(226, 232, 240, 0.62) !important;
}

@media (max-width: 980px) {
    .botserver-detail-grid[b-gj9wyu8k3n],
    .botserver-detail-header[b-gj9wyu8k3n],
    .botserver-context-stats[b-gj9wyu8k3n],
    .botserver-attachment-group-header[b-gj9wyu8k3n],
    .botserver-attachment-row[b-gj9wyu8k3n] {
        grid-template-columns: 1fr;
    }

    .botserver-detail-header[b-gj9wyu8k3n] {
        display: grid;
    }

    .botserver-detail-header-chips[b-gj9wyu8k3n],
    .botserver-danger-zone[b-gj9wyu8k3n] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .botserver-detail-panel[b-gj9wyu8k3n] {
        padding: 12px;
    }

    .botserver-attachment-group-list[b-gj9wyu8k3n] {
        max-height: 320px;
    }

    .botserver-context-heading[b-gj9wyu8k3n],
    .botserver-attachment-group-header[b-gj9wyu8k3n],
    .botserver-attachment-main[b-gj9wyu8k3n] {
        flex-wrap: wrap;
    }

    .botserver-context-stats strong[b-gj9wyu8k3n],
    .botserver-context-stats small[b-gj9wyu8k3n],
    .botserver-attachment-main > div > strong[b-gj9wyu8k3n],
    .botserver-attachment-main > div > span[b-gj9wyu8k3n],
    .botserver-attachment-meta span[b-gj9wyu8k3n],
    .botserver-attachment-meta small[b-gj9wyu8k3n] {
        white-space: normal;
    }

    .botserver-danger-zone[b-gj9wyu8k3n] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Admin/BotServerTable.razor.rz.scp.css */
.botset-panel[b-dgkekiir2a] {
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98));
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

[b-dgkekiir2a] .botset-panel > .mud-card-content {
    padding: 18px;
}

.botset-panel[b-dgkekiir2a]  .mud-card-content {
    padding: 18px;
}

.botset-panel-title[b-dgkekiir2a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.botset-muted[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.58);
}

.botset-actions-inline[b-dgkekiir2a] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.botset-empty[b-dgkekiir2a] {
    min-height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    border: 1px dashed rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    color: rgba(226, 232, 240, 0.58);
    background: rgba(15, 23, 42, 0.48);
}

.botset-command-name[b-dgkekiir2a] {
    color: #fff;
    font-weight: 850;
}

.botserver-toolbar[b-dgkekiir2a] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(160px, 210px));
    gap: 10px;
    margin-bottom: 12px;
}

.botserver-workspace[b-dgkekiir2a] {
    display: block;
}

.botserver-list[b-dgkekiir2a] {
    display: grid;
    gap: 8px;
    max-height: min(880px, calc(100vh - 300px));
    overflow: auto;
    padding-right: 2px;
    scrollbar-color: rgba(115, 215, 242, 0.32) rgba(15, 23, 42, 0.42);
    scrollbar-width: thin;
}

.botserver-panel[b-dgkekiir2a] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.82);
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.botserver-panel:hover[b-dgkekiir2a],
.botserver-panel.is-selected[b-dgkekiir2a] {
    border-color: rgba(115, 215, 242, 0.32);
    background: rgba(11, 23, 40, 0.96);
}

.botserver-panel.is-selected[b-dgkekiir2a] {
    box-shadow: inset 3px 0 0 #0087b3, 0 16px 34px rgba(0, 0, 0, 0.22);
}

.botserver-list-card[b-dgkekiir2a] {
    width: 100%;
    display: block;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: default;
}

.botserver-list-card:focus-visible[b-dgkekiir2a] {
    outline: 2px solid rgba(115, 215, 242, 0.68);
    outline-offset: -2px;
}

.botserver-list-actions[b-dgkekiir2a] {
    display: flex;
    justify-content: flex-end;
    padding: 0 12px 12px;
}

.botserver-row[b-dgkekiir2a] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.18fr) minmax(240px, 1fr);
    gap: 12px;
    align-items: center;
    padding: 11px 13px;
}

.botserver-row--scan[b-dgkekiir2a] {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.botserver-row--scan .botserver-channel-summary[b-dgkekiir2a],
.botserver-row--scan .botserver-state[b-dgkekiir2a] {
    justify-content: flex-start;
}

.botserver-identity[b-dgkekiir2a],
.botserver-context-summary[b-dgkekiir2a],
.botserver-channel-summary[b-dgkekiir2a],
.botserver-state[b-dgkekiir2a],
.botserver-detail-heading[b-dgkekiir2a],
.botserver-danger-zone[b-dgkekiir2a],
.botserver-routing-row[b-dgkekiir2a] {
    min-width: 0;
}

.botserver-identity[b-dgkekiir2a],
.botserver-channel-summary[b-dgkekiir2a],
.botserver-detail-heading[b-dgkekiir2a],
.botserver-danger-zone[b-dgkekiir2a],
.botserver-routing-row[b-dgkekiir2a] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.botserver-avatar[b-dgkekiir2a] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    color: #73d7f2;
    background: rgba(3, 7, 18, 0.54);
}

.botserver-avatar img[b-dgkekiir2a] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.botserver-avatar--large[b-dgkekiir2a] {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

.botserver-channel-summary[b-dgkekiir2a] {
    flex-wrap: wrap;
}

.botserver-context-summary[b-dgkekiir2a] {
    display: grid;
    gap: 5px;
}

.botserver-context-heading[b-dgkekiir2a] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.botserver-context-heading strong[b-dgkekiir2a],
.botserver-context-summary span[b-dgkekiir2a] {
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-context-heading strong[b-dgkekiir2a] {
    color: #f2f3f5;
    font-size: 0.84rem;
    font-weight: 850;
}

.botserver-context-summary span[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.6);
    font-size: 0.72rem;
}

.botserver-state[b-dgkekiir2a] {
    display: grid;
    gap: 4px;
}

.botserver-state[b-dgkekiir2a]  .mud-chip,
.botserver-channel-summary[b-dgkekiir2a]  .mud-chip {
    max-width: 100%;
}

.botserver-detail-grid[b-dgkekiir2a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 4px;
}

.botserver-detail-panel[b-dgkekiir2a] {
    position: sticky;
    top: 92px;
    min-width: 0;
    max-height: calc(100vh - 132px);
    overflow: auto;
    padding: 16px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
    scrollbar-color: rgba(115, 215, 242, 0.32) rgba(15, 23, 42, 0.42);
    scrollbar-width: thin;
}

.botserver-detail-header[b-dgkekiir2a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(72, 176, 209, 0.14);
}

.botserver-detail-header .botserver-detail-heading[b-dgkekiir2a] {
    align-items: center;
}

.botserver-detail-header-chips[b-dgkekiir2a] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.botserver-detail-section[b-dgkekiir2a] {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.62);
}

.botserver-detail-heading[b-dgkekiir2a] {
    align-items: flex-start;
}

.botserver-context-section[b-dgkekiir2a] {
    grid-column: 1 / -1;
    background: rgba(8, 19, 32, 0.78);
}

.botserver-context-stats[b-dgkekiir2a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.botserver-context-stats > div[b-dgkekiir2a] {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(11, 23, 40, 0.66);
}

.botserver-context-stats span[b-dgkekiir2a],
.botserver-context-stats strong[b-dgkekiir2a],
.botserver-context-stats small[b-dgkekiir2a],
.botserver-actor-strip strong[b-dgkekiir2a],
.botserver-actor-strip small[b-dgkekiir2a] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-context-stats span[b-dgkekiir2a] {
    color: #73d7f2;
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botserver-context-stats strong[b-dgkekiir2a] {
    color: #f2f3f5;
    font-size: 0.88rem;
    font-weight: 850;
}

.botserver-context-stats small[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.7rem;
}

.botserver-actor-strip[b-dgkekiir2a] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.botserver-actor-strip > span[b-dgkekiir2a] {
    min-width: 0;
    max-width: 260px;
    padding: 8px 10px;
    border: 1px solid rgba(72, 176, 209, 0.2);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.08);
}

.botserver-actor-strip strong[b-dgkekiir2a] {
    color: #f2f3f5;
    font-size: 0.78rem;
}

.botserver-actor-strip small[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.62);
    font-size: 0.68rem;
}

.botserver-attachment-empty[b-dgkekiir2a] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 1px dashed rgba(240, 178, 50, 0.24);
    border-radius: 8px;
    color: rgba(226, 232, 240, 0.66);
    background: rgba(240, 178, 50, 0.06);
}

.botserver-attachment-list[b-dgkekiir2a] {
    display: grid;
    gap: 10px;
}

.botserver-attachment-group[b-dgkekiir2a] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background: rgba(2, 8, 23, 0.24);
}

.botserver-attachment-group-header[b-dgkekiir2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(15, 23, 42, 0.46);
}

.botserver-attachment-group-header > div[b-dgkekiir2a] {
    min-width: 0;
}

.botserver-attachment-group-header strong[b-dgkekiir2a],
.botserver-attachment-group-header span[b-dgkekiir2a] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-attachment-group-header strong[b-dgkekiir2a] {
    color: #f8fafc;
    font-size: 0.8rem;
    font-weight: 900;
}

.botserver-attachment-group-header span[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.68rem;
}

.botserver-attachment-group-list[b-dgkekiir2a] {
    display: grid;
    max-height: min(42vh, 420px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.36) rgba(15, 23, 42, 0.38);
    scrollbar-width: thin;
}

.botserver-attachment-row[b-dgkekiir2a] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(160px, 0.42fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
    background: rgba(255, 255, 255, 0.018);
}

.botserver-attachment-row:first-child[b-dgkekiir2a] {
    border-top: 0;
}

.botserver-attachment-row:hover[b-dgkekiir2a] {
    background: rgba(0, 135, 179, 0.07);
}

.botserver-attachment-main[b-dgkekiir2a] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.botserver-attachment-main > div[b-dgkekiir2a],
.botserver-attachment-meta[b-dgkekiir2a] {
    min-width: 0;
}

.botserver-attachment-main > div > strong[b-dgkekiir2a],
.botserver-attachment-main > div > span[b-dgkekiir2a],
.botserver-attachment-meta span[b-dgkekiir2a],
.botserver-attachment-meta small[b-dgkekiir2a] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botserver-attachment-main > div > strong[b-dgkekiir2a] {
    color: #f2f3f5;
    font-size: 0.78rem;
    font-weight: 850;
}

.botserver-attachment-main > div > span[b-dgkekiir2a],
.botserver-attachment-meta small[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.68rem;
}

.botserver-attachment-meta span[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.7rem;
    font-weight: 750;
}

.botserver-status-dot[b-dgkekiir2a] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.75);
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.1);
}

.botserver-status-dot.is-healthy[b-dgkekiir2a] {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}

.botserver-status-dot.is-missing[b-dgkekiir2a] {
    background: #fb7185;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.12);
}

.botserver-status-dot.is-stale[b-dgkekiir2a],
.botserver-status-dot.is-ambiguous[b-dgkekiir2a] {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}

.botserver-attachment-row[b-dgkekiir2a]  .mud-button-root {
    min-width: 0;
    padding-inline: 8px;
    color: #73d7f2;
}

.botserver-channel-map[b-dgkekiir2a] {
    display: grid;
    gap: 4px;
}

.botserver-channel-map span[b-dgkekiir2a] {
    display: block;
    color: rgba(226, 232, 240, 0.56);
    font-size: 0.72rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

.botserver-routing-list[b-dgkekiir2a] {
    display: grid;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
}

.botserver-routing-row[b-dgkekiir2a] {
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.botserver-routing-row strong[b-dgkekiir2a],
.botserver-routing-row span[b-dgkekiir2a] {
    display: block;
}

.botserver-routing-row strong[b-dgkekiir2a] {
    color: #f8fafc;
    font-size: 0.82rem;
}

.botserver-routing-row span[b-dgkekiir2a] {
    color: rgba(226, 232, 240, 0.56);
    font-size: 0.7rem;
}

.botserver-danger-zone[b-dgkekiir2a] {
    justify-content: space-between;
    padding: 12px 14px;
    border: 1px solid rgba(248, 113, 113, 0.3);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.13);
}

[b-dgkekiir2a] .botset-panel .mud-input,
[b-dgkekiir2a] .botset-panel .mud-select,
[b-dgkekiir2a] .botset-panel .mud-input-control {
    color: rgba(248, 250, 252, 0.9);
}

[b-dgkekiir2a] .botset-panel .mud-input-label {
    color: rgba(226, 232, 240, 0.62) !important;
}

[b-dgkekiir2a] .botset-panel .mud-button-root {
    border-radius: 8px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

@media (max-width: 1240px) {
    .botserver-workspace[b-dgkekiir2a] {
        grid-template-columns: 1fr;
    }

    .botserver-list[b-dgkekiir2a] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .botserver-detail-panel[b-dgkekiir2a] {
        position: static;
        max-height: none;
    }

    .botserver-row[b-dgkekiir2a] {
        grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr) minmax(220px, 1fr);
    }
}

@media (max-width: 760px) {
    [b-dgkekiir2a] .botset-panel > .mud-card-content {
        padding: 14px;
    }

    .botset-panel[b-dgkekiir2a]  .mud-card-content {
        padding: 12px;
    }

    .botserver-attachment-group-list[b-dgkekiir2a] {
        max-height: 320px;
    }

    .botset-panel-title[b-dgkekiir2a] {
        flex-direction: column;
    }

    .botserver-toolbar[b-dgkekiir2a],
    .botserver-row[b-dgkekiir2a],
    .botserver-detail-grid[b-dgkekiir2a],
    .botserver-detail-header[b-dgkekiir2a],
    .botserver-context-stats[b-dgkekiir2a],
    .botserver-attachment-group-header[b-dgkekiir2a],
    .botserver-attachment-row[b-dgkekiir2a] {
        grid-template-columns: 1fr;
    }

    .botserver-row[b-dgkekiir2a] {
        gap: 10px;
        padding: 14px;
    }

    .botserver-channel-summary[b-dgkekiir2a],
    .botserver-attachment-main[b-dgkekiir2a],
    .botserver-detail-header-chips[b-dgkekiir2a],
    .botserver-danger-zone[b-dgkekiir2a] {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .botserver-context-heading[b-dgkekiir2a],
    .botserver-attachment-group-header[b-dgkekiir2a],
    .botserver-attachment-main[b-dgkekiir2a] {
        flex-wrap: wrap;
    }

    .botserver-context-heading strong[b-dgkekiir2a],
    .botserver-context-summary span[b-dgkekiir2a],
    .botserver-attachment-main > div > strong[b-dgkekiir2a],
    .botserver-attachment-main > div > span[b-dgkekiir2a],
    .botserver-attachment-meta span[b-dgkekiir2a],
    .botserver-attachment-meta small[b-dgkekiir2a] {
        white-space: normal;
    }

    .botserver-danger-zone[b-dgkekiir2a] {
        flex-direction: column;
    }
}
/* /Components/Admin/BotSettingsEmptyState.razor.rz.scp.css */
.botset-empty[b-2jbgk1mhlj] {
    min-height: var(--botset-empty-min-height, 160px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #949ba4;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.botset-empty--compact[b-2jbgk1mhlj] {
    padding: 16px;
    text-align: center;
}
/* /Components/Admin/BotSummaryCard.razor.rz.scp.css */
.botset-summary-card[b-l74jxhlyle] {
    height: 100%;
    border-radius: 8px !important;
    border: 1px solid rgba(72, 176, 209, 0.18) !important;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2) !important;
}

.botset-summary-card.danger[b-l74jxhlyle] {
    border-color: rgba(255, 77, 103, 0.34) !important;
}

.botset-summary-card[b-l74jxhlyle]  .mud-card-content {
    min-height: 104px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value";
    column-gap: 12px;
    align-items: center;
    padding: 14px !important;
}

.botset-summary-icon[b-l74jxhlyle] {
    grid-area: icon;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.9), rgba(109, 75, 216, 0.72));
}

.botset-summary-card.danger .botset-summary-icon[b-l74jxhlyle] {
    background: linear-gradient(135deg, #b4233b, #7f1d2d);
}

.botset-muted[b-l74jxhlyle] {
    grid-area: label;
    align-self: end;
    color: #8aa2ba !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase;
}

.botset-summary-value[b-l74jxhlyle] {
    grid-area: value;
    align-self: start;
    color: #f8fbff;
    font-size: 1.42rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}
/* /Components/Admin/BotSupportTicketsPanel.razor.rz.scp.css */
[b-wjdw99osmw] .botset-panel {
    margin-top: 0 !important;
    border: 1px solid rgba(72, 176, 209, 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)) !important;
}

[b-wjdw99osmw] .botset-panel .mud-card-content {
    padding: 16px !important;
}

.botset-panel-title[b-wjdw99osmw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.botset-panel-title .mud-typography-h6[b-wjdw99osmw] {
    color: #f8fbff;
    font-weight: 850;
}

.botset-muted[b-wjdw99osmw] {
    color: #8aa2ba !important;
}

.botsupport-workspace[b-wjdw99osmw] {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    gap: 12px;
    align-items: start;
}

.botsupport-list[b-wjdw99osmw],
.botsupport-detail[b-wjdw99osmw] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
}

.botsupport-detail[b-wjdw99osmw] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.botset-table[b-wjdw99osmw] {
    min-width: 560px;
    background: transparent !important;
}

[b-wjdw99osmw] .mud-table {
    background: transparent !important;
}

[b-wjdw99osmw] .mud-table-head {
    background: #0b1728;
}

[b-wjdw99osmw] .mud-table-cell {
    border-bottom-color: rgba(72, 176, 209, 0.12) !important;
    color: #dce8f4;
}

[b-wjdw99osmw] .mud-table-head .mud-table-cell {
    color: #8aa2ba;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botset-empty[b-wjdw99osmw] {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 22px;
    border: 1px dashed rgba(72, 176, 209, 0.24);
    border-radius: 8px;
    color: #8aa2ba;
    background: rgba(3, 7, 18, 0.32);
    text-align: center;
}

.botset-empty[b-wjdw99osmw]  .mud-icon-root {
    color: #73d7f2;
}

.botsupport-detail-head[b-wjdw99osmw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(72, 176, 209, 0.14);
}

.botsupport-detail-head span[b-wjdw99osmw] {
    display: block;
    color: #73d7f2;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.botsupport-detail-head strong[b-wjdw99osmw] {
    display: block;
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.botsupport-messages[b-wjdw99osmw] {
    display: grid;
    gap: 8px;
    max-height: min(480px, calc(100vh - 500px));
    min-height: 180px;
    overflow: auto;
    padding-right: 2px;
    overscroll-behavior: contain;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botsupport-message[b-wjdw99osmw] {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid rgba(72, 176, 209, 0.12);
    border-radius: 8px;
    background: rgba(11, 23, 40, 0.72);
}

.botsupport-message-meta[b-wjdw99osmw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.botsupport-message-meta span[b-wjdw99osmw] {
    color: #f8fbff;
    font-size: 0.8rem;
    font-weight: 850;
}

.botsupport-message-meta small[b-wjdw99osmw] {
    color: #8aa2ba;
    font-size: 0.68rem;
    text-align: right;
}

.botsupport-message p[b-wjdw99osmw] {
    margin: 0;
    color: #dce8f4;
    font-size: 0.84rem;
    line-height: 1.42;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.botsupport-reply[b-wjdw99osmw] {
    display: grid;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(72, 176, 209, 0.14);
}

.botsupport-reply[b-wjdw99osmw]  .mud-button-root {
    justify-self: end;
}

@media (max-width: 1080px) {
    .botsupport-workspace[b-wjdw99osmw] {
        grid-template-columns: 1fr;
    }

    .botsupport-messages[b-wjdw99osmw] {
        max-height: 420px;
    }
}

@media (max-width: 720px) {
    .botset-panel-title[b-wjdw99osmw],
    .botsupport-detail-head[b-wjdw99osmw],
    .botsupport-message-meta[b-wjdw99osmw] {
        flex-direction: column;
        align-items: stretch;
    }

    .botset-table[b-wjdw99osmw] {
        min-width: 520px;
    }

    .botsupport-list[b-wjdw99osmw] {
        overflow-x: auto;
    }

    .botsupport-reply[b-wjdw99osmw]  .mud-button-root {
        justify-self: stretch;
    }
}
/* /Components/Admin/DiscordEmbedEditor.razor.rz.scp.css */
.embed-editor-card[b-mgns29wtmj] {
    overflow: clip !important;
}

.embed-editor-card[b-mgns29wtmj]  .mud-card-content {
    display: block !important;
    padding: 14px !important;
}

.embed-editor-layout[b-mgns29wtmj] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
    align-items: flex-start;
    gap: 14px;
    width: 100%;
}

.embed-editor-form[b-mgns29wtmj] {
    min-width: 0;
    display: grid;
    gap: 10px;
}

.embed-editor-preview[b-mgns29wtmj] {
    width: 100%;
    min-width: 0;
    max-width: 420px;
    position: sticky;
    top: 104px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.embed-editor-toolbar[b-mgns29wtmj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.embed-editor-toolbar[b-mgns29wtmj]  .mud-button-group-root {
    padding: 2px;
    border: 1px solid rgba(72, 176, 209, 0.22);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.78);
}

.embed-editor-toolbar[b-mgns29wtmj]  .mud-button-root {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 0.72rem !important;
}

.embed-editor-status-strip[b-mgns29wtmj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.embed-editor-status-strip > div[b-mgns29wtmj] {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-left: 3px solid #0087b3;
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.82);
}

.embed-editor-status-strip > div.is-good[b-mgns29wtmj] {
    border-left-color: #23a559;
}

.embed-editor-status-strip > div.is-warning[b-mgns29wtmj] {
    border-left-color: #f0b232;
}

.embed-editor-status-strip span[b-mgns29wtmj],
.embed-editor-status-strip strong[b-mgns29wtmj] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.embed-editor-status-strip span[b-mgns29wtmj] {
    color: #73d7f2;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.embed-editor-status-strip strong[b-mgns29wtmj] {
    color: #f4fbff;
    font-size: 0.84rem;
    font-weight: 850;
}

.embed-editor-grid[b-mgns29wtmj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 10px;
}

.embed-editor-section[b-mgns29wtmj] {
    display: grid;
    gap: 10px;
    padding: 12px;
    margin: 0;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(11, 23, 40, 0.96), rgba(7, 17, 31, 0.96)),
        #0b1728 !important;
}

.embed-editor-section[b-mgns29wtmj]  .mud-typography-subtitle1 {
    font-size: 0.92rem;
    line-height: 1.2;
}

.embed-tag-list[b-mgns29wtmj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0;
}

.embed-tag-list[b-mgns29wtmj]  .mud-chip-root {
    min-height: 24px;
    background: rgba(8, 19, 32, 0.9) !important;
}

[b-mgns29wtmj] .botset-expansion {
    display: grid;
    gap: 8px;
    margin: 0;
}

[b-mgns29wtmj] .botset-expansion .mud-expand-panel {
    margin: 0 !important;
    border: 1px solid rgba(72, 176, 209, 0.14) !important;
    border-radius: 8px !important;
    background: rgba(8, 19, 32, 0.86) !important;
    box-shadow: none !important;
    overflow: hidden;
}

[b-mgns29wtmj] .botset-expansion .mud-expand-panel-header {
    min-height: 42px !important;
    padding: 0 12px !important;
    color: #f4fbff !important;
    font-weight: 800 !important;
}

[b-mgns29wtmj] .botset-expansion .mud-expand-panel-header:hover {
    background: rgba(0, 135, 179, 0.1) !important;
}

[b-mgns29wtmj] .botset-expansion .mud-expand-panel-content {
    padding: 0 12px 12px !important;
}

[b-mgns29wtmj] .botset-expansion .mud-expand-panel-content > * + * {
    margin-top: 8px !important;
}

.botset-editor-row[b-mgns29wtmj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 50px;
    gap: 8px;
    align-items: center;
}

.botset-color-input[b-mgns29wtmj] {
    width: 50px;
    height: 38px;
    border: 1px solid rgba(72, 176, 209, 0.22);
    border-radius: 7px;
    background: #081320;
}

.botset-validation-card[b-mgns29wtmj] {
    width: 100%;
    border: 1px solid rgba(72, 176, 209, 0.14) !important;
    background: rgba(11, 23, 40, 0.9) !important;
}

.botset-validation-card[b-mgns29wtmj]  .mud-card-content {
    padding: 12px !important;
}

.embed-validation-lines[b-mgns29wtmj] {
    display: grid;
    gap: 4px;
    margin-top: 6px;
}

.embed-sticky-actions[b-mgns29wtmj] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 14px;
    border-top: 1px solid rgba(72, 176, 209, 0.16);
    background: rgba(5, 13, 24, 0.96);
    backdrop-filter: blur(14px);
}

.embed-sticky-actions[b-mgns29wtmj]  .mud-button-root {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 0.72rem !important;
}

@media (max-width: 1180px) {
    .embed-editor-layout[b-mgns29wtmj] {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    }
}

@media (max-width: 900px) {
    .embed-editor-layout[b-mgns29wtmj] {
        grid-template-columns: 1fr;
    }

    .embed-editor-toolbar[b-mgns29wtmj] {
        flex-direction: column;
    }

    .embed-editor-status-strip[b-mgns29wtmj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .embed-editor-preview[b-mgns29wtmj] {
        position: static;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .embed-editor-grid[b-mgns29wtmj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .embed-editor-status-strip[b-mgns29wtmj] {
        grid-template-columns: 1fr;
    }

    .embed-editor-status-strip strong[b-mgns29wtmj] {
        white-space: normal;
    }

    .embed-sticky-actions[b-mgns29wtmj],
    [b-mgns29wtmj] .embed-sticky-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .embed-sticky-actions .mud-button-root[b-mgns29wtmj],
    [b-mgns29wtmj] .embed-sticky-actions .mud-button-root,
    .embed-sticky-actions[b-mgns29wtmj]  .mud-button-root {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center;
    }
}
/* /Components/Admin/DiscordEmbedPreview.razor.rz.scp.css */
.discord-preview[b-5wcwh3hhnv] {
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(16, 25, 38, 0.98), rgba(12, 19, 30, 0.98)),
        #101926;
    color: #dbdee1;
    padding: 14px;
    font-family: var(--mud-typography-default-family);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
}

.discord-preview pre[b-5wcwh3hhnv] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
    color: #67e8f9;
    font-size: 0.78rem;
}

.discord-message[b-5wcwh3hhnv] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
}

.discord-avatar[b-5wcwh3hhnv] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0087b3;
    color: #fff;
}

.discord-message-body[b-5wcwh3hhnv] {
    min-width: 0;
}

.discord-user-row[b-5wcwh3hhnv] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #f2f3f5;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.25;
}

.discord-user-row small[b-5wcwh3hhnv] {
    color: #949ba4;
    font-size: 0.72rem;
    font-weight: 500;
}

.discord-content[b-5wcwh3hhnv] {
    margin: 3px 0 6px;
    color: #dbdee1;
    font-size: 0.9rem;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.discord-embed[b-5wcwh3hhnv] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 520px;
    padding: 12px;
    border-left: 4px solid #0087b3;
    border-radius: 4px;
    background: #151d2a;
    overflow: hidden;
}

.discord-embed-main[b-5wcwh3hhnv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.discord-embed-content[b-5wcwh3hhnv] {
    flex: 1 1 auto;
    min-width: 0;
}

.discord-author[b-5wcwh3hhnv],
.discord-footer[b-5wcwh3hhnv] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #f2f3f5;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
}

.discord-author[b-5wcwh3hhnv] {
    margin-bottom: 8px;
}

.discord-footer[b-5wcwh3hhnv] {
    margin-top: 10px;
    color: #dbdee1;
    font-size: 0.72rem;
}

.discord-author img[b-5wcwh3hhnv],
.discord-footer img[b-5wcwh3hhnv] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.discord-title[b-5wcwh3hhnv] {
    color: #f2f3f5;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
}

.discord-description[b-5wcwh3hhnv] {
    color: #dbdee1;
    font-size: 0.875rem;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.discord-fields[b-5wcwh3hhnv] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.discord-field[b-5wcwh3hhnv] {
    min-width: 0;
}

.discord-field--inline[b-5wcwh3hhnv] {
    grid-column: span 4;
}

.discord-field--full[b-5wcwh3hhnv] {
    grid-column: 1 / 13;
}

.discord-field strong[b-5wcwh3hhnv],
.discord-field span[b-5wcwh3hhnv] {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.discord-field strong[b-5wcwh3hhnv] {
    color: #f2f3f5;
    font-size: 0.78rem;
    margin-bottom: 2px;
}

.discord-field span[b-5wcwh3hhnv] {
    color: #dbdee1;
    font-size: 0.82rem;
    line-height: 1.3;
}

.discord-thumb[b-5wcwh3hhnv] {
    flex: 0 0 auto;
    width: 80px;
    max-height: 80px;
    border-radius: 4px;
    object-fit: cover;
}

.discord-image[b-5wcwh3hhnv] {
    display: block;
    max-width: 100%;
    max-height: 280px;
    margin-top: 12px;
    border-radius: 4px;
    object-fit: contain;
}

.discord-components[b-5wcwh3hhnv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.discord-button[b-5wcwh3hhnv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    max-width: 100%;
    padding: 2px 16px;
    border-radius: 3px;
    color: #f2f3f5;
    background: #4e5058;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
}

.discord-button:hover[b-5wcwh3hhnv] {
    color: #fff;
    background: #5c5f66;
}

.discord-button--primary[b-5wcwh3hhnv] {
    background: #0087b3;
}

.discord-button--primary:hover[b-5wcwh3hhnv] {
    background: #006f95;
}

.discord-button--secondary[b-5wcwh3hhnv] {
    background: #4e5058;
}

.discord-button--success[b-5wcwh3hhnv] {
    background: #3ba55d;
}

.discord-button--success:hover[b-5wcwh3hhnv] {
    background: #2d7d46;
}

.discord-button--danger[b-5wcwh3hhnv] {
    background: #ed4245;
}

.discord-button--danger:hover[b-5wcwh3hhnv] {
    background: #c03537;
}

.discord-button--link[b-5wcwh3hhnv] {
    background: #4e5058;
}

.discord-button--link[b-5wcwh3hhnv]::after {
    content: "↗";
    font-size: 0.75rem;
    opacity: 0.85;
}

.discord-button--disabled[b-5wcwh3hhnv],
.discord-button--disabled:hover[b-5wcwh3hhnv] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.discord-preview--compact[b-5wcwh3hhnv] {
    padding: 12px;
}

.discord-preview--compact .discord-message[b-5wcwh3hhnv] {
    grid-template-columns: 32px minmax(0, 1fr);
}

.discord-preview--compact .discord-avatar[b-5wcwh3hhnv] {
    width: 32px;
    height: 32px;
}

.discord-preview--compact .discord-embed[b-5wcwh3hhnv] {
    max-width: 420px;
    padding: 10px;
}

.discord-preview--compact .discord-thumb[b-5wcwh3hhnv] {
    width: 64px;
    max-height: 64px;
}
/* /Components/Admin/EmbedButtonEditor.razor.rz.scp.css */
.embed-button-editor[b-uxfhc03acw] {
    display: grid;
    gap: 10px;
}

.botset-panel-title[b-uxfhc03acw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.botset-panel-title--compact[b-uxfhc03acw] {
    align-items: center;
}

.botset-command-name[b-uxfhc03acw] {
    color: #f4fbff;
    font-weight: 850;
}

.botset-muted[b-uxfhc03acw] {
    color: #8aa2ba;
}

.botset-mini-empty[b-uxfhc03acw] {
    padding: 10px 12px;
    border: 1px dashed rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    color: #8aa2ba;
    background: rgba(8, 19, 32, 0.62);
}

.embed-field-card[b-uxfhc03acw] {
    margin: 0;
    border: 1px solid rgba(72, 176, 209, 0.14) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(8, 19, 32, 0.92), rgba(7, 17, 31, 0.92)),
        #081320 !important;
    box-shadow: none !important;
}

.embed-field-card[b-uxfhc03acw]  .mud-card-content {
    display: grid;
    gap: 8px;
    padding: 10px !important;
}

.embed-field-actions[b-uxfhc03acw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.embed-field-action-icons[b-uxfhc03acw] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.embed-field-action-icons[b-uxfhc03acw]  .mud-icon-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 3px !important;
}

.embed-button-grid[b-uxfhc03acw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 8px;
    align-items: start;
}

@media (max-width: 640px) {
    .botset-panel-title[b-uxfhc03acw],
    .embed-field-actions[b-uxfhc03acw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .embed-button-grid[b-uxfhc03acw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/EmbedFieldEditor.razor.rz.scp.css */
.embed-field-editor[b-leelh5pyo3] {
    display: grid;
    gap: 10px;
}

.botset-panel-title[b-leelh5pyo3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.botset-panel-title--compact[b-leelh5pyo3] {
    align-items: center;
}

.botset-command-name[b-leelh5pyo3] {
    color: #f4fbff;
    font-weight: 850;
}

.botset-muted[b-leelh5pyo3] {
    color: #8aa2ba;
}

.botset-mini-empty[b-leelh5pyo3] {
    padding: 10px 12px;
    border: 1px dashed rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    color: #8aa2ba;
    background: rgba(8, 19, 32, 0.62);
}

.embed-field-card[b-leelh5pyo3] {
    margin: 0;
    border: 1px solid rgba(72, 176, 209, 0.14) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(8, 19, 32, 0.92), rgba(7, 17, 31, 0.92)),
        #081320 !important;
    box-shadow: none !important;
}

.embed-field-card[b-leelh5pyo3]  .mud-card-content {
    display: grid;
    gap: 8px;
    padding: 10px !important;
}

.embed-field-actions[b-leelh5pyo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.embed-field-action-icons[b-leelh5pyo3] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.embed-field-action-icons[b-leelh5pyo3]  .mud-icon-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 3px !important;
}

.embed-field-grid[b-leelh5pyo3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 8px;
    align-items: start;
}

.embed-field-inline-toggle[b-leelh5pyo3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 42px;
}

@media (max-width: 640px) {
    .botset-panel-title[b-leelh5pyo3],
    .embed-field-actions[b-leelh5pyo3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .embed-field-grid[b-leelh5pyo3] {
        grid-template-columns: 1fr;
    }

    .embed-field-inline-toggle[b-leelh5pyo3] {
        justify-content: flex-start;
        min-height: auto;
    }
}
/* /Components/Admin/ImagePresets/ImagePresetDataExplorer.razor.rz.scp.css */
.ipdh-panel[b-m4t21blxfm] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    color: rgba(255, 255, 255, 0.82);
}

.ipdh-panel-compact[b-m4t21blxfm] {
    gap: 9px;
}

.ipdh-head[b-m4t21blxfm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ipdh-head h3[b-m4t21blxfm] {
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 15px;
    line-height: 20px;
    font-weight: 850;
}

.ipdh-kicker[b-m4t21blxfm] {
    display: block;
    color: #0087b3;
    font-size: 10px;
    line-height: 14px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ipdh-search[b-m4t21blxfm] {
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    outline: none;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.045);
}

.ipdh-search:focus[b-m4t21blxfm] {
    border-color: rgba(115, 215, 242, 0.38);
    background: rgba(255, 255, 255, 0.07);
}

.ipdh-groups[b-m4t21blxfm] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding-right: 2px;
}

.ipdh-panel-compact .ipdh-groups[b-m4t21blxfm] {
    gap: 8px;
}

.ipdh-group[b-m4t21blxfm] {
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.028);
}

.ipdh-group summary[b-m4t21blxfm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
}

.ipdh-panel-compact .ipdh-group summary[b-m4t21blxfm] {
    min-height: 40px;
    padding: 8px 10px;
}

.ipdh-group summary small[b-m4t21blxfm] {
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-weight: 700;
}

.ipdh-group > p[b-m4t21blxfm] {
    margin: 0;
    padding: 0 10px 10px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 12px;
    line-height: 18px;
}

.ipdh-field-list[b-m4t21blxfm] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 0 8px 8px;
}

.ipdh-panel-compact .ipdh-field-list[b-m4t21blxfm] {
    gap: 6px;
    max-height: 260px;
    overflow: auto;
}

.ipdh-field[b-m4t21blxfm] {
    display: grid;
    gap: 6px;
    padding: 9px;
    border: 1px solid rgba(0, 135, 179, 0.12);
    border-radius: 8px;
    background: rgba(4, 9, 16, 0.72);
}

.ipdh-panel-compact .ipdh-field[b-m4t21blxfm] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 8px;
    padding: 8px;
}

.ipdh-panel-compact .ipdh-field code[b-m4t21blxfm] {
    grid-column: 1 / 2;
}

.ipdh-panel-compact .ipdh-field__desc[b-m4t21blxfm],
.ipdh-panel-compact .ipdh-field__sample[b-m4t21blxfm],
.ipdh-panel-compact .ipdh-field pre[b-m4t21blxfm] {
    display: none;
}

.ipdh-panel-compact .ipdh-insert[b-m4t21blxfm] {
    grid-row: 1 / 3;
    grid-column: 2;
    justify-self: end;
}

.ipdh-field__top[b-m4t21blxfm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.ipdh-field__top strong[b-m4t21blxfm] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ipdh-field__top span[b-m4t21blxfm] {
    padding: 2px 6px;
    border-radius: 999px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
    font-size: 10px;
    font-weight: 850;
}

.ipdh-field code[b-m4t21blxfm],
.ipdh-field pre[b-m4t21blxfm] {
    overflow: auto;
    margin: 0;
    padding: 6px 7px;
    border-radius: 6px;
    color: #b6f1ff;
    background: rgba(0, 0, 0, 0.25);
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 11px;
    line-height: 16px;
}

.ipdh-field__desc[b-m4t21blxfm] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    line-height: 17px;
}

.ipdh-field__sample[b-m4t21blxfm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
}

.ipdh-field__sample em[b-m4t21blxfm] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.74);
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ipdh-insert[b-m4t21blxfm] {
    justify-self: start;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(72, 176, 209, 0.28);
    border-radius: 7px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.08);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ipdh-insert:hover[b-m4t21blxfm] {
    color: #fff;
    border-color: rgba(115, 215, 242, 0.42);
    background: rgba(72, 176, 209, 0.16);
}

.ipdh-empty[b-m4t21blxfm] {
    display: grid;
    min-height: 140px;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}
/* /Components/Admin/ImagePresets/ImagePresetPreviewPanel.razor.rz.scp.css */
.ippv-panel[b-zey91e9zku] {
    display: flex;
    min-height: 0;
    height: 100%;
    flex-direction: column;
    gap: 10px;
    color: #f5f8ff;
}

.ippv-head[b-zey91e9zku] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ippv-head[b-zey91e9zku]  .mud-typography-subtitle2 {
    color: #f5f8ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ippv-muted[b-zey91e9zku] {
    color: #a9b7c9;
}

.ippv-head-actions[b-zey91e9zku] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ippv-head-actions[b-zey91e9zku]  .mud-icon-button {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 168, 255, 0.38);
    border-radius: 7px;
    color: #00a8ff;
    background: rgba(0, 168, 255, 0.08);
}

.ippv-status[b-zey91e9zku] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #1b2a40;
    border-radius: 999px;
    color: #a9b7c9;
    background: rgba(255, 255, 255, 0.035);
    font-size: 11px;
    font-weight: 800;
}

.ippv-status-rendered[b-zey91e9zku] {
    color: #18e28c;
    border-color: rgba(24, 226, 140, 0.34);
    background: rgba(24, 226, 140, 0.1);
}

.ippv-status-rendering[b-zey91e9zku],
.ippv-status-needs-refresh[b-zey91e9zku] {
    color: #ffcc4d;
    border-color: rgba(255, 204, 77, 0.34);
    background: rgba(255, 204, 77, 0.1);
}

.ippv-status-error[b-zey91e9zku] {
    color: #ff4d6d;
    border-color: rgba(255, 77, 109, 0.38);
    background: rgba(255, 77, 109, 0.1);
}

.ippv-frame-wrap[b-zey91e9zku] {
    position: relative;
    flex: 1;
    min-height: 220px;
    aspect-ratio: 16 / 9;
    border: 1px solid #1b2a40;
    border-radius: 10px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        radial-gradient(circle at center, rgba(0, 168, 255, 0.08), transparent 60%),
        #07101d;
    background-size: 24px 24px, 24px 24px, auto, auto;
    overflow: auto;
    display: grid;
    place-items: center;
    padding: 18px;
}

.ippv-panel-canvas .ippv-frame-wrap[b-zey91e9zku] {
    min-height: 480px;
    height: clamp(520px, calc(100vh - 430px), 620px);
    border: 0;
    border-radius: 0;
    align-items: start;
    justify-items: center;
    padding: 84px 52px 28px 28px;
}

.ippv-panel-preview .ippv-frame-wrap[b-zey91e9zku] {
    min-height: 0;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.ippv-frame-stage[b-zey91e9zku] {
    position: relative;
    flex: 0 0 auto;
}

.ippv-frame[b-zey91e9zku] {
    display: block;
    border: none;
    background: transparent;
    transform-origin: top left;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
}

.ippv-state[b-zey91e9zku] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 20px;
    color: #a9b7c9;
    text-align: center;
}

.ippv-state-overlay[b-zey91e9zku] {
    background: rgba(5, 11, 20, 0.74);
    backdrop-filter: blur(4px);
}

.ippv-state .mud-icon-root[b-zey91e9zku] {
    font-size: 36px;
    color: rgba(0, 168, 255, 0.78);
}

.ippv-state strong[b-zey91e9zku] {
    color: #f5f8ff;
    font-size: 13px;
    font-weight: 900;
}

.ippv-state button[b-zey91e9zku] {
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(0, 168, 255, 0.48);
    border-radius: 7px;
    color: #00a8ff;
    background: rgba(0, 168, 255, 0.1);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.ippv-state-error .mud-icon-root[b-zey91e9zku],
.ippv-state-error span[b-zey91e9zku] {
    color: #ff4d6d;
}

.ippv-stale-badge[b-zey91e9zku] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 5px 9px;
    border: 1px solid rgba(255, 204, 77, 0.38);
    border-radius: 999px;
    color: #ffcc4d;
    background: rgba(5, 11, 20, 0.86);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
    font-size: 11px;
    font-weight: 900;
}

@media (max-width: 820px) {
    .ippv-panel-canvas .ippv-frame-wrap[b-zey91e9zku] {
        min-height: 280px;
        height: auto;
        padding: 14px;
    }

    .ippv-panel-preview .ippv-frame-wrap[b-zey91e9zku] {
        min-height: 0;
        padding: 0;
    }
}
/* /Components/Admin/ImagePresets/ImagePresetSnippetPanel.razor.rz.scp.css */
.ipsn-panel[b-oro9ajnil7] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    color: rgba(255, 255, 255, 0.82);
}

.ipsn-head[b-oro9ajnil7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ipsn-search[b-oro9ajnil7] {
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    outline: none;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.045);
}

.ipsn-search:focus[b-oro9ajnil7] {
    border-color: rgba(0, 168, 255, 0.58);
    box-shadow: 0 0 0 2px rgba(0, 168, 255, 0.12);
}

.ipsn-head h3[b-oro9ajnil7] {
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 15px;
    line-height: 20px;
    font-weight: 850;
}

.ipsn-kicker[b-oro9ajnil7] {
    display: block;
    color: #0087b3;
    font-size: 10px;
    line-height: 14px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ipsn-list[b-oro9ajnil7] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding-right: 2px;
}

.ipsn-card[b-oro9ajnil7] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(0, 135, 179, 0.12);
    border-radius: 8px;
    background: rgba(4, 9, 16, 0.72);
}

.ipsn-card:nth-child(n + 6)[b-oro9ajnil7] {
    margin-top: 0;
}

.ipsn-card__top[b-oro9ajnil7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.ipsn-card__top strong[b-oro9ajnil7] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ipsn-card__top span[b-oro9ajnil7] {
    padding: 2px 6px;
    border-radius: 999px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
    font-size: 10px;
    font-weight: 850;
}

.ipsn-card p[b-oro9ajnil7] {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    line-height: 17px;
}

.ipsn-card pre[b-oro9ajnil7] {
    max-height: 74px;
    margin: 0;
    overflow: auto;
    padding: 8px;
    border-radius: 6px;
    color: #b6f1ff;
    background: rgba(0, 0, 0, 0.25);
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 11px;
    line-height: 16px;
}

.ipsn-insert[b-oro9ajnil7] {
    justify-self: start;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(72, 176, 209, 0.28);
    border-radius: 7px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.08);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ipsn-insert:hover[b-oro9ajnil7] {
    color: #fff;
    border-color: rgba(115, 215, 242, 0.42);
    background: rgba(72, 176, 209, 0.16);
}

.ipsn-view-all[b-oro9ajnil7] {
    width: 100%;
    min-height: 34px;
    border: 1px solid rgba(0, 168, 255, 0.48);
    border-radius: 7px;
    color: #00a8ff;
    background: rgba(0, 168, 255, 0.08);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ipsn-view-all:hover[b-oro9ajnil7] {
    color: #f5f8ff;
    border-color: rgba(0, 168, 255, 0.72);
    background: rgba(0, 168, 255, 0.16);
}
/* /Components/Admin/ImagePresets/ImagePresetTabBar.razor.rz.scp.css */
.ipt-tabbar[b-4cmo31wb8b] {
    gap: 6px;
    padding: 8px;
    border-radius: 12px;
}

.ipt-tabbar__button[b-4cmo31wb8b] {
    min-height: 36px;
    border-radius: 8px;
    font-size: 12px;
}

@media (max-width: 720px) {
    .ipt-tabbar[b-4cmo31wb8b] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .ipt-tabbar__button[b-4cmo31wb8b] {
        flex: 0 0 auto;
    }
}
/* /Components/Admin/ImagePresets/PresetValidationSummary.razor.rz.scp.css */
.ipt-validation-summary[b-i3aw0pjy00] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 160px;
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.ipt-validation-row[b-i3aw0pjy00] {
    display: grid;
    gap: 2px;
    padding: 7px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.ipt-validation-row strong[b-i3aw0pjy00] {
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
}

.ipt-validation-row span[b-i3aw0pjy00] {
    color: rgba(255, 255, 255, 0.86);
}

.ipt-validation-row small[b-i3aw0pjy00] {
    color: rgba(255, 255, 255, 0.5);
}

.ipt-validation-row-error[b-i3aw0pjy00] {
    border: 1px solid rgba(255, 95, 95, 0.32);
    background: rgba(255, 95, 95, 0.1);
}

.ipt-validation-row-warning[b-i3aw0pjy00] {
    border: 1px solid rgba(255, 190, 90, 0.32);
    background: rgba(255, 190, 90, 0.1);
}
/* /Components/Admin/ImagePresets/ValidationBadge.razor.rz.scp.css */
.ipt-validation-chip[b-goh0uf9x5d] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.05);
}

.ipt-validation-ok[b-goh0uf9x5d] {
    color: #9ff0ca;
    border-color: rgba(80, 210, 140, 0.35);
    background: rgba(80, 210, 140, 0.11);
}

.ipt-validation-warning[b-goh0uf9x5d] {
    color: #ffd999;
    border-color: rgba(255, 190, 90, 0.35);
    background: rgba(255, 190, 90, 0.12);
}

.ipt-validation-error[b-goh0uf9x5d] {
    color: #ffb0b0;
    border-color: rgba(255, 95, 95, 0.4);
    background: rgba(255, 95, 95, 0.12);
}
/* /Components/Admin/ImageRoutingSummary.razor.rz.scp.css */
.image-routing-summary[b-qyxne1pzoh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    padding: 9px 10px;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: rgba(7, 17, 30, 0.76);
    color: #a9c4d8;
    font-size: 0.78rem;
}

.image-routing-summary div[b-qyxne1pzoh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.image-routing-summary[b-qyxne1pzoh]  .mud-icon-root {
    color: #48b0d1;
    font-size: 1rem;
}

.image-routing-summary strong[b-qyxne1pzoh] {
    margin-left: auto;
    padding: 4px 8px;
    border: 1px solid rgba(240, 178, 50, 0.3);
    border-radius: 999px;
    color: #ffe6a0;
    background: rgba(240, 178, 50, 0.1);
    font-size: 0.68rem;
    line-height: 1;
}

@media (max-width: 680px) {
    .image-routing-summary[b-qyxne1pzoh] {
        align-items: stretch;
        flex-direction: column;
    }

    .image-routing-summary strong[b-qyxne1pzoh] {
        margin-left: 0;
        width: fit-content;
    }
}
/* /Components/Admin/LineupDesignerModePanel.razor.rz.scp.css */
.ltd-mode-panel[b-mqeqme9ljl] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin: 12px;
    padding: 12px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(6, 15, 28, 0.76)),
        rgba(6, 15, 28, 0.76);
}

.ltd-mode-panel--randomizer[b-mqeqme9ljl] {
    border-color: rgba(168, 85, 247, 0.26);
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(6, 15, 28, 0.76));
}

.ltd-mode-panel--renderassets[b-mqeqme9ljl] {
    border-color: rgba(245, 158, 11, 0.3);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(6, 15, 28, 0.76));
}

.ltd-mode-panel--both[b-mqeqme9ljl] {
    border-color: rgba(45, 212, 191, 0.26);
    background: linear-gradient(135deg, rgba(45, 212, 191, 0.12), rgba(6, 15, 28, 0.76));
}

.ltd-mode-panel__icon[b-mqeqme9ljl] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 7px;
    background: rgba(56, 189, 248, 0.12);
    color: #e0f2fe;
}

.ltd-mode-panel span[b-mqeqme9ljl] {
    display: block;
    color: rgba(148, 163, 184, 0.86);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.ltd-mode-panel strong[b-mqeqme9ljl] {
    display: block;
    margin-top: 4px;
    color: #f8fbff;
    font-size: 15px;
    font-weight: 900;
}

.ltd-mode-panel p[b-mqeqme9ljl] {
    margin: 5px 0 0;
    color: rgba(203, 213, 225, 0.78);
    font-size: 11px;
    line-height: 1.35;
}
/* /Components/Admin/LineupDesignerPanelTabs.razor.rz.scp.css */
.ltd-sidebar-tabs[b-7vhy3k1j5f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid rgba(36, 65, 95, 0.85);
    position: sticky;
    top: 0;
    z-index: 4;
    background: rgba(5, 11, 20, 0.98);
}

.ltd-sidebar-tab[b-7vhy3k1j5f] {
    min-height: 40px;
    padding: 0 8px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: rgba(255, 255, 255, 0.54);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.ltd-sidebar-tab:hover[b-7vhy3k1j5f] {
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.03);
}

.ltd-sidebar-tab-active[b-7vhy3k1j5f] {
    color: #f5f8ff;
    background: rgba(0, 168, 255, 0.12);
    border-bottom-color: #0087b3;
}

.ltd-sidebar-tab[b-7vhy3k1j5f]  .mud-icon-root {
    font-size: 17px;
}
/* /Components/Admin/LineupDesignerToolRail.razor.rz.scp.css */
.ltd-tool-rail[b-8wkie484iu] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 7px;
    overflow: hidden;
    border: 1px solid rgba(36, 65, 95, 0.9);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(10, 20, 34, 0.98), rgba(6, 13, 24, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ltd-tool-btn[b-8wkie484iu] {
    min-height: 62px;
    padding: 6px 4px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, 0.62);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ltd-tool-btn span[b-8wkie484iu] {
    max-width: 100%;
    text-align: center;
    overflow-wrap: anywhere;
}

.ltd-tool-btn[b-8wkie484iu]  .mud-icon-root {
    font-size: 22px;
}

.ltd-tool-btn:hover[b-8wkie484iu],
.ltd-tool-btn.active[b-8wkie484iu] {
    color: #f5f8ff;
    border-color: rgba(115, 215, 242, 0.32);
    background: linear-gradient(180deg, rgba(0, 168, 255, 0.2), rgba(0, 95, 160, 0.12));
    box-shadow: inset 3px 0 0 #0087b3;
}

@media (max-width: 900px) {
    .ltd-tool-rail[b-8wkie484iu] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow: visible;
    }

    .ltd-tool-btn[b-8wkie484iu] {
        min-width: 0;
        min-height: 76px;
        padding: 7px 4px;
    }
}
/* /Components/Admin/NotificationChannelCards.razor.rz.scp.css */
.botroute-shell[b-e6gzjjnrm4] {
    display: grid;
    gap: 12px;
}

.botset-panel-title[b-e6gzjjnrm4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 0;
}

.botset-panel-title .mud-typography-h6[b-e6gzjjnrm4] {
    color: #f2f3f5;
    font-weight: 850;
}

.botset-muted[b-e6gzjjnrm4] {
    color: #949ba4 !important;
}

.botroute-summary-grid[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.botroute-summary-card[b-e6gzjjnrm4] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: #081320;
}

.botroute-summary-card.is-good[b-e6gzjjnrm4] {
    border-color: rgba(35, 165, 89, 0.24);
}

.botroute-summary-card.is-warning[b-e6gzjjnrm4] {
    border-color: rgba(240, 178, 50, 0.28);
}

.botroute-summary-card span[b-e6gzjjnrm4],
.botroute-summary-card strong[b-e6gzjjnrm4],
.botroute-summary-card small[b-e6gzjjnrm4] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botroute-summary-card span[b-e6gzjjnrm4] {
    color: #73d7f2;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.botroute-summary-card strong[b-e6gzjjnrm4] {
    color: #f2f3f5;
    font-size: 1.12rem;
    line-height: 1.25;
}

.botroute-summary-card small[b-e6gzjjnrm4] {
    color: #949ba4;
    font-size: 0.74rem;
}

.botroute-filter-bar[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 240px) minmax(160px, 220px);
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: #081320;
}

.botroute-layout[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 14px;
    align-items: start;
}

.botroute-list[b-e6gzjjnrm4] {
    display: grid;
    gap: 10px;
    min-width: 0;
    max-height: min(860px, calc(100vh - 370px));
    overflow: auto;
    padding-right: 2px;
    scrollbar-color: rgba(115, 215, 242, 0.34) rgba(8, 19, 32, 0.7);
    scrollbar-width: thin;
}

.botroute-guild-row[b-e6gzjjnrm4] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: #081320;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.botroute-guild-row:hover[b-e6gzjjnrm4],
.botroute-guild-row.is-selected[b-e6gzjjnrm4] {
    border-color: rgba(115, 215, 242, 0.34);
    background: #0b1728;
}

.botroute-guild-row.is-selected[b-e6gzjjnrm4] {
    box-shadow: inset 3px 0 0 #0087b3, 0 16px 34px rgba(0, 0, 0, 0.22);
}

.botroute-guild-main[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.botroute-guild-avatar[b-e6gzjjnrm4] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: #0087b3;
    overflow: hidden;
}

.botroute-guild-avatar img[b-e6gzjjnrm4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.botroute-guild-copy[b-e6gzjjnrm4] {
    min-width: 0;
}

.botroute-guild-copy strong[b-e6gzjjnrm4],
.botroute-guild-copy span[b-e6gzjjnrm4] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botroute-guild-copy strong[b-e6gzjjnrm4] {
    color: #f2f3f5;
    font-size: 0.98rem;
    font-weight: 850;
}

.botroute-guild-copy span[b-e6gzjjnrm4] {
    color: #949ba4;
    font-size: 0.78rem;
}

.botroute-guild-stats[b-e6gzjjnrm4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.botroute-purpose-grid[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
}

.botroute-purpose[b-e6gzjjnrm4] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "dot name"
        "dot channel";
    gap: 2px 8px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: inherit;
    background: rgba(255, 255, 255, 0.035);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.botroute-purpose:hover[b-e6gzjjnrm4] {
    border-color: rgba(72, 176, 209, 0.28);
    background: rgba(0, 135, 179, 0.08);
}

.botroute-purpose-dot[b-e6gzjjnrm4] {
    grid-area: dot;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f0b232;
}

.botroute-purpose.is-configured .botroute-purpose-dot[b-e6gzjjnrm4] {
    background: #23a559;
    box-shadow: 0 0 0 3px rgba(35, 165, 89, 0.16);
}

.botroute-purpose.is-missing .botroute-purpose-dot[b-e6gzjjnrm4] {
    background: #f0b232;
    box-shadow: 0 0 0 3px rgba(240, 178, 50, 0.14);
}

.botroute-purpose-name[b-e6gzjjnrm4] {
    grid-area: name;
    color: #f2f3f5;
    font-size: 0.78rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botroute-purpose-channel[b-e6gzjjnrm4] {
    grid-area: channel;
    color: #949ba4;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botroute-inspector[b-e6gzjjnrm4] {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(72, 176, 209, 0.22);
    border-radius: 8px;
    background: #081320;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.botroute-inspector-head[b-e6gzjjnrm4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.botroute-inspector-head span[b-e6gzjjnrm4],
.botroute-selected-category span[b-e6gzjjnrm4],
.botroute-inspector-meta span[b-e6gzjjnrm4] {
    display: block;
    color: #73d7f2;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.botroute-inspector-head strong[b-e6gzjjnrm4] {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.botroute-inspector-meta[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 12px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.botroute-inspector-meta code[b-e6gzjjnrm4] {
    color: #67e8f9;
    overflow-wrap: anywhere;
}

.botroute-inspector-list[b-e6gzjjnrm4] {
    display: grid;
    gap: 6px;
    max-height: 360px;
    overflow: auto;
}

.botroute-inspector-row[b-e6gzjjnrm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.botroute-inspector-row strong[b-e6gzjjnrm4],
.botroute-inspector-row span[b-e6gzjjnrm4] {
    display: block;
}

.botroute-inspector-row strong[b-e6gzjjnrm4] {
    color: #f2f3f5;
    font-size: 0.8rem;
}

.botroute-inspector-row span[b-e6gzjjnrm4] {
    color: #949ba4;
    font-size: 0.72rem;
}

.botroute-selected-category[b-e6gzjjnrm4] {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.07);
}

.botroute-selected-category strong[b-e6gzjjnrm4] {
    color: #fff;
}

.botroute-selected-category small[b-e6gzjjnrm4] {
    color: #949ba4;
    line-height: 1.35;
}

.botroute-capability-note[b-e6gzjjnrm4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    color: #8aa2ba;
    background: rgba(0, 135, 179, 0.07);
    font-size: 0.74rem;
    line-height: 1.35;
}

.botroute-capability-note[b-e6gzjjnrm4]  .mud-icon-root {
    color: #73d7f2;
}

.botroute-capability-note[b-e6gzjjnrm4]  .mud-button-root {
    grid-column: 1 / -1;
    justify-self: stretch;
}

@media (max-width: 1180px) {
    .botroute-layout[b-e6gzjjnrm4],
    .botroute-filter-bar[b-e6gzjjnrm4],
    .botroute-summary-grid[b-e6gzjjnrm4] {
        grid-template-columns: 1fr;
    }

    .botroute-inspector[b-e6gzjjnrm4] {
        position: static;
    }

    .botroute-list[b-e6gzjjnrm4] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 720px) {
    .botroute-guild-main[b-e6gzjjnrm4] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .botroute-guild-stats[b-e6gzjjnrm4] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .botroute-purpose-grid[b-e6gzjjnrm4],
    .botroute-capability-note[b-e6gzjjnrm4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/RolePreviewFloatingControl.razor.rz.scp.css */
.role-preview-float[b-qk2192n8cv] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1400;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: calc(100vw - 32px);
    padding: 12px 14px;
    border: 1px solid rgba(53, 183, 255, 0.34);
    border-radius: 8px;
    color: #f7fbff;
    background: rgba(7, 14, 24, 0.94);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(14px);
}

.role-preview-label[b-qk2192n8cv] {
    display: block;
    color: rgba(207, 220, 238, 0.72);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .role-preview-float[b-qk2192n8cv] {
        right: 12px;
        bottom: 12px;
        left: 12px;
        justify-content: space-between;
    }
}
/* /Components/Branding/BrandingImageEditorDialog.razor.rz.scp.css */
.branding-editor-dialog[b-3yr28p3qzk] {
    --bied-accent: #00c8ff;
}

.bied-title[b-3yr28p3qzk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bied-title .mud-icon-root[b-3yr28p3qzk] {
    color: var(--bied-accent);
}

.bied-shell[b-3yr28p3qzk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 16px;
    align-items: start;
}

.bied-preview[b-3yr28p3qzk] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 16px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.04) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.04) 75%),
        #07111c;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    background-size: 20px 20px;
}

.bied-canvas[b-3yr28p3qzk] {
    display: block;
    max-width: 100%;
    max-height: 62vh;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.bied-controls[b-3yr28p3qzk] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-width: 0;
}

.bied-control-group[b-3yr28p3qzk] {
    display: grid;
    gap: 7px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(7, 15, 25, 0.72);
}

.bied-control-group > span[b-3yr28p3qzk],
.bied-control-group label[b-3yr28p3qzk] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: rgba(231, 243, 255, 0.74);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bied-control-group strong[b-3yr28p3qzk] {
    color: #fff;
    font-weight: 900;
}

.bied-two[b-3yr28p3qzk] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bied-two > div[b-3yr28p3qzk] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.bied-segments[b-3yr28p3qzk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.bied-segment[b-3yr28p3qzk] {
    min-height: 32px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.05);
    color: rgba(236, 247, 255, 0.78);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.bied-segment--active[b-3yr28p3qzk] {
    border-color: rgba(0, 200, 255, 0.72);
    background: rgba(0, 200, 255, 0.18);
    color: #fff;
}

.bied-control-group input[type="range"][b-3yr28p3qzk] {
    width: 100%;
    accent-color: var(--bied-accent);
}

.bied-actions[b-3yr28p3qzk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 900px) {
    .bied-shell[b-3yr28p3qzk] {
        grid-template-columns: 1fr;
    }

    .bied-preview[b-3yr28p3qzk] {
        min-height: 240px;
    }
}
/* /Components/CardBuilder/CardBuilderMobileLayout.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   CardBuilderMobileLayout — Mobile Card Builder UX
   ══════════════════════════════════════════════════ */

/* ── Root ── */
.cbm-root[b-lurz3hohhs] {
    position: fixed;
    top: var(--mud-appbar-height, 64px);
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #080c14;
    z-index: 50;
    overflow: hidden;
}

/* ── Live Card Preview Area ── */
.cbm-preview-area[b-lurz3hohhs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 16px 8px;
    background: radial-gradient(ellipse at 50% 40%, rgba(0, 200, 255, 0.06) 0%, transparent 68%);
    /* Below the sheet (85) so the sheet slides on top of the card */
    z-index: 80;
}

.cbm-preview-glow[b-lurz3hohhs] {
    background: radial-gradient(ellipse at center, rgba(0, 200, 255, 0.09) 0%, transparent 70%);
    padding: 10px;
    border-radius: 16px;
    display: inline-block;
}

.cbm-preview-label[b-lurz3hohhs] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.25);
    margin-top: 10px;
    display: block;
    text-align: center;
}

/* ── FAQ footer bar ── */
.cbm-faq-bar[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    height: 40px;
    background: rgba(0, 200, 255, 0.06);
    border-top: 1px solid rgba(0, 200, 255, 0.2);
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    flex-shrink: 0;
    font-family: inherit;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.cbm-faq-bar:active[b-lurz3hohhs] {
    background: rgba(0, 200, 255, 0.12);
}

.cbm-faq-bar-icon[b-lurz3hohhs] {
    color: #00c8ff;
    flex-shrink: 0;
    display: flex;
}

.cbm-faq-bar-label[b-lurz3hohhs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.cbm-faq-bar-spacer[b-lurz3hohhs] {
    flex: 1;
}

.cbm-faq-bar-count[b-lurz3hohhs] {
    font-size: 10px;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 20px;
    padding: 1px 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Bottom Tab Bar ── */
.cbm-tab-bar[b-lurz3hohhs] {
    display: flex;
    background: rgba(10, 15, 26, 0.98);
    border-top: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.cbm-tab[b-lurz3hohhs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 7px 4px 5px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.38);
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    font-family: inherit;
}

    .cbm-tab:active[b-lurz3hohhs] {
        color: rgba(255, 255, 255, 0.65);
    }

.cbm-tab--active[b-lurz3hohhs] {
    color: #00c8ff;
    border-top-color: #00c8ff;
}

.cbm-tab--export[b-lurz3hohhs] {
    color: rgba(255, 193, 7, 0.5);
}

.cbm-tab--export--active[b-lurz3hohhs] {
    color: #ffc107;
    border-top-color: #ffc107;
}

/* ── Sheet Backdrop ── */
.cbm-sheet-backdrop[b-lurz3hohhs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 82;
    animation: cbm-fade-in-b-lurz3hohhs 0.2s ease;
}

/* ── Bottom Sheet ── */
.cbm-sheet[b-lurz3hohhs] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #14203a;
    border-radius: 18px 18px 0 0;
    max-height: calc(100dvh - var(--mud-appbar-height, 64px) - 48px - 300px);
    overflow-y: auto;
    z-index: 85;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
    overscroll-behavior: contain;
}

    .cbm-sheet--open[b-lurz3hohhs] {
        transform: translateY(0);
    }

.cbm-sheet-handle[b-lurz3hohhs] {
    width: 38px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.18);
    margin: 10px auto 8px;
    cursor: pointer;
    flex-shrink: 0;
}

/* ── Sections ── */
.cbm-section[b-lurz3hohhs] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .cbm-section + .cbm-section[b-lurz3hohhs] {
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

.cbm-section-header[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-lurz3hohhs] .cbm-section-icon {
    font-size: 15px !important;
    color: #00c8ff;
    flex-shrink: 0;
}

.cbm-section-title[b-lurz3hohhs] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
}

.cbm-section-count[b-lurz3hohhs] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
    margin-left: auto;
}

.cbm-section-hint[b-lurz3hohhs] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.32);
    margin: 0;
    line-height: 1.4;
}

/* ── Field label ── */
.cbm-field-label[b-lurz3hohhs] {
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
    margin-bottom: 5px;
}

/* ── Linked badge ── */
.cbm-linked-badge[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 4px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 600;
    color: #00c8ff;
}

/* ── Nation button ── */
.cbm-nation-btn[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    width: 100%;
    text-align: left;
    font-family: inherit;
}

    .cbm-nation-btn:active[b-lurz3hohhs] {
        background: rgba(0, 200, 255, 0.08);
        border-color: rgba(0, 200, 255, 0.4);
    }

.cbm-nation-value[b-lurz3hohhs] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cbm-nation-placeholder[b-lurz3hohhs] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.32);
}

/* ══════════════════════════════════════
   STATS GRID  (PAC / SHO / PAS / DRI / DEF / PHY)
   ══════════════════════════════════════ */
.cbm-stats-grid[b-lurz3hohhs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.cbm-stat-cell[b-lurz3hohhs] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 10px 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.cbm-stat-label[b-lurz3hohhs] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.cbm-stat-value[b-lurz3hohhs] {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -1px;
}

.cbm-stat-btns[b-lurz3hohhs] {
    display: flex;
    gap: 3px;
    margin-top: 3px;
}

.cbm-stat-btn[b-lurz3hohhs] {
    width: 30px;
    height: 24px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.65);
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    font-family: inherit;
    padding: 0;
    line-height: 1;
}

    .cbm-stat-btn:active:not(:disabled)[b-lurz3hohhs] {
        background: rgba(0, 200, 255, 0.2);
        border-color: rgba(0, 200, 255, 0.4);
    }

    .cbm-stat-btn:disabled[b-lurz3hohhs] {
        opacity: 0.28;
        cursor: not-allowed;
    }

.cbm-stat-btn--plus[b-lurz3hohhs] {
    border-color: rgba(0, 200, 255, 0.25);
    color: #00c8ff;
}

/* ══════════════════════════════════════
   FOOT TOGGLE
   ══════════════════════════════════════ */
.cbm-foot-toggle[b-lurz3hohhs] {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.cbm-foot-btn[b-lurz3hohhs] {
    flex: 1;
    height: 44px;
    background: transparent;
    border: none;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: all 0.18s;
    font-family: inherit;
}

    .cbm-foot-btn + .cbm-foot-btn[b-lurz3hohhs] {
        border-left: 1px solid rgba(255, 255, 255, 0.14);
    }

.cbm-foot-btn--active[b-lurz3hohhs] {
    background: #00c8ff;
    color: #000;
}

/* ══════════════════════════════════════
   STAR SELECTORS
   ══════════════════════════════════════ */
.cbm-stars-row[b-lurz3hohhs] {
    display: flex;
    gap: 6px;
}

.cbm-star[b-lurz3hohhs] {
    flex: 1;
    height: 44px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-size: 22px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.15);
    transition: all 0.15s;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .cbm-star:active[b-lurz3hohhs] {
        transform: scale(0.93);
    }

.cbm-star--active[b-lurz3hohhs] {
    background: rgba(255, 200, 0, 0.12);
    border-color: rgba(255, 200, 0, 0.6);
    color: #ffc800;
}

/* ══════════════════════════════════════
   IMAGE PANEL — SLIDER ROWS
   ══════════════════════════════════════ */
.cbm-slider-row[b-lurz3hohhs] {
    display: grid;
    grid-template-columns: 54px 1fr 70px;
    align-items: center;
    gap: 8px;
}

.cbm-slider-label[b-lurz3hohhs] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
}

[b-lurz3hohhs] .cbm-slider-num {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}

/* ══════════════════════════════════════
   CARD TYPE / ARCHETYPE GRID
   ══════════════════════════════════════ */
.cbm-archetype-grid[b-lurz3hohhs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.cbm-archetype-card[b-lurz3hohhs] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 6px 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 2px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
    font-family: inherit;
}

    .cbm-archetype-card:active[b-lurz3hohhs] {
        background: rgba(0, 200, 255, 0.06);
    }

.cbm-archetype-card--active[b-lurz3hohhs] {
    background: rgba(0, 200, 255, 0.07);
}

.cbm-archetype-img-wrap[b-lurz3hohhs] {
    width: 100%;
    aspect-ratio: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cbm-archetype-img[b-lurz3hohhs] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.cbm-archetype-name[b-lurz3hohhs] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0 2px;
}

/* ══════════════════════════════════════
   STYLE PANEL — PLAYSTYLE CATEGORIES
   ══════════════════════════════════════ */
.cbm-category-block[b-lurz3hohhs] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cbm-category-header[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

    .cbm-category-header:active[b-lurz3hohhs] {
        background: rgba(255, 255, 255, 0.02);
    }

.cbm-category-title[b-lurz3hohhs] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    flex: 1;
}

.cbm-category-badge[b-lurz3hohhs] {
    font-size: 10px;
    font-weight: 700;
    color: #ffd700;
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 4px;
    padding: 1px 6px;
}

.cbm-playstyle-grid[b-lurz3hohhs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 0 16px 14px;
}

.cbm-ps-card[b-lurz3hohhs] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 6px 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    font-family: inherit;
    min-height: 70px;
}

    .cbm-ps-card:active[b-lurz3hohhs] {
        background: rgba(255, 215, 0, 0.06);
    }

.cbm-ps-card--active[b-lurz3hohhs] {
    border-color: #ffd700;
    background: rgba(255, 215, 0, 0.07);
}

.cbm-ps-icon[b-lurz3hohhs] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.cbm-ps-name[b-lurz3hohhs] {
    font-size: 9px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    line-height: 1.25;
    word-break: break-word;
}

.cbm-ps-card--active .cbm-ps-name[b-lurz3hohhs] {
    color: #ffd700;
}

/* ══════════════════════════════════════
   VISIBILITY GRID
   ══════════════════════════════════════ */
.cbm-visibility-grid[b-lurz3hohhs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.cbm-vis-btn[b-lurz3hohhs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 9px 4px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 7px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    transition: all 0.15s;
    font-family: inherit;
    justify-content: center;
}

    .cbm-vis-btn:active[b-lurz3hohhs] {
        background: rgba(0, 200, 255, 0.08);
    }

.cbm-vis-btn--on[b-lurz3hohhs] {
    background: rgba(0, 200, 255, 0.07);
    border-color: rgba(0, 200, 255, 0.28);
    color: rgba(255, 255, 255, 0.8);
}

/* ══════════════════════════════════════
   COLORS ROW
   ══════════════════════════════════════ */
.cbm-color-row[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.cbm-color-item[b-lurz3hohhs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.cbm-color-swatch[b-lurz3hohhs] {
    width: 42px;
    height: 38px;
    border: 1.5px solid rgba(255, 255, 255, 0.18);
    border-radius: 7px;
    padding: 0;
    cursor: pointer;
    background: transparent;
}

.cbm-color-label[b-lurz3hohhs] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════
   EXPORT PANEL
   ══════════════════════════════════════ */
.cbm-build-banner[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    background: rgba(0, 200, 255, 0.05);
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 7px;
}

.cbm-export-btns[b-lurz3hohhs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ══════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════ */
@keyframes cbm-fade-in-b-lurz3hohhs {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ══════════════════════════════════════
   RIGHT SLIDE-IN CARD TYPE SIDEBAR
   ══════════════════════════════════════ */
.cbm-card-sidebar-backdrop[b-lurz3hohhs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 90;
    animation: cbm-fade-in-b-lurz3hohhs 0.15s ease;
}

.cbm-card-sidebar[b-lurz3hohhs] {
    position: fixed;
    top: var(--mud-appbar-height, 64px);
    right: 0;
    bottom: 0;
    width: 78%;
    max-width: 300px;
    background: #0d1525;
    z-index: 100;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
}

.cbm-card-sidebar--open[b-lurz3hohhs] {
    transform: translateX(0);
}

.cbm-card-sidebar-header[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
}

.cbm-card-sidebar-title[b-lurz3hohhs] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    flex: 1;
}

.cbm-card-sidebar-count[b-lurz3hohhs] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
}

.cbm-card-sidebar-close[b-lurz3hohhs] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    font-family: inherit;
    line-height: 0;
}

.cbm-card-sidebar-body[b-lurz3hohhs] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    overscroll-behavior: contain;
}

/* 1-column horizontal list inside the sidebar */
.cbm-archetype-grid--sidebar[b-lurz3hohhs] {
    grid-template-columns: 1fr;
}

.cbm-archetype-grid--sidebar .cbm-archetype-card[b-lurz3hohhs] {
    flex-direction: row;
    align-items: center;
    padding: 8px 10px;
    gap: 12px;
    text-align: left;
}

.cbm-archetype-grid--sidebar .cbm-archetype-img-wrap[b-lurz3hohhs] {
    width: 44px;
    height: 60px;
    flex-shrink: 0;
    aspect-ratio: unset;
}

.cbm-archetype-grid--sidebar .cbm-archetype-name[b-lurz3hohhs] {
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    text-overflow: unset;
    overflow: visible;
    text-align: left;
}

/* ══════════════════════════════════════
   IMAGE PREVIEW ROW (shown when image is set)
   ══════════════════════════════════════ */
.cbm-img-preview-row[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.cbm-img-thumb[b-lurz3hohhs] {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.06);
}

.cbm-img-preview-label[b-lurz3hohhs] {
    flex: 1;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ══════════════════════════════════════
   RIGHT SLIDE-IN PLAYSTYLE SIDEBAR
   ══════════════════════════════════════ */
.cbm-style-sidebar-backdrop[b-lurz3hohhs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 90;
    animation: cbm-fade-in-b-lurz3hohhs 0.15s ease;
}

.cbm-style-sidebar[b-lurz3hohhs] {
    position: fixed;
    top: var(--mud-appbar-height, 64px);
    right: 0;
    bottom: 0;
    width: 88%;
    max-width: 360px;
    background: #0d1525;
    z-index: 100;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
}

.cbm-style-sidebar--open[b-lurz3hohhs] {
    transform: translateX(0);
}

.cbm-style-sidebar-header[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    border-bottom: 1px solid rgba(255, 215, 0, 0.15);
    flex-shrink: 0;
}

.cbm-style-sidebar-title[b-lurz3hohhs] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    flex: 1;
}

.cbm-style-sidebar-count[b-lurz3hohhs] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 215, 0, 0.6);
}

.cbm-style-sidebar-close[b-lurz3hohhs] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    font-family: inherit;
    line-height: 0;
}

.cbm-style-sidebar-body[b-lurz3hohhs] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* ══════════════════════════════════════
   PLAYSTYLE CHIPS (sidebar flat layout)
   ══════════════════════════════════════ */
.cbm-ps-section[b-lurz3hohhs] {
    padding: 12px 16px 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

    .cbm-ps-section:last-child[b-lurz3hohhs] {
        border-bottom: none;
    }

.cbm-ps-category-label[b-lurz3hohhs] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
}

.cbm-ps-category-label--uncategorised[b-lurz3hohhs] {
    color: rgba(255, 165, 0, 0.8);
}

.cbm-ps-chips[b-lurz3hohhs] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 12px;
}

.cbm-ps-btn[b-lurz3hohhs] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    min-height: 40px;
    padding: 5px 11px 5px 5px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.15s;
}

    .cbm-ps-btn:active[b-lurz3hohhs] {
        background: rgba(255, 215, 0, 0.12);
        border-color: rgba(255, 215, 0, 0.4);
    }

.cbm-ps-btn--active[b-lurz3hohhs] {
    border-color: #ffd700;
    background: rgba(255, 215, 0, 0.15);
    color: #ffffff;
}

.cbm-ps-btn-icon[b-lurz3hohhs] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

/* ── Playstyle search ── */
.cbm-ps-search-wrap[b-lurz3hohhs] {
    padding: 10px 14px 6px;
    flex-shrink: 0;
}

.cbm-ps-search[b-lurz3hohhs] {
    width: 100%;
    height: 38px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-family: inherit;
    padding: 0 12px;
    outline: none;
    box-sizing: border-box;
}

    .cbm-ps-search[b-lurz3hohhs]::placeholder {
        color: rgba(255, 255, 255, 0.32);
    }

    .cbm-ps-search:focus[b-lurz3hohhs] {
        border-color: rgba(255, 215, 0, 0.45);
        background: rgba(255, 255, 255, 0.08);
    }

    /* hide browser's built-in clear (X) button */
    .cbm-ps-search[b-lurz3hohhs]::-webkit-search-cancel-button {
        display: none;
    }

/* /Components/CardBuilder/CbActionHeader.razor.rz.scp.css */
.cb-action-header[b-j2jvxtrax0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 74px;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.14);
    background: linear-gradient(180deg, rgba(6, 13, 22, 0.96), rgba(5, 10, 17, 0.92));
}

.cb-action-brand[b-j2jvxtrax0] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.cb-action-icon[b-j2jvxtrax0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.1);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.16);
    flex-shrink: 0;
}

.cb-action-title[b-j2jvxtrax0] {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.05;
}

[b-j2jvxtrax0] .cb-action-subtitle {
    color: rgba(201, 218, 232, 0.72);
    font-size: 0.78rem;
}

.cb-action-buttons[b-j2jvxtrax0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.cb-action-menu[b-j2jvxtrax0] {
    flex-shrink: 0;
}

@media (max-width: 760px) {
    .cb-action-header[b-j2jvxtrax0] {
        padding: 14px;
        align-items: flex-start;
    }

    .cb-action-title[b-j2jvxtrax0] {
        font-size: 1.2rem;
    }
}
/* /Components/CardBuilder/CbCardPreview.razor.rz.scp.css */
.cb-preview-panel[b-f1xzgchpq3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 8px 20px;
}

.cb-preview-export-area[b-f1xzgchpq3] {
    display: inline-block;
    padding: 18px;
    border-radius: 18px;
    background:
        radial-gradient(ellipse at center, rgba(0, 200, 255, 0.11) 0%, transparent 70%);
}

[b-f1xzgchpq3] .cb-preview-label {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.32);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cb-linked-build[b-f1xzgchpq3] {
    width: 100%;
    margin-top: 12px;
}

[b-f1xzgchpq3] .cb-linked-chip {
    width: 100%;
    justify-content: center;
}

.cb-linked-actions[b-f1xzgchpq3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
}

[b-f1xzgchpq3] .cb-linked-actions .mud-button-root {
    min-width: 0;
    height: 32px;
    font-size: 0.68rem;
}

@media (max-width: 600px) {
    .cb-preview-panel[b-f1xzgchpq3] {
        padding-bottom: 12px;
    }

    .cb-preview-export-area[b-f1xzgchpq3] {
        max-width: 100%;
        padding: 10px;
    }
}
/* /Components/CardBuilder/CbCardTypePanel.razor.rz.scp.css */
.cb-card-type-panel[b-8iz7q2jzf4] {
    padding: 14px;
}

.cb-card-type-option[b-8iz7q2jzf4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cb-card-type-option img[b-8iz7q2jzf4] {
    width: 22px;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
}
/* /Components/CardBuilder/CbImagePanel.razor.rz.scp.css */
.cb-image-panel-row[b-k7ig3rc55h] {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
    gap: 8px;
}

.cb-appearance-panel[b-k7ig3rc55h],
.cb-crop-panel[b-k7ig3rc55h] {
    min-width: 0;
}

.cb-slider-row[b-k7ig3rc55h] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 88px;
    align-items: center;
    gap: 12px;
    min-height: 38px;
}

.cb-slider-label[b-k7ig3rc55h] {
    color: rgba(225, 238, 249, 0.76);
    font-size: 0.78rem;
    font-weight: 600;
}

[b-k7ig3rc55h] .cb-slider-value {
    width: 88px;
}

@media (max-width: 980px) {
    .cb-image-panel-row[b-k7ig3rc55h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .cb-slider-row[b-k7ig3rc55h] {
        grid-template-columns: 52px minmax(0, 1fr) 82px;
        gap: 8px;
    }
}
/* /Components/CardBuilder/CbPlayerInfoPanel.razor.rz.scp.css */
.cb-player-info[b-ghgfrpp13w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-goalkeeper-row[b-ghgfrpp13w] {
    min-height: 32px;
    display: flex;
    align-items: center;
}

[b-ghgfrpp13w] .cb-linked-alert {
    padding: 0;
    color: rgba(169, 220, 255, 0.86);
}

.cb-stat-readonly-grid[b-ghgfrpp13w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.cb-stat-readonly[b-ghgfrpp13w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 6px 10px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.07);
}

.cb-stat-readonly span[b-ghgfrpp13w] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.cb-stat-readonly strong[b-ghgfrpp13w] {
    color: #e0f7ff;
    font-size: 1.05rem;
}

.cb-gameplay-row[b-ghgfrpp13w] {
    display: grid;
    grid-template-columns: minmax(120px, 0.7fr) minmax(220px, 1.6fr) minmax(220px, 1.6fr);
    gap: 26px;
    align-items: start;
}

.cb-foot-toggle[b-ghgfrpp13w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid rgba(122, 210, 255, 0.2);
    border-radius: 6px;
    overflow: hidden;
    background: rgba(8, 15, 24, 0.72);
}

.cb-foot-btn[b-ghgfrpp13w] {
    height: 36px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font-family: inherit;
    font-weight: 800;
}

.cb-foot-btn + .cb-foot-btn[b-ghgfrpp13w] {
    border-left: 1px solid rgba(122, 210, 255, 0.16);
}

.cb-foot-btn--active[b-ghgfrpp13w] {
    background: linear-gradient(135deg, #0087b3, #00a7d8);
    color: #fff;
}

.cb-rating-field[b-ghgfrpp13w] {
    min-width: 0;
}

.cb-rating-help[b-ghgfrpp13w] {
    display: block;
    margin-top: 2px;
    color: rgba(169, 183, 198, 0.72);
    font-size: 0.72rem;
}

.cb-nation-field[b-ghgfrpp13w] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid rgba(122, 210, 255, 0.2);
    border-radius: 6px;
    background: rgba(8, 15, 24, 0.72);
    color: rgba(238, 247, 255, 0.9);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.cb-nation-field img[b-ghgfrpp13w] {
    width: 22px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
}

.cb-nation-field span[b-ghgfrpp13w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ghgfrpp13w] .cb-nation-caret {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.48);
}

.cb-upload-row[b-ghgfrpp13w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    align-items: center;
}

@media (max-width: 980px) {
    .cb-gameplay-row[b-ghgfrpp13w] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cb-stat-readonly-grid[b-ghgfrpp13w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .cb-stat-readonly-grid[b-ghgfrpp13w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/CardBuilder/CbStarRating.razor.rz.scp.css */
.cb-star-rating[b-ihex24chjq] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 36px;
}

.cb-star[b-ihex24chjq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, 0.34);
    cursor: pointer;
    font-family: inherit;
    font-size: 1.35rem;
    line-height: 1;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, transform 0.14s ease;
}

.cb-star:hover:not(:disabled)[b-ihex24chjq],
.cb-star:focus-visible[b-ihex24chjq] {
    border-color: rgba(0, 196, 255, 0.48);
    background: rgba(0, 200, 255, 0.08);
}

.cb-star:active:not(:disabled)[b-ihex24chjq] {
    transform: scale(0.94);
}

.cb-star--active[b-ihex24chjq] {
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 200, 255, 0.36);
}

.cb-star-rating--disabled .cb-star[b-ihex24chjq] {
    cursor: default;
    opacity: 0.7;
}

@media (max-width: 520px) {
    .cb-star-rating[b-ihex24chjq] {
        gap: 2px;
    }

    .cb-star[b-ihex24chjq] {
        width: 28px;
        height: 30px;
        font-size: 1.18rem;
    }
}
/* /Components/CardBuilder/CbStylePanel.razor.rz.scp.css */
.cb-panel-heading-row[b-a6abfphtkl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.cb-clear-playstyles[b-a6abfphtkl] {
    border: none;
    background: transparent;
    color: #8f6dff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 2px 0;
}

.cb-clear-playstyles:hover[b-a6abfphtkl] {
    color: #b49dff;
}

.cb-playstyle-categories[b-a6abfphtkl] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: 0;
    border-top: 1px solid rgba(122, 210, 255, 0.1);
}

.cb-playstyle-category[b-a6abfphtkl] {
    min-width: 0;
    padding: 10px 10px 6px;
    border-right: 1px solid rgba(122, 210, 255, 0.1);
}

.cb-playstyle-category:last-child[b-a6abfphtkl] {
    border-right: none;
}

.cb-playstyle-category-title[b-a6abfphtkl] {
    display: block;
    margin-bottom: 8px;
    color: rgba(226, 238, 249, 0.82);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-playstyle-category-title--uncategorised[b-a6abfphtkl] {
    color: #ffb020;
}

.cb-playstyle-chip-list[b-a6abfphtkl],
.cb-selected-playstyles[b-a6abfphtkl] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.cb-playstyle-chip[b-a6abfphtkl] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 28px;
    max-width: 100%;
    padding: 3px 8px 3px 3px;
    border: 1px solid rgba(122, 210, 255, 0.13);
    border-radius: 5px;
    background: rgba(32, 40, 51, 0.88);
    color: rgba(255, 255, 255, 0.86);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.73rem;
    font-weight: 600;
    text-align: left;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

.cb-playstyle-chip:hover[b-a6abfphtkl] {
    border-color: rgba(0, 196, 255, 0.45);
    background: rgba(0, 200, 255, 0.08);
}

.cb-playstyle-chip--selected[b-a6abfphtkl] {
    border-color: rgba(0, 196, 255, 0.72);
    background: rgba(0, 167, 216, 0.22);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 196, 255, 0.14);
}

.cb-playstyle-chip--readonly[b-a6abfphtkl] {
    cursor: default;
}

.cb-playstyle-icon[b-a6abfphtkl] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.cb-playstyle-icon[b-a6abfphtkl]  svg {
    width: 100%;
    height: 100%;
    display: block;
}

[b-a6abfphtkl] .cb-empty-text {
    color: rgba(169, 183, 198, 0.72);
}

.cb-visibility-elements-panel[b-a6abfphtkl] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 20px;
}

.cb-elements-block[b-a6abfphtkl] {
    border-left: 1px solid rgba(122, 210, 255, 0.12);
    padding-left: 20px;
}

.cb-visibility-chips[b-a6abfphtkl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cb-vis-chip[b-a6abfphtkl] {
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 6px;
    background: rgba(8, 15, 24, 0.72);
    color: rgba(238, 247, 255, 0.76);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
}

.cb-vis-chip--on[b-a6abfphtkl] {
    border-color: rgba(0, 196, 255, 0.58);
    background: linear-gradient(135deg, #0087b3, #00a7d8);
    color: #fff;
}

.cb-color-controls[b-a6abfphtkl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.cb-color-control[b-a6abfphtkl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(238, 247, 255, 0.9);
    font-size: 0.82rem;
    font-weight: 600;
}

.cb-color-control input[type="color"][b-a6abfphtkl] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(122, 210, 255, 0.22);
    border-radius: 5px;
    background: transparent;
    cursor: pointer;
}

[b-a6abfphtkl] .cb-reset-colors {
    margin-left: auto;
}

@media (max-width: 1280px) {
    .cb-playstyle-categories[b-a6abfphtkl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .cb-playstyle-categories[b-a6abfphtkl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-visibility-elements-panel[b-a6abfphtkl] {
        grid-template-columns: 1fr;
    }

    .cb-elements-block[b-a6abfphtkl] {
        border-left: none;
        border-top: 1px solid rgba(122, 210, 255, 0.12);
        padding-left: 0;
        padding-top: 16px;
    }
}

@media (max-width: 560px) {
    .cb-playstyle-categories[b-a6abfphtkl] {
        grid-template-columns: 1fr;
    }

    .cb-color-controls[b-a6abfphtkl] {
        gap: 14px;
    }
}
/* /Components/Cards/PcwPlayerCard.razor.rz.scp.css */
/* ============================================================
   PcwPlayerCard — scoped styles
   Ported 1-to-1 from the source card CSS.

   Sizing model :
     --cardWidth      unitless integer set inline (e.g. 220)
     --cardWidthPx    calc(--cardWidth * 1px)
     font-size        calc(--cardWidthPx * 0.0557)   ← 1em ≈ 5.57% of card width
   ============================================================ */

/* ── Outer wrapper ── */
.pcw-player-card[b-nulv6v6r24] {
    --cardWidthPx: calc(var(--cardWidth) * 1px);
    /* Derive sizing + colour aliases from the params passed inline */
    --ratingColor: var(--cardColor, #dfcf9a);
    --extra-info-border: var(--alt-pos-border, var(--cardColor, #dfcf9a));
    --extra-info-bg: var(--alt-pos-background, var(--card-accent-bg, #080808));
    /* --alt-pos-border, --alt-pos-background, --diamondBackgroundColor,
       --diamondForegroundColor are all set inline by the component */

    position: relative;
    isolation: isolate;
    display: inline-block;
    width: var(--cardWidthPx);
    /* height driven by aspect-ratio so no explicit height needed */
    aspect-ratio: 0.715278 / 1;
    overflow: hidden;
    flex-shrink: 0;
    vertical-align: top;
    font-family: 'Bebas Neue', 'Oswald', 'Impact', 'Arial Narrow', Arial, sans-serif;
    font-size: calc(var(--cardWidthPx) * 0.0557);
    font-weight: 400;
    color: var(--cardColor, #dfcf9a);
    white-space: normal;
    user-select: none;
}

/* ── Background card art ── */
.pcw-player-card-bg[b-nulv6v6r24] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    pointer-events: none;
}

/* ── Player portrait ──
   Source:  position:absolute; height:auto; width:64.2857%; top:17.4%; left:22% */
.pcw-player-card-base-img[b-nulv6v6r24] {
    position: absolute;
    height: auto;
    width: 64.2857%;
    top: calc(17.4% + var(--player-img-top-offset, 0%));
    left: calc(22% + var(--player-img-left-offset, 0%));
    pointer-events: none;
    z-index: 1;
    transform: scale(var(--player-img-scale, 1));
    transform-origin: bottom center;
}

/* ── Rating / position wrapper (top-left) ──
   Source:  top:22%; left:17%; flex-direction:column; text-align:center */
.pcw-player-card-rating-pos-wrapper[b-nulv6v6r24] {
    display: flex;
    flex-direction: column;
    position: absolute;
    text-align: center;
    color: var(--ratingColor, #dfcf9a);
    top: 22%;
    left: 17%;
    z-index: 2;
    line-height: 1;
}

/* Source:  font-size:2.1373em; line-height:calc(--cardWidthPx * 0.1032) */
.pcw-player-card-rating[b-nulv6v6r24] {
    font-family: 'Bebas Neue', 'Oswald', 'Impact', Arial, sans-serif;
    font-weight: 700;
    font-size: 2.1373em;
    line-height: calc(var(--cardWidthPx) * 0.1032);
}

/* Source:  font-size:1em */
.pcw-player-card-position[b-nulv6v6r24] {
    font-size: 1em;
    line-height: 1;
}

/* Source:  font-size:1.0606em; line-height:calc(--cardWidthPx * 0.0238) */
.pcw-player-card-role-plus[b-nulv6v6r24] {
    font-weight: 700;
    font-size: 1.0606em;
    line-height: calc(var(--cardWidthPx) * 0.0238);
}

/* ── Alt-positions sidebar ──
   Source:  position:absolute; width:max(--cardWidthPx*0.12, 20px); z-index:1
           right variant: right:4%; top:26% */
.pcw-player-card-alt-sidebar[b-nulv6v6r24] {
    position: absolute;
    width: max(calc(var(--cardWidthPx) * 0.12), 20px);
    z-index: 5;
}

.pcw-player-card-alt-sidebar.right[b-nulv6v6r24] {
    right: 4%;
    top: 26%;
}

.pcw-player-card-alt-sidebar.left[b-nulv6v6r24] {
    left: 4%;
    top: 24%;
}

/* ── PlayStyle Plus wrapper inside left sidebar ── */
.pcw-player-card-playstyles-wrapper[b-nulv6v6r24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.pcw-player-card-playstyles-wrapper[b-nulv6v6r24]  svg {
    width: max(calc(var(--cardWidthPx) * 0.12), 20px);
    height: max(calc(var(--cardWidthPx) * 0.12), 20px);
    display: block;
}

.pcw-player-card-playstyles-wrapper[b-nulv6v6r24]  .diamondBackground {
    fill: var(--diamondBackgroundColor);
}

.pcw-player-card-playstyles-wrapper[b-nulv6v6r24]  svg path:not(.diamondBackground) {
    fill: var(--diamondForegroundColor);
}

/* Hexagonal container for alt-pos items
   Source: clip-path preserved from original */
.pcw-player-card-alt-pos[b-nulv6v6r24] {
    display: flex;
    flex-direction: column;
    color: var(--alt-pos-border, #dfcf9a);
    font-size: max(1em, 10px);
    position: relative;
    width: max(calc(var(--cardWidthPx) * 0.122 + 2px), 22px);
    clip-path: polygon(0px 0.4275em, 50% 0px, 100% 0.4275em, 100% calc(100% - 0.4275em), 50% 100%, 0px calc(100% - 0.4275em));
    background: var(--alt-pos-border, #dfcf9a);
    padding: 0.4275em 0px;
}

/* Inner cutout (slightly smaller hex in background colour) */
.pcw-player-card-alt-pos[b-nulv6v6r24]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(-5% 0.4275em, 50% 0px, 105% 0.4275em, 105% calc(100% - 0.4275em), 50% 100%, -5% calc(100% - 0.4275em));
    width: max(calc(var(--cardWidthPx) * 0.12), 20px);
    height: calc(100% - 2px);
    background: var(--alt-pos-background, #080808);
    z-index: -1;
}

/* Individual alt-pos cell */
.pcw-player-card-alt-pos-sub[b-nulv6v6r24] {
    border-bottom: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    position: relative;
    font-size: 0.8em;
    min-height: calc(var(--cardWidthPx) * 0.07);
    flex: 1 1 0%;
    margin-top: 0.2em;
}

.pcw-player-card-alt-pos-sub:first-child[b-nulv6v6r24],
.pcw-player-card-alt-pos-sub:last-child[b-nulv6v6r24] {
    min-height: unset;
}

.pcw-player-card-alt-pos-sub:last-child[b-nulv6v6r24] {
    border-bottom: 0;
}

/* ── Name + stats + info wrapper ──
   Source:  top:63%; height:--cardWidthPx*0.33;
           max-width:--cardWidthPx - --cardWidthPx*0.22 */
.pcw-player-card-name-stats-info-wrapper[b-nulv6v6r24] {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    left: 50%;
    transform: translateX(-50%);
    top: 63%;
    height: calc(var(--cardWidthPx) * 0.33);
    max-width: calc(var(--cardWidthPx) - var(--cardWidthPx) * 0.22);
    z-index: 2;
}

/* Player name — Uses Antonio instead of Bebas Neue: near-identical condensed style
   but with proper lowercase/mixed-case glyphs (Bebas Neue is uppercase-only). */
.pcw-player-card-name[b-nulv6v6r24] {
    text-align: center;
    width: 100%;
    font-family: 'Antonio', 'Bebas Neue', 'Impact', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: -0.2px;
    font-size: var(--card-name-font-size, 1.5em);
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Stats row — Source:  display:flex; justify-content:space-evenly; line-height:1.25em */
.pcw-player-card-extended-stats[b-nulv6v6r24] {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: space-evenly;
    line-height: 1.25em;
    z-index: 4;
}

/* Individual stat column — Source:  flex-direction:column-reverse; font-size:1.2em */
.pcw-player-card-stats[b-nulv6v6r24] {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    font-size: 1.2em;
}

/* Stat number — Source:  margin-top:-2px */
.pcw-player-card-stat-number[b-nulv6v6r24] {
    margin-top: -2px;
}

/* Stat label — Source:  text-transform:uppercase; font-size:0.77em */
.pcw-player-card-stat-value[b-nulv6v6r24] {
    text-transform: uppercase;
    font-size: 0.77em;
    opacity: 0.85;
}

/* Badge row — Source:  gap:4px; margin-top:0.1em; margin-bottom:-0.05em
   img: width/height = --cardWidthPx * 0.0873 */
.pcw-player-card-info-row[b-nulv6v6r24] {
    z-index: 4;
    font-weight: 500;
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: 0.1em;
    margin-bottom: -0.05em;
}

.pcw-player-card-info-row img[b-nulv6v6r24] {
    width: calc(var(--cardWidthPx) * 0.0873);
    height: calc(var(--cardWidthPx) * 0.0873);
    object-fit: contain;
}

/* League image (PCW logo) — visually larger but doesn't affect row height */
.pcw-player-card-info-row .info-league[b-nulv6v6r24] {
    transform: scale(1.7);
    transform-origin: center center;
}

/* ── Extra-info hexagon bar ──
   Source:  top:88%; left:50%; transform:translateX(-50%);
   font-size:max(0.9em,9px); hex clip-path */
.pcw-player-card-extra-info[b-nulv6v6r24] {
    display: flex;
    position: absolute;
    color: var(--extra-info-border, #dfcf9a);
    font-size: max(0.9em, 9px);
    top: 88%;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0.4em 0%, calc(100% - 0.4em) 0%, 100% 50%, calc(100% - 0.4em) 100%, 0.4em 100%, 0% 50%);
    background: var(--extra-info-bg, #080808);
    z-index: 3;
    white-space: nowrap;
    align-items: center;
}

/* 1-px border drawn via ::after (evenodd clip-path trick) */
.pcw-player-card-extra-info[b-nulv6v6r24]::after {
    position: absolute;
    content: "";
    inset: 0;
    clip-path: polygon(evenodd, 0px 0px, 0px 100%, 100% 100%, 100% 0px, 0px 0px,
        calc(0.4em + 1px) 1px, calc(100% - 0.4em - 1px) 1px,
        calc(100% - 1.4px) 50%, calc(100% - 0.4em - 1px) calc(100% - 1px),
        calc(0.4em + 1px) calc(100% - 1px), 1.4px 50%, calc(0.4em + 1px) 1px);
    background: var(--extra-info-border, #dfcf9a);
}

.pcw-player-card-extra-info-basic-item[b-nulv6v6r24] {
    padding-top: 2px;
    padding-bottom: 1px;
    white-space: nowrap;
}

.pcw-player-card-extra-info-basic-item:first-child[b-nulv6v6r24] {
    padding-left: 0.8em;
}

.pcw-player-card-extra-info-basic-item:last-child[b-nulv6v6r24] {
    padding-right: 0.8em;
}

.pcw-player-card-extra-info-basic-item + .pcw-player-card-extra-info-basic-item[b-nulv6v6r24] {
    padding-left: 0.5em;
    margin-right: 0.1em;
}

/* Divider between items */
.pcw-player-card-extra-info-basic-item:not(:last-of-type)[b-nulv6v6r24] {
    padding-right: 0.5em;
    border-right: 1px solid var(--extra-info-border, #dfcf9a);
}

/* Community-rating pill inside the extra bar */
.pcw-player-card-community-rating[b-nulv6v6r24] {
    position: relative;
    padding: 0 0.5em;
    margin-left: 0.4em;
    align-content: center;
    background-color: #f6b000;
    color: #000;
    clip-path: polygon(0.4em 0%, calc(100% - 0.4em) 0%, 100% 50%, calc(100% - 0.4em) 100%, 0.4em 100%, 0% 50%);
}

.pcw-player-card-community-rating[b-nulv6v6r24]::before {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(1px 1px, calc(0.4em + 1px) 1px, 1.4px 50%, calc(0.4em + 1px) calc(100% - 1px),
        1px calc(100% - 1px), 0.4em 100%, 0% 50%);
    background: var(--extra-info-border, #dfcf9a);
}

/* /Components/Club/ClubBanner.razor.rz.scp.css */
/* Rendering delegated to ClubProfileBanner — styles live in ClubProfileBanner.razor.css */

/* /Components/Club/ClubMatchList.razor.rz.scp.css */
.cml-panel[b-3g6c7zvacl] {
    --cml-accent: #00c8ff;
    --cml-panel: #071522;
    --cml-panel-raised: #0b1b2a;
    --cml-panel-soft: #0e2233;
    --cml-border: rgba(77, 178, 226, 0.22);
    --cml-border-strong: rgba(0, 200, 255, 0.52);
    --cml-text: #f4f8fc;
    --cml-muted: #aab8c7;
    --cml-subtle: #73839a;
    --cml-win: #4ade80;
    --cml-loss: #f87171;
    --cml-draw: #fbbf24;
    --cml-divider: rgba(255, 255, 255, 0.08);

    overflow: hidden;
    border: 1px solid var(--cml-border);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
    color: var(--cml-text);
}

.cml-panel--playoff[b-3g6c7zvacl] {
    --cml-accent: #fbbf24;
    --cml-border-strong: rgba(251, 191, 36, 0.48);
}

.cml-panel-header[b-3g6c7zvacl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--cml-divider);
}

.cml-panel-header h2[b-3g6c7zvacl] {
    margin: 0;
    color: var(--cml-accent);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.cml-panel-header p[b-3g6c7zvacl] {
    margin: 6px 0 0;
    color: var(--cml-muted);
    font-size: 0.9rem;
}

.cml-summary[b-3g6c7zvacl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.cml-summary-chip[b-3g6c7zvacl] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid var(--cml-border);
    border-radius: 6px;
    color: var(--cml-muted);
    background: rgba(5, 11, 18, 0.34);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cml-summary-win[b-3g6c7zvacl] {
    color: var(--cml-win);
    border-color: rgba(74, 222, 128, 0.38);
}

.cml-summary-draw[b-3g6c7zvacl] {
    color: var(--cml-draw);
    border-color: rgba(251, 191, 36, 0.38);
}

.cml-summary-loss[b-3g6c7zvacl] {
    color: var(--cml-loss);
    border-color: rgba(248, 113, 113, 0.38);
}

.cml-toolbar[b-3g6c7zvacl] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(170px, 220px) minmax(170px, 220px) 132px;
    gap: 12px;
    align-items: end;
    padding: 18px 24px;
}

.cml-toolbar[b-3g6c7zvacl]  .mud-input,
.cml-toolbar[b-3g6c7zvacl]  .mud-input-outlined {
    min-height: 42px;
    color: var(--cml-text);
    background: rgba(5, 11, 18, 0.48);
}

.cml-toolbar[b-3g6c7zvacl]  .mud-input-label,
.cml-toolbar[b-3g6c7zvacl]  .mud-input-adornment {
    color: var(--cml-muted) !important;
}

.cml-toolbar[b-3g6c7zvacl]  .mud-input-outlined-border {
    border-color: rgba(170, 184, 199, 0.24) !important;
}

.cml-clear-button[b-3g6c7zvacl] {
    min-height: 42px;
    border-radius: 6px !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
}

.cml-loading[b-3g6c7zvacl],
.cml-empty[b-3g6c7zvacl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    gap: 10px;
    padding: 38px 16px;
    color: var(--cml-muted);
    text-align: center;
}

.cml-loading[b-3g6c7zvacl] {
    flex-direction: row;
    min-height: 160px;
}

.cml-empty[b-3g6c7zvacl] {
    margin: 18px 24px 24px;
    border: 1px dashed var(--cml-border);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.46);
}

.cml-empty--filtered[b-3g6c7zvacl] {
    margin-top: 0;
}

.cml-empty .mud-icon-root[b-3g6c7zvacl] {
    color: var(--cml-accent);
    font-size: 2.8rem;
}

.cml-empty h3[b-3g6c7zvacl] {
    margin: 0;
    color: var(--cml-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.cml-empty p[b-3g6c7zvacl] {
    margin: 0;
    color: var(--cml-muted);
    font-size: 0.9rem;
}

.cml-match-table[b-3g6c7zvacl] {
    padding: 0 24px 22px;
}

.cml-match-head[b-3g6c7zvacl],
.cml-match-row[b-3g6c7zvacl] {
    display: grid;
    grid-template-columns: minmax(120px, 0.9fr) minmax(220px, 1.5fr) minmax(96px, 0.7fr) minmax(220px, 1.5fr) minmax(90px, 0.7fr) minmax(80px, 0.55fr) minmax(150px, 0.9fr);
    align-items: center;
    column-gap: 16px;
}

.cml-match-head[b-3g6c7zvacl] {
    padding: 12px 18px;
    border: 1px solid var(--cml-border);
    border-radius: 8px 8px 0 0;
    color: var(--cml-muted);
    background: rgba(5, 11, 18, 0.34);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cml-match-row[b-3g6c7zvacl] {
    min-height: 84px;
    padding: 14px 18px;
    border-right: 1px solid var(--cml-border);
    border-bottom: 1px solid var(--cml-border);
    border-left: 1px solid var(--cml-border);
    background: rgba(14, 34, 51, 0.62);
    transition: background 150ms ease, border-color 150ms ease;
}

.cml-match-row:last-child[b-3g6c7zvacl] {
    border-radius: 0 0 8px 8px;
}

.cml-match-row:hover[b-3g6c7zvacl],
.cml-match-row:focus-within[b-3g6c7zvacl] {
    border-color: var(--cml-border-strong);
    background: #102a3d;
}

.cml-date[b-3g6c7zvacl],
.cml-team[b-3g6c7zvacl],
.cml-players[b-3g6c7zvacl],
.cml-actions[b-3g6c7zvacl] {
    min-width: 0;
}

.cml-date[b-3g6c7zvacl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cml-date strong[b-3g6c7zvacl],
.cml-team strong[b-3g6c7zvacl] {
    overflow: hidden;
    color: var(--cml-text);
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cml-date span[b-3g6c7zvacl],
.cml-team span[b-3g6c7zvacl] {
    color: var(--cml-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.cml-team[b-3g6c7zvacl] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cml-team-avatar[b-3g6c7zvacl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--cml-text);
    font-size: 0.78rem;
    font-weight: 900;
}

.cml-team-avatar img[b-3g6c7zvacl] {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.cml-team > div:last-child[b-3g6c7zvacl] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cml-score[b-3g6c7zvacl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--cml-text);
    font-size: 1.5rem;
    font-weight: 900;
}

.cml-score em[b-3g6c7zvacl] {
    color: var(--cml-muted);
    font-style: normal;
}

.cml-score-win[b-3g6c7zvacl] {
    color: var(--cml-win);
}

.cml-score-loss[b-3g6c7zvacl] {
    color: var(--cml-loss);
}

.cml-score-draw[b-3g6c7zvacl] {
    color: var(--cml-draw);
}

.cml-result[b-3g6c7zvacl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    min-height: 34px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cml-result--win[b-3g6c7zvacl] {
    color: var(--cml-win);
    border: 1px solid rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.1);
}

.cml-result--loss[b-3g6c7zvacl] {
    color: var(--cml-loss);
    border: 1px solid rgba(248, 113, 113, 0.42);
    background: rgba(248, 113, 113, 0.1);
}

.cml-result--draw[b-3g6c7zvacl] {
    color: var(--cml-draw);
    border: 1px solid rgba(251, 191, 36, 0.42);
    background: rgba(251, 191, 36, 0.1);
}

.cml-players[b-3g6c7zvacl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cml-muted);
    font-weight: 800;
}

.cml-players .mud-icon-root[b-3g6c7zvacl] {
    font-size: 1rem;
}

.cml-actions[b-3g6c7zvacl] {
    display: flex;
    justify-content: flex-end;
}

.cml-view-button[b-3g6c7zvacl] {
    min-width: 144px;
    min-height: 40px;
    border-radius: 6px !important;
    color: var(--cml-accent) !important;
    font-size: 0.8rem !important;
    font-weight: 900 !important;
    text-transform: none !important;
}

.cml-view-button:disabled[b-3g6c7zvacl] {
    color: var(--cml-subtle) !important;
    border-color: rgba(170, 184, 199, 0.18) !important;
}

.cml-footer[b-3g6c7zvacl] {
    padding: 0 24px 22px;
    color: var(--cml-muted);
    font-size: 0.86rem;
    font-weight: 700;
}

@media (max-width: 1040px) {
    .cml-panel-header[b-3g6c7zvacl] {
        flex-direction: column;
    }

    .cml-summary[b-3g6c7zvacl] {
        justify-content: flex-start;
    }

    .cml-toolbar[b-3g6c7zvacl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .cml-panel-header[b-3g6c7zvacl],
    .cml-toolbar[b-3g6c7zvacl],
    .cml-match-table[b-3g6c7zvacl],
    .cml-footer[b-3g6c7zvacl] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .cml-toolbar[b-3g6c7zvacl] {
        grid-template-columns: 1fr;
    }

    .cml-match-head[b-3g6c7zvacl] {
        display: none;
    }

    .cml-match-row[b-3g6c7zvacl] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: 0;
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid var(--cml-border);
        border-radius: 8px;
    }

    .cml-match-row:last-child[b-3g6c7zvacl] {
        border-radius: 8px;
    }

    .cml-date[b-3g6c7zvacl],
    .cml-team[b-3g6c7zvacl],
    .cml-score[b-3g6c7zvacl],
    .cml-match-row > div[role="cell"][b-3g6c7zvacl] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
    }

    .cml-date[b-3g6c7zvacl]::before,
    .cml-team[b-3g6c7zvacl]::before,
    .cml-score[b-3g6c7zvacl]::before,
    .cml-match-row > div[role="cell"][b-3g6c7zvacl]::before {
        content: attr(data-label);
        flex: 0 0 auto;
        color: var(--cml-muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .cml-team[b-3g6c7zvacl] {
        align-items: flex-start;
    }

    .cml-team[b-3g6c7zvacl]::before {
        padding-top: 12px;
    }

    .cml-team-avatar[b-3g6c7zvacl] {
        display: none;
    }

    .cml-actions[b-3g6c7zvacl] {
        justify-content: stretch !important;
    }

    .cml-actions[b-3g6c7zvacl]::before {
        display: none;
    }

    .cml-actions .mud-tooltip-root[b-3g6c7zvacl],
    .cml-view-button[b-3g6c7zvacl] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .cml-summary-chip[b-3g6c7zvacl] {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .cml-view-button[b-3g6c7zvacl] {
        min-width: 40px;
    }

    .cml-view-text[b-3g6c7zvacl] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}
/* /Components/Club/ClubMetaInfo.razor.rz.scp.css */
/* ── Club Meta Info ──────────────────────────────────────── */

.meta-row[b-brq8rdxc3b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    background: #141a22;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 12px 20px;
    margin-bottom: 16px;
}

.meta-item[b-brq8rdxc3b] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 180px;
}

.meta-divider[b-brq8rdxc3b] {
    width: 1px;
    height: 32px;
    background: rgba(255, 255, 255, 0.08);
    margin: 0 20px;
}

.meta-icon[b-brq8rdxc3b] {
    color: rgba(255, 255, 255, 0.35);
    font-size: 1.2rem !important;
}

.meta-content[b-brq8rdxc3b] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.meta-label[b-brq8rdxc3b] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.meta-value[b-brq8rdxc3b] {
    font-size: 0.9rem;
    color: #e0e0e0;
    font-weight: 600;
}

.meta-mono[b-brq8rdxc3b] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.82rem;
    color: #80cbc4;
}

@media (max-width: 480px) {
    .meta-divider[b-brq8rdxc3b] {
        display: none;
    }

    .meta-row[b-brq8rdxc3b] {
        gap: 12px;
    }
}
/* /Components/Club/ClubOverview.razor.rz.scp.css */
/* Rendering delegated to ClubProfileOverview — styles live in ClubProfileOverview.razor.css */

/* /Components/Club/ClubProfileBanner.razor.rz.scp.css */
.cpb-banner[b-zxz8jgulbu] {
    overflow: hidden;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
}

.cpb-banner-inner[b-zxz8jgulbu] {
    display: grid;
    grid-template-columns: auto minmax(300px, 1fr) minmax(660px, 0.9fr);
    align-items: center;
    gap: 28px;
    padding: 24px 28px;
}

.cpb-logo-wrap[b-zxz8jgulbu] {
    position: relative;
    flex-shrink: 0;
}

.cpb-avatar[b-zxz8jgulbu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 142px;
    height: 142px;
    overflow: hidden;
    border: 2px solid rgba(0, 200, 255, 0.34);
    border-radius: 999px;
    background: radial-gradient(circle at 35% 30%, rgba(0, 200, 255, 0.14), rgba(5, 11, 18, 0.92));
    color: #f4f8fc;
    font-size: 2.4rem;
    font-weight: 900;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.cpb-logo[b-zxz8jgulbu] {
    display: block;
    width: 88%;
    height: 88%;
    object-fit: contain;
}

.cpb-avatar .mud-icon-root[b-zxz8jgulbu] {
    color: #f4f8fc;
    font-size: 3.4rem;
}

.cpb-info[b-zxz8jgulbu] {
    min-width: 0;
}

.cpb-title-row[b-zxz8jgulbu] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.cpb-name[b-zxz8jgulbu] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #f4f8fc;
    font-size: clamp(2rem, 3.1vw, 3rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: normal;
}

.cpb-badges[b-zxz8jgulbu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.cpb-badge[b-zxz8jgulbu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 10px;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 6px;
    background: rgba(14, 34, 51, 0.72);
    color: #dce8f4;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cpb-badge-division[b-zxz8jgulbu] {
    border-color: rgba(0, 200, 255, 0.38);
    color: #00c8ff;
}

.cpb-badge-icon[b-zxz8jgulbu] {
    font-size: 16px !important;
}

.cpb-meta-grid[b-zxz8jgulbu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 160px));
    gap: 22px;
    margin-top: 22px;
}

.cpb-meta-grid span[b-zxz8jgulbu],
.cpb-stat-card span[b-zxz8jgulbu] {
    display: block;
    color: #aab8c7;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.cpb-meta-grid strong[b-zxz8jgulbu] {
    display: block;
    margin-top: 7px;
    color: #f4f8fc;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
}

.cpb-stat-rail[b-zxz8jgulbu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(124px, 1fr));
    gap: 12px;
    width: 100%;
}

.cpb-stat-card[b-zxz8jgulbu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    padding: 16px 12px;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.38);
    text-align: center;
}

.cpb-stat-card strong[b-zxz8jgulbu] {
    margin-top: 10px;
    color: #f4f8fc;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.cpb-win[b-zxz8jgulbu] {
    color: #4ade80 !important;
}

.cpb-loss[b-zxz8jgulbu] {
    color: #f87171 !important;
}

.cpb-draw[b-zxz8jgulbu] {
    color: #fbbf24 !important;
}

.cpb-skeleton[b-zxz8jgulbu] {
    background: rgba(255, 255, 255, 0.1) !important;
}

.cpb-skeleton-row[b-zxz8jgulbu] {
    margin-top: 12px;
}

@media (max-width: 1220px) {
    .cpb-banner-inner[b-zxz8jgulbu] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .cpb-stat-rail[b-zxz8jgulbu] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .cpb-banner-inner[b-zxz8jgulbu] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px;
    }

    .cpb-logo-wrap[b-zxz8jgulbu] {
        justify-self: start;
    }

    .cpb-avatar[b-zxz8jgulbu] {
        width: 96px;
        height: 96px;
    }

    .cpb-name[b-zxz8jgulbu] {
        font-size: 2rem;
        white-space: normal;
    }

    .cpb-meta-grid[b-zxz8jgulbu],
    .cpb-stat-rail[b-zxz8jgulbu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cpb-stat-card[b-zxz8jgulbu] {
        min-height: 88px;
    }
}

@media (max-width: 420px) {
    .cpb-meta-grid[b-zxz8jgulbu],
    .cpb-stat-rail[b-zxz8jgulbu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Club/ClubProfileOverview.razor.rz.scp.css */
.cpo-overview[b-yfa3b0ch48] {
    color: #f4f8fc;
}

.cpo-overview-header[b-yfa3b0ch48],
.cpo-stat-card[b-yfa3b0ch48] {
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
}

.cpo-overview-header[b-yfa3b0ch48] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    margin-bottom: 16px;
}

.cpo-header-icon[b-yfa3b0ch48] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.1);
    color: #00c8ff;
}

.cpo-overview-header h2[b-yfa3b0ch48],
.cpo-stat-card-title span[b-yfa3b0ch48] {
    margin: 0;
    color: #00c8ff;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.cpo-overview-header p[b-yfa3b0ch48] {
    margin: 4px 0 0;
    color: #aab8c7;
    font-size: 0.9rem;
    font-weight: 500;
}

.cpo-stat-grid[b-yfa3b0ch48] {
    display: grid;
    grid-template-columns: minmax(360px, 1.15fr) minmax(230px, 0.8fr) minmax(230px, 0.8fr) minmax(320px, 0.9fr);
    gap: 14px;
}

.cpo-stat-card[b-yfa3b0ch48] {
    min-height: 270px;
    padding: 20px;
}

.cpo-stat-card-title[b-yfa3b0ch48] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.cpo-stat-icon[b-yfa3b0ch48] {
    color: #00c8ff !important;
    font-size: 1.45rem !important;
}

.cpo-stat-icon-green[b-yfa3b0ch48] {
    color: #4ade80 !important;
}

.cpo-stat-icon-gold[b-yfa3b0ch48] {
    color: #fbbf24 !important;
}

.cpo-performance-main[b-yfa3b0ch48] {
    display: grid;
    grid-template-columns: minmax(128px, 156px) minmax(150px, 1fr);
    align-items: center;
    gap: 18px;
}

.cpo-ring[b-yfa3b0ch48] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 156px;
    height: 156px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #071522 0 54%, transparent 55%),
        conic-gradient(#4ade80 0 72%, #f87171 72% 86%, #fbbf24 86% 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.cpo-ring span[b-yfa3b0ch48] {
    color: #f4f8fc;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1;
}

.cpo-ring small[b-yfa3b0ch48] {
    margin-top: 6px;
    color: #c8d8e7;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cpo-wdl-list[b-yfa3b0ch48] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.32);
}

.cpo-wdl-list div[b-yfa3b0ch48],
.cpo-metric-list div[b-yfa3b0ch48] {
    display: grid;
    grid-template-columns: auto minmax(52px, 1fr) minmax(38px, auto) minmax(34px, auto);
    align-items: center;
    gap: 8px;
}

.cpo-wdl-list span[b-yfa3b0ch48],
.cpo-metric-list span[b-yfa3b0ch48],
.cpo-record-label[b-yfa3b0ch48] {
    color: #aab8c7;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cpo-wdl-list div > span:not(.cpo-dot)[b-yfa3b0ch48] {
    min-width: 0;
}

.cpo-wdl-list div[b-yfa3b0ch48] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.cpo-wdl-list em[b-yfa3b0ch48] {
    grid-column: 2 / 4;
    margin-top: -4px;
}

.cpo-wdl-list strong[b-yfa3b0ch48],
.cpo-metric-list strong[b-yfa3b0ch48] {
    color: #f4f8fc;
    font-size: 1.05rem;
    font-weight: 900;
}

.cpo-wdl-list strong[b-yfa3b0ch48],
.cpo-wdl-list em[b-yfa3b0ch48] {
    text-align: right;
}

.cpo-wdl-list em[b-yfa3b0ch48] {
    color: #c8d8e7;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 800;
}

.cpo-dot[b-yfa3b0ch48] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.cpo-dot-win[b-yfa3b0ch48],
.cpo-stat-bar-win[b-yfa3b0ch48] {
    background: #4ade80;
}

.cpo-dot-loss[b-yfa3b0ch48],
.cpo-stat-bar-loss[b-yfa3b0ch48] {
    background: #f87171;
}

.cpo-dot-draw[b-yfa3b0ch48],
.cpo-stat-bar-draw[b-yfa3b0ch48] {
    background: #fbbf24;
}

.cpo-record-label[b-yfa3b0ch48] {
    margin-top: 24px;
}

.cpo-stat-bar-track[b-yfa3b0ch48] {
    display: flex;
    height: 28px;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
}

.cpo-stat-bar-seg[b-yfa3b0ch48] {
    min-width: 0;
    transition: width 180ms ease;
}

.cpo-metric-list[b-yfa3b0ch48] {
    display: grid;
    gap: 10px;
}

.cpo-metric-list div[b-yfa3b0ch48] {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid rgba(77, 178, 226, 0.15);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.28);
}

.cpo-stat-win[b-yfa3b0ch48] {
    color: #4ade80 !important;
}

.cpo-stat-loss[b-yfa3b0ch48] {
    color: #f87171 !important;
}

.cpo-stat-draw[b-yfa3b0ch48] {
    color: #fbbf24 !important;
}

.cpo-form-empty[b-yfa3b0ch48] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 188px;
    padding: 16px;
    border: 1px dashed rgba(77, 178, 226, 0.2);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.24);
}

.cpo-form-list[b-yfa3b0ch48] {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 10px;
    min-height: 188px;
    padding: 16px;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.24);
}

.cpo-form-chip[b-yfa3b0ch48] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 900;
}

.cpo-form-chip--win[b-yfa3b0ch48] {
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.42);
    background: rgba(74, 222, 128, 0.12);
}

.cpo-form-chip--loss[b-yfa3b0ch48] {
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.42);
    background: rgba(248, 113, 113, 0.12);
}

.cpo-form-chip--draw[b-yfa3b0ch48] {
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.42);
    background: rgba(251, 191, 36, 0.12);
}

.cpo-form-chips[b-yfa3b0ch48] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.cpo-form-chips span[b-yfa3b0ch48] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(170, 184, 199, 0.22);
    border-radius: 6px;
    color: #73839a;
    background: rgba(170, 184, 199, 0.08);
    font-weight: 900;
}

.cpo-form-empty p[b-yfa3b0ch48] {
    margin: 0;
    color: #aab8c7;
    font-size: 0.9rem;
    line-height: 1.45;
}

.cpo-skeleton[b-yfa3b0ch48] {
    background: rgba(255, 255, 255, 0.1) !important;
}

.cpo-skeleton-row[b-yfa3b0ch48] {
    margin-top: 10px;
}

@media (max-width: 1180px) {
    .cpo-stat-grid[b-yfa3b0ch48] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .cpo-overview-header[b-yfa3b0ch48] {
        padding: 14px;
    }

    .cpo-stat-grid[b-yfa3b0ch48],
    .cpo-performance-main[b-yfa3b0ch48] {
        grid-template-columns: 1fr;
    }

    .cpo-stat-card[b-yfa3b0ch48] {
        min-height: auto;
        padding: 14px;
    }

    .cpo-ring[b-yfa3b0ch48] {
        width: 132px;
        height: 132px;
    }
}
/* /Components/Club/ClubTabs.razor.rz.scp.css */
/* ── Club Tabs ────────────────────────────────────────────── */
/* Styles for MudBlazor tab internals are in wwwroot/app.css  */
/* (scoped ::deep cannot reach MudBlazor's component DOM).    */
/* /Components/Club/FriendlyMatches.razor.rz.scp.css */
/* ── Shared match component styles ──────────────────────── */

.match-loading[b-gep7v37wky] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 32px 16px;
    justify-content: center;
}

.match-empty[b-gep7v37wky] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    text-align: center;
    gap: 2px;
}
/* /Components/Club/LeagueMatches.razor.rz.scp.css */
/* ── Shared match component styles ──────────────────────── */

.match-loading[b-1ri3nihjic] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 32px 16px;
    justify-content: center;
}

.match-empty[b-1ri3nihjic] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    text-align: center;
    gap: 2px;
}
/* /Components/Club/PlayerDetailDialog.razor.rz.scp.css */
/* ── Player Detail Dialog ────────────────────────────────── */

.pd-header[b-i4qhpe9m6i] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pd-avatar[b-i4qhpe9m6i] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    border: 2px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pd-title[b-i4qhpe9m6i] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pd-name[b-i4qhpe9m6i] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff;
}

.pd-pos[b-i4qhpe9m6i] {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pd-rating[b-i4qhpe9m6i] {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.pd-rating-gold[b-i4qhpe9m6i]  { background: rgba(255,215, 64,0.15); color: #ffd740; border: 1px solid rgba(255,215,64,0.3); }
.pd-rating-green[b-i4qhpe9m6i] { background: rgba( 76,175, 80,0.15); color: #66bb6a; border: 1px solid rgba(76,175,80,0.3); }
.pd-rating-blue[b-i4qhpe9m6i]  { background: rgba( 33,150,243,0.15); color: #42a5f5; border: 1px solid rgba(33,150,243,0.3); }
.pd-rating-grey[b-i4qhpe9m6i]  { background: rgba(255,255,255,0.07); color: #90a4ae; border: 1px solid rgba(255,255,255,0.1); }

/* Stats grid */
.pd-grid[b-i4qhpe9m6i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.pd-stat-card[b-i4qhpe9m6i] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.pd-stat-icon[b-i4qhpe9m6i] {
    font-size: 1.1rem !important;
    opacity: 0.7;
}

.pd-stat-title[b-i4qhpe9m6i] {
    font-size: 0.62rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
}

.pd-stat-value[b-i4qhpe9m6i] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #e0e0e0;
    line-height: 1;
}

/* Averages */
.pd-averages[b-i4qhpe9m6i] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 12px 14px;
}

.pd-avg-title[b-i4qhpe9m6i] {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.pd-avg-row[b-i4qhpe9m6i] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.pd-avg-item[b-i4qhpe9m6i] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 400px) {
    .pd-grid[b-i4qhpe9m6i] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Club/PlayoffMatches.razor.rz.scp.css */
/* ── Shared match component styles ──────────────────────── */

.match-loading[b-fs7k0f3mw8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 32px 16px;
    justify-content: center;
}

.match-empty[b-fs7k0f3mw8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    text-align: center;
    gap: 2px;
}
/* /Components/Club/SquadView.razor.rz.scp.css */
.squad-panel[b-q8aoetwj1w] {
    overflow: hidden;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
    color: #f4f8fc;
}

.squad-panel-header[b-q8aoetwj1w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.squad-panel-header h2[b-q8aoetwj1w] {
    margin: 0;
    color: #00c8ff;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.squad-panel-header p[b-q8aoetwj1w] {
    margin: 6px 0 0;
    color: #aab8c7;
    font-size: 0.9rem;
}

.squad-panel-header > span[b-q8aoetwj1w] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid rgba(77, 178, 226, 0.22);
    border-radius: 6px;
    color: #aab8c7;
    background: rgba(5, 11, 18, 0.34);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.squad-toolbar[b-q8aoetwj1w] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(170px, 220px) minmax(170px, 220px) 132px;
    gap: 12px;
    align-items: end;
    padding: 18px 24px;
}

.squad-toolbar[b-q8aoetwj1w]  .mud-input,
.squad-toolbar[b-q8aoetwj1w]  .mud-input-outlined {
    min-height: 42px;
    color: #f4f8fc;
    background: rgba(5, 11, 18, 0.48);
}

.squad-toolbar[b-q8aoetwj1w]  .mud-input-label,
.squad-toolbar[b-q8aoetwj1w]  .mud-input-adornment {
    color: #aab8c7 !important;
}

.squad-toolbar[b-q8aoetwj1w]  .mud-input-outlined-border {
    border-color: rgba(170, 184, 199, 0.24) !important;
}

.squad-clear-button[b-q8aoetwj1w] {
    min-height: 42px;
    border-radius: 6px !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
}

.squad-loading[b-q8aoetwj1w],
.squad-empty[b-q8aoetwj1w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 180px;
    padding: 36px 16px;
    color: #aab8c7;
    text-align: center;
}

.squad-empty[b-q8aoetwj1w] {
    flex-direction: column;
    margin: 18px 24px 24px;
    border: 1px dashed rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.46);
}

.squad-empty--filtered[b-q8aoetwj1w] {
    margin-top: 0;
}

.squad-empty .mud-icon-root[b-q8aoetwj1w] {
    color: #00c8ff;
    font-size: 2.8rem;
}

.squad-empty h3[b-q8aoetwj1w] {
    margin: 0;
    color: #f4f8fc;
    font-size: 1.05rem;
    font-weight: 900;
}

.squad-empty p[b-q8aoetwj1w] {
    margin: 0;
    color: #aab8c7;
    font-size: 0.9rem;
}

.squad-section[b-q8aoetwj1w] {
    padding: 0 24px 22px;
}

.squad-section-header[b-q8aoetwj1w] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-left: 3px solid var(--squad-accent);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.28);
}

.squad-section-icon[b-q8aoetwj1w] {
    color: var(--squad-accent) !important;
    font-size: 1.2rem !important;
}

.squad-section-title[b-q8aoetwj1w] {
    color: #dce8f4;
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.squad-section-count[b-q8aoetwj1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 22px;
    margin-left: auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--squad-accent) 14%, transparent);
    color: var(--squad-accent);
    font-size: 0.72rem;
    font-weight: 900;
}

.squad-grid[b-q8aoetwj1w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}

.sq-card[b-q8aoetwj1w] {
    overflow: hidden;
    border: 1px solid rgba(77, 178, 226, 0.2);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.72);
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.sq-card:hover[b-q8aoetwj1w],
.sq-card:focus-within[b-q8aoetwj1w] {
    border-color: color-mix(in srgb, var(--squad-accent) 54%, transparent);
    background: #102a3d;
    transform: translateY(-1px);
}

.sq-top[b-q8aoetwj1w] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 14px;
}

.sq-avatar[b-q8aoetwj1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--squad-accent) 46%, transparent);
    border-radius: 50%;
    background: rgba(5, 11, 18, 0.44);
    color: #aab8c7;
}

.sq-avatar .mud-icon-root[b-q8aoetwj1w] {
    font-size: 1.15rem;
}

.sq-info[b-q8aoetwj1w] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.sq-name[b-q8aoetwj1w] {
    overflow: hidden;
    color: #f4f8fc;
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sq-pos[b-q8aoetwj1w] {
    color: #aab8c7;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sq-rating[b-q8aoetwj1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 900;
}

.rating-gold[b-q8aoetwj1w] {
    color: #facc15;
    border: 1px solid rgba(250, 204, 21, 0.38);
    background: rgba(250, 204, 21, 0.12);
}

.rating-green[b-q8aoetwj1w] {
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.36);
    background: rgba(74, 222, 128, 0.1);
}

.rating-blue[b-q8aoetwj1w] {
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.36);
    background: rgba(96, 165, 250, 0.1);
}

.rating-grey[b-q8aoetwj1w] {
    color: #aab8c7;
    border: 1px solid rgba(170, 184, 199, 0.22);
    background: rgba(170, 184, 199, 0.08);
}

.sq-stats[b-q8aoetwj1w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sq-stat[b-q8aoetwj1w] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    min-height: 64px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.sq-stat:last-child[b-q8aoetwj1w] {
    border-right: 0;
}

.sq-val[b-q8aoetwj1w] {
    color: #f4f8fc;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.sq-lbl[b-q8aoetwj1w] {
    color: #aab8c7;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sq-goals[b-q8aoetwj1w] {
    color: #4ade80;
}

.sq-assists[b-q8aoetwj1w] {
    color: #60a5fa;
}

.sq-actions[b-q8aoetwj1w] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 12px;
}

.sq-actions[b-q8aoetwj1w]  .mud-button-root {
    min-height: 36px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: none;
}

@media (max-width: 900px) {
    .squad-panel-header[b-q8aoetwj1w] {
        flex-direction: column;
    }

    .squad-toolbar[b-q8aoetwj1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .squad-panel-header[b-q8aoetwj1w],
    .squad-toolbar[b-q8aoetwj1w],
    .squad-section[b-q8aoetwj1w] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .squad-toolbar[b-q8aoetwj1w] {
        grid-template-columns: 1fr;
    }

    .squad-grid[b-q8aoetwj1w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Community/CommunityFormBadges.razor.rz.scp.css */
/* ── Form Badges ──────────────────────────────────────── */

.comm-form-badges[b-3fvnk6gnil] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.comm-form-badge[b-3fvnk6gnil] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
}

.comm-form-badge--w[b-3fvnk6gnil] {
    background: rgba(0, 200, 83, 0.18);
    color: #00c853;
    border: 1px solid rgba(0, 200, 83, 0.25);
}

.comm-form-badge--d[b-3fvnk6gnil] {
    background: rgba(255, 193, 7, 0.14);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.22);
}

.comm-form-badge--l[b-3fvnk6gnil] {
    background: rgba(244, 67, 54, 0.16);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.25);
}

.comm-form-none[b-3fvnk6gnil] {
    color: rgba(255, 255, 255, 0.2);
    font-size: .85rem;
}
/* /Components/Community/CommunityTrendArrow.razor.rz.scp.css */
/* ── Trend Arrow ──────────────────────────────────────── */

.comm-trend[b-lwogelciis] {
    font-size: 1.1rem;
    font-weight: 700;
    display: inline-block;
}

.comm-trend--up[b-lwogelciis] {
    color: #00c853;
}

.comm-trend--down[b-lwogelciis] {
    color: #f44336;
}

.comm-trend--flat[b-lwogelciis] {
    color: rgba(255, 255, 255, 0.2);
}
/* /Components/Dashboard/QuickLinkCard.razor.rz.scp.css */
/* ─── Quick-link card ──────────────────────────────────────── */
.qlcard[b-ouh68han46] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 16px;
    background: #141a2e;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 14px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.qlcard--active:hover[b-ouh68han46] {
    transform: scale(1.04);
    border-color: rgba(0,200,255,0.35);
    box-shadow: 0 4px 24px rgba(0,200,255,0.12);
}

.qlcard--disabled[b-ouh68han46] {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.qlcard-icon[b-ouh68han46] {
    color: rgba(0,200,255,0.85);
}

.qlcard-title[b-ouh68han46] {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
}

.qlcard-soon-badge[b-ouh68han46] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255,152,0,0.85);
    color: #000;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 2px 7px;
    border-radius: 20px;
    text-transform: uppercase;
}
/* /Components/Dashboard/TournamentCountdown.razor.rz.scp.css */
.dash-countdown[b-3itnooevus] {
    display: grid;
    grid-template-columns: repeat(4, minmax(92px, 1fr));
    width: min(100%, 660px);
    gap: clamp(8px, 1.05vw, 14px);
    margin: 6px auto 2px;
}

.dash-countdown-unit[b-3itnooevus] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: 8px;
    min-height: clamp(82px, 7vw, 104px);
    padding: clamp(10px, 1.35vw, 14px) 10px;
    border: 1px solid rgba(0, 111, 224, 0.42);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 20%, rgba(0, 200, 255, 0.08), transparent 48%),
        linear-gradient(180deg, rgba(0, 63, 138, 0.18), rgba(0, 13, 33, 0.58));
    box-shadow: inset 0 0 16px rgba(0, 156, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.2);
}

.dash-countdown-val[b-3itnooevus] {
    display: block;
    font-size: clamp(2.35rem, 3.25vw, 3.45rem);
    line-height: 0.9;
    font-weight: 900;
    color: #ffffff;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 10px rgba(0, 200, 255, 0.2), 0 3px 0 rgba(0, 75, 180, 0.28);
}

.dash-countdown-lbl[b-3itnooevus] {
    font-size: clamp(0.58rem, 0.75vw, 0.68rem);
    font-weight: 900;
    letter-spacing: 2.2px;
    color: rgba(238, 244, 255, 0.84);
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .dash-countdown[b-3itnooevus] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 100%;
        gap: 8px;
    }

    .dash-countdown-unit[b-3itnooevus] {
        min-height: 74px;
        padding: 10px 6px;
        border-radius: 12px;
    }

    .dash-countdown-val[b-3itnooevus] {
        font-size: clamp(1.45rem, 8vw, 2.05rem);
    }

    .dash-countdown-lbl[b-3itnooevus] {
        font-size: clamp(0.45rem, 2.6vw, 0.58rem);
        letter-spacing: 1.1px;
    }
}

@media (max-width: 420px) {
    .dash-countdown[b-3itnooevus] {
        gap: 6px;
    }

    .dash-countdown-unit[b-3itnooevus] {
        min-height: 66px;
        padding: 8px 4px;
    }

    .dash-countdown-val[b-3itnooevus] {
        font-size: clamp(1.25rem, 7.4vw, 1.75rem);
    }

    .dash-countdown-lbl[b-3itnooevus] {
        font-size: 0.44rem;
        letter-spacing: 0.8px;
    }
}
/* /Components/DevWarningBanner.razor.rz.scp.css */
.dev-warning-banner[b-t2tqym904o] {
    background: rgba(255, 152, 0, 0.09);
    border-bottom: 1px solid rgba(255, 152, 0, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 16px;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
    color: rgba(255, 185, 50, 0.82);
    width: 100%;
    box-sizing: border-box;
}

.dev-warning-icon[b-t2tqym904o] {
    font-size: 0.75rem;
    flex-shrink: 0;
    opacity: 0.85;
}

.dev-warning-text[b-t2tqym904o] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Fixed variant — sits beneath the main MudAppBar (64px, forced on all viewports) */
.dev-warning-banner--fixed[b-t2tqym904o] {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    z-index: 1199;
}

/* Sticky variant — stays below a sticky management top bar (56px desktop, ~89px mobile) */
.dev-warning-banner--sticky[b-t2tqym904o] {
    position: sticky;
    top: 56px;
    z-index: 99;
}

@media (max-width: 599px) {
    .dev-warning-banner--sticky[b-t2tqym904o] {
        top: 89px;
    }

    .dev-warning-banner--sticky.dev-warning-banner--compact-mobile-sticky[b-t2tqym904o] {
        top: 56px;
    }
}
/* /Components/Faq/FaqAccordion.razor.rz.scp.css */
.faq-accordion[b-7eyjdmklpe] {
    display: grid;
    gap: 1rem;
}

.faq-accordion-group[b-7eyjdmklpe] {
    display: grid;
    gap: 0.6rem;
}

.faq-accordion-group-header[b-7eyjdmklpe] {
    display: grid;
    gap: 0.25rem;
}

.faq-accordion-group-title[b-7eyjdmklpe] {
    font-weight: 700;
    color: #fff;
}

.faq-accordion-group-description[b-7eyjdmklpe] {
    color: var(--pcw-text-muted);
}

.faq-accordion-item[b-7eyjdmklpe] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
    overflow: hidden;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.14);
}

.faq-accordion-trigger[b-7eyjdmklpe] {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0.95rem 1rem 0.85rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.faq-accordion-trigger:hover[b-7eyjdmklpe],
.faq-accordion-trigger:focus-visible[b-7eyjdmklpe],
.faq-accordion-trigger.is-open[b-7eyjdmklpe] {
    background: rgba(255, 255, 255, 0.035);
    outline: none;
}

.faq-accordion-question-badge[b-7eyjdmklpe],
.faq-accordion-answer-badge[b-7eyjdmklpe] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.faq-accordion-question-badge[b-7eyjdmklpe] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--pcw-text-muted);
}

.faq-accordion-answer-badge[b-7eyjdmklpe] {
    background: rgba(0, 160, 204, 0.12);
    border-color: rgba(0, 160, 204, 0.24);
    color: #8edcff;
}

.faq-accordion-trigger-copy[b-7eyjdmklpe] {
    font-weight: 700;
    color: #fff;
    min-width: 0;
}

.faq-accordion-trigger-icon[b-7eyjdmklpe] {
    color: var(--pcw-text-muted);
    flex-shrink: 0;
}

.faq-accordion-panel[b-7eyjdmklpe] {
    display: grid;
    padding: 0 1rem 0.9rem;
}

.faq-accordion-answer-shell[b-7eyjdmklpe] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 0.75rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.faq-accordion-answer[b-7eyjdmklpe] {
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.6;
    padding-top: 0.15rem;
}

.faq-accordion-answer :deep(p)[b-7eyjdmklpe],
.faq-accordion-answer :deep(ul)[b-7eyjdmklpe],
.faq-accordion-answer :deep(ol)[b-7eyjdmklpe] {
    margin: 0 0 0.85rem;
}

.faq-accordion-answer :deep(p:last-child)[b-7eyjdmklpe],
.faq-accordion-answer :deep(ul:last-child)[b-7eyjdmklpe],
.faq-accordion-answer :deep(ol:last-child)[b-7eyjdmklpe] {
    margin-bottom: 0;
}

.faq-accordion-answer :deep(a)[b-7eyjdmklpe] {
    color: var(--mud-palette-primary);
}

.faq-accordion-answer :deep(code)[b-7eyjdmklpe] {
    font-family: Consolas, monospace;
    background: rgba(255, 255, 255, 0.08);
    padding: 0.1rem 0.35rem;
    border-radius: 6px;
}

.faq-accordion-answer :deep(pre)[b-7eyjdmklpe] {
    margin: 0 0 1rem;
    padding: 0.75rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.22);
    overflow-x: auto;
}

@media (max-width: 768px) {
    .faq-accordion-trigger[b-7eyjdmklpe],
    .faq-accordion-answer-shell[b-7eyjdmklpe] {
        gap: 0.65rem;
    }

    .faq-accordion-trigger[b-7eyjdmklpe] {
        padding: 0.9rem 0.9rem 0.8rem;
    }

    .faq-accordion-panel[b-7eyjdmklpe] {
        padding: 0 0.9rem 0.85rem;
    }
}
/* /Components/Governance/PageGate.razor.rz.scp.css */
/* -- FAQ footer bar -------------------------------------------------------- */
.page-gate-faq-bar[b-6az1owvo68] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    height: 44px;
    background: rgba(8, 13, 25, 0.97);
    border-top: 1px solid rgba(0, 200, 255, 0.18);
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    touch-action: manipulation;
    transition: background 0.15s, color 0.15s;
    backdrop-filter: blur(8px);
}

.page-gate-faq-bar:hover[b-6az1owvo68],
.page-gate-faq-bar:focus-visible[b-6az1owvo68] {
    background: rgba(0, 200, 255, 0.07);
    color: #fff;
    outline: none;
}

.page-gate-faq-bar-icon[b-6az1owvo68] {
    color: #00c8ff;
    flex-shrink: 0;
    display: flex;
}

.page-gate-faq-bar-label[b-6az1owvo68] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-gate-faq-bar-spacer[b-6az1owvo68] {
    display: none;
}

.page-gate-faq-bar-count[b-6az1owvo68] {
    font-size: 11px;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 20px;
    padding: 1px 9px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* -- FAQ panel shell ------------------------------------------------------- */
.page-gate-faq-shell[b-6az1owvo68] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1250;
    visibility: hidden;
}

.page-gate-faq-shell.is-open[b-6az1owvo68] {
    pointer-events: auto;
    visibility: visible;
}

.page-gate-faq-backdrop[b-6az1owvo68] {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(4, 7, 14, 0.58);
}

.page-gate-faq-panel[b-6az1owvo68] {
    position: absolute;
    top: 5.25rem;
    right: 1rem;
    bottom: 52px;
    transform: translateX(calc(100% + 2rem));
    width: min(27rem, calc(100vw - 1.5rem));
    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    background: rgba(11, 15, 22, 0.98);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    transition: transform 0.22s ease, opacity 0.22s ease, visibility 0s linear 0.22s;
    opacity: 0;
    visibility: hidden;
}

.page-gate-faq-shell.is-open .page-gate-faq-panel[b-6az1owvo68] {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: transform 0.22s ease, opacity 0.22s ease, visibility 0s linear 0s;
}

.page-gate-faq-header[b-6az1owvo68] {
    padding: 1rem 1rem 0.85rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.page-gate-faq-header-actions[b-6az1owvo68] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.page-gate-faq-heading[b-6az1owvo68] {
    display: grid;
    gap: 0.2rem;
}

.page-gate-faq-title[b-6az1owvo68] {
    font-weight: 700;
    color: #fff;
}

.page-gate-faq-subtitle[b-6az1owvo68] {
    color: var(--pcw-text-muted);
}

.page-gate-faq-question-count[b-6az1owvo68] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-weight: 700;
    font-size: 0.82rem;
}

.page-gate-faq-body[b-6az1owvo68] {
    padding: 1rem;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(10, 15, 26, 0.8) 0%, rgba(10, 15, 26, 0.94) 100%);
}

@media (min-width: 992px) and (max-width: 1400px) {
    .page-gate-faq-panel[b-6az1owvo68] {
        width: min(25rem, calc(100vw - 1rem));
    }
}

@media (max-width: 768px) {
    .page-gate-faq-panel[b-6az1owvo68] {
        width: calc(100vw - 1rem);
        top: auto;
        right: 0.5rem;
        bottom: 52px;
        max-height: 78vh;
        border-radius: 20px;
    }
}
/* /Components/Landing/FeatureCard.razor.rz.scp.css */
.landing-feature-card[b-08sep27258] {
    display: grid;
    justify-items: center;
    min-height: 230px;
    padding: 30px 24px;
    border: 1px solid var(--landing-border, rgba(88, 143, 190, 0.22));
    border-radius: var(--landing-card-radius, 10px);
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 175, 255, 0.12), transparent 48%),
        rgba(8, 22, 40, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    text-align: center;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.landing-feature-card:hover[b-08sep27258] {
    transform: translateY(-4px);
    border-color: rgba(40, 196, 255, 0.5);
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 175, 255, 0.18), transparent 52%),
        rgba(9, 27, 52, 0.9);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22), 0 0 26px rgba(0, 175, 255, 0.08);
}

.landing-feature-card__icon[b-08sep27258] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 22px;
    color: var(--landing-primary, #00afff);
}

.landing-feature-card__icon[b-08sep27258]  .mud-icon-root {
    font-size: 48px !important;
    filter: drop-shadow(0 0 14px rgba(0, 175, 255, 0.34));
}

.landing-feature-card h3[b-08sep27258] {
    margin: 0 0 12px;
    color: var(--landing-text, #fff);
    font-size: 0.94rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 1.25;
    text-transform: uppercase;
}

.landing-feature-card p[b-08sep27258] {
    max-width: 230px;
    margin: 0;
    color: var(--landing-text-soft, #c8d4e3);
    font-size: 0.94rem;
    line-height: 1.56;
}
/* /Components/Landing/LandingButton.razor.rz.scp.css */
.landing-button[b-rnto04dh5c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: var(--landing-button-radius, 6px);
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

.landing-button:hover[b-rnto04dh5c] {
    transform: translateY(-2px);
}

.landing-button:active[b-rnto04dh5c] {
    transform: translateY(0);
}

.landing-button:focus-visible[b-rnto04dh5c] {
    outline: 3px solid rgba(40, 196, 255, 0.45);
    outline-offset: 3px;
}

.landing-button:disabled[b-rnto04dh5c] {
    cursor: progress;
    opacity: 0.7;
    transform: none;
}

.landing-button--primary[b-rnto04dh5c] {
    background: linear-gradient(180deg, var(--landing-primary-hover, #28c4ff), var(--landing-primary, #00afff));
    color: #02101c;
    box-shadow: 0 12px 24px rgba(0, 175, 255, 0.2);
}

.landing-button--primary:hover[b-rnto04dh5c] {
    background: linear-gradient(180deg, #4ad0ff, var(--landing-primary-hover, #28c4ff));
    box-shadow: 0 16px 32px rgba(0, 175, 255, 0.28);
}

.landing-button--secondary[b-rnto04dh5c] {
    border-color: rgba(88, 143, 190, 0.42);
    background: rgba(4, 17, 38, 0.68);
    color: var(--landing-text, #fff);
}

.landing-button--secondary:hover[b-rnto04dh5c] {
    border-color: rgba(40, 196, 255, 0.74);
    background: rgba(0, 175, 255, 0.1);
    color: #fff;
    box-shadow: 0 12px 24px rgba(0, 175, 255, 0.12);
}

@media (max-width: 640px) {
    .landing-button[b-rnto04dh5c] {
        width: 100%;
        min-height: 46px;
        padding-inline: 18px;
    }
}
/* /Components/Landing/LandingFooterPlaceholderPage.razor.rz.scp.css */
.landing-footer-placeholder[b-05tg0xpza3] {
    padding-block: 32px 64px;
}

.landing-footer-placeholder__container[b-05tg0xpza3] {
    width: min(980px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.landing-footer-placeholder__hero[b-05tg0xpza3] {
    display: grid;
    gap: 14px;
    padding: 28px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.landing-footer-placeholder__eyebrow[b-05tg0xpza3] {
    color: var(--pcw-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.landing-footer-placeholder__title[b-05tg0xpza3] {
    margin: 0;
    color: #fff;
}

.landing-footer-placeholder__hero p[b-05tg0xpza3] {
    max-width: 720px;
    margin: 0;
    color: var(--pcw-text-muted);
    font-size: .98rem;
    line-height: 1.65;
}

.landing-footer-placeholder__action[b-05tg0xpza3] {
    justify-self: start;
    margin-top: 6px;
}

.landing-footer-placeholder__proof[b-05tg0xpza3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.landing-footer-placeholder__proof article[b-05tg0xpza3] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.landing-footer-placeholder__proof .mud-icon-root[b-05tg0xpza3] {
    color: var(--pcw-accent);
}

.landing-footer-placeholder__proof span[b-05tg0xpza3] {
    color: #fff;
    font-weight: 800;
}

.landing-footer-placeholder__proof p[b-05tg0xpza3] {
    margin: 0;
    color: var(--pcw-text-muted);
    font-size: .9rem;
    line-height: 1.55;
}

@media (max-width: 767px) {
    .landing-footer-placeholder[b-05tg0xpza3] {
        padding-block: 18px 44px;
    }

    .landing-footer-placeholder__container[b-05tg0xpza3] {
        width: min(100%, calc(100% - 32px));
    }

    .landing-footer-placeholder__hero[b-05tg0xpza3] {
        padding: 22px;
    }

    .landing-footer-placeholder__proof[b-05tg0xpza3] {
        grid-template-columns: 1fr;
    }

    .landing-footer-placeholder__action[b-05tg0xpza3] {
        width: 100%;
    }
}
/* /Components/Landing/SectionHeader.razor.rz.scp.css */
.landing-section-header[b-3zrs70xigk] {
    display: grid;
    gap: 10px;
    margin-bottom: 28px;
}

.landing-section-header--center[b-3zrs70xigk] {
    justify-items: center;
    text-align: center;
}

.landing-section-header__eyebrow[b-3zrs70xigk] {
    color: var(--landing-primary, #00afff);
    font-size: 0.8125rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    line-height: 1;
    text-transform: uppercase;
}

.landing-section-header__title-row[b-3zrs70xigk] {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.landing-section-header--center .landing-section-header__title-row[b-3zrs70xigk] {
    justify-content: center;
}

.landing-section-header__title-row h2[b-3zrs70xigk] {
    margin: 0;
    color: var(--landing-text, #fff);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.12;
}

.landing-section-header--line .landing-section-header__title-row h2[b-3zrs70xigk] {
    flex: 0 1 auto;
}

.landing-section-header__title-row span[b-3zrs70xigk] {
    display: block;
    flex: 1;
    height: 1px;
    min-width: 80px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.52), transparent);
}

.landing-section-header p[b-3zrs70xigk] {
    max-width: 680px;
    margin: 0;
    color: var(--landing-muted, #7d8ea3);
    font-size: 1rem;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .landing-section-header[b-3zrs70xigk] {
        margin-bottom: 22px;
    }

    .landing-section-header__title-row[b-3zrs70xigk] {
        flex-wrap: wrap;
        gap: 14px;
    }

    .landing-section-header__title-row span[b-3zrs70xigk] {
        display: none;
    }
}
/* /Components/Landing/StatItem.razor.rz.scp.css */
.landing-stat-item[b-vk93o8n13b] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.landing-stat-item__icon[b-vk93o8n13b] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--landing-primary, #00afff);
}

.landing-stat-item__icon[b-vk93o8n13b]  .mud-icon-root {
    font-size: 24px !important;
    filter: drop-shadow(0 0 10px rgba(0, 175, 255, 0.45));
}

.landing-stat-item__text[b-vk93o8n13b] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.landing-stat-item strong[b-vk93o8n13b] {
    color: var(--landing-text, #fff);
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1;
}

.landing-stat-item__value-skeleton[b-vk93o8n13b] {
    display: block;
    width: 5.2ch;
    height: 1em;
    border-radius: 4px;
    background:
        linear-gradient(100deg, transparent 18%, rgba(255, 255, 255, 0.14) 42%, transparent 66%),
        rgba(200, 212, 227, 0.16);
    background-size: 220% 100%;
    animation: landing-stat-shimmer-b-vk93o8n13b 1.1s ease-in-out infinite;
}

.landing-stat-item small[b-vk93o8n13b] {
    color: var(--landing-text-soft, #c8d4e3);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

@keyframes landing-stat-shimmer-b-vk93o8n13b {
    to {
        background-position: -120% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-stat-item__value-skeleton[b-vk93o8n13b] {
        animation: none;
    }
}
/* /Components/Landing/ToolCard.razor.rz.scp.css */
.landing-tool-card[b-ri2p9mx4jw] {
    position: relative;
    display: grid;
    min-height: 264px;
    overflow: hidden;
    border: 1px solid var(--landing-border, rgba(88, 143, 190, 0.22));
    border-radius: var(--landing-card-radius, 10px);
    background: rgba(5, 17, 33, 0.88);
    color: var(--landing-text, #fff);
    text-decoration: none;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.landing-tool-card[b-ri2p9mx4jw]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 6%, rgba(2, 11, 24, 0.1) 48%, rgba(2, 11, 24, 0.9) 100%);
    pointer-events: none;
}

.landing-tool-card:hover[b-ri2p9mx4jw] {
    transform: translateY(-4px);
    border-color: rgba(40, 196, 255, 0.48);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.25), 0 0 24px rgba(0, 175, 255, 0.1);
}

.landing-tool-card:focus-visible[b-ri2p9mx4jw] {
    outline: 3px solid rgba(40, 196, 255, 0.5);
    outline-offset: 3px;
}

.landing-tool-card__media[b-ri2p9mx4jw] {
    position: absolute;
    inset: 0 0 auto;
    height: 60%;
    overflow: hidden;
    background: #061426;
}

.landing-tool-card__media img[b-ri2p9mx4jw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.14) contrast(1.06) brightness(1.08);
    opacity: 0.9;
    transform: scale(1.01);
    transition: transform 0.28s ease, opacity 0.28s ease;
}

.landing-tool-card:hover .landing-tool-card__media img[b-ri2p9mx4jw] {
    opacity: 0.96;
    transform: scale(1.06);
}

.landing-tool-card__body[b-ri2p9mx4jw] {
    position: relative;
    z-index: 1;
    align-self: end;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 172px 22px 24px;
}

.landing-tool-card__icon[b-ri2p9mx4jw] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--landing-primary, #00afff);
}

.landing-tool-card__icon[b-ri2p9mx4jw]  .mud-icon-root {
    font-size: 23px !important;
    filter: drop-shadow(0 0 10px rgba(0, 175, 255, 0.45));
}

.landing-tool-card strong[b-ri2p9mx4jw] {
    display: block;
    margin-bottom: 7px;
    color: var(--landing-text, #fff);
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.landing-tool-card small[b-ri2p9mx4jw] {
    display: block;
    color: var(--landing-text-soft, #c8d4e3);
    font-size: 0.93rem;
    line-height: 1.48;
}
/* /Components/LanguageSwitcher.razor.rz.scp.css */
.lang-switcher[b-us4crl48rl] {
    display: inline-flex;
    align-items: center;
}

.lang-switcher-btn[b-us4crl48rl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: inherit;
    transition: background 0.15s;
}

    .lang-switcher-btn:hover[b-us4crl48rl] {
        background: rgba(255, 255, 255, 0.08);
    }

.lang-flag[b-us4crl48rl] {
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
    display: block;
}

.lang-flag-sm[b-us4crl48rl] {
    width: 20px;
    height: 14px;
}

.lang-menu-item[b-us4crl48rl] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 140px;
}

.lang-switcher-details[b-us4crl48rl] {
    position: relative;
}

.lang-switcher-details > summary[b-us4crl48rl] {
    list-style: none;
}

.lang-switcher-details > summary[b-us4crl48rl]::-webkit-details-marker {
    display: none;
}

.lang-switcher-menu[b-us4crl48rl] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1400;
    min-width: 176px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: #151b24;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.38);
}

.lang-switcher-form[b-us4crl48rl] {
    margin: 0;
}

.lang-menu-button[b-us4crl48rl] {
    width: 100%;
    border: 0;
    border-radius: 6px;
    padding: 8px 10px;
    background: transparent;
    color: rgba(255, 255, 255, 0.86);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.lang-menu-button:hover[b-us4crl48rl],
.lang-menu-button:focus-visible[b-us4crl48rl],
.lang-menu-button--active[b-us4crl48rl] {
    background: rgba(0, 200, 255, 0.12);
}
/* /Components/Leaderboard/LeaderboardPreview.razor.rz.scp.css */
    .lb-preview-card[b-jtqmcqx6g4] {
        background: #141a22;
        border: 1px solid rgba(0, 135, 179, 0.15);
        border-radius: 12px;
    }
/* /Components/Leagues/LaTopBar.razor.rz.scp.css */
.la-identity[b-w6ue2dqrgk] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 4px;
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.la-identity:hover[b-w6ue2dqrgk] {
    opacity: 0.8;
}

[b-w6ue2dqrgk] .la-identity-avatar {
    width: 36px;
    height: 36px;
    border: 2px solid rgba(0, 200, 255, 0.35);
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(0, 200, 255, 0.15);
}

.la-identity-text[b-w6ue2dqrgk] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.la-identity-name[b-w6ue2dqrgk] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 1.2px;
    text-shadow: 0 0 14px rgba(0, 200, 255, 0.3);
}

.la-identity-sub[b-w6ue2dqrgk] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 400;
    letter-spacing: 0.5px;
}

.la-info-item[b-w6ue2dqrgk] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0 6px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

@media (max-width: 599px) {
    .la-identity[b-w6ue2dqrgk] {
        padding-right: 12px;
        border-right: none;
        margin-right: 0;
    }

    .la-identity-name[b-w6ue2dqrgk] {
        font-size: 0.85rem;
        letter-spacing: 0.8px;
    }
}
/* /Components/Leagues/TransferGovernanceAuditTable.razor.rz.scp.css */
.transfer-governance-card[b-vyqvv7t5dv] {
    margin-bottom: 1rem;
}

.transfer-governance-section-head[b-vyqvv7t5dv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.transfer-governance-muted[b-vyqvv7t5dv] {
    color: var(--pcw-text-muted);
}
/* /Components/Leagues/TransferGovernancePolicyEditor.razor.rz.scp.css */
.transfer-governance-card[b-np665xmsgw] {
    margin-bottom: 1rem;
}

.transfer-governance-section-head[b-np665xmsgw],
.transfer-governance-window-head[b-np665xmsgw],
.transfer-governance-actions[b-np665xmsgw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.transfer-governance-section-head[b-np665xmsgw] {
    margin-bottom: 1rem;
}

.transfer-governance-window-head[b-np665xmsgw],
.transfer-governance-actions[b-np665xmsgw] {
    margin-top: 1rem;
}

.transfer-governance-muted[b-np665xmsgw] {
    color: var(--pcw-text-muted);
}

.transfer-governance-form-grid[b-np665xmsgw],
.transfer-governance-preview-grid[b-np665xmsgw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.transfer-governance-windows[b-np665xmsgw] {
    display: grid;
    gap: .75rem;
}

.transfer-governance-window-row[b-np665xmsgw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}

.transfer-governance-preview-meta[b-np665xmsgw] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: .35rem;
    font-size: .85rem;
}

@media (max-width: 760px) {
    .transfer-governance-form-grid[b-np665xmsgw],
    .transfer-governance-preview-grid[b-np665xmsgw],
    .transfer-governance-window-row[b-np665xmsgw] {
        grid-template-columns: 1fr;
    }

    .transfer-governance-window-row .mud-icon-button[b-np665xmsgw] {
        justify-self: flex-end;
    }
}
/* /Components/Leagues/TransferGovernancePreviewPanel.razor.rz.scp.css */
.transfer-governance-card[b-zdkx8fzsca] {
    margin-bottom: 1rem;
}

.transfer-governance-section-head[b-zdkx8fzsca],
.transfer-governance-actions[b-zdkx8fzsca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.transfer-governance-section-head[b-zdkx8fzsca] {
    margin-bottom: 1rem;
}

.transfer-governance-actions[b-zdkx8fzsca] {
    margin-top: 1rem;
}

.transfer-governance-muted[b-zdkx8fzsca] {
    color: var(--pcw-text-muted);
}

.transfer-governance-preview-grid[b-zdkx8fzsca] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.transfer-governance-preview-meta[b-zdkx8fzsca] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: .35rem;
    font-size: .85rem;
}

@media (max-width: 760px) {
    .transfer-governance-preview-grid[b-zdkx8fzsca] {
        grid-template-columns: 1fr;
    }
}
/* /Components/LineupBuilder/CardPanelSelector.razor.rz.scp.css */
/* ══════════════════════════════════════
   Card Panel Selector (right sidebar)
   ══════════════════════════════════════ */

.card-panel[b-ha8zarzpc3] {
    display: flex;
    flex-direction: column;
    background: #16213e;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    overflow: hidden;
    flex: 1;
    min-height: 0;
}

.card-panel-header[b-ha8zarzpc3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
}

.card-panel-title[b-ha8zarzpc3] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.8);
}

.card-panel-count[b-ha8zarzpc3] {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    color: rgba(0,200,255,0.7);
    background: rgba(0,200,255,0.1);
    padding: 2px 8px;
    border-radius: 10px;
}

.card-panel-slot-hint[b-ha8zarzpc3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 12px;
    color: #00c8ff;
    background: rgba(0,200,255,0.06);
    border-bottom: 1px solid rgba(0,200,255,0.1);
    flex-shrink: 0;
}

.card-panel-slot-hint.muted[b-ha8zarzpc3] {
    color: rgba(255,255,255,0.35);
    background: transparent;
}

.card-panel-empty[b-ha8zarzpc3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 16px;
}

.card-panel-grid[b-ha8zarzpc3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
    padding: 10px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    align-content: start;
    align-items: start;
}

.card-panel-item[b-ha8zarzpc3] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 4px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    border: 2px solid transparent;
}

    .card-panel-item:hover[b-ha8zarzpc3] {
        background: rgba(0,200,255,0.06);
        border-color: rgba(0,200,255,0.2);
    }

    .card-panel-item.used[b-ha8zarzpc3] {
        opacity: 0.45;
    }

        .card-panel-item.used:hover[b-ha8zarzpc3] {
            opacity: 0.7;
        }

.card-panel-used-badge[b-ha8zarzpc3] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4caf50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.card-panel-linked-label[b-ha8zarzpc3] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 4px 4px 5px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 70%, transparent);
    border-radius: 0 0 6px 6px;
    pointer-events: none;
}

.card-panel-linked-pos[b-ha8zarzpc3] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #00c8ff;
    line-height: 1;
}

.card-panel-linked-name[b-ha8zarzpc3] {
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/* /Components/LineupBuilder/CardSelectorDialog.razor.rz.scp.css */
    .card-selector-grid[b-m0lyragkx8] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 12px;
        max-height: 450px;
        overflow-y: auto;
        padding: 4px;
    }

    .card-selector-item[b-m0lyragkx8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px;
        border-radius: 8px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: all 0.2s;
        background: rgba(255,255,255,0.02);
    }

        .card-selector-item:hover[b-m0lyragkx8] {
            background: rgba(255,255,255,0.06);
        }

        .card-selector-item.selected[b-m0lyragkx8] {
            border-color: var(--mud-palette-primary);
            background: rgba(var(--mud-palette-primary-rgb), 0.1);
        }

    .card-selector-label[b-m0lyragkx8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 6px;
        gap: 2px;
    }

    .card-selector-name[b-m0lyragkx8] {
        font-size: 0.8rem;
        font-weight: 600;
        color: #fff;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 130px;
    }

    .card-selector-pos[b-m0lyragkx8] {
        font-size: 0.7rem;
        color: rgba(255,255,255,0.5);
        text-transform: uppercase;
    }
/* /Components/LineupBuilder/ClubSearch.razor.rz.scp.css */
/* ── Centered search wrapper ── */
.club-search-wrapper[b-1fk1s7c0wy] {
    max-width: 520px;
    margin: 0 auto;
}

.club-search-compact[b-1fk1s7c0wy] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.club-search-compact-head[b-1fk1s7c0wy] {
    display: grid;
    gap: 4px;
}

.club-search-kicker[b-1fk1s7c0wy] {
    color: #00d8ff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.club-search-compact-head strong[b-1fk1s7c0wy] {
    color: #fff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.1;
}

.club-search-compact-head small[b-1fk1s7c0wy] {
    color: rgba(220, 232, 247, .64);
    font-size: 13px;
    line-height: 1.35;
}

.club-search-wrapper-compact[b-1fk1s7c0wy] {
    max-width: none;
    display: grid;
    gap: 12px;
}

.club-search-input[b-1fk1s7c0wy] {
    margin: 0 !important;
}

.club-search-actions[b-1fk1s7c0wy] {
    display: grid;
    gap: 10px;
}

.club-search-actions[b-1fk1s7c0wy]  .mud-button-root {
    min-height: 44px;
    border-radius: 10px;
    font-weight: 950;
}

.club-search-alert[b-1fk1s7c0wy] {
    margin: 0;
}

.club-search-loading[b-1fk1s7c0wy] {
    min-height: 92px;
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 16px;
    border: 1px solid rgba(0, 203, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
    color: rgba(220, 232, 247, .72);
    text-align: center;
}

.club-results-section[b-1fk1s7c0wy] {
    display: grid;
    gap: 10px;
}

.club-results-title[b-1fk1s7c0wy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.club-results-title span[b-1fk1s7c0wy] {
    min-width: 0;
}

.club-results-title strong[b-1fk1s7c0wy] {
    min-width: 28px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(0, 216, 255, .12);
    color: #00d8ff;
    font-size: 12px;
}

/* ── Mobile result cards ── */
.club-results-mobile[b-1fk1s7c0wy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.club-result-card[b-1fk1s7c0wy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #1a2238 !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.club-result-card:hover[b-1fk1s7c0wy],
.club-result-card:active[b-1fk1s7c0wy] {
    border-color: rgba(0, 200, 255, 0.3);
    background: rgba(0, 200, 255, 0.05) !important;
}

.club-result-info[b-1fk1s7c0wy] {
    flex: 1;
    min-width: 0;
}

.club-results-compact[b-1fk1s7c0wy] {
    gap: 8px;
}

.club-result-card-compact[b-1fk1s7c0wy] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(0, 203, 255, .12);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)),
        rgba(8, 17, 31, .82);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.club-result-card-compact:hover[b-1fk1s7c0wy] {
    transform: translateY(-1px);
    border-color: rgba(0, 216, 255, .38);
    background:
        radial-gradient(circle at 0 0, rgba(0, 216, 255, .16), transparent 48%),
        rgba(10, 24, 42, .92);
}

.club-result-logo[b-1fk1s7c0wy] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(0, 216, 255, .20);
    background: rgba(0, 216, 255, .10);
    color: #00d8ff;
    font-size: 12px;
    font-weight: 950;
}

.club-result-card-compact .club-result-info[b-1fk1s7c0wy] {
    display: grid;
    gap: 2px;
}

.club-result-card-compact .club-result-info strong[b-1fk1s7c0wy] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.club-result-card-compact .club-result-info small[b-1fk1s7c0wy] {
    color: rgba(220, 232, 247, .62);
    font-size: 12px;
    line-height: 1.2;
}

.club-result-action[b-1fk1s7c0wy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(0, 216, 255, .10);
    color: #00d8ff;
    font-size: 11px;
    font-weight: 950;
}

/* ── Responsive: shrink platform buttons on narrow screens ── */
@media (max-width: 599px) {
    .platform-btn[b-1fk1s7c0wy] {
        min-width: 56px;
        font-size: 0.75rem;
    }
}
/* /Components/LineupBuilder/LineupCard.razor.rz.scp.css */
/* ── LineupCard — premium esports card ─────────────────── */

.lineup-card[b-nk4rgrk9x6] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(160deg, rgba(18, 23, 46, 0.95) 0%, rgba(28, 33, 112, 0.45) 100%);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.25s ease;
}

.lineup-card:hover[b-nk4rgrk9x6],
.lineup-card:focus-visible[b-nk4rgrk9x6] {
    transform: translateY(-4px);
    border-color: rgba(0, 200, 255, 0.35);
    box-shadow: 0 8px 32px rgba(0, 200, 255, 0.12),
                0 2px 12px rgba(0, 0, 0, 0.4);
}

.lineup-card:focus-visible[b-nk4rgrk9x6] {
    border-color: rgba(0, 200, 255, 0.6);
}

.lineup-card--active[b-nk4rgrk9x6] {
    border-color: rgba(0, 200, 255, 0.5);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.15);
}

/* ── Legacy (classic builder) card ────────────────────── */

.lineup-card--legacy[b-nk4rgrk9x6] {
    cursor: default;
    opacity: 0.72;
}

.lineup-card--legacy:hover[b-nk4rgrk9x6],
.lineup-card--legacy:focus-visible[b-nk4rgrk9x6] {
    transform: none;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
}

.lineup-card-legacy-badge[b-nk4rgrk9x6] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    pointer-events: none;
}

/* ── Delete button ─────────────────────────────────────── */

.lineup-card-delete[b-nk4rgrk9x6],
.lineup-card-share[b-nk4rgrk9x6] {
    position: absolute;
    top: 8px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s, background 0.2s, color 0.2s;
}

.lineup-card-delete[b-nk4rgrk9x6] {
    right: 8px;
}

.lineup-card-share[b-nk4rgrk9x6] {
    right: 44px;
}

.lineup-card:hover .lineup-card-delete[b-nk4rgrk9x6],
.lineup-card:hover .lineup-card-share[b-nk4rgrk9x6],
.lineup-card:focus-visible .lineup-card-delete[b-nk4rgrk9x6],
.lineup-card:focus-visible .lineup-card-share[b-nk4rgrk9x6] {
    opacity: 1;
}

.lineup-card-delete:hover[b-nk4rgrk9x6] {
    background: rgba(244, 67, 54, 0.85);
    color: #fff;
}

.lineup-card-share:hover[b-nk4rgrk9x6] {
    background: rgba(0, 200, 255, 0.85);
    color: #06101b;
}

/* ── Mini pitch preview ────────────────────────────────── */

.lineup-card-pitch[b-nk4rgrk9x6] {
    position: relative;
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, rgba(25, 60, 35, 0.6) 0%, rgba(18, 23, 46, 0.9) 100%);
    overflow: hidden;
}

.lineup-card-pitch-lines[b-nk4rgrk9x6] {
    position: absolute;
    inset: 0;
    opacity: 0.1;
}

.pitch-half-line[b-nk4rgrk9x6] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
}

.pitch-center-circle[b-nk4rgrk9x6] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.pitch-box[b-nk4rgrk9x6] {
    position: absolute;
    left: 50%;
    width: 40%;
    height: 14px;
    border: 1px solid #fff;
    transform: translateX(-50%);
}

.pitch-box--top[b-nk4rgrk9x6] {
    top: 0;
    border-top: none;
}

.pitch-box--bottom[b-nk4rgrk9x6] {
    bottom: 0;
    border-bottom: none;
}

.lineup-card-dot[b-nk4rgrk9x6] {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.3);
    border: 1px solid rgba(0, 200, 255, 0.45);
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: transform 0.2s;
}

.lineup-card-dot--filled[b-nk4rgrk9x6] {
    background: #00c8ff;
    border-color: #00c8ff;
    box-shadow: 0 0 6px rgba(0, 200, 255, 0.6);
}

.lineup-card:hover .lineup-card-dot[b-nk4rgrk9x6] {
    transform: translate(-50%, -50%) scale(1.2);
}

.lineup-card-pitch-fade[b-nk4rgrk9x6] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    background: linear-gradient(transparent, rgba(18, 23, 46, 0.95));
    z-index: 2;
}

/* ── Card body ─────────────────────────────────────────── */

.lineup-card-body[b-nk4rgrk9x6] {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lineup-card-title[b-nk4rgrk9x6] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lineup-card-meta[b-nk4rgrk9x6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.lineup-card-badge[b-nk4rgrk9x6] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.2);
}

.lineup-card-date[b-nk4rgrk9x6] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.35);
}

.lineup-card-club[b-nk4rgrk9x6] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lineup-card-players[b-nk4rgrk9x6] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.35);
    margin-top: 2px;
}

/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 600px) {
    .lineup-card-pitch[b-nk4rgrk9x6] {
        height: 100px;
    }

    .lineup-card-body[b-nk4rgrk9x6] {
        padding: 10px 12px 14px;
    }

    .lineup-card-delete[b-nk4rgrk9x6] {
        opacity: 1;
    }
}
/* /Components/LineupBuilder/LineupsGrid.razor.rz.scp.css */
/* ── LineupsGrid — responsive masonry-like card grid ───── */

.lineups-grid[b-79917ls968] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    animation: lineups-fadein-b-79917ls968 0.35s ease;
}

.lineup-grid-item[b-79917ls968] {
    min-width: 0;
}

@keyframes lineups-fadein-b-79917ls968 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Skeleton loading ──────────────────────────────────── */

.lineup-skeleton[b-79917ls968] {
    border-radius: 14px;
    background: rgba(18, 23, 46, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    animation: skeleton-pulse-b-79917ls968 1.6s ease-in-out infinite;
}

@keyframes skeleton-pulse-b-79917ls968 {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; }
}

.lineup-skeleton-pitch[b-79917ls968] {
    height: 110px;
    background: linear-gradient(180deg, rgba(30, 70, 40, 0.25) 0%, rgba(18, 23, 46, 0.5) 100%);
}

.lineup-skeleton-body[b-79917ls968] {
    padding: 14px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lineup-skeleton-line[b-79917ls968] {
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
}

.lineup-skeleton-title[b-79917ls968] {
    width: 75%;
    height: 16px;
}

.lineup-skeleton-badge[b-79917ls968] {
    width: 50px;
    height: 20px;
    border-radius: 6px;
}

.lineup-skeleton-sub[b-79917ls968] {
    width: 55%;
    height: 12px;
}

/* ── Empty state ───────────────────────────────────────── */

.lineups-empty[b-79917ls968] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 24px;
    border-radius: 14px;
    background: rgba(18, 23, 46, 0.35);
    border: 1px dashed rgba(255, 255, 255, 0.08);
}

.lineups-empty-icon[b-79917ls968] {
    margin-bottom: 16px;
    animation: empty-float-b-79917ls968 3s ease-in-out infinite;
}

@keyframes empty-float-b-79917ls968 {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}

.lineups-empty-title[b-79917ls968] {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 6px;
}

.lineups-empty-sub[b-79917ls968] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.35);
    max-width: 360px;
}

/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 600px) {
    .lineups-grid[b-79917ls968] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .lineup-skeleton-pitch[b-79917ls968] {
        height: 90px;
    }

    .lineups-empty[b-79917ls968] {
        padding: 40px 16px;
    }
}
/* /Components/LineupBuilder/LineupTemplateMiniPreview.razor.rz.scp.css */
.ltmp-root[b-3ew12heteg] {
    position: relative;
    width: 100%;
    min-height: 100%;
    border-radius: 6px;
    overflow: hidden;
    background: #0a111d;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ltmp-thumbnail[b-3ew12heteg],
.ltmp-bg-img[b-3ew12heteg],
.ltmp-layer img[b-3ew12heteg],
.ltmp-rect img[b-3ew12heteg] {
    width: 100%;
    height: 100%;
    display: block;
}

.ltmp-thumbnail[b-3ew12heteg],
.ltmp-bg-img[b-3ew12heteg] {
    object-fit: cover;
}

.ltmp-loading[b-3ew12heteg] {
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.32);
    background: linear-gradient(135deg, #111a35 0%, #1b2064 100%);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ltmp-loading .mud-icon-root[b-3ew12heteg] {
    font-size: 34px;
}

.ltmp-canvas[b-3ew12heteg] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    isolation: isolate;
}

.ltmp-bg-img[b-3ew12heteg] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.ltmp-layer[b-3ew12heteg] {
    position: absolute;
    pointer-events: none;
}

.ltmp-layer img[b-3ew12heteg] {
    object-fit: contain;
}

.ltmp-text[b-3ew12heteg] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
}

.ltmp-rect[b-3ew12heteg] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ltmp-formation[b-3ew12heteg] {
    position: absolute;
    z-index: 80;
}

.ltmp-slot[b-3ew12heteg] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    transform-origin: center;
}

.ltmp-kit-wrap[b-3ew12heteg] {
    position: relative;
}

.ltmp-kit[b-3ew12heteg] {
    width: 92px;
    height: auto;
    display: block;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .55));
}

.ltmp-number[b-3ew12heteg] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .86);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.ltmp-circle[b-3ew12heteg],
.ltmp-card-slot[b-3ew12heteg] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

.ltmp-circle[b-3ew12heteg] {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .2);
    font-size: 12px;
}

.ltmp-card-slot[b-3ew12heteg] {
    width: 54px;
    height: 68px;
    border-radius: 5px;
    background: linear-gradient(160deg, #25190d, #d0b77f 48%, #6d552a);
    border: 1px solid rgba(255, 255, 255, .28);
    font-size: 11px;
}

.ltmp-pos[b-3ew12heteg] {
    color: #fff;
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}
/* /Components/LineupBuilder/PlayerSelector.razor.rz.scp.css */
.player-panel[b-1tx5kw89l8] {
    width: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: transparent;
}

.player-panel-header[b-1tx5kw89l8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 10px;
}

.player-panel-kicker[b-1tx5kw89l8] {
    display: block;
    color: #00d8ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.player-panel-header h3[b-1tx5kw89l8] {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.search-box[b-1tx5kw89l8] {
    padding: 0 18px 10px;
}

.search-box[b-1tx5kw89l8]  .mud-input-root {
    border-radius: 10px;
    background: rgba(0, 0, 0, .18);
}

.player-source-toggle[b-1tx5kw89l8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 0 18px 12px;
}

.player-source-toggle button[b-1tx5kw89l8] {
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 9px;
    background: rgba(255, 255, 255, .035);
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.player-source-toggle button:hover[b-1tx5kw89l8],
.player-source-toggle button.active[b-1tx5kw89l8] {
    color: #00d8ff;
    border-color: rgba(0, 216, 255, .34);
    background: rgba(0, 216, 255, .12);
}

.player-list[b-1tx5kw89l8] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 216, 255, .38) rgba(255, 255, 255, .045);
}

.player-list[b-1tx5kw89l8]::-webkit-scrollbar {
    width: 8px;
}

.player-list[b-1tx5kw89l8]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .045);
    border-radius: 999px;
}

.player-list[b-1tx5kw89l8]::-webkit-scrollbar-thumb {
    background: rgba(0, 216, 255, .38);
    border-radius: 999px;
}

.player-list[b-1tx5kw89l8]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 216, 255, .58);
}

.player-row[b-1tx5kw89l8] {
    display: grid;
    grid-template-columns: 18px 30px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    cursor: grab;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
    transition: border-color .15s ease, background .15s ease, transform .15s ease, opacity .15s ease;
}

.player-row:active[b-1tx5kw89l8] {
    cursor: grabbing;
}

.player-row:hover[b-1tx5kw89l8] {
    border-color: rgba(0, 216, 255, .32);
    background: rgba(0, 216, 255, .08);
    transform: translateY(-1px);
}

.player-row.assigned[b-1tx5kw89l8] {
    border-color: rgba(0, 216, 255, .24);
    background: rgba(0, 216, 255, .06);
    opacity: .72;
}

.player-drag-handle[b-1tx5kw89l8] {
    color: rgba(255, 255, 255, .28);
    font-size: 20px;
}

.player-avatar[b-1tx5kw89l8] {
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .88) !important;
    flex-shrink: 0;
}

.player-name[b-1tx5kw89l8] {
    min-width: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
}

.position-badge[b-1tx5kw89l8] {
    justify-self: end;
    max-width: 70px;
    padding: 4px 7px;
    border-radius: 7px;
    color: rgba(255, 255, 255, .86);
    background: rgba(255, 255, 255, .08);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-assigned-icon[b-1tx5kw89l8] {
    justify-self: end;
}

.player-row-actions[b-1tx5kw89l8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

.player-row:not(:hover) .player-row-actions[b-1tx5kw89l8] {
    opacity: .72;
}

.player-empty[b-1tx5kw89l8] {
    padding: 16px;
    border: 1px dashed rgba(255, 255, 255, .12);
    border-radius: 10px;
    color: rgba(255, 255, 255, .62);
    background: rgba(0, 0, 0, .16);
    font-size: 13px;
    line-height: 1.4;
}

.player-panel-footer[b-1tx5kw89l8] {
    flex: 0 0 auto;
    padding: 12px 18px 18px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.player-panel-footer[b-1tx5kw89l8]  .mud-button-root {
    min-height: 40px;
    border-radius: 10px;
    font-weight: 900;
    letter-spacing: .02em;
}

@media (min-width: 1600px) {
    .player-row[b-1tx5kw89l8] {
        min-height: 48px;
    }
}
/* /Components/LineupBuilder/TemplateLineupBuilderControlPanel.razor.rz.scp.css */
.tlb-tool-rail[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 8px 7px;
    min-width: 0;
    background: linear-gradient(180deg, rgba(6, 16, 28, .98), rgba(4, 10, 19, .98));
    border: 1px solid rgba(0, 200, 255, .14);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .26);
    overflow: hidden;
}

.tlb-tool-button[b-b6ldkjf120] {
    min-height: 80px;
    padding: 8px 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 255, 255, .58);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    font-size: 12px;
    font-weight: 800;
    min-width: 0;
}

.tlb-tool-button span[b-b6ldkjf120] {
    max-width: 100%;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
}

.tlb-tool-button .mud-icon-root[b-b6ldkjf120] {
    font-size: 26px;
}

.tlb-tool-button:hover[b-b6ldkjf120] {
    color: rgba(255, 255, 255, .88);
    border-color: rgba(0, 216, 255, .18);
    background: rgba(255, 255, 255, .045);
    transform: translateY(-1px);
}

.tlb-tool-button.active[b-b6ldkjf120] {
    color: #00d8ff;
    border-color: rgba(0, 216, 255, .34);
    background: linear-gradient(180deg, rgba(0, 200, 255, .18), rgba(0, 96, 190, .12));
    box-shadow: inset 3px 0 0 #00d8ff;
}

.tlb-controls-editor[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    gap: 14px;
    padding: 16px;
    background: linear-gradient(180deg, rgba(12, 24, 38, .98), rgba(7, 16, 29, .98));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.tlb-panel-header[b-b6ldkjf120] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 2px;
}

.tlb-panel-header span[b-b6ldkjf120] {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tlb-section-group[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.tlb-section-group:first-of-type[b-b6ldkjf120] {
    padding-top: 0;
    border-top: none;
}

.tlb-section-heading[b-b6ldkjf120],
.tlb-label[b-b6ldkjf120] {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .58);
}

.tlb-field-stack[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tlb-choice-card[b-b6ldkjf120] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.tlb-choice-card--icon[b-b6ldkjf120] {
    grid-template-columns: 44px minmax(0, 1fr);
}

.tlb-choice-card > img[b-b6ldkjf120] {
    width: 58px;
    height: 52px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
}

.tlb-choice-card > .mud-icon-root[b-b6ldkjf120] {
    width: 44px;
    height: 44px;
    justify-self: center;
    color: rgba(0, 216, 255, .9);
}

.tlb-choice-card strong[b-b6ldkjf120],
.tlb-choice-card span[b-b6ldkjf120] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlb-choice-card strong[b-b6ldkjf120] {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.tlb-choice-card span[b-b6ldkjf120] {
    margin-top: 3px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    line-height: 1.35;
}

.tlb-inline-row[b-b6ldkjf120] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tlb-kit-upload-header[b-b6ldkjf120] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.tlb-kit-upload-header .tlb-section-heading[b-b6ldkjf120] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlb-muted-text[b-b6ldkjf120] {
    color: rgba(255, 255, 255, .58);
    line-height: 1.4;
}

.tlb-color-swatch[b-b6ldkjf120] {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    border: 1.5px solid rgba(255, 255, 255, .25);
    flex: 0 0 auto;
}

.tlb-slider-stack[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tlb-badge-preset-grid[b-b6ldkjf120] {
    display: grid;
    gap: 10px;
}

.tlb-badge-preset[b-b6ldkjf120] {
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background:
        radial-gradient(circle at 16px 0, rgba(0, 216, 255, .12), transparent 44%),
        rgba(255, 255, 255, .035);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.tlb-badge-preset:hover[b-b6ldkjf120],
.tlb-badge-preset.selected[b-b6ldkjf120] {
    border-color: rgba(0, 216, 255, .48);
    background:
        radial-gradient(circle at 16px 0, rgba(0, 216, 255, .20), transparent 48%),
        rgba(0, 216, 255, .07);
    transform: translateY(-1px);
}

.tlb-badge-preset.selected[b-b6ldkjf120] {
    box-shadow: inset 3px 0 0 #00d8ff, 0 0 18px rgba(0, 216, 255, .14);
}

.tlb-badge-preview[b-b6ldkjf120] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tlb-badge-preview-pos[b-b6ldkjf120],
.tlb-badge-preview-name[b-b6ldkjf120] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .24);
}

.tlb-badge-preview-name[b-b6ldkjf120] {
    min-width: 0;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlb-badge-preset strong[b-b6ldkjf120] {
    font-size: 13px;
    font-weight: 950;
}

.tlb-badge-preset small[b-b6ldkjf120] {
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    line-height: 1.35;
}

.tlb-compact-number-grid[b-b6ldkjf120] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.tlb-compact-number-grid label[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.tlb-compact-number-grid span[b-b6ldkjf120] {
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tlb-compact-number-grid input[b-b6ldkjf120] {
    width: 100%;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgba(0, 216, 255, .22);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, .045);
    font-size: 13px;
    font-weight: 850;
    text-align: center;
    outline: none;
}

.tlb-compact-number-grid input:focus[b-b6ldkjf120] {
    border-color: rgba(0, 216, 255, .55);
}

.tlb-section-group[b-b6ldkjf120]  .mud-button-root {
    border-radius: 9px;
    min-height: 38px;
    font-weight: 800;
}

.tlb-section-group[b-b6ldkjf120]  .mud-input-control {
    margin-top: 0;
}

.tlb-number-list[b-b6ldkjf120] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tlb-number-row[b-b6ldkjf120] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 10px;
    background: rgba(0, 0, 0, .18);
    transition: border-color .15s ease, background .15s ease;
}

.tlb-number-row:hover[b-b6ldkjf120] {
    border-color: rgba(0, 216, 255, .28);
    background: rgba(0, 216, 255, .06);
}

.tlb-number-meta[b-b6ldkjf120] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tlb-number-label[b-b6ldkjf120] {
    color: #00d8ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tlb-number-player[b-b6ldkjf120] {
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlb-number-input[b-b6ldkjf120] {
    width: 68px;
}

.tlb-number-input[b-b6ldkjf120]  input {
    text-align: center;
    font-weight: 900;
}

.tlb-bg-grid[b-b6ldkjf120] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tlb-bg-tile[b-b6ldkjf120] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    border: 1.5px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.tlb-bg-tile:hover[b-b6ldkjf120] {
    border-color: rgba(0, 216, 255, .32);
    transform: translateY(-1px);
}

.tlb-bg-tile.selected[b-b6ldkjf120] {
    border-color: #00d8ff;
    box-shadow: 0 0 0 2px rgba(0, 216, 255, .22);
}

.tlb-bg-tile img[b-b6ldkjf120] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tlb-bg-label[b-b6ldkjf120] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    left: 6px;
    padding: 3px 5px;
    border-radius: 7px;
    background: rgba(0, 0, 0, .68);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/LineupBuilder/TemplateLineupBuilderMobile.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   TemplateLineupBuilderMobile — Immersive Mobile Editor
   ══════════════════════════════════════════════════════════════ */

/* ── Root shell ── */
.tlbm-root[b-ohqw9mqevp] {
    position: fixed;
    top: var(--mud-appbar-height, 48px);
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #0a0e1a;
    z-index: 50;
    overflow: hidden;
}

/* ── Compact header ── */
.tlbm-header[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px;
    background: rgba(22, 33, 62, 0.97);
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
    min-height: 36px;
    gap: 8px;
    z-index: 10;
}

.tlbm-header-left[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.tlbm-page-title[b-ohqw9mqevp] {
    margin: 0;
    color: #f3fbff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.tlbm-header-club[b-ohqw9mqevp] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.75);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlbm-header-right[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.tlbm-formation-badge[b-ohqw9mqevp] {
    font-size: 11px;
    font-weight: 600;
    color: #00c8ff;
    letter-spacing: 0.5px;
}

.tlbm-close-btn[b-ohqw9mqevp] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* ── Position / Move button ── */
.tlbm-pos-btn[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    background: rgba(0, 200, 255, 0.10);
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
    letter-spacing: 0.3px;
}

.tlbm-pos-btn--active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.22);
    border-color: #00c8ff;
    color: #00c8ff;
}

/* ── Canvas area ── */
.tlbm-canvas-area[b-ohqw9mqevp] {
    flex: 1;
    min-height: 0;
    position: relative;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: rgba(10, 12, 20, 0.97);
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
}

/* Inner wrapper centres the canvas when it fits, but allows full left scroll when wider */
.tlbm-canvas-inner[b-ohqw9mqevp] {
    display: flex;
    justify-content: safe center;
    align-items: safe center;
    min-width: 100%;
    min-height: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.tlbm-canvas-loading[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* ── FAQ footer bar ── */
.tlbm-faq-bar[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    height: 40px;
    background: rgba(0, 200, 255, 0.06);
    border-top: 1px solid rgba(0, 200, 255, 0.2);
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    flex-shrink: 0;
    font-family: inherit;
    transition: background 0.15s;
}

.tlbm-faq-bar:active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.12);
}

.tlbm-faq-bar-icon[b-ohqw9mqevp] {
    color: #00c8ff;
    flex-shrink: 0;
    display: flex;
}

.tlbm-faq-bar-label[b-ohqw9mqevp] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.tlbm-faq-bar-spacer[b-ohqw9mqevp] {
    flex: 1;
}

.tlbm-faq-bar-count[b-ohqw9mqevp] {
    font-size: 10px;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 20px;
    padding: 1px 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Canvas zoom bar ── */
.tlbm-zoom-bar[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(13, 19, 32, 0.92);
    border-top: 1px solid rgba(0, 200, 255, 0.10);
    flex-shrink: 0;
    z-index: 10;
}

/* ── Swap hint banner (absolute overlay inside canvas — no layout shift) ── */
.tlbm-swap-hint[b-ohqw9mqevp] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 7px 12px;
    background: rgba(0, 10, 20, 0.82);
    border-top: 1px solid rgba(0, 200, 255, 0.30);
    color: #00c8ff;
    font-size: 12px;
    font-weight: 600;
    z-index: 20;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.tlbm-swap-cancel[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    flex-shrink: 0;
}

.tlbm-zoom-btn[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}

.tlbm-zoom-btn:active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.22);
    color: #00c8ff;
}

.tlbm-zoom-label[b-ohqw9mqevp] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
    min-width: 40px;
    text-align: center;
    letter-spacing: 0.3px;
}

/* ── Bottom tab bar ── */
.tlbm-tab-bar[b-ohqw9mqevp] {
    display: flex;
    background: rgba(13, 19, 32, 0.98);
    border-top: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    z-index: 60;
}

.tlbm-tab[b-ohqw9mqevp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 5px 4px 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.4);
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    font-family: inherit;
}

.tlbm-tab:active[b-ohqw9mqevp] {
    color: rgba(255, 255, 255, 0.7);
}

.tlbm-tab--active[b-ohqw9mqevp] {
    color: #00c8ff;
    border-top-color: #00c8ff;
}

.tlbm-tab--save[b-ohqw9mqevp] {
    color: #ffc107;
}

.tlbm-tab--save:active[b-ohqw9mqevp] {
    color: #ffca28;
}

/* ── Bottom sheet ── */
.tlbm-sheet-backdrop[b-ohqw9mqevp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 70;
    animation: tlbm-fade-in-b-ohqw9mqevp 0.2s ease;
}

.tlbm-sheet[b-ohqw9mqevp] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #16213e;
    border-radius: 16px 16px 0 0;
    max-height: 60dvh;
    overflow-y: auto;
    z-index: 80;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.tlbm-sheet--open[b-ohqw9mqevp] {
    transform: translateY(0);
}

.tlbm-sheet-handle[b-ohqw9mqevp] {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
    margin: 10px auto 6px;
    cursor: pointer;
}

.tlbm-sheet-section[b-ohqw9mqevp] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tlbm-sheet-section + .tlbm-sheet-section[b-ohqw9mqevp] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.tlbm-sheet-label[b-ohqw9mqevp] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

/* ── Slide-in sidebar ── */
.tlbm-sidebar-backdrop[b-ohqw9mqevp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 90;
    animation: tlbm-fade-in-b-ohqw9mqevp 0.15s ease;
}

.tlbm-sidebar[b-ohqw9mqevp] {
    position: fixed;
    top: var(--mud-appbar-height, 48px);
    right: 0;
    bottom: 0;
    width: 72%;
    max-width: 320px;
    background: #0d1525;
    z-index: 100;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
}

.tlbm-sidebar--open[b-ohqw9mqevp] {
    transform: translateX(0);
}

/* ── Add new player button ── */
.tlbm-sidebar-add-btn[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    background: #162848;
    border: none;
    border-bottom: 2px solid rgba(0, 200, 255, 0.25);
    color: #00c8ff;
    font-size: 14px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
}

.tlbm-sidebar-add-btn:active[b-ohqw9mqevp] {
    background: #1e3a6e;
}

/* ── Active / assigned player bar ── */
.tlbm-sidebar-active-player[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f9a825;
    flex-shrink: 0;
}

.tlbm-sidebar-active-name[b-ohqw9mqevp] {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.tlbm-sidebar-edit-btn[b-ohqw9mqevp] {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 800;
    color: #c62828;
    cursor: pointer;
    padding: 4px 8px;
    font-family: inherit;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

/* ── Pending player confirm bar ── */
.tlbm-sidebar-confirm[b-ohqw9mqevp] {
    padding: 10px 12px;
    background: #1a2744;
    border-bottom: 1px solid rgba(0, 200, 255, 0.15);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tlbm-sidebar-confirm-name[b-ohqw9mqevp] {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlbm-sidebar-confirm-actions[b-ohqw9mqevp] {
    display: flex;
    gap: 8px;
}

.tlbm-sidebar-country-btn[b-ohqw9mqevp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s;
}

.tlbm-sidebar-country-btn:active[b-ohqw9mqevp] {
    background: rgba(255, 255, 255, 0.1);
}

.tlbm-sidebar-flag[b-ohqw9mqevp] {
    width: 20px;
    height: 14px;
    border-radius: 2px;
    object-fit: cover;
}

.tlbm-sidebar-save-btn[b-ohqw9mqevp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 6px;
    border: none;
    background: #4caf50;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s;
}

.tlbm-sidebar-save-btn:active[b-ohqw9mqevp] {
    background: #388e3c;
}

/* ── Search ── */
.tlbm-sidebar-search[b-ohqw9mqevp] {
    padding: 10px 12px 6px;
    flex-shrink: 0;
}

/* ── Position filter chips ── */
.tlbm-sidebar-filters[b-ohqw9mqevp] {
    display: flex;
    gap: 6px;
    padding: 6px 12px 8px;
    flex-shrink: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.tlbm-sidebar-filters[b-ohqw9mqevp]::-webkit-scrollbar {
    display: none;
}

.tlbm-filter-chip[b-ohqw9mqevp] {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    font-weight: 700;
    font-family: inherit;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.tlbm-filter-chip:active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.1);
}

.tlbm-filter-chip--active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.15);
    border-color: #00c8ff;
    color: #00c8ff;
}

/* ── Section header ── */
.tlbm-sidebar-section-header[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

.tlbm-sidebar-slot-badge[b-ohqw9mqevp] {
    font-size: 10px;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: 0.3px;
}

/* ── Player list ── */
.tlbm-sidebar-list[b-ohqw9mqevp] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.tlbm-sidebar-row[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
    text-align: left;
}

.tlbm-sidebar-row:active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.06);
}

.tlbm-sidebar-row--assigned[b-ohqw9mqevp] {
    opacity: 0.45;
}

.tlbm-sidebar-row--pending[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.08);
    border-left: 3px solid #00c8ff;
    opacity: 1;
}

.tlbm-sidebar-row-name[b-ohqw9mqevp] {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

/* ── Card sidebar rows ── */
.tlbm-card-sidebar-row[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 14px;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
    text-align: left;
}

.tlbm-card-sidebar-row:active[b-ohqw9mqevp] {
    background: rgba(0, 200, 255, 0.06);
}

.tlbm-card-sidebar-preview[b-ohqw9mqevp] {
    flex-shrink: 0;
    width: 60px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.tlbm-card-sidebar-info[b-ohqw9mqevp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.tlbm-card-sidebar-pos[b-ohqw9mqevp] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.3px;
}

/* ══════════════════════════════════════════════════════════════
   Canvas classes — duplicated from TemplateLineupBuilder.razor.css
   because Blazor CSS isolation scopes by component and these
   elements live inside this component's DOM tree.
   ══════════════════════════════════════════════════════════════ */

.tlb-canvas[b-ohqw9mqevp] {
    position: relative;
    overflow: hidden;
}

.tlb-layer[b-ohqw9mqevp] {
    position: absolute;
    pointer-events: none;
}

.tlb-layer img[b-ohqw9mqevp] {
    display: block;
}

/* ── Formation overlay ── */
.tlb-formation-overlay[b-ohqw9mqevp] {
    position: absolute;
    z-index: 50;
}

.tlb-formation-overlay.positioning-mode[b-ohqw9mqevp] {
    cursor: grab;
}

.tlb-formation-overlay.positioning-mode .tlb-slot[b-ohqw9mqevp] {
    cursor: grab;
}

/* ── Slots ── */
.tlb-slot[b-ohqw9mqevp] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer;
    transition: filter 0.15s;
    z-index: 51;
}

.tlb-slot:hover[b-ohqw9mqevp] {
    filter: brightness(1.15);
}

.tlb-slot:active[b-ohqw9mqevp] {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(0, 200, 255, 0.5));
}

.tlb-slot-selected[b-ohqw9mqevp] {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(0, 200, 255, 0.6));
}

.tlb-slot-dragover[b-ohqw9mqevp] {
    filter: brightness(1.3) drop-shadow(0 0 10px rgba(0, 200, 255, 0.8));
}

.tlb-slot-dragging[b-ohqw9mqevp] {
    z-index: 200;
    cursor: grabbing !important;
    filter: brightness(1.2) drop-shadow(0 0 12px rgba(0, 200, 255, 0.7));
}

.tlb-slot-kit[b-ohqw9mqevp] {
    width: 110px;
    height: auto;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
    pointer-events: none;
}

.tlb-slot-circle[b-ohqw9mqevp] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.tlb-slot-label-pill[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 3px 10px 3px 5px;
    margin-top: 2px;
    width: max-content;
    max-width: none;
    overflow: visible;
}

.tlb-slot-flag[b-ohqw9mqevp] {
    width: 18px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}

.tlb-slot-globe[b-ohqw9mqevp] {
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

.tlb-slot-globe svg[b-ohqw9mqevp] {
    width: 100%;
    height: 100%;
}

.tlb-slot-name[b-ohqw9mqevp] {
    white-space: nowrap;
    font-weight: 600;
    line-height: 1.2;
    flex: 0 0 auto;
}

.tlb-slot-pos-tag[b-ohqw9mqevp] {
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 2px;
    line-height: 1.3;
}

/* ── Kit number circle ── */
.tlb-slot-number[b-ohqw9mqevp] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.82);
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* ── Captain / Trial badge circles ── */
.tlb-slot-badge[b-ohqw9mqevp] {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
    pointer-events: none;
    z-index: 10;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    letter-spacing: 0;
}

.tlb-slot-badge--captain[b-ohqw9mqevp] {
    background: #b8860b;
    border: 1.5px solid #ffd700;
    color: #ffd700;
}

.tlb-slot-badge--trial[b-ohqw9mqevp] {
    background: #1a3a5c;
    border: 1.5px solid #00c8ff;
    color: #00c8ff;
}

/* Card-mode wrapper: badges are positioned relative to the card itself */
.tlb-card-badge-wrap[b-ohqw9mqevp] {
    position: relative;
    display: inline-block;
    line-height: 0;
}

/* When both captain and trial are present, offset trial to the right so they don't overlap */
.tlb-slot-badge--captain ~ .tlb-slot-badge--trial[b-ohqw9mqevp] {
    left: 14px;
}

/* ── Background / pitch image tiles (used in Style sheet) ── */
.tlb-bg-grid[b-ohqw9mqevp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.tlb-bg-tile[b-ohqw9mqevp] {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    transition: border-color 0.15s;
}

.tlb-bg-tile.selected[b-ohqw9mqevp] {
    border-color: #00c8ff;
    box-shadow: 0 0 0 2px rgba(0, 200, 255, 0.25);
}

.tlb-bg-label[b-ohqw9mqevp] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    color: #fff;
    letter-spacing: 0.03em;
}

/* ── Animations ── */
@keyframes tlbm-fade-in-b-ohqw9mqevp {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Slot options bar (inside player / card sidebars) ── */
.tlbm-slot-opts-bar[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: rgba(0, 200, 255, 0.06);
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
    gap: 10px;
}

.tlbm-slot-opts-left[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tlbm-slot-opts-pos[b-ohqw9mqevp] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 28px;
}

.tlbm-slot-opts-hash[b-ohqw9mqevp] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
}

.tlbm-slot-opts-num[b-ohqw9mqevp] {
    width: 48px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 4px 6px;
    appearance: textfield;
    -moz-appearance: textfield;
}

.tlbm-slot-opts-num[b-ohqw9mqevp]::-webkit-outer-spin-button,
.tlbm-slot-opts-num[b-ohqw9mqevp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tlbm-slot-opts-right[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Captain / Trial badge buttons */
.tlbm-badge-btn[b-ohqw9mqevp] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    flex-shrink: 0;
}

.tlbm-badge-btn--captain[b-ohqw9mqevp] {
    border-color: #ffd700;
    background: rgba(255, 215, 0, 0.15);
    color: #ffd700;
}

.tlbm-badge-btn--trial[b-ohqw9mqevp] {
    border-color: #00e5ff;
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
}

/* ── Kit Numbers grid (in Kit bottom sheet) ── */
.tlbm-number-grid[b-ohqw9mqevp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
}

.tlbm-number-row[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    padding: 5px 8px;
}

.tlbm-number-pos[b-ohqw9mqevp] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    min-width: 26px;
    flex-shrink: 0;
}

.tlbm-number-inp[b-ohqw9mqevp] {
    width: 44px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(0, 200, 255, 0.2);
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 3px 4px;
    appearance: textfield;
    -moz-appearance: textfield;
}

.tlbm-number-inp[b-ohqw9mqevp]::-webkit-outer-spin-button,
.tlbm-number-inp[b-ohqw9mqevp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tlbm-badge-preset-grid[b-ohqw9mqevp] {
    display: grid;
    gap: 10px;
}

.tlbm-badge-preset[b-ohqw9mqevp] {
    display: grid;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    background: rgba(255, 255, 255, .045);
    color: #fff;
    text-align: left;
    font: inherit;
}

.tlbm-badge-preset.selected[b-ohqw9mqevp] {
    border-color: rgba(0, 200, 255, .55);
    background: rgba(0, 200, 255, .10);
    box-shadow: inset 3px 0 0 #00c8ff;
}

.tlbm-badge-preview[b-ohqw9mqevp] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tlbm-badge-preview-pos[b-ohqw9mqevp],
.tlbm-badge-preview-name[b-ohqw9mqevp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

.tlbm-badge-preview-name[b-ohqw9mqevp] {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tlbm-badge-preset strong[b-ohqw9mqevp] {
    font-size: 13px;
    font-weight: 900;
}

.tlbm-badge-preset small[b-ohqw9mqevp] {
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    line-height: 1.35;
}
/* /Components/LineupBuilder/TemplateLineupPreview.razor.rz.scp.css */
.tlpv-root[b-azxhy307mi] {
    position: relative;
    width: 100%;
    min-height: 320px;
    border-radius: 8px;
    overflow: hidden;
    background: #07111e;
    border: 1px solid rgba(103, 232, 249, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 44px rgba(0, 0, 0, .28);
}

.tlpv-unavailable[b-azxhy307mi] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    color: rgba(226, 242, 255, .66);
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: radial-gradient(circle at 50% 32%, rgba(34, 211, 238, .14), transparent 48%), #07111e;
}

.tlpv-unavailable .mud-icon-root[b-azxhy307mi] {
    font-size: 36px;
    color: rgba(103, 232, 249, .78);
}

.tlpv-canvas[b-azxhy307mi] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    overflow: hidden;
    isolation: isolate;
}

.tlpv-canvas--fallback[b-azxhy307mi] {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 12.5% 100%,
        linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 100% 12.5%,
        radial-gradient(circle at 50% 50%, rgba(34, 211, 238, .18), transparent 20%),
        #07111e;
}

.tlpv-bg-img[b-azxhy307mi],
.tlpv-layer img[b-azxhy307mi],
.tlpv-rect img[b-azxhy307mi] {
    width: 100%;
    height: 100%;
    display: block;
}

.tlpv-bg-img[b-azxhy307mi] {
    position: absolute;
    inset: 0;
    z-index: 0;
    object-fit: cover;
}

.tlpv-layer[b-azxhy307mi] {
    position: absolute;
    pointer-events: none;
}

.tlpv-layer img[b-azxhy307mi] {
    object-fit: contain;
}

.tlpv-text[b-azxhy307mi] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
}

.tlpv-rect[b-azxhy307mi] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tlpv-formation[b-azxhy307mi] {
    position: absolute;
    z-index: 80;
}

.tlpv-slot[b-azxhy307mi] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    transform-origin: center;
    max-width: 160px;
}

.tlpv-kit-wrap[b-azxhy307mi] {
    position: relative;
    width: 86px;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tlpv-kit[b-azxhy307mi] {
    width: 86px;
    height: auto;
    display: block;
    filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .6));
}

.tlpv-number[b-azxhy307mi],
.tlpv-badge[b-azxhy307mi] {
    position: absolute;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .88);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, .18);
}

.tlpv-number[b-azxhy307mi] {
    top: -2px;
    right: -4px;
}

.tlpv-badge--captain[b-azxhy307mi] {
    top: -2px;
    left: -4px;
    background: #f5c542;
    color: #151005;
}

.tlpv-badge--trial[b-azxhy307mi] {
    bottom: 4px;
    left: -4px;
    background: #22d3ee;
    color: #041015;
}

.tlpv-circle[b-azxhy307mi],
.tlpv-card-slot[b-azxhy307mi] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .34);
}

.tlpv-circle[b-azxhy307mi] {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 13px;
}

.tlpv-card-slot[b-azxhy307mi] {
    width: 86px;
    min-height: 108px;
    flex-direction: column;
    gap: 5px;
    padding: 10px 8px;
    border-radius: 6px;
    background: linear-gradient(160deg, #25190d, #d0b77f 48%, #6d552a);
    border: 1px solid rgba(255, 255, 255, .28);
    text-align: center;
}

.tlpv-card-slot b[b-azxhy307mi] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #17120a;
    font-size: 11px;
    line-height: 1.1;
}

.tlpv-card-slot span[b-azxhy307mi] {
    color: rgba(23, 18, 10, .72);
    font-size: 10px;
}

.tlpv-name-pill[b-azxhy307mi] {
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 148px;
    min-height: 22px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .32);
}

.tlpv-name[b-azxhy307mi] {
    display: block;
    max-width: 122px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.tlpv-flag[b-azxhy307mi] {
    width: 16px;
    height: 12px;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 2px;
}

.tlpv-globe[b-azxhy307mi] {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    border: 1.5px solid currentColor;
    border-radius: 999px;
    color: rgba(255, 255, 255, .72);
    opacity: .8;
}

.tlpv-pos[b-azxhy307mi] {
    color: #fff;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .32);
}

@media (max-width: 760px) {
    .tlpv-root[b-azxhy307mi],
    .tlpv-canvas[b-azxhy307mi],
    .tlpv-unavailable[b-azxhy307mi] {
        min-height: 270px;
    }

    .tlpv-slot[b-azxhy307mi] {
        gap: 3px;
        max-width: 132px;
    }

    .tlpv-kit-wrap[b-azxhy307mi],
    .tlpv-kit[b-azxhy307mi] {
        width: 72px;
    }

    .tlpv-kit-wrap[b-azxhy307mi] {
        min-height: 66px;
    }

    .tlpv-circle[b-azxhy307mi] {
        width: 48px;
        height: 48px;
    }

    .tlpv-name-pill[b-azxhy307mi] {
        max-width: 126px;
    }

    .tlpv-name[b-azxhy307mi] {
        max-width: 100px;
    }
}
/* /Components/ManagementShared/AdminBatchActionBar.razor.rz.scp.css */
.admin-batch-action-bar[b-hkivwa7djg] {
    position: sticky;
    bottom: 16px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 189, 242, 0.32);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(7, 17, 29, 0.96), rgba(13, 40, 62, 0.96));
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.32);
}

.admin-batch-action-bar span[b-hkivwa7djg] {
    color: var(--cad-text-secondary, #c7d2df);
    font-size: 0.82rem;
    font-weight: 800;
}

.admin-batch-action-bar b[b-hkivwa7djg] {
    color: var(--cad-primary, #00bdf2);
}

.admin-batch-action-bar__actions[b-hkivwa7djg] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 720px) {
    .admin-batch-action-bar[b-hkivwa7djg] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-batch-action-bar__actions[b-hkivwa7djg] {
        justify-content: stretch;
    }
}
/* /Components/ManagementShared/AdminSideDrawer.razor.rz.scp.css */
.admin-side-drawer[b-5iryiu8i79] {
    position: fixed;
    inset: 0;
    z-index: 1400;
}

.admin-side-drawer__scrim[b-5iryiu8i79] {
    position: fixed;
    inset: 0;
    z-index: 1399;
    border: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.admin-side-drawer__panel[b-5iryiu8i79] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1400;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: 380px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    border-left: 1px solid rgba(29, 49, 72, 0.95);
    background: linear-gradient(180deg, #0b1524, #07111d);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
    animation: admin-side-drawer-enter-b-5iryiu8i79 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.admin-side-drawer__header[b-5iryiu8i79],
.admin-side-drawer__footer[b-5iryiu8i79] {
    padding: 18px 20px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
}

.admin-side-drawer__header[b-5iryiu8i79] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-side-drawer__header small[b-5iryiu8i79] {
    color: var(--cad-primary, #00bdf2);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.admin-side-drawer__header h2[b-5iryiu8i79] {
    margin: 3px 0 0;
    color: var(--cad-text-primary, #f7fbff);
    font-size: 1.15rem;
    font-weight: 900;
}

.admin-side-drawer__body[b-5iryiu8i79] {
    min-height: 0;
    overflow: auto;
    padding: 18px 20px;
}

.admin-side-drawer__footer[b-5iryiu8i79] {
    border-top: 1px solid rgba(29, 49, 72, 0.82);
    border-bottom: 0;
}

@media (max-width: 720px) {
    .admin-side-drawer__panel[b-5iryiu8i79] {
        width: 100vw;
        max-width: 100vw;
    }
}

.admin-side-drawer--wide-inspector .admin-side-drawer__panel[b-5iryiu8i79] {
    width: clamp(620px, 42vw, 860px);
    max-width: calc(100vw - 28px);
    border-left-color: rgba(0, 189, 242, 0.36);
    background:
        radial-gradient(circle at 18% 0%, rgba(0, 189, 242, 0.12), transparent 34%),
        linear-gradient(180deg, #071522 0%, #04101d 52%, #020914 100%);
    box-shadow: -22px 0 56px rgba(0, 0, 0, 0.58), inset 1px 0 0 rgba(255, 255, 255, 0.035);
}

.admin-side-drawer--wide-inspector .admin-side-drawer__header[b-5iryiu8i79],
.admin-side-drawer--wide-inspector .admin-side-drawer__footer[b-5iryiu8i79] {
    border-color: rgba(122, 210, 255, 0.2);
    background: rgba(2, 9, 18, 0.62);
}

.admin-side-drawer--wide-inspector .admin-side-drawer__header[b-5iryiu8i79] {
    padding: 14px 20px;
}

.admin-side-drawer--wide-inspector .admin-side-drawer__body[b-5iryiu8i79] {
    padding: 14px 20px;
    background:
        linear-gradient(rgba(0, 189, 242, 0.035) 1px, transparent 1px),
        rgba(2, 9, 18, 0.38);
    background-size: 100% 42px;
}

.admin-side-drawer--wide-inspector .admin-side-drawer__footer[b-5iryiu8i79] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
    gap: 10px;
    padding: 14px 20px;
}

.admin-side-drawer--wide-inspector .admin-side-drawer__footer .mud-button-root[b-5iryiu8i79] {
    width: 100%;
    min-width: 0;
}

.admin-side-drawer--wide-inspector .admin-side-drawer__footer .mud-button-label[b-5iryiu8i79] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.84rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .admin-side-drawer--wide-inspector .admin-side-drawer__panel[b-5iryiu8i79] {
        width: 100vw;
        max-width: 100vw;
    }
}

.admin-side-drawer--wide-inspector .admin-side-drawer__footer .mud-button-root.mud-disabled[b-5iryiu8i79],
.admin-side-drawer--wide-inspector .admin-side-drawer__footer .mud-button-root:disabled[b-5iryiu8i79] {
    border-color: rgba(122, 210, 255, 0.22) !important;
    background: rgba(9, 18, 30, 0.86) !important;
    box-shadow: none !important;
    color: rgba(145, 164, 188, 0.62) !important;
}

@media (max-width: 640px) {
    .admin-side-drawer--wide-inspector .admin-side-drawer__panel[b-5iryiu8i79] {
        top: auto;
        bottom: 0;
        width: 100vw;
        max-width: 100vw;
        height: min(84dvh, 720px);
        border-top: 1px solid rgba(0, 189, 242, 0.32);
        border-left: 0;
        border-radius: 18px 18px 0 0;
        animation: admin-side-drawer-sheet-enter-b-5iryiu8i79 0.24s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@keyframes admin-side-drawer-enter-b-5iryiu8i79 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes admin-side-drawer-sheet-enter-b-5iryiu8i79 {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}
/* /Components/ManagementShared/AdminTimeline.razor.rz.scp.css */
.admin-timeline[b-vhygewg0w8] {
    display: grid;
    gap: 10px;
}

.admin-timeline h3[b-vhygewg0w8] {
    margin: 0 0 2px;
    color: var(--cad-text-primary, #f7fbff);
    font-size: 0.88rem;
    font-weight: 900;
}

.admin-timeline__event[b-vhygewg0w8] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(29, 49, 72, 0.56);
}

.admin-timeline__dot[b-vhygewg0w8] {
    width: 9px;
    height: 9px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--cad-primary, #00bdf2);
    box-shadow: 0 0 0 4px rgba(0, 189, 242, 0.1);
}

.admin-timeline__event.is-warning .admin-timeline__dot[b-vhygewg0w8] {
    background: #ffc107;
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.12);
}

.admin-timeline__event.is-danger .admin-timeline__dot[b-vhygewg0w8] {
    background: #ff6b7a;
    box-shadow: 0 0 0 4px rgba(255, 82, 82, 0.12);
}

.admin-timeline__event.is-success .admin-timeline__dot[b-vhygewg0w8] {
    background: #35e879;
    box-shadow: 0 0 0 4px rgba(35, 209, 96, 0.12);
}

.admin-timeline strong[b-vhygewg0w8] {
    display: block;
    color: var(--cad-text-primary, #f7fbff);
    font-size: 0.78rem;
    font-weight: 850;
}

.admin-timeline p[b-vhygewg0w8],
.admin-timeline small[b-vhygewg0w8],
.admin-timeline__empty[b-vhygewg0w8] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.72rem;
}

.admin-timeline p[b-vhygewg0w8] {
    margin: 2px 0;
}

.admin-timeline__empty[b-vhygewg0w8] {
    padding: 10px;
    border: 1px dashed rgba(29, 49, 72, 0.8);
    border-radius: 10px;
}
/* /Components/ManagementShared/CompetitionAdminNavItem.razor.rz.scp.css */
.competition-admin-nav-item[b-daapog2tw6] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--cad-text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 700;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.competition-admin-nav-item > span[b-daapog2tw6] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.competition-admin-nav-item:hover[b-daapog2tw6],
.competition-admin-nav-item:focus-visible[b-daapog2tw6] {
    color: var(--cad-text-primary);
    border-color: rgba(0, 189, 242, 0.22);
    background: rgba(20, 36, 58, 0.72);
    outline: none;
}

.competition-admin-nav-item.is-active[b-daapog2tw6] {
    color: var(--cad-primary);
    border-color: rgba(0, 189, 242, 0.24);
    background: linear-gradient(90deg, rgba(0, 189, 242, 0.18), rgba(0, 189, 242, 0.045));
    box-shadow: inset 3px 0 0 var(--cad-primary);
}

[b-daapog2tw6] .competition-admin-nav-icon {
    font-size: 1.12rem;
    flex: 0 0 auto;
}

.competition-admin-nav-badge[b-daapog2tw6] {
    flex: 0 0 auto;
    min-width: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3f6e, #ef4444);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.28);
}
/* /Components/ManagementShared/CompetitionAdminPrimitives.razor.rz.scp.css */
:global(.cad-page-header)[b-l1v69hsgea] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

:global(.cad-page-title)[b-l1v69hsgea] {
    margin: 0;
    color: var(--cad-text-primary);
    font-size: 1.65rem;
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: 0;
}

:global(.cad-page-subtitle)[b-l1v69hsgea] {
    margin: 4px 0 0;
    color: var(--cad-text-secondary);
    font-size: 0.9rem;
}

:global(.cad-stat-grid)[b-l1v69hsgea] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

:global(.cad-stat-card)[b-l1v69hsgea] {
    min-height: 104px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(16, 27, 45, 0.98), rgba(11, 21, 36, 0.92));
    color: var(--cad-text-secondary);
    text-align: left;
    transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

:global(.cad-stat-card:hover)[b-l1v69hsgea],
:global(.cad-stat-card.is-active)[b-l1v69hsgea] {
    border-color: rgba(0, 189, 242, 0.5);
    background: var(--cad-surface-hover);
    box-shadow: 0 12px 40px rgba(0, 189, 242, 0.12);
}

:global(.cad-stat-card .mud-icon-root)[b-l1v69hsgea] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(0, 189, 242, 0.12);
    color: var(--cad-primary) !important;
}

:global(.cad-stat-card strong)[b-l1v69hsgea] {
    display: block;
    color: var(--cad-text-primary);
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 850;
}

:global(.cad-stat-card span)[b-l1v69hsgea] {
    display: block;
    margin-top: 6px;
    font-size: 0.86rem;
}

:global(.cad-panel)[b-l1v69hsgea] {
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.86);
    overflow: hidden;
}

:global(.cad-filter-row)[b-l1v69hsgea] {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(140px, 1fr)) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
    margin-bottom: 14px;
}

:global(.cad-table-wrap)[b-l1v69hsgea] {
    overflow-x: auto;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: rgba(5, 11, 18, 0.38);
}

:global(.cad-action-row)[b-l1v69hsgea] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

:global(.cad-status)[b-l1v69hsgea] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1;
}

:global(.cad-status--info)[b-l1v69hsgea] {
    color: var(--cad-primary);
    background: rgba(0, 189, 242, 0.13);
}

:global(.cad-status--success)[b-l1v69hsgea] {
    color: var(--cad-success);
    background: rgba(34, 197, 94, 0.13);
}

:global(.cad-status--warning)[b-l1v69hsgea] {
    color: var(--cad-warning);
    background: rgba(250, 204, 21, 0.13);
}

:global(.cad-status--danger)[b-l1v69hsgea] {
    color: var(--cad-danger);
    background: rgba(239, 68, 68, 0.13);
}

:global(.cad-status--muted)[b-l1v69hsgea] {
    color: var(--cad-text-secondary);
    background: rgba(169, 184, 201, 0.1);
}

:global(.cad-settings-shell)[b-l1v69hsgea] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) minmax(240px, 320px);
    gap: 16px;
    align-items: start;
}

:global(.cad-settings-tabs)[b-l1v69hsgea] {
    position: sticky;
    top: calc(var(--cad-topbar-height) + 24px);
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: var(--cad-surface);
}

@media (max-width: 1200px) {
    :global(.cad-stat-grid)[b-l1v69hsgea] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :global(.cad-filter-row)[b-l1v69hsgea] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :global(.cad-settings-shell)[b-l1v69hsgea] {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    :global(.cad-settings-preview)[b-l1v69hsgea] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    :global(.cad-page-header)[b-l1v69hsgea] {
        flex-direction: column;
    }

    :global(.cad-stat-grid)[b-l1v69hsgea],
    :global(.cad-filter-row)[b-l1v69hsgea],
    :global(.cad-settings-shell)[b-l1v69hsgea] {
        grid-template-columns: 1fr;
    }

    :global(.cad-settings-tabs)[b-l1v69hsgea] {
        position: static;
        display: flex;
        overflow-x: auto;
    }
}
/* /Components/ManagementShared/CompetitionAdminShell.razor.rz.scp.css */
.competition-admin-shell[b-a8kv125jfg] {
    --cad-sidebar-width: 272px;
    --cad-topbar-height: 72px;
    --cad-bg: #06111d;
    --cad-bg-soft: #0a1726;
    --cad-surface: #0e1c2d;
    --cad-surface-elevated: #14263a;
    --cad-surface-hover: #18324d;
    --cad-border: #294660;
    --cad-border-strong: #3d688a;
    --cad-text-primary: #f8fafc;
    --cad-text-secondary: #b8c7d8;
    --cad-text-muted: #879bb1;
    --cad-primary: #18caff;
    --cad-primary-hover: #4ad6ff;
    --cad-primary-dark: #063f5a;
    --cad-success: #22c55e;
    --cad-warning: #facc15;
    --cad-danger: #ef4444;
    --cad-purple: #a855f7;
    --cad-blue: #3b82f6;
    position: relative;
    min-height: 100dvh;
    display: flex;
    color: var(--cad-text-primary);
    background:
        radial-gradient(circle at 48% -12%, rgba(24, 202, 255, 0.12), transparent 32%),
        radial-gradient(circle at 90% 8%, rgba(168, 85, 247, 0.09), transparent 30%),
        var(--cad-bg);
}

.competition-admin-shell[b-a8kv125jfg]::before {
    content: "";
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 0;
    width: var(--cad-sidebar-width);
    border-right: 1px solid var(--cad-border);
    background:
        radial-gradient(circle at 12% 0%, rgba(24, 202, 255, 0.16), transparent 26%),
        linear-gradient(180deg, rgba(11, 29, 47, 0.98) 0%, rgba(8, 21, 35, 0.99) 58%, #06111d 100%);
    pointer-events: none;
    transition: width 180ms ease;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg] {
    --cad-sidebar-width: 76px;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-sidebar {
    gap: 12px;
    padding: 14px 10px;
    overflow-x: hidden;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-sidebar-kicker,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-brand-copy,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav-section h2,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-collapse span,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav-item > span,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav-badge {
    display: none;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-mini-brand {
    display: grid;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav {
    gap: 12px;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav-list {
    gap: 8px;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .competition-admin-nav-item {
    justify-content: center;
    min-height: 44px;
    padding: 0;
}

.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .league-admin-context-card,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .league-admin-portal-card,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .league-admin-quick-links,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .tournament-context-card,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .tournament-portal-card,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .tournament-quick-links,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .tournament-context-meta,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .partner-admin-context-card,
.competition-admin-shell.is-sidebar-collapsed[b-a8kv125jfg]  .partner-admin-quick-links {
    display: none !important;
}

.competition-admin-frame[b-a8kv125jfg] {
    position: relative;
    z-index: 3;
    flex: 1 1 auto;
    min-width: 0;
}

.competition-admin-main[b-a8kv125jfg] {
    max-width: 2200px;
    margin: 0 auto;
    padding: 28px 32px 42px;
}

.competition-admin-scrim[b-a8kv125jfg] {
    display: none;
}

[b-a8kv125jfg] .mud-container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[b-a8kv125jfg] .py-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-a8kv125jfg] .pcw-card,
[b-a8kv125jfg] .mud-card {
    border: 1px solid var(--cad-border) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(20, 38, 58, 0.97), rgba(13, 26, 43, 0.97)) !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

[b-a8kv125jfg] .mud-card-content {
    padding: 16px !important;
}

[b-a8kv125jfg] .mud-input-control {
    margin-top: 0 !important;
}

[b-a8kv125jfg] .mud-input-outlined,
[b-a8kv125jfg] .mud-picker-input-button,
[b-a8kv125jfg] .mud-select {
    color: var(--cad-text-primary) !important;
}

[b-a8kv125jfg] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--cad-border) !important;
}

[b-a8kv125jfg] .mud-input-root,
[b-a8kv125jfg] .mud-input-slot,
[b-a8kv125jfg] .mud-select-input,
[b-a8kv125jfg] input,
[b-a8kv125jfg] textarea {
    color: var(--cad-text-primary) !important;
}

[b-a8kv125jfg] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-outlined {
    min-height: 42px;
    border-radius: 10px;
    background: rgba(14, 28, 45, 0.9);
}

[b-a8kv125jfg] .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--cad-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 189, 242, 0.14);
}

[b-a8kv125jfg] .mud-button-root {
    min-height: 38px;
    border-radius: 8px !important;
    font-weight: 750 !important;
    text-transform: none !important;
}

[b-a8kv125jfg] .mud-button-filled-primary {
    background: linear-gradient(135deg, #008dff, var(--cad-primary)) !important;
    color: #fff !important;
}

[b-a8kv125jfg] .mud-button-outlined,
[b-a8kv125jfg] .mud-icon-button {
    border-color: var(--cad-border-strong) !important;
}

[b-a8kv125jfg] .mud-chip {
    height: 24px !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
}

[b-a8kv125jfg] .mud-table,
[b-a8kv125jfg] table {
    color: var(--cad-text-secondary) !important;
}

[b-a8kv125jfg] .mud-table-container,
[b-a8kv125jfg] .mud-table-root,
[b-a8kv125jfg] .mud-table {
    background: transparent !important;
}

[b-a8kv125jfg] .mud-table-head th,
[b-a8kv125jfg] table thead th {
    height: 48px;
    color: #a4b8cd !important;
    border-bottom: 1px solid var(--cad-border) !important;
    background: rgba(13, 29, 47, 0.88) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-a8kv125jfg] .mud-table-body td,
[b-a8kv125jfg] table tbody td {
    height: 56px;
    border-bottom: 1px solid rgba(54, 87, 118, 0.64) !important;
    color: var(--cad-text-secondary) !important;
}

[b-a8kv125jfg] .mud-table-row:hover,
[b-a8kv125jfg] table tbody tr:hover {
    background: rgba(24, 50, 77, 0.68) !important;
}

[b-a8kv125jfg] .pcw-admin-shell {
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

[b-a8kv125jfg] .pcw-admin-hero {
    padding: 0 0 18px;
    border: 0;
    border-bottom: 1px solid var(--cad-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

[b-a8kv125jfg] .pcw-admin-title {
    font-size: 1.65rem !important;
    letter-spacing: 0 !important;
}

[b-a8kv125jfg] .pcw-admin-panel {
    gap: 16px;
}

[b-a8kv125jfg] .pcw-admin-custom-tabs {
    border-radius: 12px;
    border-color: var(--cad-border);
    background: var(--cad-surface);
}

[b-a8kv125jfg] .cad-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

[b-a8kv125jfg] .cad-page-title {
    margin: 0;
    color: var(--cad-text-primary);
    font-size: 1.65rem;
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: 0;
}

[b-a8kv125jfg] .cad-page-subtitle {
    margin: 4px 0 0;
    color: var(--cad-text-secondary);
    font-size: 0.9rem;
}

[b-a8kv125jfg] .cad-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

[b-a8kv125jfg] .cad-stat-card {
    min-height: 104px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(20, 38, 58, 0.98), rgba(13, 26, 43, 0.94));
    color: var(--cad-text-secondary);
    text-align: left;
    transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

[b-a8kv125jfg] .cad-stat-card:hover,
[b-a8kv125jfg] .cad-stat-card.is-active {
    border-color: rgba(0, 189, 242, 0.5);
    background: var(--cad-surface-hover);
    box-shadow: 0 12px 40px rgba(0, 189, 242, 0.12);
}

[b-a8kv125jfg] .cad-stat-card .mud-icon-root {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(24, 202, 255, 0.15);
    color: var(--cad-primary) !important;
}

[b-a8kv125jfg] .cad-stat-card strong {
    display: block;
    color: var(--cad-text-primary);
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 850;
}

[b-a8kv125jfg] .cad-stat-card span {
    display: block;
    margin-top: 6px;
    font-size: 0.86rem;
}

[b-a8kv125jfg] .cad-filter-row {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(140px, 1fr)) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: rgba(14, 28, 45, 0.84);
    margin-bottom: 14px;
}

[b-a8kv125jfg] .cad-action-row {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

[b-a8kv125jfg] .cad-settings-shell {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) minmax(240px, 320px);
    gap: 16px;
    align-items: start;
}

[b-a8kv125jfg] .cad-settings-tabs {
    position: sticky;
    top: calc(var(--cad-topbar-height) + 24px);
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: var(--cad-surface);
}

@media (max-width: 1023px) {
    .competition-admin-shell[b-a8kv125jfg]::before {
        display: none;
    }

    .competition-admin-main[b-a8kv125jfg] {
        padding: 22px 18px 34px;
    }

    .competition-admin-scrim[b-a8kv125jfg] {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, 0.52);
    }

    .competition-admin-shell.is-drawer-open[b-a8kv125jfg]  .competition-admin-sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 1200px) {
    [b-a8kv125jfg] .cad-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-a8kv125jfg] .cad-filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-a8kv125jfg] .cad-settings-shell {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    [b-a8kv125jfg] .cad-settings-preview {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .competition-admin-main[b-a8kv125jfg] {
        padding: 18px 14px 30px;
    }

    [b-a8kv125jfg] .mud-card-content {
        padding: 14px !important;
    }

    [b-a8kv125jfg] .cad-page-header {
        flex-direction: column;
    }

    [b-a8kv125jfg] .cad-stat-grid,
    [b-a8kv125jfg] .cad-filter-row,
    [b-a8kv125jfg] .cad-settings-shell {
        grid-template-columns: 1fr;
    }

    [b-a8kv125jfg] .cad-settings-tabs {
        position: static;
        display: flex;
        overflow-x: auto;
    }
}
/* /Components/ManagementShared/CompetitionAdminSidebar.razor.rz.scp.css */
.competition-admin-sidebar[b-hfolq9nun4] {
    position: sticky;
    top: 0;
    z-index: 2;
    width: var(--cad-sidebar-width);
    height: 100dvh;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 0 0 var(--cad-sidebar-width);
    padding: 18px 12px 14px;
    border-right: 1px solid var(--cad-border);
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 189, 242, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(9, 24, 39, 0.98) 0%, rgba(6, 16, 27, 0.99) 58%, #050b12 100%);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(109, 128, 149, 0.55) transparent;
    scrollbar-gutter: stable;
    transition: width 180ms ease, flex-basis 180ms ease, padding 180ms ease;
}

.competition-admin-sidebar-context[b-hfolq9nun4] {
    display: grid;
    gap: 10px;
}

.competition-admin-sidebar-kicker[b-hfolq9nun4] {
    padding: 0 8px;
    color: #8ea2ba;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.competition-admin-mini-brand[b-hfolq9nun4] {
    display: none;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0 auto 4px;
    border: 1px solid rgba(0, 189, 242, 0.24);
    border-radius: 12px;
    background: rgba(0, 189, 242, 0.1);
    color: var(--cad-primary);
    text-decoration: none;
}

.competition-admin-brand[b-hfolq9nun4] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    color: var(--cad-text-primary);
    cursor: pointer;
}

.competition-admin-brand:focus-visible[b-hfolq9nun4] {
    border-radius: 10px;
    outline: 2px solid rgba(0, 189, 242, 0.72);
    outline-offset: 4px;
}

.competition-admin-brand-mark[b-hfolq9nun4] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #008dff, var(--cad-primary));
    color: #fff;
    box-shadow: 0 14px 34px rgba(0, 189, 242, 0.24);
}

.competition-admin-brand-copy[b-hfolq9nun4] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.competition-admin-brand-copy strong[b-hfolq9nun4] {
    color: var(--cad-text-primary);
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.competition-admin-brand-copy small[b-hfolq9nun4] {
    color: var(--cad-text-secondary);
    font-size: 0.78rem;
}

.competition-admin-nav[b-hfolq9nun4] {
    display: grid;
    gap: 18px;
}

.competition-admin-sidebar-footer[b-hfolq9nun4] {
    margin-top: auto;
    display: grid;
    gap: 10px;
}

.competition-admin-nav-section[b-hfolq9nun4] {
    display: grid;
    gap: 8px;
}

.competition-admin-nav-section h2[b-hfolq9nun4] {
    margin: 0;
    padding: 0 8px;
    color: #8ea2ba;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.competition-admin-nav-list[b-hfolq9nun4] {
    display: grid;
    gap: 4px;
}

.competition-admin-collapse[b-hfolq9nun4] {
    width: 100%;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 8px;
    background: rgba(11, 21, 36, 0.72);
    color: var(--cad-text-secondary);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
}

.competition-admin-collapse:hover[b-hfolq9nun4],
.competition-admin-collapse:focus-visible[b-hfolq9nun4] {
    border-color: rgba(0, 189, 242, 0.42);
    background: rgba(0, 189, 242, 0.08);
    color: var(--cad-text-primary);
    outline: none;
}

[b-hfolq9nun4] .league-admin-context-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 104px;
    padding: 14px;
    border: 1px solid rgba(38, 60, 84, 0.92);
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 10%, rgba(0, 189, 242, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(15, 30, 49, 0.94), rgba(8, 19, 32, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

[b-hfolq9nun4] .league-admin-context-logo {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(198, 166, 66, 0.9), rgba(22, 30, 39, 0.96));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), inset 0 0 0 2px rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

[b-hfolq9nun4] .league-admin-context-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

[b-hfolq9nun4] .league-admin-context-logo span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 950;
}

[b-hfolq9nun4] .league-admin-context-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

[b-hfolq9nun4] .league-admin-context-copy strong,
[b-hfolq9nun4] .league-admin-portal-card strong {
    overflow: hidden;
    color: var(--cad-text-primary);
    font-size: 0.9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hfolq9nun4] .league-admin-context-copy small,
[b-hfolq9nun4] .league-admin-portal-card small {
    overflow: hidden;
    color: var(--cad-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hfolq9nun4] .league-admin-context-back {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--cad-primary);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
}

[b-hfolq9nun4] .league-admin-portal-card,
[b-hfolq9nun4] .league-admin-quick-links {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.86);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
}

[b-hfolq9nun4] .league-admin-quick-links h3 {
    margin: 0 0 2px;
    color: #8ea2ba;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

[b-hfolq9nun4] .league-admin-quick-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    color: var(--cad-text-secondary);
    font-size: 0.76rem;
    font-weight: 750;
    text-decoration: none;
}

[b-hfolq9nun4] .league-admin-quick-links a:hover {
    color: var(--cad-primary);
}

@media (max-width: 1023px) {
    .competition-admin-sidebar[b-hfolq9nun4] {
        position: fixed;
        z-index: 1300;
        width: 280px;
        flex-basis: 280px;
        transform: translateX(-100%);
        transition: transform 180ms ease;
        box-shadow: 28px 0 54px rgba(0, 0, 0, 0.45);
    }
}
/* /Components/ManagementShared/CompetitionAdminTopbar.razor.rz.scp.css */
.competition-admin-topbar[b-6dz2ag835k] {
    position: sticky;
    top: 0;
    z-index: 1000;
    min-height: var(--cad-topbar-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 32px;
    border-bottom: 1px solid var(--cad-border);
    background: rgba(8, 17, 30, 0.94);
    backdrop-filter: blur(18px);
}

.competition-admin-topbar-left[b-6dz2ag835k],
.competition-admin-topbar-actions[b-6dz2ag835k] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.competition-admin-topbar-left[b-6dz2ag835k] {
    gap: 12px;
    flex: 1 1 auto;
}

.competition-admin-topbar-actions[b-6dz2ag835k] {
    gap: 12px;
    flex: 0 0 auto;
}

.competition-admin-topbar-search[b-6dz2ag835k] {
    width: min(420px, 100%);
    min-width: 220px;
}

.competition-admin-topbar-search[b-6dz2ag835k]  .gsb-wrapper,
.competition-admin-topbar-search[b-6dz2ag835k]  .gsb-input-row {
    width: 100%;
    margin: 0;
}

[b-6dz2ag835k] .competition-admin-menu {
    display: none;
    color: var(--cad-text-primary) !important;
    border: 1px solid var(--cad-border) !important;
    border-radius: 8px !important;
    background: var(--cad-surface) !important;
}

[b-6dz2ag835k] .competition-admin-back {
    min-height: 38px;
    color: var(--cad-primary) !important;
    font-weight: 750 !important;
    text-transform: none !important;
}

[b-6dz2ag835k] .competition-admin-avatar {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    border: 1px solid rgba(0, 189, 242, 0.3);
    border-radius: 50%;
    overflow: hidden;
}

[b-6dz2ag835k] .competition-admin-avatar img,
[b-6dz2ag835k] .competition-admin-avatar .pcw-profile-menu-avatar-image {
    width: 34px !important;
    height: 34px !important;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .competition-admin-topbar[b-6dz2ag835k] {
        padding: 0 18px;
    }

    [b-6dz2ag835k] .competition-admin-menu {
        display: inline-flex;
    }
}

@media (max-width: 720px) {
    .competition-admin-topbar[b-6dz2ag835k] {
        min-height: auto;
        flex-wrap: wrap;
        padding: 12px 16px;
    }

    .competition-admin-topbar-left[b-6dz2ag835k] {
        flex: 1 1 100%;
    }

    .competition-admin-topbar-search[b-6dz2ag835k] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .competition-admin-topbar-actions[b-6dz2ag835k] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/ManagementShared/ManagementLayout.razor.rz.scp.css */
/* ── Management Layout Shell ──────────────────────────── */
.mgmt-layout[b-y3qlh0gaka] {
    min-height: 100vh;
    background: #0b0f14;
    color: #fff;
    overflow-x: hidden;
    max-width: 100vw;
}

/* bell is now rendered inline inside ManagementTopBar icon cluster */

@media (max-width: 599px) {
    .mgmt-layout[b-y3qlh0gaka] {
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    }
}
/* /Components/ManagementShared/ManagementMobileBottomTabs.razor.rz.scp.css */
.mgmt-mobile-bottom-tabs[b-blkbzitsuj] {
    display: none;
}

@media (max-width: 599px) {
    .mgmt-mobile-bottom-tabs[b-blkbzitsuj] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 54;
        display: block;
        padding: 0;
        border-top: 1px solid rgba(0, 200, 255, 0.16);
        background: rgba(10, 16, 27, 0.98);
        box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.42);
        pointer-events: none;
    }

    .mgmt-mobile-bottom-tabs__items[b-blkbzitsuj] {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(76px, 1fr);
        gap: 4px;
        min-height: 68px;
        width: 100%;
        max-width: none;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0;
        padding: 7px 6px calc(env(safe-area-inset-bottom, 0px) + 7px);
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        pointer-events: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 200, 255, 0.42) rgba(255, 255, 255, 0.08);
    }

    .mgmt-mobile-bottom-tabs__items[b-blkbzitsuj]::-webkit-scrollbar {
        height: 5px;
    }

    .mgmt-mobile-bottom-tabs__items[b-blkbzitsuj]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(0, 200, 255, 0.42);
    }

    .mgmt-mobile-bottom-tabs__items[b-blkbzitsuj]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08);
    }

    .mgmt-mobile-bottom-tabs__item[b-blkbzitsuj] {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 56px;
        padding: 6px 4px 5px;
        border: 1px solid transparent;
        border-radius: 12px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2px;
        background: transparent;
        color: rgba(255, 255, 255, 0.58);
        cursor: pointer;
        font-family: inherit;
        -webkit-tap-highlight-color: transparent;
        transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    }

    .mgmt-mobile-bottom-tabs__item:active:not(:disabled)[b-blkbzitsuj] {
        background: rgba(0, 200, 255, 0.1);
        color: rgba(255, 255, 255, 0.9);
    }

    .mgmt-mobile-bottom-tabs__item--active[b-blkbzitsuj] {
        border-color: rgba(0, 200, 255, 0.32);
        background: rgba(0, 200, 255, 0.1);
        color: #00c8ff;
        box-shadow: inset 0 0 20px rgba(0, 200, 255, 0.08);
    }

    .mgmt-mobile-bottom-tabs__item:disabled[b-blkbzitsuj] {
        cursor: not-allowed;
        opacity: 0.42;
    }

    .mgmt-mobile-bottom-tabs__icon[b-blkbzitsuj] {
        display: inline-flex;
        min-height: 23px;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    [b-blkbzitsuj] .mgmt-mobile-bottom-tabs__mud-icon {
        font-size: 1.32rem;
    }

    .mgmt-mobile-bottom-tabs__label[b-blkbzitsuj] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        font-size: 0.66rem;
        font-weight: 750;
        line-height: 1.1;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mgmt-mobile-bottom-tabs__badge[b-blkbzitsuj] {
        position: absolute;
        top: 4px;
        right: 8px;
        min-width: 17px;
        height: 17px;
        padding: 0 5px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 999px;
        background: #e53935;
        color: #fff;
        font-size: 0.58rem;
        font-weight: 800;
        line-height: 15px;
        text-align: center;
    }
}
/* /Components/ManagementShared/ManagementNavItem.razor.rz.scp.css */
/* ── Management Nav Item ─────────────────────────────── */
.mgmt-nav-item[b-9bycnjrybz] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    padding: 0 15px;
    height: 56px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.84rem;
    font-weight: 750;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    transition: color 0.18s ease, background 0.18s ease;
    white-space: nowrap;
}

.mgmt-nav-item:hover[b-9bycnjrybz] {
    color: rgba(255, 255, 255, 0.9);
    background: linear-gradient(180deg, rgba(0, 200, 255, 0.06), rgba(0, 200, 255, 0.02));
}

.mgmt-nav-item.active[b-9bycnjrybz] {
    color: #00c8ff;
    text-shadow: 0 0 14px rgba(0, 200, 255, 0.34);
}

.mgmt-nav-item.active[b-9bycnjrybz]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    background: linear-gradient(90deg, #0087b3, #00c8ff);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.42);
    border-radius: 3px 3px 0 0;
}

[b-9bycnjrybz] .mgmt-nav-icon {
    font-size: 1.1rem;
}

.mgmt-badge[b-9bycnjrybz] {
    font-size: 0.6rem;
    background: #e53935;
    color: #fff;
    border-radius: 8px;
    padding: 1px 6px;
    font-weight: 700;
    line-height: 1.3;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 1280px) and (min-width: 769px) {
    .mgmt-nav-item[b-9bycnjrybz] {
        gap: 6px;
        padding: 0 12px;
        font-size: 0.8rem;
    }
}

@media (max-width: 1120px) and (min-width: 769px) {
    .mgmt-nav-item[b-9bycnjrybz] {
        gap: 5px;
        padding: 0 10px;
        font-size: 0.76rem;
    }

    [b-9bycnjrybz] .mgmt-nav-icon {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .mgmt-nav-item span[b-9bycnjrybz] {
        display: none;
    }

    .mgmt-nav-item[b-9bycnjrybz] {
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .mgmt-nav-item[b-9bycnjrybz] {
        padding: 0 8px;
        min-width: 40px;
    }
}

@media (max-width: 599px) {
    /* Switch to vertical (icon above label) layout in the scrollable mobile bar */
    .mgmt-nav-item[b-9bycnjrybz] {
        flex-direction: column;
        gap: 3px;
        padding: 6px 8px;
        height: auto;
        min-height: 52px;
        min-width: 64px;
        max-width: 72px;
        flex: 0 0 68px;
        justify-content: center;
        scroll-snap-align: start;
    }

    /* Re-show the label that was hidden by the 768px rule above */
    .mgmt-nav-item span:not(.mgmt-badge)[b-9bycnjrybz] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        font-size: 0.68rem;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-9bycnjrybz] .mgmt-nav-icon {
        font-size: 1.2rem;
    }

    /* Tighten the active underline for the narrower items */
    .mgmt-nav-item.active[b-9bycnjrybz]::after {
        height: 2px;
        left: 6px;
        right: 6px;
    }
}
/* /Components/ManagementShared/ManagementSubNav.razor.rz.scp.css */
/* ── Management Sub Navigation ───────────────────────── */
.mgmt-subnav-wrap[b-ym5k1u2gm9] {
    background:
        linear-gradient(180deg, rgba(18, 26, 42, 0.94), rgba(8, 13, 22, 0.94)),
        rgba(16, 22, 30, 0.92);
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

.mgmt-subnav[b-ym5k1u2gm9] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 24px;
    max-width: 1600px;
    margin: 0 auto;
    min-width: 0;
}

.mgmt-subnav-items[b-ym5k1u2gm9] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 200, 255, 0.46) rgba(255, 255, 255, 0.08);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar {
    height: 5px;
}

.mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.46);
}

.mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
}

.mgmt-subnav-back[b-ym5k1u2gm9] {
    display: none;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .mgmt-subnav-wrap[b-ym5k1u2gm9] {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .mgmt-subnav[b-ym5k1u2gm9] {
        padding: 0 8px;
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap;
    }

    .mgmt-subnav-items[b-ym5k1u2gm9] {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 200, 255, 0.46) rgba(255, 255, 255, 0.08);
    }

    .mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar {
        height: 5px;
    }

    .mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(0, 200, 255, 0.46);
    }

    .mgmt-subnav-items[b-ym5k1u2gm9]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08);
    }
}

/* ── mobile-only variant: hidden on desktop, shown on phone ── */
.mgmt-subnav-wrap.mobile-only[b-ym5k1u2gm9] {
    display: none;
}

@media (max-width: 599px) {
    .mgmt-subnav-wrap[b-ym5k1u2gm9] {
        display: none;
    }

    .mgmt-subnav-wrap.mobile-only[b-ym5k1u2gm9] {
        display: block;
    }
}
/* /Components/ManagementShared/ManagementSubNavItem.razor.rz.scp.css */
/* ── Management Sub-Nav Item ─────────────────────────── */
.mgmt-subnav-item[b-yw43xu6np6] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    padding: 14px 18px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.86rem;
    font-weight: 750;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    transition: color 0.18s ease, background 0.18s ease;
    white-space: nowrap;
}

.mgmt-subnav-item:hover[b-yw43xu6np6] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 200, 255, 0.055);
}

.mgmt-subnav-item.active[b-yw43xu6np6] {
    color: #00c8ff;
    text-shadow: 0 0 12px rgba(0, 200, 255, 0.28);
}

.mgmt-subnav-item.active[b-yw43xu6np6]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 2px;
    background: linear-gradient(90deg, #0087b3, #00c8ff);
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.36);
    border-radius: 2px 2px 0 0;
}

.mgmt-subnav-badge[b-yw43xu6np6] {
    font-size: 0.6rem;
    background: rgba(229, 57, 53, 0.85);
    color: #fff;
    border-radius: 6px;
    padding: 0 5px;
    font-weight: 700;
    line-height: 1.4;
}

.mgmt-subnav-badge-read[b-yw43xu6np6] {
    font-size: 0.6rem;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.45);
    border-radius: 6px;
    padding: 0 5px;
    font-weight: 600;
    line-height: 1.4;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .mgmt-subnav-item[b-yw43xu6np6] {
        padding: 10px 14px;
        font-size: 0.8rem;
    }
}
/* /Components/ManagementShared/ManagementTopBar.razor.rz.scp.css */
/* ── Management Top Bar ──────────────────────────────── */

/* ── Messaging Button ───────────────────────────────── */
.mgmt-msg-wrap[b-qe107zxjf3] {
    position: relative;
}

.mgmt-msg-btn[b-qe107zxjf3] {
    cursor: pointer;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
    position: relative;
}

.mgmt-msg-btn:hover[b-qe107zxjf3] {
    background: rgba(255, 255, 255, 0.08);
}

.mgmt-msg-badge[b-qe107zxjf3] {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f44336;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

/* ── Header ─────────────────────────────────────────── */
.mgmt-topbar[b-qe107zxjf3] {
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 200, 255, 0.12), transparent 34%),
        radial-gradient(circle at 72% 0%, rgba(109, 61, 255, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(8, 14, 24, 0.96), rgba(5, 9, 15, 0.96)),
        var(--pcw-bg, #0b0f14);
    border-bottom: 1px solid rgba(122, 210, 255, 0.16);
    box-shadow: 0 12px 38px rgba(0, 0, 0, 0.32);
    position: sticky;
    top: 0;
    z-index: 100;
    /* iOS notch / Dynamic Island */
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.mgmt-topbar-inner[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 24px;
    height: 56px;
    width: 100%;
    margin: 0 auto;
    min-width: 0;
    box-sizing: border-box;
}

/* ── Nav Categories ──────────────────────────────────── */
.mgmt-nav[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 200, 255, 0.5) rgba(255, 255, 255, 0.08);
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    padding-bottom: 3px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
}

.mgmt-nav[b-qe107zxjf3]::-webkit-scrollbar {
    display: block;
    height: 4px;
}

.mgmt-nav[b-qe107zxjf3]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.5);
}

.mgmt-nav[b-qe107zxjf3]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
}

/* ── Top Bar Right (Search + Back + Info Strip + Profile) ─ */
/* flex-shrink:1 lets the right section yield when nav is wide. */
.mgmt-topbar-right[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 1;
    min-width: 0;
}

/* ── Icon Cluster (Messages + Notifications) ────────── */
.mgmt-icon-cluster[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 1;
    min-width: 0;
    padding-left: 8px;
    border-left: 1px solid rgba(122, 210, 255, 0.14);
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.mgmt-icon-cluster[b-qe107zxjf3]::-webkit-scrollbar {
    display: none;
}

/* ── Profile Cluster (avatar + menu, always row 1) ───── */
.mgmt-profile-cluster[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    padding-left: 8px;
    border-left: 1px solid rgba(122, 210, 255, 0.14);
    flex-shrink: 0;
}

.mgmt-topbar-search[b-qe107zxjf3] {
    /* Shrinks before the icon cluster ever loses space */
    flex: 0 1 220px;
    min-width: 80px;
}

.mgmt-topbar-search[b-qe107zxjf3]  .gsb-wrapper {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.mgmt-topbar-search[b-qe107zxjf3]  .gsb-input-row {
    width: 100%;
    min-width: 0;
}

/* Search icon button — hidden on desktop, shown on mobile */
.mgmt-search-btn[b-qe107zxjf3] {
    display: none;
}

/* Back icon button (mobile-only) — hidden on desktop */
[b-qe107zxjf3] .mgmt-back-mobile {
    display: none;
}

.mgmt-info-strip[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(0, 135, 179, 0.11);
    border-radius: 8px;
    border: 1px solid rgba(0, 200, 255, 0.16);
}

/* ── Responsive ─────────────────────────────────────── */

/* Tablet (769-960px): hide info strip, shrink search to make room */
@media (max-width: 1280px) and (min-width: 769px) {
    .mgmt-topbar-inner[b-qe107zxjf3] {
        gap: 8px;
        padding: 0 16px;
    }

    .mgmt-topbar-right[b-qe107zxjf3] {
        gap: 8px;
    }

    .mgmt-topbar-search[b-qe107zxjf3] {
        flex-basis: 180px;
    }
}

@media (max-width: 1120px) and (min-width: 769px) {
    .mgmt-topbar-search[b-qe107zxjf3] {
        flex-basis: 145px;
    }
}

@media (max-width: 960px) and (min-width: 769px) {
    .mgmt-info-strip[b-qe107zxjf3] {
        display: none;
    }

    .mgmt-topbar-search[b-qe107zxjf3] {
        flex: 0 1 140px;
        min-width: 80px;
    }

    .mgmt-topbar-inner[b-qe107zxjf3] {
        gap: 8px;
    }
}

@media (max-width: 768px) {
    .mgmt-topbar-inner[b-qe107zxjf3] {
        padding: 0 12px;
        gap: 8px;
    }

    .mgmt-info-strip[b-qe107zxjf3] {
        display: none;
    }

    .mgmt-topbar-search[b-qe107zxjf3] {
        flex: 0 1 150px;
        min-width: 80px;
    }

    .mgmt-nav[b-qe107zxjf3] {
        overflow-x: auto;
        overflow-y: clip;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .mgmt-nav[b-qe107zxjf3]::-webkit-scrollbar {
        display: block;
    }
}

@media (max-width: 599px) {
    .mgmt-topbar-search[b-qe107zxjf3] {
        display: none;
    }

    /* search btn lives inside the icon cluster on mobile */
    .mgmt-search-btn[b-qe107zxjf3] {
        display: flex;
        align-items: center;
    }

    [b-qe107zxjf3] .mgmt-topbar-back-btn .mud-button-label {
        display: none;
    }

    /* Back button (desktop) — hidden on mobile; icon-only version used instead */
    [b-qe107zxjf3] .mgmt-topbar-back-btn {
        display: none !important;
    }

    /* Back icon button — moves to ROW 2 (left of the nav) */
    [b-qe107zxjf3] .mgmt-back-mobile {
        order: 2;
        flex: 0 0 auto;
        align-self: center;
        display: flex !important;
    }

    /* Two-row layout:
       Row 1 = identity + icon cluster + profile
       Row 2 = back icon + nav
    */
    .mgmt-topbar-inner[b-qe107zxjf3] {
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 0;
        align-items: center;
    }

    /* Full-width divider between row 1 and row 2 */
    .mgmt-topbar-inner[b-qe107zxjf3]::before {
        content: '';
        order: 1;
        flex: 0 0 100%;
        height: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    /* Flatten topbar-right so children participate in the outer flex-wrap */
    .mgmt-topbar-right[b-qe107zxjf3] {
        display: contents;
    }

    /* Row 1 — identity grows to fill space */
    .mgmt-identity-row[b-qe107zxjf3] {
        order: 0;
        flex: 1 1 0;
        display: flex;
        align-items: center;
        min-height: 52px;
        min-width: 0;
        overflow: hidden;
    }

    /* Row 1 — icon cluster (search, messages, bell, language) at top-right */
    .mgmt-icon-cluster[b-qe107zxjf3] {
        order: 0;
        flex: 0 0 auto;
        align-self: center;
        gap: 0;
        padding: 0;
        border-left: none;
        overflow-x: clip;
        overflow-y: clip;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .mgmt-icon-cluster[b-qe107zxjf3]::-webkit-scrollbar {
        display: none;
    }

    /* Row 1 — profile cluster rightmost in row 1 */
    .mgmt-profile-cluster[b-qe107zxjf3] {
        order: 0;
        flex: 0 0 auto;
        align-self: center;
        margin-left: 0;
        padding: 0 4px;
        border-left: none;
    }

    /* Row 2 — nav: grows to fill all space after back icon */
    .mgmt-nav[b-qe107zxjf3] {
        order: 2;
        flex: 1 1 0;
        min-width: 0;
        overflow-x: auto;
        overflow-y: clip;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
        padding: 4px 8px 6px;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        /* Gradient fade on both edges — visual cue that the bar is scrollable */
        -webkit-mask-image: linear-gradient(to right, transparent 0px, black 12px, black calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0px, black 12px, black calc(100% - 28px), transparent 100%);
    }

    .mgmt-nav[b-qe107zxjf3]::-webkit-scrollbar {
        display: block;
    }

    /* Team Management and Player Central move primary navigation to the bottom tabs on phones. */
    .mgmt-topbar--phone-utility-only .mgmt-topbar-inner[b-qe107zxjf3] {
        flex-wrap: nowrap;
        height: 56px;
        padding-bottom: 0;
        overflow-x: clip;
        overflow-y: clip;
        scrollbar-width: none;
    }

    .mgmt-topbar--phone-utility-only .mgmt-topbar-inner[b-qe107zxjf3]::before {
        display: none;
    }

    .mgmt-topbar--phone-utility-only .mgmt-topbar-inner[b-qe107zxjf3]::-webkit-scrollbar {
        display: none;
    }

    .mgmt-topbar--phone-utility-only .mgmt-identity-row[b-qe107zxjf3] {
        flex: 1 1 auto;
        overflow: hidden;
        min-width: 0;
    }

    .mgmt-topbar--phone-utility-only .mgmt-icon-cluster[b-qe107zxjf3],
    .mgmt-topbar--phone-utility-only .mgmt-profile-cluster[b-qe107zxjf3] {
        flex: 0 0 auto;
    }

    .mgmt-topbar--phone-utility-only .mgmt-nav[b-qe107zxjf3],
    .mgmt-topbar--phone-utility-only[b-qe107zxjf3]  .mgmt-back-mobile {
        display: none !important;
    }
}

/* ── Mobile search overlay ────────────────────────────────────── */
.mgmt-mob-search-overlay[b-qe107zxjf3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: var(--pcw-bg, #0b0f14);
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0, 160, 204, 0.18);
}

.mgmt-mob-search-bar[b-qe107zxjf3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mgmt-mob-search-bar[b-qe107zxjf3]  .gsb-wrapper {
    flex: 1;
}

.mgmt-mob-search-bar[b-qe107zxjf3]  .gsb-input-row {
    width: 100%;
}

.mgmt-mob-search-bar[b-qe107zxjf3]  .gsb-dropdown {
    max-height: calc(100dvh - 80px);
    width: min(380px, calc(100vw - 32px));
}
/* /Components/ManagementShared/OpenItemsRail.razor.rz.scp.css */
.open-items-rail[b-q3cwr8s92r] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.86), rgba(7, 17, 29, 0.96));
}

.open-items-rail__header[b-q3cwr8s92r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--cad-text-primary, #f7fbff);
    cursor: pointer;
    text-align: left;
}

.open-items-rail__header span[b-q3cwr8s92r] {
    display: grid;
    gap: 2px;
}

.open-items-rail__header small[b-q3cwr8s92r] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.open-items-rail__header strong[b-q3cwr8s92r] {
    font-size: 0.82rem;
    font-weight: 900;
}

.open-items-rail__list[b-q3cwr8s92r] {
    display: grid;
    gap: 6px;
}

.open-items-rail__item[b-q3cwr8s92r],
.open-items-rail__empty[b-q3cwr8s92r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px;
    border-radius: 9px;
    color: var(--cad-text-secondary, #c7d2df);
    text-decoration: none;
}

.open-items-rail__item[b-q3cwr8s92r] {
    border: 1px solid rgba(29, 49, 72, 0.7);
    background: rgba(0, 189, 242, 0.06);
}

.open-items-rail__item:hover[b-q3cwr8s92r] {
    border-color: rgba(0, 189, 242, 0.42);
    background: rgba(0, 189, 242, 0.12);
    color: var(--cad-text-primary, #f7fbff);
}

.open-items-rail__item.is-warning .open-items-rail__badge[b-q3cwr8s92r] {
    background: rgba(255, 193, 7, 0.18);
    color: #ffc107;
}

.open-items-rail__item.is-danger .open-items-rail__badge[b-q3cwr8s92r] {
    background: rgba(255, 82, 82, 0.18);
    color: #ff6b7a;
}

.open-items-rail__item.is-success .open-items-rail__badge[b-q3cwr8s92r] {
    background: rgba(35, 209, 96, 0.16);
    color: #35e879;
}

.open-items-rail__badge[b-q3cwr8s92r] {
    min-width: 26px;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.18);
    color: var(--cad-primary, #00bdf2);
    font-size: 0.68rem;
    font-weight: 900;
    text-align: center;
}

.open-items-rail__copy[b-q3cwr8s92r] {
    display: grid;
    min-width: 0;
}

.open-items-rail__copy strong[b-q3cwr8s92r],
.open-items-rail__copy small[b-q3cwr8s92r] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.open-items-rail__copy strong[b-q3cwr8s92r] {
    font-size: 0.76rem;
    font-weight: 850;
}

.open-items-rail__copy small[b-q3cwr8s92r],
.open-items-rail__empty span[b-q3cwr8s92r] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.68rem;
    font-weight: 700;
}

.open-items-rail__empty[b-q3cwr8s92r] {
    grid-template-columns: auto minmax(0, 1fr);
    background: rgba(35, 209, 96, 0.08);
    color: #35e879;
}

.open-items-rail.is-compact[b-q3cwr8s92r] {
    padding: 9px;
}
/* /Components/ManagementShared/PcwCalendar.razor.rz.scp.css */
.pcw-calendar[b-2te9nc7u2k] {
    --pcw-cal-bg: #050c14;
    --pcw-cal-panel: #081520;
    --pcw-cal-border: rgba(116, 157, 191, 0.22);
    --pcw-cal-text: #f7fbff;
    --pcw-cal-muted: rgba(211, 226, 240, 0.66);
    --pcw-cal-cyan: #00c8ff;
    --pcw-cal-green: #54d65a;
    --pcw-cal-amber: #f5c84b;
    --pcw-cal-red: #ff5c7a;
    display: grid;
    gap: 12px;
    min-width: 0;
    color: var(--pcw-cal-text);
}

.pcw-calendar[b-2te9nc7u2k],
.pcw-calendar *[b-2te9nc7u2k] {
    box-sizing: border-box;
}

.pcw-calendar-toolbar[b-2te9nc7u2k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.pcw-calendar-title[b-2te9nc7u2k] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.pcw-calendar-title span[b-2te9nc7u2k],
.pcw-calendar-weekday[b-2te9nc7u2k] {
    color: var(--pcw-cal-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pcw-calendar-title b[b-2te9nc7u2k] {
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcw-calendar-controls[b-2te9nc7u2k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.pcw-calendar-icon-btn[b-2te9nc7u2k],
.pcw-calendar-view-tab[b-2te9nc7u2k],
.pcw-calendar-day-head[b-2te9nc7u2k],
.pcw-calendar-entry[b-2te9nc7u2k],
.pcw-calendar-more[b-2te9nc7u2k],
.pcw-calendar-column-head[b-2te9nc7u2k] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.pcw-calendar-icon-btn[b-2te9nc7u2k] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 7px;
    background: rgba(0, 200, 255, 0.1);
    color: var(--pcw-cal-cyan);
}

.pcw-calendar-view-tabs[b-2te9nc7u2k] {
    display: inline-flex;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
}

.pcw-calendar-view-tab[b-2te9nc7u2k] {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    background: transparent;
    color: var(--pcw-cal-muted);
    font-size: 12px;
    font-weight: 900;
}

.pcw-calendar-view-tab.is-active[b-2te9nc7u2k] {
    background: rgba(0, 200, 255, 0.2);
    color: #fff;
    box-shadow: inset 0 -2px 0 var(--pcw-cal-cyan);
}

.pcw-calendar-legend[b-2te9nc7u2k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
}

.pcw-calendar-legend-item[b-2te9nc7u2k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--pcw-cal-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.pcw-calendar-legend-item[b-2te9nc7u2k]::before {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: currentColor;
    opacity: 0.78;
}

.pcw-calendar-legend-item.is-official[b-2te9nc7u2k] {
    color: var(--pcw-cal-red);
}

.pcw-calendar-legend-item.is-team[b-2te9nc7u2k] {
    color: #66bb6a;
}

.pcw-calendar-legend-item.is-birthday[b-2te9nc7u2k] {
    color: #ffa726;
}

.pcw-calendar-legend-item.is-training[b-2te9nc7u2k],
.pcw-calendar-legend-item.is-friendly[b-2te9nc7u2k] {
    color: var(--pcw-cal-cyan);
}

.pcw-calendar-month[b-2te9nc7u2k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: 34px repeat(6, var(--pcw-calendar-day-min-height, 156px));
    border: 1px solid var(--pcw-cal-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--pcw-cal-bg);
}

.pcw-calendar-weekday[b-2te9nc7u2k] {
    display: grid;
    place-items: center;
    min-height: 34px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.pcw-calendar-weekday:nth-child(7)[b-2te9nc7u2k] {
    border-right: 0;
}

.pcw-calendar-day[b-2te9nc7u2k] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: var(--pcw-calendar-day-min-height, 156px);
    padding: 7px 6px;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.018);
}

.pcw-calendar-day:nth-child(7n)[b-2te9nc7u2k] {
    border-right: 0;
}

.pcw-calendar-day.is-outside[b-2te9nc7u2k] {
    color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.008);
}

.pcw-calendar-day.is-today[b-2te9nc7u2k] {
    box-shadow: inset 0 0 0 1px rgba(0, 200, 255, 0.5);
}

.pcw-calendar-day.has-selected[b-2te9nc7u2k] {
    background: rgba(0, 200, 255, 0.055);
}

.pcw-calendar-day.has-shared-slot[b-2te9nc7u2k] {
    box-shadow: inset 0 0 0 1px rgba(84, 214, 90, 0.38);
}

.pcw-calendar-day-head[b-2te9nc7u2k] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.pcw-calendar-day-items[b-2te9nc7u2k],
.pcw-calendar-column-items[b-2te9nc7u2k],
.pcw-calendar-day-agenda[b-2te9nc7u2k] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.pcw-calendar-day-items[b-2te9nc7u2k] {
    align-content: start;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 200, 255, 0.48) rgba(255, 255, 255, 0.04);
}

.pcw-calendar-day.is-expanded .pcw-calendar-day-items[b-2te9nc7u2k] {
    scrollbar-color: rgba(0, 200, 255, 0.55) rgba(255, 255, 255, 0.04);
}

.pcw-calendar-entry[b-2te9nc7u2k] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 7px;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 7px;
    background: rgba(0, 149, 202, 0.18);
    color: #fff;
    text-align: left;
}

.pcw-calendar-entry:hover[b-2te9nc7u2k],
.pcw-calendar-entry:focus-visible[b-2te9nc7u2k] {
    border-color: var(--pcw-cal-cyan);
    outline: none;
}

.pcw-calendar-entry.is-compact[b-2te9nc7u2k] {
    min-height: var(--pcw-calendar-entry-compact-min-height, 28px);
    padding: 4px 6px;
    font-size: 11px;
}

.pcw-calendar-entry.is-all-day[b-2te9nc7u2k] {
    grid-template-columns: minmax(0, 1fr);
}

.pcw-calendar-entry-time[b-2te9nc7u2k] {
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 900;
}

.pcw-calendar-entry b[b-2te9nc7u2k],
.pcw-calendar-entry small[b-2te9nc7u2k] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcw-calendar-entry b[b-2te9nc7u2k] {
    font-size: 12px;
    font-weight: 900;
}

.pcw-calendar-entry small[b-2te9nc7u2k] {
    grid-column: 1 / -1;
}

.pcw-calendar-entry small[b-2te9nc7u2k] {
    color: var(--pcw-cal-muted);
    font-size: 11px;
}

.pcw-calendar-entry.is-default[b-2te9nc7u2k] {
    border-color: rgba(0, 200, 255, 0.24);
}

.pcw-calendar-entry.is-fixture[b-2te9nc7u2k],
.pcw-calendar-entry.is-official[b-2te9nc7u2k] {
    border-color: rgba(255, 92, 122, 0.36);
    background: rgba(255, 92, 122, 0.12);
}

.pcw-calendar-entry.is-result[b-2te9nc7u2k],
.pcw-calendar-entry.is-success[b-2te9nc7u2k] {
    border-color: rgba(84, 214, 90, 0.3);
    background: rgba(84, 214, 90, 0.12);
}

.pcw-calendar-entry.is-request[b-2te9nc7u2k],
.pcw-calendar-entry.is-warning[b-2te9nc7u2k],
.pcw-calendar-entry.is-candidate[b-2te9nc7u2k] {
    border-color: rgba(245, 200, 75, 0.34);
    background: rgba(245, 200, 75, 0.12);
}

.pcw-calendar-entry.is-team[b-2te9nc7u2k] {
    border-color: rgba(102, 187, 106, 0.34);
    background: rgba(102, 187, 106, 0.12);
}

.pcw-calendar-entry.is-session[b-2te9nc7u2k],
.pcw-calendar-entry.is-training[b-2te9nc7u2k],
.pcw-calendar-entry.is-friendly[b-2te9nc7u2k] {
    border-color: rgba(0, 200, 255, 0.34);
    background: rgba(0, 200, 255, 0.12);
}

.pcw-calendar-entry.is-birthday[b-2te9nc7u2k] {
    border-color: rgba(255, 167, 38, 0.38);
    background: rgba(255, 167, 38, 0.13);
}

.pcw-calendar-entry.is-platform[b-2te9nc7u2k] {
    border-color: rgba(171, 71, 188, 0.38);
    background: rgba(171, 71, 188, 0.13);
}

.pcw-calendar-entry.is-danger[b-2te9nc7u2k] {
    border-color: rgba(255, 92, 122, 0.34);
    background: rgba(255, 92, 122, 0.12);
}

.pcw-calendar-entry.is-selected[b-2te9nc7u2k] {
    border-color: var(--pcw-cal-cyan);
    box-shadow: inset 0 0 0 1px rgba(0, 200, 255, 0.3), 0 0 0 1px rgba(0, 200, 255, 0.08);
}

.pcw-calendar-entry.is-shared-slot[b-2te9nc7u2k] {
    border-color: var(--pcw-cal-green);
    background: rgba(84, 214, 90, 0.14);
}

.pcw-calendar-more[b-2te9nc7u2k] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    width: 100%;
    min-height: 27px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(13, 28, 41, 0.98), rgba(7, 18, 29, 0.98));
    color: rgba(247, 251, 255, 0.9);
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 -6px 14px rgba(5, 12, 20, 0.72);
}

.pcw-calendar-more:hover[b-2te9nc7u2k],
.pcw-calendar-more:focus-visible[b-2te9nc7u2k] {
    color: #fff;
    background: rgba(0, 200, 255, 0.14);
    outline: none;
}

.pcw-calendar-more.is-less[b-2te9nc7u2k] {
    color: rgba(255, 255, 255, 0.84);
}

.pcw-calendar-week[b-2te9nc7u2k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(120px, 1fr));
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.pcw-calendar-week-day[b-2te9nc7u2k],
.pcw-calendar-day-view[b-2te9nc7u2k] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--pcw-cal-border);
    border-radius: 8px;
    background: var(--pcw-cal-panel);
}

.pcw-calendar-week-day.has-selected[b-2te9nc7u2k],
.pcw-calendar-week-day.is-today[b-2te9nc7u2k] {
    border-color: rgba(0, 200, 255, 0.45);
}

.pcw-calendar-column-head[b-2te9nc7u2k] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    background: transparent;
    color: #fff;
    text-align: left;
}

.pcw-calendar-column-head span[b-2te9nc7u2k] {
    color: var(--pcw-cal-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pcw-calendar-column-head b[b-2te9nc7u2k] {
    color: #fff;
    font-size: 17px;
}

.pcw-calendar-column-head.is-day[b-2te9nc7u2k] {
    grid-template-columns: 1fr;
    margin-bottom: 12px;
}

.pcw-calendar-day-agenda[b-2te9nc7u2k] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.pcw-calendar-empty[b-2te9nc7u2k] {
    min-height: 42px;
    display: grid;
    place-items: center;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 7px;
    color: var(--pcw-cal-muted);
    font-size: 12px;
    font-weight: 800;
}

.pcw-calendar-empty.is-large[b-2te9nc7u2k] {
    min-height: 140px;
}

@media (max-width: 760px) {
    .pcw-calendar-toolbar[b-2te9nc7u2k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pcw-calendar-controls[b-2te9nc7u2k],
    .pcw-calendar-view-tabs[b-2te9nc7u2k] {
        width: 100%;
    }

    .pcw-calendar-view-tab[b-2te9nc7u2k] {
        flex: 1;
    }

    .pcw-calendar-month[b-2te9nc7u2k] {
        display: block;
        grid-template-rows: none;
        border: 0;
        background: transparent;
    }

    .pcw-calendar-weekday[b-2te9nc7u2k] {
        display: none;
    }

    .pcw-calendar-day[b-2te9nc7u2k] {
        min-height: 0;
        margin-bottom: 8px;
        border: 1px solid var(--pcw-cal-border);
        border-radius: 8px;
        background: var(--pcw-cal-panel);
    }

    .pcw-calendar-day.is-outside[b-2te9nc7u2k] {
        display: none;
    }

    .pcw-calendar-week[b-2te9nc7u2k] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .pcw-calendar-day-agenda[b-2te9nc7u2k] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Medals/MedalBadge.razor.rz.scp.css */
.medal-badge[b-a4g3lo1u4f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: default;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.medal-badge:hover[b-a4g3lo1u4f] {
    transform: scale(1.15);
}

.medal-badge--gold[b-a4g3lo1u4f] {
    background: radial-gradient(circle at 35% 35%, #ffe066, #c8970a);
    box-shadow: 0 2px 10px rgba(200, 151, 10, 0.55);
}

.medal-badge--silver[b-a4g3lo1u4f] {
    background: radial-gradient(circle at 35% 35%, #e8e8e8, #9a9a9a);
    box-shadow: 0 2px 10px rgba(154, 154, 154, 0.45);
}

.medal-badge--bronze[b-a4g3lo1u4f] {
    background: radial-gradient(circle at 35% 35%, #e8a96e, #8b4c1a);
    box-shadow: 0 2px 10px rgba(139, 76, 26, 0.45);
}

.medal-badge__img[b-a4g3lo1u4f] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 50%;
}

.medal-badge__emoji[b-a4g3lo1u4f] {
    font-size: 1.4rem;
    line-height: 1;
}
/* /Components/Medals/MedalImageField.razor.rz.scp.css */
.ams-preview[b-3t5kpysk34] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.ams-fallback[b-3t5kpysk34] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    border: 2px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    color: var(--pcw-text);
    flex-shrink: 0;
}
/* /Components/Medals/ProfileMedals.razor.rz.scp.css */
.pm-empty[b-tkfzc1i9z8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    text-align: center;
}

/* ── Group cards ─────────────────────────────────────── */
.pm-group[b-tkfzc1i9z8] {
    border-width: 1px;
    border-style: solid;
}

.pm-group--gold[b-tkfzc1i9z8] {
    border-color: rgba(245, 197, 24, 0.3);
    background: linear-gradient(135deg, rgba(245,197,24,0.05) 0%, transparent 60%);
}

.pm-group--silver[b-tkfzc1i9z8] {
    border-color: rgba(170, 170, 170, 0.25);
    background: linear-gradient(135deg, rgba(170,170,170,0.05) 0%, transparent 60%);
}

.pm-group--bronze[b-tkfzc1i9z8] {
    border-color: rgba(205, 127, 50, 0.25);
    background: linear-gradient(135deg, rgba(205,127,50,0.05) 0%, transparent 60%);
}

/* ── Medal rows ──────────────────────────────────────── */
.pm-medal-list[b-tkfzc1i9z8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pm-medal-row[b-tkfzc1i9z8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    transition: background 0.15s ease;
}

.pm-medal-row:hover[b-tkfzc1i9z8] {
    background: rgba(255, 255, 255, 0.06);
}

.pm-medal-info[b-tkfzc1i9z8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.pm-tourney-logo[b-tkfzc1i9z8] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
/* /Components/Messaging/ChatPanel.razor.rz.scp.css */
/* ── Container ────────────────────────────────────────────────────────────── */

.cp-container[b-pybdu6njzj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Transfer Offer Card ──────────────────────────────────────────────────── */

.cp-transfer-card[b-pybdu6njzj] {
    flex-shrink: 0;
    background: rgba(0, 200, 255, 0.06);
    border-bottom: 1px solid rgba(0, 200, 255, 0.18);
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cp-transfer-top[b-pybdu6njzj] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.cp-transfer-info[b-pybdu6njzj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.cp-transfer-title[b-pybdu6njzj] {
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.3;
}

.cp-transfer-chip[b-pybdu6njzj] {
    flex-shrink: 0;
}

.cp-transfer-agreed[b-pybdu6njzj] {
    font-size: 0.78rem;
    color: #00e676;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cp-transfer-link[b-pybdu6njzj] {
    color: #5865f2;
    font-weight: 700;
    text-decoration: underline;
}

.cp-transfer-actions[b-pybdu6njzj] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.cp-transfer-waiting[b-pybdu6njzj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0 2px;
    opacity: 0.7;
}

.cp-counter-form[b-pybdu6njzj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 4px;
}

/* ── Message List ─────────────────────────────────────────────────────────── */

.cp-messages[b-pybdu6njzj] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    scroll-behavior: smooth;
}

.cp-messages[b-pybdu6njzj]::-webkit-scrollbar {
    width: 4px;
}

.cp-messages[b-pybdu6njzj]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 2px;
}

/* ── Loading ──────────────────────────────────────────────────────────────── */

.cp-loading-more[b-pybdu6njzj] {
    display: flex;
    justify-content: center;
    padding: 8px;
}

/* ── Empty State ──────────────────────────────────────────────────────────── */

.cp-empty[b-pybdu6njzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 16px;
    flex: 1;
}

/* ── Typing Indicator ─────────────────────────────────────────────────────── */

.cp-typing[b-pybdu6njzj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
}

.cp-typing-dots[b-pybdu6njzj] {
    display: flex;
    gap: 3px;
}

.cp-typing-dots span[b-pybdu6njzj] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.6);
    animation: cp-typing-bounce-b-pybdu6njzj 1.4s infinite ease-in-out;
}

.cp-typing-dots span:nth-child(1)[b-pybdu6njzj] { animation-delay: 0s; }
.cp-typing-dots span:nth-child(2)[b-pybdu6njzj] { animation-delay: 0.2s; }
.cp-typing-dots span:nth-child(3)[b-pybdu6njzj] { animation-delay: 0.4s; }

@keyframes cp-typing-bounce-b-pybdu6njzj {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.cp-typing-text[b-pybdu6njzj] {
    font-size: 0.7rem;
    color: var(--pcw-text-muted);
    font-style: italic;
}

/* ── Reply Bar ────────────────────────────────────────────────────────────── */

.cp-reply-bar[b-pybdu6njzj] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: rgba(0, 200, 255, 0.06);
    border-top: 1px solid rgba(0, 200, 255, 0.15);
    border-left: 3px solid #00c8ff;
    gap: 8px;
}

.cp-reply-content[b-pybdu6njzj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* ── Input Bar ────────────────────────────────────────────────────────────── */

.cp-input-bar[b-pybdu6njzj] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
}

[b-pybdu6njzj] .cp-input-field .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

[b-pybdu6njzj] .cp-input-field .mud-input-outlined-border:hover {
    border-color: rgba(0, 200, 255, 0.3) !important;
}

[b-pybdu6njzj] .cp-input-field input {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

/* ── Ghost-Closed Notice ──────────────────────────────────────────────────── */

.cp-conversation-closed[b-pybdu6njzj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
    user-select: none;
}
/* /Components/Messaging/DmToast.razor.rz.scp.css */
/* ── Toast stack (fixed anchor, bottom-right) ───────────────── */

.dm-toast-stack[b-4wf73guqo2] {
    position: fixed;
    top: 72px;
    right: 24px;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

/* ── Individual toast card ──────────────────────────────────── */

.dm-toast[b-4wf73guqo2] {
    width: 320px;
    background: linear-gradient(135deg, #141c28 0%, #0d1320 100%);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 12px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(0, 200, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(20px);
    cursor: pointer;
    overflow: hidden;
    pointer-events: all;
    animation: dmt-in-b-4wf73guqo2 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.dm-toast:hover[b-4wf73guqo2] {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(0, 200, 255, 0.45);
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(0, 200, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@keyframes dmt-in-b-4wf73guqo2 {
    from { opacity: 0; transform: translateX(110%) scale(0.88); }
    to   { opacity: 1; transform: none; }
}

/* ── Header row ─────────────────────────────────────────────── */

.dm-toast-header[b-4wf73guqo2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px 4px;
}

/* Pulsing chat icon — "sent" effect */
.dm-toast-icon[b-4wf73guqo2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.15);
    color: #00c8ff;
    flex-shrink: 0;
    animation: dmt-pulse-b-4wf73guqo2 0.7s ease-out both;
}

@keyframes dmt-pulse-b-4wf73guqo2 {
    0%   { box-shadow: 0 0 0 0   rgba(0, 200, 255, 0.55); }
    60%  { box-shadow: 0 0 0 8px rgba(0, 200, 255, 0); }
    100% { box-shadow: 0 0 0 0   rgba(0, 200, 255, 0); }
}

.dm-toast-label[b-4wf73guqo2] {
    flex: 1;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(0, 200, 255, 0.65);
    user-select: none;
}

.dm-toast-close[b-4wf73guqo2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.28);
    border-radius: 4px;
    padding: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.dm-toast-close:hover[b-4wf73guqo2] {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.dm-toast-close:focus-visible[b-4wf73guqo2] {
    outline: 2px solid rgba(0, 200, 255, 0.5);
    outline-offset: 1px;
}

/* ── Body ───────────────────────────────────────────────────── */

.dm-toast-body[b-4wf73guqo2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 12px 12px;
}

.dm-toast-avatar[b-4wf73guqo2] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(0, 135, 179, 0.22);
    border: 1px solid rgba(0, 200, 255, 0.2);
    color: #00c8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0;
}

.dm-toast-content[b-4wf73guqo2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dm-toast-sender[b-4wf73guqo2] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dm-toast-text[b-4wf73guqo2] {
    font-size: 0.75rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* ── Countdown progress bar ─────────────────────────────────── */

.dm-toast-progress[b-4wf73guqo2] {
    height: 2px;
    background: rgba(255, 255, 255, 0.06);
}

.dm-toast-progress-bar[b-4wf73guqo2] {
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.35), #00c8ff);
    border-radius: 0 2px 2px 0;
    transition: width 0.95s linear;
}

/* ── Mobile ─────────────────────────────────────────────────── */

@media (max-width: 599px) {
    .dm-toast-stack[b-4wf73guqo2] {
        right: 12px;
        left: 12px;
        top: 64px;
    }

    .dm-toast[b-4wf73guqo2] {
        width: 100%;
    }
}
/* /Components/Messaging/EnableNotificationsButton.razor.rz.scp.css */
.enb-banner[b-p8aikodmu2] {
    display:          flex;
    align-items:      center;
    gap:              8px;
    padding:          10px 12px;
    background:       linear-gradient(135deg, rgba(18,23,46,0.97) 0%, rgba(28,33,112,0.7) 100%);
    border-top:       1px solid rgba(255,255,255,0.08);
    flex-shrink:      0;
}

.enb-banner--active[b-p8aikodmu2] {
    background: rgba(18,23,46,0.6);
}

.enb-icon[b-p8aikodmu2] {
    font-size:    20px;
    color:        #00c8ff;
    flex-shrink:  0;
}

.enb-icon--active[b-p8aikodmu2] {
    color: #4caf50;
}

.enb-text[b-p8aikodmu2] {
    flex:         1;
    font-size:    0.72rem;
    color:        var(--pcw-text-muted);
    line-height:  1.3;
    min-width:    0;
}

.enb-btn[b-p8aikodmu2] {
    flex-shrink: 0;
}

.enb-dismiss[b-p8aikodmu2] {
    flex-shrink: 0;
    opacity:     0.6;
}

    .enb-dismiss:hover[b-p8aikodmu2] {
        opacity: 1;
    }

@media (min-width: 960px) {
    .enb-banner[b-p8aikodmu2] {
        display: none;
    }
}
/* /Components/Messaging/MessageBubble.razor.rz.scp.css */
/* ── MessageBubble · CSS Isolation ──────────────────────────────────────────── */

/* ── System message ─────────────────────────────────────────────────────────── */

.mb-system[b-s7c6on6fel] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 6px 12px;
    padding: 8px 12px;
    background: rgba(0, 200, 255, 0.06);
    border: 1px solid rgba(0, 200, 255, 0.15);
    border-radius: 8px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.45;
    white-space: pre-line;
}

.mb-system-icon[b-s7c6on6fel] {
    color: #00c8ff;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Admin message (purple ProClubs World style) ───────────────────────────── */

.mb-admin[b-s7c6on6fel] {
    background: linear-gradient(135deg, rgba(75, 0, 130, 0.22) 0%, rgba(102, 0, 187, 0.18) 100%);
    border: 1px solid rgba(180, 100, 255, 0.35);
    border-top-left-radius: 4px;
    max-width: 85%;
}

.mb-admin-sender[b-s7c6on6fel] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 600;
    margin-bottom: 3px;
}

.mb-admin-icon[b-s7c6on6fel] {
    color: #b464ff;
    flex-shrink: 0;
}

.mb-admin-name[b-s7c6on6fel] {
    color: #b464ff;
    font-weight: 700;
}

.mb-admin-subname[b-s7c6on6fel] {
    color: rgba(180, 100, 255, 0.6);
    font-weight: 400;
    font-size: 0.72rem;
}

.mb-row[b-s7c6on6fel] {
    display: flex;
    justify-content: flex-start;
    padding: 2px 0;
}

.mb-row-own[b-s7c6on6fel] {
    justify-content: flex-end;
}

.mb-bubble[b-s7c6on6fel] {
    position: relative;
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 12px;
    word-break: break-word;
}

.mb-other[b-s7c6on6fel] {
    background: rgba(255, 255, 255, 0.06);
    border-top-left-radius: 4px;
}

.mb-own[b-s7c6on6fel] {
    background: rgba(0, 200, 255, 0.12);
    border-top-right-radius: 4px;
}

/* ── Reply Context ─────────────────────────────────────────────────────────── */

.mb-reply-context[b-s7c6on6fel] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 4px 8px;
    margin-bottom: 6px;
    border-left: 3px solid #00c8ff;
    border-radius: 2px;
    background: rgba(0, 200, 255, 0.06);
    font-size: 0.75rem;
}

.mb-reply-name[b-s7c6on6fel] {
    color: #00c8ff;
    font-weight: 600;
}

.mb-reply-text[b-s7c6on6fel] {
    color: var(--pcw-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Sender Name ───────────────────────────────────────────────────────────── */

.mb-sender[b-s7c6on6fel] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #00c8ff;
    margin-bottom: 2px;
}

.mb-sender-link[b-s7c6on6fel] {
    color: #00c8ff;
    font-weight: 600;
    cursor: pointer;
}

.mb-sender-link:hover[b-s7c6on6fel] {
    color: #29d4ff;
    text-decoration: underline;
}

/* ── Content ───────────────────────────────────────────────────────────────── */

.mb-content[b-s7c6on6fel] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.4;
}

.mb-deleted[b-s7c6on6fel] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: var(--pcw-text-muted);
    font-style: italic;
}

/* ── Footer ────────────────────────────────────────────────────────────────── */

.mb-footer[b-s7c6on6fel] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    margin-top: 2px;
}

.mb-time[b-s7c6on6fel] {
    font-size: 0.65rem;
    color: var(--pcw-text-muted);
}

.mb-edited[b-s7c6on6fel] {
    font-size: 0.65rem;
    font-style: italic;
    color: var(--pcw-text-muted);
}

/* ── Actions (appear on hover) ─────────────────────────────────────────────── */

.mb-actions[b-s7c6on6fel] {
    display: none;
    position: absolute;
    top: -8px;
    right: 4px;
    gap: 2px;
    background: rgba(13, 19, 32, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 2px 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.mb-bubble:hover .mb-actions[b-s7c6on6fel] {
    display: flex;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .mb-bubble[b-s7c6on6fel] {
        max-width: 85%;
    }

    .mb-actions[b-s7c6on6fel] {
        display: flex;
        position: static;
        margin-top: 4px;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
    }
}

/* ── Counter-offer card ─────────────────────────────────────────────────────── */

.mb-counter-card[b-s7c6on6fel] {
    background: rgba(255, 176, 32, 0.08);
    border: 1px solid rgba(255, 176, 32, 0.3);
    border-radius: 8px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mb-counter-header[b-s7c6on6fel] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mb-counter-label[b-s7c6on6fel] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffb020;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mb-counter-badge[b-s7c6on6fel] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 10px;
    background: rgba(255, 176, 32, 0.18);
    color: #ffdc80;
    border: 1px solid rgba(255, 176, 32, 0.25);
}

.mb-counter-badge-status[b-s7c6on6fel] {
    background: rgba(0, 200, 255, 0.12);
    color: #7ee8ff;
    border-color: rgba(0, 200, 255, 0.2);
}

.mb-counter-message[b-s7c6on6fel] {
    font-size: 0.83rem;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.45;
    white-space: pre-line;
}
/* /Components/Messaging/MessagingSidebar.razor.rz.scp.css */
/* ── Sidebar Overlay ──────────────────────────────────────────────────────── */

.ms-overlay[b-rhoekl37wn] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1499;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.ms-overlay--open[b-rhoekl37wn] {
    opacity: 1;
    pointer-events: auto;
}

/* ── Sidebar Panel ───────────────────────────────────────────────────────── */

.ms-sidebar[b-rhoekl37wn] {
    position: fixed;
    top: 0;
    right: 0;
    width: 380px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh; /* shrinks when virtual keyboard opens on mobile */
    background: #0d1320;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
    z-index: 1500;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ms-sidebar--open[b-rhoekl37wn] {
    transform: translateX(0);
}

/* ── Header ──────────────────────────────────────────────────────────────── */

.ms-header[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
}

.ms-header-actions[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ms-chat-header[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
}

.ms-chat-title[b-rhoekl37wn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

/* ── Tab Bar ──────────────────────────────────────────────────────────────── */

.ms-tabs-bar[b-rhoekl37wn] {
    display: flex;
    flex-shrink: 0;
    background: rgba(18, 23, 46, 0.95);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.ms-tab-btn[b-rhoekl37wn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 4px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.ms-tab-btn:hover[b-rhoekl37wn] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 135, 179, 0.07);
}

.ms-tab-btn--active[b-rhoekl37wn] {
    color: #48b0d1;
    border-bottom-color: #0087b3;
}

.ms-tab-icon-wrap[b-rhoekl37wn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ms-tab-badge[b-rhoekl37wn] {
    position: absolute;
    top: -5px;
    right: -8px;
    background: #e53935;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 8px;
    min-width: 14px;
    text-align: center;
    pointer-events: none;
}

.ms-tab-label[b-rhoekl37wn] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1;
}

/* ── Tab Content ─────────────────────────────────────────────────────────── */

.ms-tab-content[b-rhoekl37wn] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

/* ── Conversation List Items ─────────────────────────────────────────────── */

.ms-conv-item[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    position: relative;
}

.ms-conv-item:hover[b-rhoekl37wn] {
    background: rgba(0, 135, 179, 0.08);
}

.ms-conv-item--unread[b-rhoekl37wn] {
    background: rgba(0, 135, 179, 0.06);
}

.ms-conv-item--unread .ms-conv-name[b-rhoekl37wn] {
    font-weight: 700;
    color: #fff;
}

/* ── Remove (dismiss) button ─────────────────────────────────────────────── */

.ms-conv-remove[b-rhoekl37wn] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

/* On touch devices always show so users can tap without needing hover */
@media (hover: none) {
    .ms-conv-remove[b-rhoekl37wn] {
        opacity: 0.4;
    }
}

.ms-conv-item:hover .ms-conv-remove[b-rhoekl37wn] {
    opacity: 1;
}

.ms-conv-avatar[b-rhoekl37wn] {
    flex-shrink: 0;
    position: relative;
}

.ms-conv-avatar[b-rhoekl37wn]  .pi-dot {
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.ms-conv-info[b-rhoekl37wn] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ms-conv-name[b-rhoekl37wn] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-conv-preview[b-rhoekl37wn] {
    font-size: 0.75rem;
    color: var(--pcw-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-support-source-chip[b-rhoekl37wn],
.ms-support-scope-chip[b-rhoekl37wn] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    margin-left: 6px;
    padding: 2px 6px;
    border: 1px solid rgba(129, 140, 248, 0.34);
    border-radius: 999px;
    color: #c4b5fd;
    background: rgba(88, 101, 242, 0.15);
    font-size: 0.58rem;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
}

.ms-support-scope-chip[b-rhoekl37wn] {
    color: #7dd3fc;
    border-color: rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.12);
    text-transform: none;
}

.ms-support-meta[b-rhoekl37wn] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.46);
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Empty State ─────────────────────────────────────────────────────────── */

.ms-empty[b-rhoekl37wn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 48px 16px;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
    .ms-sidebar[b-rhoekl37wn] {
        width: 100vw;
        max-width: 100vw;
    }
}

/* ── Member List Panel ───────────────────────────────────────────────────── */

.ms-members-btn[b-rhoekl37wn] {
    margin-left: auto;
    flex-shrink: 0;
}

.ms-member-panel[b-rhoekl37wn] {
    padding: 8px 12px 10px;
    background: rgba(0, 135, 179, 0.06);
    border-bottom: 1px solid rgba(0, 135, 179, 0.18);
    display: flex;
    flex-direction: column;
    gap: 4px;
    animation: ms-member-fadein-b-rhoekl37wn 0.18s ease forwards;
}

@keyframes ms-member-fadein-b-rhoekl37wn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ms-member-panel-title[b-rhoekl37wn] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #48b0d1;
    margin-bottom: 4px;
}

.ms-member-item[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
}

.ms-member-name[b-rhoekl37wn] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Support Chat View (admin only) ──────────────────────────────────────── */

.ms-support-chat[b-rhoekl37wn] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.ms-support-chat-header[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
    flex-shrink: 0;
}

.ms-support-chat-name[b-rhoekl37wn] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-support-discord-meta[b-rhoekl37wn] {
    display: grid;
    gap: 3px;
    padding: 8px 14px;
    border-bottom: 1px solid rgba(129, 140, 248, 0.16);
    color: rgba(255, 255, 255, 0.58);
    background: rgba(88, 101, 242, 0.08);
    font-size: 0.7rem;
}

.ms-support-discord-meta strong[b-rhoekl37wn] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-support-chat-body[b-rhoekl37wn] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ms-support-msg[b-rhoekl37wn] {
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 3px solid rgba(0, 135, 179, 0.36);
}

.ms-support-msg--admin[b-rhoekl37wn] {
    background: rgba(75, 0, 130, 0.15);
    border-left-color: #ce93d8;
}

.ms-support-msg-head[b-rhoekl37wn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
}

.ms-support-msg-sender[b-rhoekl37wn] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #90caf9;
}

.ms-support-msg-sender--admin[b-rhoekl37wn] {
    color: #ce93d8;
}

.ms-support-admin-tag[b-rhoekl37wn] {
    font-weight: 500;
    font-size: 0.65rem;
    color: rgba(206, 147, 216, 0.65);
    margin-left: 4px;
}

.ms-support-msg-time[b-rhoekl37wn] {
    font-size: 0.62rem;
    color: rgba(255, 255, 255, 0.3);
}

.ms-support-msg-body[b-rhoekl37wn] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
    word-break: break-word;
}

.ms-support-reply-bar[b-rhoekl37wn] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(18, 23, 46, 0.95);
    flex-shrink: 0;
}

.ms-support-reply-input[b-rhoekl37wn] {
    flex: 1;
}

/* ── Support: Closed Banner ─────────────────────────────────────────────── */

.ms-support-closed-banner[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: rgba(76, 175, 80, 0.1);
    color: #66bb6a;
    font-size: 0.72rem;
    border-bottom: 1px solid rgba(76, 175, 80, 0.15);
}

/* ── Support: Filter Bar ────────────────────────────────────────────────── */

.ms-support-filter-bar[b-rhoekl37wn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px 4px;
}

.ms-support-scope-select[b-rhoekl37wn] {
    max-width: 170px;
}

/* ── Support: Closed ticket item ────────────────────────────────────────── */

[b-rhoekl37wn] .ms-conv-item--closed {
    opacity: 0.6;
}
/* /Components/Messaging/SupportToast.razor.rz.scp.css */
/* ── Toast stack (fixed anchor, bottom-right) ───────────────── */

.st-toast-stack[b-vf2rx1598v] {
    position: fixed;
    top: 72px;
    right: 24px;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

/* ── Individual toast card ──────────────────────────────────── */

.st-toast[b-vf2rx1598v] {
    width: 320px;
    background: linear-gradient(135deg, #1c1428 0%, #150d20 100%);
    border: 1px solid rgba(180, 100, 255, 0.25);
    border-radius: 12px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(180, 100, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(20px);
    cursor: pointer;
    overflow: hidden;
    pointer-events: all;
    animation: st-in-b-vf2rx1598v 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.st-toast:hover[b-vf2rx1598v] {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(180, 100, 255, 0.45);
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(180, 100, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@keyframes st-in-b-vf2rx1598v {
    from { opacity: 0; transform: translateX(110%) scale(0.88); }
    to   { opacity: 1; transform: none; }
}

/* ── Header row ─────────────────────────────────────────────── */

.st-toast-header[b-vf2rx1598v] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px 4px;
}

/* Pulsing icon */
.st-toast-icon[b-vf2rx1598v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(180, 100, 255, 0.15);
    color: #b464ff;
    flex-shrink: 0;
    animation: st-pulse-b-vf2rx1598v 0.7s ease-out both;
}

@keyframes st-pulse-b-vf2rx1598v {
    0%   { box-shadow: 0 0 0 0   rgba(180, 100, 255, 0.55); }
    60%  { box-shadow: 0 0 0 8px rgba(180, 100, 255, 0); }
    100% { box-shadow: 0 0 0 0   rgba(180, 100, 255, 0); }
}

.st-toast-label[b-vf2rx1598v] {
    flex: 1;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(180, 100, 255, 0.65);
    user-select: none;
}

.st-toast-close[b-vf2rx1598v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.28);
    border-radius: 4px;
    padding: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.st-toast-close:hover[b-vf2rx1598v] {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.st-toast-close:focus-visible[b-vf2rx1598v] {
    outline: 2px solid rgba(180, 100, 255, 0.5);
    outline-offset: 1px;
}

/* ── Body ───────────────────────────────────────────────────── */

.st-toast-body[b-vf2rx1598v] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 12px 12px;
}

.st-toast-avatar[b-vf2rx1598v] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(140, 70, 200, 0.22);
    border: 1px solid rgba(180, 100, 255, 0.2);
    color: #b464ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0;
}

.st-toast-content[b-vf2rx1598v] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.st-toast-sender[b-vf2rx1598v] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.st-toast-text[b-vf2rx1598v] {
    font-size: 0.75rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* ── Countdown progress bar ─────────────────────────────────── */

.st-toast-progress[b-vf2rx1598v] {
    height: 2px;
    background: rgba(255, 255, 255, 0.06);
}

.st-toast-progress-bar[b-vf2rx1598v] {
    height: 100%;
    background: linear-gradient(90deg, rgba(180, 100, 255, 0.35), #b464ff);
    border-radius: 0 2px 2px 0;
    transition: width 0.95s linear;
}

/* ── Mobile ─────────────────────────────────────────────────── */

@media (max-width: 599px) {
    .st-toast-stack[b-vf2rx1598v] {
        right: 12px;
        left: 12px;
        top: 64px;
    }

    .st-toast[b-vf2rx1598v] {
        width: 100%;
    }
}
/* /Components/Messaging/TransferToast.razor.rz.scp.css */
/* ── Toast stack (fixed anchor, below dm-toast-stack) ───────── */

.tt-toast-stack[b-1k0p6vguk5] {
    position: fixed;
    top: 72px;
    right: 24px;
    z-index: 10000;   /* one below DM toasts so they don't overlap awkwardly */
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

/* ── Individual toast card ──────────────────────────────────── */

.tt-toast[b-1k0p6vguk5] {
    width: 320px;
    background: linear-gradient(135deg, #1c1408 0%, #120d02 100%);
    border: 1px solid rgba(255, 180, 0, 0.28);
    border-radius: 12px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 180, 0, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(20px);
    cursor: pointer;
    overflow: hidden;
    pointer-events: all;
    animation: tt-in-b-1k0p6vguk5 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.tt-toast:hover[b-1k0p6vguk5] {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(255, 180, 0, 0.55);
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(255, 180, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@keyframes tt-in-b-1k0p6vguk5 {
    from { opacity: 0; transform: translateX(110%) scale(0.88); }
    to   { opacity: 1; transform: none; }
}

/* ── Header row ─────────────────────────────────────────────── */

.tt-toast-header[b-1k0p6vguk5] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px 4px;
}

/* Pulsing swap icon */
.tt-toast-icon[b-1k0p6vguk5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255, 180, 0, 0.15);
    color: #ffb400;
    flex-shrink: 0;
    animation: tt-pulse-b-1k0p6vguk5 0.7s ease-out both;
}

@keyframes tt-pulse-b-1k0p6vguk5 {
    0%   { box-shadow: 0 0 0 0   rgba(255, 180, 0, 0.55); }
    60%  { box-shadow: 0 0 0 8px rgba(255, 180, 0, 0); }
    100% { box-shadow: 0 0 0 0   rgba(255, 180, 0, 0); }
}

.tt-toast-label[b-1k0p6vguk5] {
    flex: 1;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 180, 0, 0.75);
    user-select: none;
}

/* Unread count badge */
.tt-toast-badge[b-1k0p6vguk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ffb400;
    color: #0a0800;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
}

.tt-toast-close[b-1k0p6vguk5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.28);
    border-radius: 4px;
    padding: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.tt-toast-close:hover[b-1k0p6vguk5] {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.tt-toast-close:focus-visible[b-1k0p6vguk5] {
    outline: 2px solid rgba(255, 180, 0, 0.5);
    outline-offset: 1px;
}

/* ── Body ───────────────────────────────────────────────────── */

.tt-toast-body[b-1k0p6vguk5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 12px 12px;
}

/* Amber swap-icon avatar circle */
.tt-toast-avatar[b-1k0p6vguk5] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 140, 0, 0.18);
    border: 1px solid rgba(255, 180, 0, 0.25);
    color: #ffb400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-toast-content[b-1k0p6vguk5] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tt-toast-title[b-1k0p6vguk5] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tt-toast-text[b-1k0p6vguk5] {
    font-size: 0.75rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    transition: color 0.15s ease;
}

.tt-toast:hover .tt-toast-text[b-1k0p6vguk5] {
    -webkit-line-clamp: unset;
    overflow: visible;
    color: rgba(255, 255, 255, 0.75);
}

/* ── Countdown progress bar ─────────────────────────────────── */

.tt-toast-progress[b-1k0p6vguk5] {
    height: 2px;
    background: rgba(255, 255, 255, 0.06);
}

.tt-toast-progress-bar[b-1k0p6vguk5] {
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 180, 0, 0.35), #ffb400);
    border-radius: 0 2px 2px 0;
    transition: width 0.95s linear;
}

/* ── Agreed variant (green) ─────────────────────────────────── */

.tt-toast--agreed[b-1k0p6vguk5] {
    background: linear-gradient(135deg, #071a10 0%, #041209 100%);
    border-color: rgba(0, 220, 120, 0.35);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(0, 220, 120, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tt-toast--agreed:hover[b-1k0p6vguk5] {
    border-color: rgba(0, 220, 120, 0.65);
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(0, 220, 120, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.tt-toast-icon--agreed[b-1k0p6vguk5] {
    background: rgba(0, 220, 120, 0.15);
    color: #00dc78;
    animation: tt-pulse-agreed-b-1k0p6vguk5 0.7s ease-out both;
}

@keyframes tt-pulse-agreed-b-1k0p6vguk5 {
    0%   { box-shadow: 0 0 0 0   rgba(0, 220, 120, 0.55); }
    60%  { box-shadow: 0 0 0 8px rgba(0, 220, 120, 0); }
    100% { box-shadow: 0 0 0 0   rgba(0, 220, 120, 0); }
}

.tt-toast-label--agreed[b-1k0p6vguk5] {
    color: rgba(0, 220, 120, 0.85);
}

.tt-toast-avatar--agreed[b-1k0p6vguk5] {
    background: rgba(0, 220, 120, 0.14);
    border-color: rgba(0, 220, 120, 0.28);
    color: #00dc78;
}

.tt-toast-progress-bar--agreed[b-1k0p6vguk5] {
    background: linear-gradient(90deg, rgba(0, 220, 120, 0.35), #00dc78);
}

/* ── Declined variant (red) ─────────────────────────────────── */

.tt-toast--declined[b-1k0p6vguk5] {
    background: linear-gradient(135deg, #1a0707 0%, #120404 100%);
    border-color: rgba(220, 50, 50, 0.35);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(220, 50, 50, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    cursor: default;
}

.tt-toast--declined:hover[b-1k0p6vguk5] {
    border-color: rgba(220, 50, 50, 0.6);
    box-shadow:
        0 10px 36px rgba(0, 0, 0, 0.68),
        0 0 0 1px rgba(220, 50, 50, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: none;
}

.tt-toast-icon--declined[b-1k0p6vguk5] {
    background: rgba(220, 50, 50, 0.15);
    color: #f05050;
    animation: tt-pulse-declined-b-1k0p6vguk5 0.7s ease-out both;
}

@keyframes tt-pulse-declined-b-1k0p6vguk5 {
    0%   { box-shadow: 0 0 0 0   rgba(220, 50, 50, 0.55); }
    60%  { box-shadow: 0 0 0 8px rgba(220, 50, 50, 0); }
    100% { box-shadow: 0 0 0 0   rgba(220, 50, 50, 0); }
}

.tt-toast-label--declined[b-1k0p6vguk5] {
    color: rgba(240, 80, 80, 0.85);
}

.tt-toast-avatar--declined[b-1k0p6vguk5] {
    background: rgba(220, 50, 50, 0.14);
    border-color: rgba(220, 50, 50, 0.28);
    color: #f05050;
}

.tt-toast-progress-bar--declined[b-1k0p6vguk5] {
    background: linear-gradient(90deg, rgba(220, 50, 50, 0.35), #f05050);
}
/* ── Mobile ─────────────────────────────────────────────────── */

@media (max-width: 599px) {
    .tt-toast-stack[b-1k0p6vguk5] {
        right: 12px;
        left: 12px;
        top: 64px;
    }

    .tt-toast[b-1k0p6vguk5] {
        width: 100%;
    }
}
/* /Components/News/NewsEmbedRenderer.razor.rz.scp.css */
    .news-embed[b-kxeszfyl4l] {
        margin: 16px 0;
    }

    .news-embed-card[b-kxeszfyl4l] {
        background: #0d1320 !important;
        border: 1px solid rgba(0, 200, 255, 0.15);
        border-radius: 10px !important;
        box-shadow: 0 0 16px rgba(0, 200, 255, 0.06);
    }

    /* Callout blocks */
    .news-callout[b-kxeszfyl4l] {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 18px;
        border-radius: 10px;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .callout-info[b-kxeszfyl4l] {
        background: rgba(0, 200, 255, 0.08);
        border-left: 3px solid #00c8ff;
        color: rgba(255, 255, 255, 0.85);
    }

        .callout-info .mud-icon-root[b-kxeszfyl4l] { color: #00c8ff; }

    .callout-warning[b-kxeszfyl4l] {
        background: rgba(255, 180, 50, 0.1);
        border-left: 3px solid #ffb432;
        color: rgba(255, 255, 255, 0.85);
    }

        .callout-warning .mud-icon-root[b-kxeszfyl4l] { color: #ffb432; }

    .callout-success[b-kxeszfyl4l] {
        background: rgba(50, 220, 100, 0.1);
        border-left: 3px solid #32dc64;
        color: rgba(255, 255, 255, 0.85);
    }

        .callout-success .mud-icon-root[b-kxeszfyl4l] { color: #32dc64; }

    /* Stats grid */
    .news-stats-grid[b-kxeszfyl4l] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 12px;
    }

    .news-stat-card[b-kxeszfyl4l] {
        background: #0d1320;
        border: 1px solid rgba(0, 200, 255, 0.12);
        border-radius: 10px;
        padding: 16px;
        text-align: center;
    }

    .news-stat-value[b-kxeszfyl4l] {
        font-size: 1.6rem;
        font-weight: 800;
        color: #00c8ff;
        line-height: 1.2;
    }

    .news-stat-label[b-kxeszfyl4l] {
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.5);
        margin-top: 4px;
    }

    /* Image gallery */
    .news-gallery[b-kxeszfyl4l] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 8px;
    }

    .news-gallery-item img[b-kxeszfyl4l] {
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
        aspect-ratio: 4/3;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
        border: 1px solid rgba(0, 200, 255, 0.08);
    }

        .news-gallery-item img:hover[b-kxeszfyl4l] {
            transform: scale(1.03);
            box-shadow: 0 4px 20px rgba(0, 200, 255, 0.15);
        }
/* /Components/News/NewsFeed.razor.rz.scp.css */
/* Page Wrapper */
.news-page-wrapper[b-pt1tjxqs00] {
    background: linear-gradient(180deg, #0e1520 0%, #111a28 100%);
    border: 1px solid rgba(0, 200, 255, 0.08);
    border-radius: 16px;
    padding: 28px 32px 32px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.news-page-wrapper.global-mode[b-pt1tjxqs00] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 18px;
    align-items: start;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.news-page-wrapper.global-mode > .breaking-banner[b-pt1tjxqs00],
.news-page-wrapper.global-mode > .mud-progress-linear[b-pt1tjxqs00] {
    grid-column: 1 / -1;
}

.news-page-wrapper.global-mode > .news-hero[b-pt1tjxqs00],
.news-page-wrapper.global-mode > .filter-bar-card[b-pt1tjxqs00],
.news-page-wrapper.global-mode > .category-rail[b-pt1tjxqs00],
.news-page-wrapper.global-mode > .pinned-section[b-pt1tjxqs00],
.news-page-wrapper.global-mode > .latest-section[b-pt1tjxqs00] {
    grid-column: 1;
}

.news-page-wrapper.global-mode > .news-sidebar-top[b-pt1tjxqs00] {
    grid-column: 2;
    grid-row: 1 / span 5;
}

.news-sidebar-legacy[b-pt1tjxqs00] {
    display: none !important;
}

.news-page-wrapper.partner-mode[b-pt1tjxqs00] {
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 212, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(14, 24, 41, 0.98), rgba(9, 17, 30, 0.98));
}

.partner-news-header[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    padding: 20px;
    border: 1px solid rgba(82, 201, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 34, 0.92)),
        rgba(9, 19, 34, 0.96);
}

.partner-news-header img[b-pt1tjxqs00] {
    width: 62px;
    height: 62px;
    object-fit: contain;
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.partner-news-header span[b-pt1tjxqs00],
.partner-news-header h1[b-pt1tjxqs00],
.partner-news-header p[b-pt1tjxqs00] {
    display: block;
    margin: 0;
}

.partner-news-header span[b-pt1tjxqs00] {
    color: #35d1ff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.partner-news-header h1[b-pt1tjxqs00] {
    margin-top: 4px;
    color: #f7fbff;
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    font-weight: 800;
    letter-spacing: 0;
}

.news-hero-title[b-pt1tjxqs00] {
    display: block;
    margin: 0;
}

.partner-news-header p[b-pt1tjxqs00] {
    margin-top: 4px;
    color: rgba(226, 240, 255, 0.68);
}

@media (max-width: 600px) {
    .news-page-wrapper[b-pt1tjxqs00] {
        padding: 12px 14px 18px;
        border-radius: 12px;
    }

    .partner-news-header[b-pt1tjxqs00] {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }

    .news-hero[b-pt1tjxqs00] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .news-hero-content[b-pt1tjxqs00] {
        padding: 6px 2px 0;
    }

    .news-hero-title[b-pt1tjxqs00] {
        font-size: 1.82rem !important;
    }

    .news-hero-summary[b-pt1tjxqs00] {
        font-size: 0.94rem !important;
    }

    .news-hero-media[b-pt1tjxqs00] {
        min-height: 210px;
        order: -1;
    }
}

/* Breaking News Banner */
.breaking-banner[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(90deg, rgba(255, 50, 50, 0.15) 0%, rgba(255, 100, 50, 0.1) 100%);
    border: 1px solid rgba(255, 50, 50, 0.25);
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 16px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .breaking-banner:hover[b-pt1tjxqs00] {
        border-color: rgba(255, 50, 50, 0.5);
        box-shadow: 0 0 20px rgba(255, 50, 50, 0.1);
    }

.breaking-icon[b-pt1tjxqs00] {
    font-size: 1.2rem;
}

.breaking-label[b-pt1tjxqs00] {
    font-weight: 800;
    color: #ff4444;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.breaking-title[b-pt1tjxqs00] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    flex: 1;
}

/* Pinned Announcements */
.pinned-section[b-pt1tjxqs00] {
    margin-bottom: 20px;
}

.pinned-card[b-pt1tjxqs00] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
    border: 1px solid rgba(255, 190, 50, 0.2);
    border-radius: 12px !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .pinned-card:hover[b-pt1tjxqs00] {
        transform: translateY(-3px);
        box-shadow: 0 6px 24px rgba(255, 190, 50, 0.1);
    }

/* Filter Bar */
.filter-bar-card[b-pt1tjxqs00] {
    background: rgba(7, 14, 24, 0.84);
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.filter-bar-row[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.filter-search[b-pt1tjxqs00] {
    flex: 1 1 280px;
    max-width: 340px;
}

.filter-category[b-pt1tjxqs00] {
    flex: 0 1 220px;
    min-width: 180px;
}

.filter-sort[b-pt1tjxqs00] {
    flex: 0 1 190px;
    min-width: 160px;
}

.filter-tags-inline[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
    color: rgba(226, 236, 248, 0.54);
    font-size: 0.82rem;
}

.news-tag-pill[b-pt1tjxqs00] {
    appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(242, 248, 255, 0.78);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 6px 10px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.news-tag-pill:hover[b-pt1tjxqs00],
.news-tag-pill.active[b-pt1tjxqs00] {
    background: rgba(0, 200, 255, 0.18);
    border-color: rgba(0, 200, 255, 0.36);
    color: #eaf9ff;
    transform: translateY(-1px);
}

.category-rail[b-pt1tjxqs00] {
    display: flex;
    gap: 10px;
    justify-content: space-around;
    margin-bottom: 24px;
    padding: 14px 18px;
    border: 1px solid rgba(0, 200, 255, 0.12);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(15, 27, 43, 0.88), rgba(7, 14, 24, 0.88)),
        radial-gradient(circle at 20% 0%, rgba(0, 200, 255, 0.08), transparent 36%);
}

.category-pill[b-pt1tjxqs00] {
    appearance: none;
    flex: 1 1 120px;
    max-width: 170px;
    min-height: 78px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: rgba(242, 248, 255, 0.74);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font: inherit;
    font-weight: 800;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.category-pill[b-pt1tjxqs00]::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: transparent;
}

.category-pill .mud-icon-root[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.66);
}

.category-pill small[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.42);
    font-size: 0.78rem;
    font-weight: 700;
}

.category-pill:hover[b-pt1tjxqs00] {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(0, 200, 255, 0.12);
    transform: translateY(-1px);
}

.category-pill.active[b-pt1tjxqs00] {
    color: #ffffff;
}

.category-pill.active .mud-icon-root[b-pt1tjxqs00] {
    color: #00c8ff;
}

.category-pill.active[b-pt1tjxqs00]::after {
    background: #00c8ff;
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.35);
}

@media (max-width: 600px) {
    .filter-bar-card[b-pt1tjxqs00] {
        padding: 12px;
        margin-bottom: 10px;
    }

    .filter-search[b-pt1tjxqs00] {
        max-width: 100%;
        flex-basis: 100%;
    }

    .filter-category[b-pt1tjxqs00] {
        flex-basis: 100%;
        max-width: 100%;
    }

    .filter-sort[b-pt1tjxqs00],
    .filter-tags-inline[b-pt1tjxqs00] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .filter-tags-inline .news-tag-pill:nth-of-type(n + 5)[b-pt1tjxqs00] {
        display: none;
    }

    .category-rail[b-pt1tjxqs00] {
        display: flex;
        overflow-x: auto;
        padding: 10px;
        margin-bottom: 16px;
        scroll-snap-type: x proximity;
    }

    .category-pill[b-pt1tjxqs00] {
        min-width: 118px;
        min-height: 72px;
        scroll-snap-align: start;
    }
}

/* Hero */
.news-hero[b-pt1tjxqs00] {
    isolation: isolate;
    position: relative;
    z-index: 0;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 366px;
    padding: 38px 42px;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 18px;
    background-size: cover;
    background-position: center right;
    border: 1px solid rgba(0, 200, 255, 0.18);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.news-hero:hover[b-pt1tjxqs00] {
    transform: translateY(-2px);
    border-color: rgba(0, 200, 255, 0.32);
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.36);
}

.news-hero-media[b-pt1tjxqs00] {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
}

.news-hero-media img[b-pt1tjxqs00] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center right;
    transform: scale(1.01);
}

.news-hero[b-pt1tjxqs00]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(4, 10, 18, 0.94) 0%, rgba(4, 10, 18, 0.78) 34%, rgba(4, 10, 18, 0.18) 72%, rgba(4, 10, 18, 0.25) 100%),
        linear-gradient(180deg, rgba(2, 8, 15, 0.12), rgba(2, 8, 15, 0.72));
}

.news-hero-content[b-pt1tjxqs00] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
    max-width: 600px;
    padding: 0;
}

.news-hero-badges[b-pt1tjxqs00] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.news-hero-badge[b-pt1tjxqs00] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.13);
    border: 1px solid rgba(0, 200, 255, 0.28);
    color: #54d8ff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.news-hero-badge-featured[b-pt1tjxqs00] {
    background: rgba(124, 92, 255, 0.18);
    border-color: rgba(154, 126, 255, 0.42);
    color: #c7b9ff;
}

.news-hero-title[b-pt1tjxqs00] {
    max-width: 760px;
    color: #f7fbff;
    font-size: 3rem;
    font-weight: 900 !important;
    letter-spacing: 0;
    line-height: 0.96 !important;
    text-wrap: balance;
}

.news-hero-summary[b-pt1tjxqs00] {
    max-width: 640px;
    color: rgba(226, 236, 248, 0.76);
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
}

.news-hero-meta[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    color: rgba(226, 236, 248, 0.62);
    font-size: 0.9rem;
}

.news-hero-meta span[b-pt1tjxqs00] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.news-hero-meta .mud-icon-root[b-pt1tjxqs00] {
    color: rgba(0, 200, 255, 0.72);
    font-size: 1rem;
}

.news-hero-cta[b-pt1tjxqs00] {
    margin-top: 4px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    padding-inline: 18px !important;
    box-shadow: 0 10px 28px rgba(0, 200, 255, 0.18) !important;
}

@media (max-width: 960px) {
    .news-page-wrapper.global-mode[b-pt1tjxqs00] {
        display: block;
    }

    .news-sidebar-top[b-pt1tjxqs00] {
        position: static;
        margin-bottom: 18px;
    }

    .news-hero[b-pt1tjxqs00] {
        min-height: 330px;
    }
}

@media (max-width: 600px) {
    .news-hero[b-pt1tjxqs00] {
        min-height: 0;
        padding: 86px 20px 18px;
    }

    .news-hero-media img[b-pt1tjxqs00] {
        object-position: center top;
    }

    .news-hero[b-pt1tjxqs00]::before {
        background:
            linear-gradient(180deg, rgba(4, 10, 18, 0.10) 0%, rgba(4, 10, 18, 0.62) 36%, rgba(4, 10, 18, 0.98) 64%),
            linear-gradient(90deg, rgba(4, 10, 18, 0.72), rgba(4, 10, 18, 0.56));
    }

    .news-hero-content[b-pt1tjxqs00] {
        gap: 10px;
        max-width: 100%;
    }

    .news-hero-title[b-pt1tjxqs00] {
        font-size: 1.82rem !important;
        line-height: 1.05 !important;
        letter-spacing: -0.035em;
    }

    .news-hero-summary[b-pt1tjxqs00] {
        font-size: 0.94rem !important;
        line-height: 1.46 !important;
    }

    .news-hero-meta[b-pt1tjxqs00] {
        gap: 10px;
        font-size: 0.82rem;
    }

    .news-hero-cta[b-pt1tjxqs00] {
        width: 100%;
        justify-content: center;
        min-height: 42px;
    }
}

/* News Grid */
.latest-section[b-pt1tjxqs00] {
    background: rgba(7, 14, 24, 0.58);
    border: 1px solid rgba(0, 200, 255, 0.12);
    border-radius: 12px;
    padding: 18px 20px 20px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.news-section-heading[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.news-section-heading h2[b-pt1tjxqs00] {
    color: #f7fbff;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    margin: 0;
    padding-left: 13px;
    position: relative;
    text-transform: uppercase;
}

.news-section-heading h2[b-pt1tjxqs00]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.18em;
    bottom: 0.18em;
    width: 3px;
    border-radius: 999px;
    background: #00c8ff;
    box-shadow: 0 0 16px rgba(0, 200, 255, 0.45);
}

.news-link-button[b-pt1tjxqs00] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #00c8ff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    transition: color 0.2s ease, transform 0.2s ease;
}

.news-link-button:hover[b-pt1tjxqs00] {
    color: #7be7ff;
    transform: translateX(2px);
}

.news-card-grid[b-pt1tjxqs00] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.news-modern-card[b-pt1tjxqs00] {
    min-height: 410px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(17, 29, 46, 0.98), rgba(9, 17, 29, 0.98));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.news-modern-card:hover[b-pt1tjxqs00] {
    transform: translateY(-4px);
    border-color: rgba(0, 200, 255, 0.38);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.3), 0 0 26px rgba(0, 200, 255, 0.08);
}

.news-modern-card-media[b-pt1tjxqs00] {
    position: relative;
    height: 170px;
    overflow: hidden;
    background: #07101b;
}

.news-modern-card-media img[b-pt1tjxqs00] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease;
}

.news-modern-card:hover .news-modern-card-media img[b-pt1tjxqs00] {
    transform: scale(1.035);
}

.news-card-image-fallback[b-pt1tjxqs00] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 25%, rgba(0, 200, 255, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(13, 30, 48, 0.96), rgba(9, 13, 28, 0.96));
    color: rgba(255, 255, 255, 0.86);
    font-size: 2.2rem;
    font-weight: 900;
    letter-spacing: -0.08em;
}

.news-modern-card-body[b-pt1tjxqs00] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    padding: 18px;
}

.news-card-badge[b-pt1tjxqs00] {
    display: inline-flex;
    border-radius: 999px;
    background: rgba(0, 145, 255, 0.18);
    color: #7bdcff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 6px 8px;
    text-transform: uppercase;
}

.news-card-badge.update[b-pt1tjxqs00] {
    background: rgba(124, 92, 255, 0.2);
    color: #c8b8ff;
}

.news-card-badge.tournament[b-pt1tjxqs00] {
    background: rgba(24, 190, 113, 0.18);
    color: #61e2a2;
}

.news-card-badge.community[b-pt1tjxqs00] {
    background: rgba(255, 169, 25, 0.18);
    color: #ffc15d;
}

.news-card-badge.announcement[b-pt1tjxqs00] {
    background: rgba(0, 200, 255, 0.18);
    color: #7be7ff;
}

.news-modern-card h3[b-pt1tjxqs00] {
    color: #f7fbff;
    font-size: 1.12rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.28;
    margin: 0;
}

.news-modern-card-meta[b-pt1tjxqs00] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: rgba(226, 236, 248, 0.52);
    font-size: 0.8rem;
}

.news-modern-card-meta span[b-pt1tjxqs00] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.news-modern-card-meta .mud-icon-root[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.52);
    font-size: 0.95rem;
}

.news-modern-card p[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.7);
    font-size: 0.92rem;
    line-height: 1.55;
    margin: 0;
}

.news-read-more[b-pt1tjxqs00] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #00c8ff;
    font-size: 0.82rem;
    font-weight: 900;
    margin-top: auto;
    text-transform: uppercase;
}

.news-empty-state[b-pt1tjxqs00] {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid rgba(0, 200, 255, 0.10);
    border-radius: 10px;
    background: rgba(0, 145, 255, 0.08);
    color: #139cff;
}

.news-empty-state strong[b-pt1tjxqs00],
.news-empty-state span[b-pt1tjxqs00] {
    display: block;
}

.news-empty-state span[b-pt1tjxqs00] {
    margin-top: 2px;
    color: rgba(226, 236, 248, 0.56);
    font-size: 0.86rem;
}

@media (max-width: 1180px) {
    .news-card-grid[b-pt1tjxqs00] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .latest-section[b-pt1tjxqs00] {
        padding: 14px;
    }

    .news-card-grid[b-pt1tjxqs00] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .news-modern-card[b-pt1tjxqs00] {
        min-height: 0;
    }

    .news-modern-card-media[b-pt1tjxqs00] {
        height: 190px;
    }

    .news-modern-card-body[b-pt1tjxqs00] {
        padding: 16px;
    }

    .news-modern-card h3[b-pt1tjxqs00] {
        font-size: 1.12rem;
    }

    .news-modern-card p[b-pt1tjxqs00] {
        font-size: 0.94rem;
    }
}

/* Sidebar */
.news-sidebar-top[b-pt1tjxqs00] {
    align-self: start;
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 0;
    position: static;
    top: auto;
    text-align: left;
}

.news-sidebar-panel[b-pt1tjxqs00] {
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(15, 27, 43, 0.95), rgba(8, 15, 25, 0.95)),
        radial-gradient(circle at 0% 0%, rgba(0, 200, 255, 0.08), transparent 42%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
    padding: 18px 20px 17px;
    text-align: left;
}

@media (max-width: 600px) {
    .news-sidebar-top[b-pt1tjxqs00] {
        gap: 12px;
        margin-bottom: 12px;
    }

    .news-sidebar-panel[b-pt1tjxqs00] {
        padding: 14px 14px 13px;
        border-radius: 12px;
    }

    .news-sidebar-heading[b-pt1tjxqs00] {
        margin-bottom: 9px;
    }

    .news-sidebar-heading span[b-pt1tjxqs00] {
        font-size: 0.84rem;
    }

    .news-sidebar-link[b-pt1tjxqs00] {
        font-size: 0.74rem;
    }
}

.news-sidebar-heading[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.news-sidebar-heading span[b-pt1tjxqs00],
.news-sidebar-link[b-pt1tjxqs00] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.news-sidebar-heading span[b-pt1tjxqs00] {
    color: #00c8ff;
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
}

.news-sidebar-link[b-pt1tjxqs00] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #00c8ff;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.news-sidebar-empty[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.54);
    margin: 0;
}

.top-story-item[b-pt1tjxqs00],
.trending-story-item[b-pt1tjxqs00] {
    appearance: none;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    padding: 12px 0;
    text-align: left;
    transition: background 0.2s ease, transform 0.2s ease;
}

.top-story-item:first-of-type[b-pt1tjxqs00],
.trending-story-item:first-of-type[b-pt1tjxqs00] {
    padding-top: 4px;
}

.top-story-item:last-child[b-pt1tjxqs00],
.trending-story-item:last-child[b-pt1tjxqs00] {
    border-bottom: 0;
    padding-bottom: 0;
}

.top-story-item:hover[b-pt1tjxqs00],
.trending-story-item:hover[b-pt1tjxqs00] {
    transform: translateX(3px);
}

.top-story-item img[b-pt1tjxqs00],
.top-story-fallback[b-pt1tjxqs00] {
    width: 78px;
    height: 52px;
    border-radius: 7px;
    flex: 0 0 78px;
}

.top-story-item img[b-pt1tjxqs00] {
    object-fit: cover;
}

.top-story-fallback[b-pt1tjxqs00] {
    display: grid;
    place-items: center;
    background: rgba(0, 200, 255, 0.12);
    color: rgba(255, 255, 255, 0.84);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.08em;
}

.top-story-item strong[b-pt1tjxqs00],
.trending-story-item strong[b-pt1tjxqs00] {
    color: #f7fbff;
    display: block;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.32;
}

.top-story-item > span:last-child[b-pt1tjxqs00],
.trending-story-item > span:last-child[b-pt1tjxqs00] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.top-story-item small[b-pt1tjxqs00],
.trending-story-item small[b-pt1tjxqs00] {
    color: rgba(226, 236, 248, 0.56);
    display: block;
    font-size: 0.79rem;
    margin-top: 5px;
}

.trending-rank[b-pt1tjxqs00] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: linear-gradient(135deg, #159fff, #0a6fa8);
    color: #fff;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(0, 200, 255, 0.16);
}

@media (max-width: 600px) {
    .top-story-item[b-pt1tjxqs00],
    .trending-story-item[b-pt1tjxqs00] {
        align-items: center;
        gap: 10px;
        padding: 10px 0;
    }

    .top-story-item img[b-pt1tjxqs00],
    .top-story-fallback[b-pt1tjxqs00] {
        width: 76px;
        height: 48px;
        flex-basis: 76px;
    }

    .top-story-item strong[b-pt1tjxqs00],
    .trending-story-item strong[b-pt1tjxqs00] {
        font-size: 0.9rem;
        line-height: 1.25;
    }

    .top-story-item small[b-pt1tjxqs00],
    .trending-story-item small[b-pt1tjxqs00] {
        font-size: 0.75rem;
        margin-top: 4px;
    }

    .trending-rank[b-pt1tjxqs00] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        flex-basis: 28px;
    }

    .sidebar-tag-cloud[b-pt1tjxqs00] {
        gap: 8px;
    }
}

.sidebar-tag-cloud[b-pt1tjxqs00] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.news-sidebar-card[b-pt1tjxqs00] {
    background: #121c2e !important;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 12px !important;
}

.sidebar-item[b-pt1tjxqs00] {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

    .sidebar-item:last-child[b-pt1tjxqs00] {
        border-bottom: none;
    }

    .sidebar-item:hover[b-pt1tjxqs00] {
        background: rgba(0, 200, 255, 0.04);
        border-radius: 6px;
        padding-left: 6px;
    }

/* Scroll Sentinel */
.scroll-sentinel[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    min-height: 60px;
}

/* ── Spotlight: first article ──────────────────────── */
.news-spotlight[b-pt1tjxqs00] {
    display: flex;
    border-radius: 14px;
    overflow: hidden;
    background: #121c2e;
    border: 1px solid rgba(0, 200, 255, 0.22);
    cursor: pointer;
    margin-bottom: 24px;
    min-height: 220px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .news-spotlight:hover[b-pt1tjxqs00] {
        transform: translateY(-3px);
        box-shadow: 0 10px 40px rgba(0, 200, 255, 0.18);
        border-color: rgba(0, 200, 255, 0.42);
    }

.news-spotlight-img[b-pt1tjxqs00] {
    flex: 0 0 45%;
    background-size: cover;
    background-position: center;
    min-height: 220px;
}

.news-spotlight-body[b-pt1tjxqs00] {
    flex: 1;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.news-spotlight-meta[b-pt1tjxqs00] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.45);
    margin-top: 4px;
}

@media (max-width: 768px) {
    .news-spotlight[b-pt1tjxqs00] {
        flex-direction: column;
    }

    .news-spotlight-img[b-pt1tjxqs00] {
        flex: none;
        height: 200px;
        min-height: unset;
    }

    .news-spotlight-body[b-pt1tjxqs00] {
        padding: 16px;
    }
}

/* ── Sticky Sidebar ────────────────────────────────── */
.news-sidebar-sticky[b-pt1tjxqs00] {
    position: sticky;
    top: calc(var(--mud-appbar-height, 64px) + 16px);
    max-height: calc(100vh - var(--mud-appbar-height, 64px) - 32px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 200, 255, 0.2) transparent;
}

@media (max-width: 959px) {
    .news-sidebar-sticky[b-pt1tjxqs00] {
        position: static;
        max-height: none;
        overflow-y: visible;
    }
}

/* ── Sidebar thumbnail items ───────────────────────── */
.sidebar-item-media[b-pt1tjxqs00] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.sidebar-thumb[b-pt1tjxqs00] {
    width: 60px;
    height: 46px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.sidebar-item-text[b-pt1tjxqs00] {
    flex: 1;
    min-width: 0;
}
/* /Components/Notifications/NotificationBell.razor.rz.scp.css */
/* ── Bell wrapper ─────────────────────────────────────── */
.nb-wrap[b-3n57ke85mt] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* ── Bell button ─────────────────────────────────────── */
.nb-btn[b-3n57ke85mt] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}

.nb-btn:hover[b-3n57ke85mt] {
    color: #fff;
    background: rgba(255,255,255,0.12);
}

.nb-btn:focus-visible[b-3n57ke85mt] {
    outline: 2px solid #00c8ff;
    outline-offset: 2px;
}

/* ── Unread badge ─────────────────────────────────────── */
.nb-badge[b-3n57ke85mt] {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f44336;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    padding: 0 3px;
    pointer-events: none;
}

/* ── Backdrop ─────────────────────────────────────────── */
.nb-backdrop[b-3n57ke85mt] {
    position: fixed;
    inset: 0;
    z-index: 199;
    background: transparent;
}
/* /Components/Notifications/NotificationPanel.razor.rz.scp.css */
.np-panel[b-qv2afj52i2] {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    max-height: 520px;
    background: #0d1320;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
    z-index: 1000;
    overflow: hidden;
    flex-direction: column;
}

.np-panel--open[b-qv2afj52i2] {
    display: flex;
    flex-direction: column;
    animation: np-fadein-b-qv2afj52i2 0.15s ease forwards;
}

@keyframes np-fadein-b-qv2afj52i2 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.np-header[b-qv2afj52i2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
}

.np-title[b-qv2afj52i2] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.np-mark-all[b-qv2afj52i2] {
    font-size: 0.75rem !important;
    height: 24px !important;
    padding: 0 8px !important;
}

.np-loading[b-qv2afj52i2],
.np-empty[b-qv2afj52i2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 40px 16px;
    color: var(--pcw-text-muted);
}

.np-list[b-qv2afj52i2] {
    overflow-y: auto;
    flex: 1;
    max-height: 420px;
}

.np-list[b-qv2afj52i2]::-webkit-scrollbar { width: 4px; }
.np-list[b-qv2afj52i2]::-webkit-scrollbar-track { background: transparent; }
.np-list[b-qv2afj52i2]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 2px; }

.np-item[b-qv2afj52i2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background 0.15s;
    position: relative;
}

.np-item:hover[b-qv2afj52i2] {
    background: rgba(255,255,255,0.04);
}

.np-item--unread[b-qv2afj52i2] {
    background: rgba(0,200,255,0.04);
}

.np-item--unread:hover[b-qv2afj52i2] {
    background: rgba(0,200,255,0.08);
}

.np-item-icon[b-qv2afj52i2] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.np-item-body[b-qv2afj52i2] {
    flex: 1;
    min-width: 0;
}

.np-item-title[b-qv2afj52i2] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.np-item-msg[b-qv2afj52i2] {
    font-size: 0.75rem;
    color: var(--pcw-text-muted);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.np-item:hover .np-item-title[b-qv2afj52i2],
.np-item:hover .np-item-msg[b-qv2afj52i2] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.np-item-time[b-qv2afj52i2] {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.3);
    margin-top: 3px;
}

.np-dot[b-qv2afj52i2] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c8ff;
    flex-shrink: 0;
    margin-top: 6px;
}

.np-footer[b-qv2afj52i2] {
    padding: 8px 16px;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    flex-shrink: 0;
}

.np-header-actions[b-qv2afj52i2] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.np-item-delete[b-qv2afj52i2] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255,255,255,0.35);
    padding: 0;
    flex-shrink: 0;
    margin-top: 4px;
    transition: background 0.15s, color 0.15s;
}

.np-item:hover .np-item-delete[b-qv2afj52i2] {
    display: flex;
}

.np-item-delete:hover[b-qv2afj52i2] {
    background: rgba(244,67,54,0.15);
    color: #f44336;
}

/* ── Mobile ──────────────────────────────────────────── */
@media (max-width: 599px) {
    .np-panel[b-qv2afj52i2] {
        position: fixed;
        top: 60px;
        left: 12px;
        right: 12px;
        width: auto;
        max-height: 75vh;
    }
}
/* /Components/Offline/OfflineScreen.razor.rz.scp.css */
.pcw-offline-loader-page[b-hvkmboezbf] {
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 18px;
    background: #0a0e14;
    color: #ffffff;
    overflow: hidden;
}

.pcw-offline-loader-grid[b-hvkmboezbf] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(0, 135, 179, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 135, 179, .035) 1px, transparent 1px);
    background-size: 52px 52px;
    animation: pcwOfflineGrid-b-hvkmboezbf 22s linear infinite;
}

.pcw-offline-loader-orb[b-hvkmboezbf] {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 135, 179, .08) 0%, transparent 68%);
    animation: pcwOfflineOrb-b-hvkmboezbf 3s ease-in-out infinite;
}

.pcw-offline-loader-scan[b-hvkmboezbf] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(0, 135, 179, .56), transparent);
    animation: pcwOfflineScan-b-hvkmboezbf 4s linear infinite;
}

.pcw-offline-loader-shell[b-hvkmboezbf] {
    position: relative;
    z-index: 1;
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
}

.pcw-offline-loader-shell[b-hvkmboezbf]::before,
.pcw-offline-loader-shell[b-hvkmboezbf]::after {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(0, 135, 179, .3);
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(0, 135, 179, .18);
    animation: pcwOfflineRing-b-hvkmboezbf 2.6s ease-in-out infinite;
}

.pcw-offline-loader-shell[b-hvkmboezbf]::after {
    inset: 0;
    border-color: rgba(255, 255, 255, .12);
    animation-delay: .45s;
}

.pcw-offline-loader-logo[b-hvkmboezbf] {
    width: 92px;
    height: 92px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 0 18px rgba(0, 135, 179, .46));
    animation: pcwOfflineIconDrift-b-hvkmboezbf 3s ease-in-out infinite;
}

.pcw-offline-loader-bar-wrap[b-hvkmboezbf] {
    margin-top: 18px;
    position: relative;
    z-index: 1;
    width: 128px;
    height: 2px;
    background: rgba(0, 135, 179, .16);
    border-radius: 2px;
    overflow: hidden;
}

.pcw-offline-loader-bar[b-hvkmboezbf] {
    height: 100%;
    width: 45%;
    background: linear-gradient(90deg, transparent, #48b0d1, transparent);
    animation: pcwOfflineBar-b-hvkmboezbf 1.6s ease-in-out infinite;
}

.pcw-offline-loader-title[b-hvkmboezbf] {
    position: relative;
    z-index: 1;
    margin: 22px 0 0;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pcw-offline-loader-copy[b-hvkmboezbf] {
    position: relative;
    z-index: 1;
    margin: 7px 0 0;
    color: #8fa0b3;
    font-size: 0.86rem;
}

.pcw-offline-loader-corner[b-hvkmboezbf] {
    position: absolute;
    width: 18px;
    height: 18px;
    border-color: rgba(0, 135, 179, .48);
    border-style: solid;
    animation: pcwOfflineCorner-b-hvkmboezbf 2.5s ease-in-out infinite;
}

.pcw-offline-loader-tl[b-hvkmboezbf] {
    top: 14px;
    left: 14px;
    border-width: 2px 0 0 2px;
}

.pcw-offline-loader-tr[b-hvkmboezbf] {
    top: 14px;
    right: 14px;
    border-width: 2px 2px 0 0;
}

.pcw-offline-loader-bl[b-hvkmboezbf] {
    bottom: 14px;
    left: 14px;
    border-width: 0 0 2px 2px;
}

.pcw-offline-loader-br[b-hvkmboezbf] {
    right: 14px;
    bottom: 14px;
    border-width: 0 2px 2px 0;
}

@keyframes pcwOfflineGrid-b-hvkmboezbf {
    0% { transform: translate(0, 0); }
    100% { transform: translate(52px, 52px); }
}

@keyframes pcwOfflineOrb-b-hvkmboezbf {
    0%, 100% { transform: scale(1); opacity: .5; }
    50% { transform: scale(1.3); opacity: 1; }
}

@keyframes pcwOfflineScan-b-hvkmboezbf {
    0% { top: 0; opacity: 0; }
    5% { opacity: 1; }
    95% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

@keyframes pcwOfflineIconDrift-b-hvkmboezbf {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-5px) scale(1.025); }
}

@keyframes pcwOfflineRing-b-hvkmboezbf {
    0%, 100% { transform: scale(.92); opacity: .28; }
    50% { transform: scale(1.08); opacity: .8; }
}

@keyframes pcwOfflineBar-b-hvkmboezbf {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(500%); }
}

@keyframes pcwOfflineCorner-b-hvkmboezbf {
    0%, 100% { border-color: rgba(0, 135, 179, .32); }
    50% { border-color: rgba(72, 176, 209, .66); }
}

@media (prefers-reduced-motion: reduce) {
    .pcw-offline-loader-grid[b-hvkmboezbf],
    .pcw-offline-loader-orb[b-hvkmboezbf],
    .pcw-offline-loader-scan[b-hvkmboezbf],
    .pcw-offline-loader-shell[b-hvkmboezbf]::before,
    .pcw-offline-loader-shell[b-hvkmboezbf]::after,
    .pcw-offline-loader-logo[b-hvkmboezbf],
    .pcw-offline-loader-bar[b-hvkmboezbf],
    .pcw-offline-loader-corner[b-hvkmboezbf] {
        animation: none !important;
    }
}
/* /Components/Partners/PartnerAdminEmptyState.razor.rz.scp.css */
.partner-admin-empty[b-bgyvei085i] {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 30px 20px;
    border: 1px dashed rgba(122, 210, 255, 0.22);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 212, 255, 0.09), transparent 42%),
        rgba(255, 255, 255, 0.026);
    color: rgba(235, 246, 255, 0.68);
    text-align: center;
}

.partner-admin-empty__icon[b-bgyvei085i] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 212, 255, 0.24);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.08);
    color: #35d1ff;
}

.partner-admin-empty strong[b-bgyvei085i] {
    display: block;
    color: #f7fbff;
    font-size: 1rem;
    font-weight: 800;
}

.partner-admin-empty p[b-bgyvei085i] {
    max-width: 56ch;
    margin: 4px auto 0;
}

.partner-admin-empty :deep(.mud-button-root)[b-bgyvei085i] {
    max-width: 100%;
    border-radius: 8px;
    white-space: normal;
}
/* /Components/Partners/PartnerAdminInfoCard.razor.rz.scp.css */
.partner-admin-info-card[b-zqesckk9v8] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-admin-info-card--active[b-zqesckk9v8] {
    border-color: rgba(39, 226, 156, 0.26);
    background: rgba(39, 226, 156, 0.065);
}

.partner-admin-info-card__icon[b-zqesckk9v8] {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-admin-info-card--active .partner-admin-info-card__icon[b-zqesckk9v8] {
    background: rgba(39, 226, 156, 0.12);
    color: #27e29c;
}

.partner-admin-info-card strong[b-zqesckk9v8] {
    display: block;
    color: #f7fbff;
    font-weight: 800;
}

.partner-admin-info-card p[b-zqesckk9v8] {
    margin: 4px 0 0;
    color: rgba(223, 238, 255, 0.62);
}
/* /Components/Partners/PartnerAdminMetricCard.razor.rz.scp.css */
.partner-admin-metric[b-733dulqlxb] {
    display: flex;
    min-height: 116px;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(122, 190, 230, 0.15);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.98)),
        #0b1422;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.partner-admin-metric__icon[b-733dulqlxb] {
    display: inline-flex;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.14);
    color: #33cfff;
}

.partner-admin-metric--green .partner-admin-metric__icon[b-733dulqlxb] {
    background: rgba(38, 221, 151, 0.14);
    color: #27e29c;
}

.partner-admin-metric--violet .partner-admin-metric__icon[b-733dulqlxb] {
    background: rgba(166, 120, 255, 0.16);
    color: #b58aff;
}

.partner-admin-metric--amber .partner-admin-metric__icon[b-733dulqlxb] {
    background: rgba(255, 184, 66, 0.16);
    color: #ffb842;
}

.partner-admin-metric__body[b-733dulqlxb] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.partner-admin-metric__body strong[b-733dulqlxb] {
    overflow: hidden;
    color: #f7fbff;
    font-size: 1.9rem;
    font-weight: 850;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-admin-metric__body span[b-733dulqlxb] {
    overflow: hidden;
    color: #f7fbff;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-admin-metric__body small[b-733dulqlxb] {
    overflow: hidden;
    color: rgba(223, 238, 255, 0.58);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 599px) {
    .partner-admin-metric[b-733dulqlxb] {
        min-height: 98px;
        padding: 14px;
    }

    .partner-admin-metric__icon[b-733dulqlxb] {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .partner-admin-metric__body strong[b-733dulqlxb] {
        font-size: 1.55rem;
    }
}
/* /Components/Partners/PartnerAdminPageHeader.razor.rz.scp.css */
.partner-admin-header[b-4verp35ifi] {
    display: flex;
    min-height: 198px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    padding: 26px;
    border: 1px solid rgba(82, 201, 255, 0.18);
    border-radius: 8px;
    background-color: #081426;
    background-position: center;
    background-size: cover;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34);
    overflow: hidden;
}

.partner-admin-header__content[b-4verp35ifi] {
    display: grid;
    gap: 9px;
    min-width: 0;
    max-width: 780px;
}

.partner-admin-header__eyebrow[b-4verp35ifi] {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--partner-accent, #00d4ff) 36%, rgba(255, 255, 255, 0.12));
    border-radius: 999px;
    background: rgba(7, 18, 34, 0.74);
    color: var(--partner-accent, #00d4ff);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.partner-admin-header__eyebrow span[b-4verp35ifi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-admin-header__content :deep(.mud-typography-h3)[b-4verp35ifi] {
    color: #f8fbff;
    font-size: 2.32rem;
    font-weight: 850;
    line-height: 1.08;
}

.partner-admin-header__content :deep(.mud-typography-body1)[b-4verp35ifi] {
    max-width: 68ch;
    color: rgba(232, 243, 255, 0.72);
}

.partner-admin-header__aside[b-4verp35ifi] {
    display: grid;
    flex: 0 0 minmax(260px, 360px);
    gap: 12px;
    min-width: 260px;
}

.partner-admin-header__actions[b-4verp35ifi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.partner-admin-header__actions :deep(.mud-button-root)[b-4verp35ifi] {
    min-height: 40px;
    max-width: 100%;
    border-radius: 8px;
    white-space: normal;
}

@media (max-width: 900px) {
    .partner-admin-header[b-4verp35ifi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .partner-admin-header__aside[b-4verp35ifi] {
        width: 100%;
        min-width: 0;
    }

    .partner-admin-header__actions[b-4verp35ifi] {
        justify-content: flex-start;
    }
}

@media (max-width: 599px) {
    .partner-admin-header[b-4verp35ifi] {
        min-height: 0;
        padding: 16px;
    }

    .partner-admin-header__content :deep(.mud-typography-h3)[b-4verp35ifi] {
        font-size: 1.72rem;
    }

    .partner-admin-header__actions[b-4verp35ifi] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .partner-admin-header__actions :deep(.mud-button-root)[b-4verp35ifi] {
        width: 100%;
    }
}
/* /Components/PlayerBuilder/AccelerationTypeBar.razor.rz.scp.css */
    .accel-bar[b-dhm8jdufsc] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        padding: 6px 12px;
        margin: 8px 0;
        border-radius: 6px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
    }

    .accel-preview-group[b-dhm8jdufsc] {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .accel-preview-label[b-dhm8jdufsc] {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

    .accel-preview-gap[b-dhm8jdufsc] {
        font-size: 10px;
        font-weight: 600;
        color: var(--mud-palette-text-secondary);
        padding: 1px 5px;
        border-radius: 3px;
        background: rgba(255,255,255,0.04);
    }

    .accel-gap-height[b-dhm8jdufsc] {
        opacity: 0.6;
        font-style: italic;
    }
/* /Components/PlayerBuilder/AttributeSliderRow.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   ATTRIBUTE SLIDER ROW — premium dark sports-game stat row
   ═══════════════════════════════════════════════════ */

/* ── Standard stat row ── */
.stat-row[b-ax2pxbnir5] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    padding: 8px 9px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.008) 100%);
    transition: background 0.15s, border-color 0.15s;
}

.stat-star-label[b-ax2pxbnir5] {
    flex: 1;
    min-width: 0;
    max-width: 120px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
}

.stat-row:hover[b-ax2pxbnir5] {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(0, 200, 255, 0.16);
}

.stat-row.stat-key[b-ax2pxbnir5] {
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.07) 0%, rgba(0, 200, 255, 0.02) 45%, rgba(255, 255, 255, 0.01) 100%);
    border-left: 2px solid rgba(0, 200, 255, 0.45);
    padding-left: 7px;
}

.stat-row.stat-key:hover[b-ax2pxbnir5] {
    background: rgba(0, 200, 255, 0.06);
}

/* ── Label ── */
.stat-label[b-ax2pxbnir5] {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.2px;
    line-height: 1.15;
}

.stat-label.stat-key-label[b-ax2pxbnir5] {
    font-weight: 700;
    color: #7dd3fc;
}

/* ── Slider column ── */
.stat-slider[b-ax2pxbnir5] {
    min-width: 0;
    display: flex;
    align-items: center;
    padding-left: 6px;
}

.stat-row-top[b-ax2pxbnir5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.stat-row-meta[b-ax2pxbnir5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 16px;
}

/* ── Side lane: value + modifier badges ── */
.stat-side-lane[b-ax2pxbnir5] {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    min-width: 70px;
}

.stat-val-group[b-ax2pxbnir5] {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.stat-val[b-ax2pxbnir5] {
    font-size: 20px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.stat-max-hint[b-ax2pxbnir5] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.28);
    font-variant-numeric: tabular-nums;
}

/* ── Modifier badges ── */
.stat-badge-row[b-ax2pxbnir5] {
    display: flex;
    justify-content: flex-start;
    gap: 2px;
    min-height: 16px;
}

.stat-badge[b-ax2pxbnir5] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 3px;
    border-radius: 3px;
    line-height: 1.2;
    letter-spacing: -0.2px;
}

.stat-badge--pos[b-ax2pxbnir5] {
    color: #4ade80;
    background: rgba(74, 222, 128, 0.10);
}

.stat-badge--neg[b-ax2pxbnir5] {
    color: #f87171;
    background: rgba(248, 113, 113, 0.10);
}

/* Facility badge has a slightly different hue to distinguish from physique */
.stat-badge--pos.stat-badge--fac[b-ax2pxbnir5] {
    color: #34d399;
    background: rgba(52, 211, 153, 0.10);
}

/* ── AP cost lane ── */
.stat-ap-lane[b-ax2pxbnir5] {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.stat-ap[b-ax2pxbnir5] {
    font-size: 10px;
    font-weight: 700;
    color: #60a5fa;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(96, 165, 250, 0.08);
    border: 1px solid rgba(96, 165, 250, 0.15);
    white-space: nowrap;
    line-height: 1.3;
}

/* ═══════════════════════════════════════════════════
   STAR RATING ROW (Weak Foot / Skill Moves)
   ═══════════════════════════════════════════════════ */

.stat-star-row[b-ax2pxbnir5] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    padding: 6px 8px;
    margin-bottom: 3px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.008) 100%);
}

.stat-label-container[b-ax2pxbnir5] {
    width: 100%;
    display: block;
}

.stat-star-label[b-ax2pxbnir5] {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-star-main[b-ax2pxbnir5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.stat-star-pips[b-ax2pxbnir5] {
    display: flex;
    gap: 3px;
    height: 24px;
    align-items: center;
    justify-content: flex-start;
}

.stat-star-btn[b-ax2pxbnir5] {
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, transform 0.1s;
}

.stat-star-btn:hover:not(:disabled)[b-ax2pxbnir5] {
    background: rgba(255, 215, 0, 0.12);
    transform: scaleY(1.08);
}

.stat-star-icon[b-ax2pxbnir5] {
    font-size: 19px;
    color: #4b5563;
    transition: color 0.15s, filter 0.15s;
}

.stat-star-glyph[b-ax2pxbnir5] {
    font-size: 20px;
    line-height: 1;
    color: #4b5563;
    text-shadow: 0 0 0 transparent;
    transition: color 0.15s, text-shadow 0.15s;
}

.stat-star-btn--active .stat-star-glyph[b-ax2pxbnir5] {
    color: #facc15;
    text-shadow: 0 0 5px rgba(250, 204, 21, 0.35);
}

.stat-star-btn--locked[b-ax2pxbnir5] {
    cursor: not-allowed;
    border: 1px dashed rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.72);
}

.stat-star-btn--locked .stat-star-glyph[b-ax2pxbnir5] {
    color: #64748b;
    opacity: 0.62;
}

.stat-star-value[b-ax2pxbnir5] {
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
    min-width: 46px;
    justify-content: flex-end;
    align-self: center;
}

.stat-star-value .stat-val[b-ax2pxbnir5] {
    font-size: 34px;
    line-height: 0.9;
}

.stat-star-value .stat-max-hint[b-ax2pxbnir5] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.35);
}
/* /Components/PlayerBuilder/BuildSummaryBar.razor.rz.scp.css */
    /* ── Summary bar playstyle tile ── */
    .bsb-ps-tile[b-0js6tnvjbg] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 64px;
        height: 64px;
        padding: 6px 4px;
        border-radius: 6px;
        border: 1.5px solid rgba(255,255,255,0.10);
        background: rgba(255,255,255,0.03);
        cursor: default;
        flex-shrink: 0;
    }

    .bsb-ps-tile-plus[b-0js6tnvjbg] {
        border-color: #B8860B;
        background: rgba(255,215,0,0.05);
        box-shadow: 0 0 8px rgba(255,215,0,0.14);
    }

    .bsb-ps-tile-regular[b-0js6tnvjbg] {
        border-color: rgba(255,255,255,0.15);
    }

    .bsb-ps-tile-facility[b-0js6tnvjbg] {
        border-color: rgba(194,194,193,0.28);
        background: rgba(194,194,193,0.04);
        opacity: 0.85;
    }

    /* ── Icon inside the tile ── */
    .bsb-ps-icon[b-0js6tnvjbg] {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    /* ── Name label ── */
    .bsb-ps-name[b-0js6tnvjbg] {
        font-size: 8.5px;
        font-weight: 600;
        text-align: center;
        color: #ccc;
        line-height: 1.2;
        white-space: normal;
        word-break: break-word;
        max-width: 58px;
    }

    /* ── SVG diamond colour vars (scoped to summary bar) ── */
    .bsb-ps-icon.playstyle-icon[b-0js6tnvjbg]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }

    .bsb-ps-icon.playstyle-icon[b-0js6tnvjbg]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }

    /* ── Accel gap pills ── */
    .bsb-accel-gap[b-0js6tnvjbg] {
        font-size: 9px;
        font-weight: 700;
        padding: 1px 5px;
        border-radius: 3px;
        background: rgba(255,255,255,0.06);
        color: #e5e7eb;
        white-space: nowrap;
    }

    .bsb-accel-gap-height[b-0js6tnvjbg] {
        opacity: 0.65;
        font-style: italic;
        color: #9ca3af;
        background: rgba(255,255,255,0.03);
    }
/* /Components/PlayerBuilder/FacilitiesPickerDialog.razor.rz.scp.css */
    /* ── Header ── */
    .fpd-header[b-luu8lqoy27] {
        padding: 0 0 2px;
    }
    .fpd-header-row[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .fpd-brand[b-luu8lqoy27] {
        font-weight: 800;
        font-size: 15px;
        letter-spacing: 0.4px;
        white-space: nowrap;
        background: linear-gradient(135deg, #d1fae5 0%, #10b981 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    /* ── Tab segment ── */
    .fpd-tab-seg[b-luu8lqoy27] {
        display: flex;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.02);
    }
    .fpd-tab-item[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 5px 12px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        color: rgba(255,255,255,0.35);
        cursor: pointer;
        transition: all 0.2s;
        user-select: none;
    }
    .fpd-tab-item + .fpd-tab-item[b-luu8lqoy27] {
        border-left: 1px solid rgba(255,255,255,0.06);
    }
    .fpd-tab-item--active[b-luu8lqoy27] {
        color: #10b981;
        background: rgba(16,185,129,0.1);
        box-shadow: inset 0 -2px 0 #10b981;
    }

    /* ── Budget bar ── */
    .fpd-budget-bar[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 0;
        background: rgba(255,255,255,0.02);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 8px;
        padding: 4px 0;
    }
    .fpd-budget-cell[b-luu8lqoy27] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 12px;
        min-width: 60px;
    }
    .fpd-budget-label[b-luu8lqoy27] {
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: rgba(255,255,255,0.3);
    }
    .fpd-budget-val[b-luu8lqoy27] {
        font-size: 13px;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
    }
    .fpd-budget-sep[b-luu8lqoy27] {
        width: 1px;
        height: 22px;
        background: rgba(255,255,255,0.06);
        flex-shrink: 0;
    }

    /* ── Budget progress ── */
    .fpd-budget-track[b-luu8lqoy27] {
        height: 3px;
        border-radius: 2px;
        background: rgba(255,255,255,0.04);
        margin-top: 8px;
        overflow: hidden;
    }
    .fpd-budget-fill[b-luu8lqoy27] {
        height: 100%;
        border-radius: 2px;
        transition: width 0.4s ease, background 0.3s;
    }

    /* ── 3-Panel Body ── */
    .fpd-body[b-luu8lqoy27] {
        display: flex;
        height: 520px;
        overflow: hidden;
    }

    /* ── LEFT panel ── */
    .fpd-left[b-luu8lqoy27] {
        width: 270px;
        min-width: 220px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        border-right: 1px solid rgba(255,255,255,0.05);
        background: rgba(255,255,255,0.01);
    }
    .fpd-search-wrap[b-luu8lqoy27] {
        padding: 10px 10px 6px;
        border-bottom: 1px solid rgba(255,255,255,0.04);
    }
    .fpd-fac-list[b-luu8lqoy27] {
        flex: 1;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.08) transparent;
    }

    /* ── Facility card in list ── */
    .fpd-fac-card[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        cursor: pointer;
        border-left: 3px solid transparent;
        border-bottom: 1px solid rgba(255,255,255,0.03);
        transition: all 0.15s;
        user-select: none;
    }
    .fpd-fac-card:hover[b-luu8lqoy27] {
        background: rgba(255,255,255,0.03);
    }
    .fpd-fac-card--sel[b-luu8lqoy27] {
        background: rgba(16,185,129,0.05) !important;
        border-left-color: #10b981;
    }
    .fpd-fac-card--eq[b-luu8lqoy27] {
        border-left-color: #10b981;
    }
    .fpd-fac-icon[b-luu8lqoy27] {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
        flex-shrink: 0;
        transition: all 0.2s;
    }
    .fpd-fac-icon--eq[b-luu8lqoy27] {
        background: rgba(16,185,129,0.08);
        border-color: rgba(16,185,129,0.25);
    }
    .fpd-fac-card:hover .fpd-fac-icon[b-luu8lqoy27] {
        box-shadow: 0 0 8px rgba(16,185,129,0.15);
    }
    .fpd-fac-name[b-luu8lqoy27] {
        font-size: 12px;
        font-weight: 700;
        color: #e5e7eb;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fpd-fac-cost[b-luu8lqoy27] {
        font-size: 10px;
        color: #6b7280;
    }
    .fpd-fac-dots[b-luu8lqoy27] {
        display: flex;
        gap: 3px;
        flex-shrink: 0;
    }
    .fpd-dot[b-luu8lqoy27] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.12);
        transition: background 0.2s;
    }
    .fpd-dot--filled[b-luu8lqoy27] {
        background: #10b981;
        border-color: #10b981;
        box-shadow: 0 0 4px rgba(16,185,129,0.4);
    }

    /* ── CENTER panel ── */
    .fpd-center[b-luu8lqoy27] {
        flex: 1;
        min-width: 0;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.08) transparent;
        padding: 14px;
        display: flex;
        flex-direction: column;
    }
    .fpd-empty-detail[b-luu8lqoy27] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex: 1;
        color: #374151;
        font-size: 13px;
        font-style: italic;
    }
    .fpd-detail-card[b-luu8lqoy27] {
        background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 12px;
        overflow: hidden;
    }
    .fpd-detail-header[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px;
        background: linear-gradient(135deg, rgba(16,185,129,0.03) 0%, transparent 100%);
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .fpd-detail-icon-wrap[b-luu8lqoy27] {
        width: 52px;
        height: 52px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,0.03);
        border: 1.5px solid rgba(255,255,255,0.08);
        flex-shrink: 0;
        transition: all 0.25s;
    }
    .fpd-detail-icon--eq[b-luu8lqoy27] {
        background: rgba(16,185,129,0.08);
        border-color: rgba(16,185,129,0.3);
        box-shadow: 0 0 12px rgba(16,185,129,0.15);
    }
    .fpd-detail-name[b-luu8lqoy27] {
        font-size: 16px;
        font-weight: 800;
        color: #f1f5f9;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .fpd-detail-subtitle[b-luu8lqoy27] {
        font-size: 11px;
        color: #6b7280;
        margin-top: 2px;
    }
    .fpd-detail-section[b-luu8lqoy27] {
        padding: 12px 16px;
        border-bottom: 1px solid rgba(255,255,255,0.04);
    }

    /* ── Section label ── */
    .fpd-section-label[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.7px;
        color: rgba(255,255,255,0.35);
        margin-bottom: 8px;
    }

    /* ── Level pills ── */
    .fpd-level-seg[b-luu8lqoy27] {
        display: flex;
        gap: 6px;
    }
    .fpd-level-pill[b-luu8lqoy27] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        padding: 8px 6px;
        border-radius: 10px;
        border: 1.5px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.02);
        cursor: pointer;
        transition: all 0.2s;
        user-select: none;
    }
    .fpd-level-pill:hover:not(.fpd-level-pill--disabled)[b-luu8lqoy27] {
        background: rgba(255,255,255,0.04);
        border-color: rgba(255,255,255,0.15);
    }
    .fpd-level-pill--active[b-luu8lqoy27] {
        background: rgba(16,185,129,0.1) !important;
        border-color: #10b981 !important;
        box-shadow: 0 0 10px rgba(16,185,129,0.15);
    }
    .fpd-level-pill--disabled[b-luu8lqoy27] {
        opacity: 0.35;
        cursor: not-allowed;
    }
    .fpd-level-pill-num[b-luu8lqoy27] {
        font-size: 18px;
        font-weight: 800;
        color: #e5e7eb;
        font-variant-numeric: tabular-nums;
    }
    .fpd-level-pill--active .fpd-level-pill-num[b-luu8lqoy27] {
        color: #10b981;
    }
    .fpd-level-pill-cost[b-luu8lqoy27] {
        font-size: 9px;
        font-weight: 600;
        color: #6b7280;
    }
    .fpd-level-pill--active .fpd-level-pill-cost[b-luu8lqoy27] {
        color: #34d399;
    }

    /* ── Cost value ── */
    .fpd-cost-value[b-luu8lqoy27] {
        font-size: 22px;
        font-weight: 800;
        color: #facc15;
        font-variant-numeric: tabular-nums;
    }

    /* ── Bonus chip ── */
    .fpd-bonus-chip[b-luu8lqoy27] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 10px;
        border-radius: 6px;
        background: rgba(16,185,129,0.06);
        border: 1px solid rgba(16,185,129,0.15);
    }
    .fpd-bonus-name[b-luu8lqoy27] {
        font-size: 11px;
        font-weight: 600;
        color: #e5e7eb;
        text-transform: capitalize;
    }
    .fpd-bonus-val[b-luu8lqoy27] {
        font-size: 11px;
        font-weight: 800;
        color: #10b981;
    }

    /* ── Playstyle badge ── */
    .fpd-ps-badge[b-luu8lqoy27] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 5px 12px;
        border-radius: 8px;
        background: rgba(194,194,193,0.05);
        border: 1px solid rgba(194,194,193,0.18);
    }
    .fpd-ps-badge--sm[b-luu8lqoy27] {
        padding: 3px 8px;
        gap: 4px;
        border-radius: 5px;
        background: rgba(139,92,246,0.06);
        border-color: rgba(139,92,246,0.15);
    }

    /* ── CTA ── */
    .fpd-detail-cta[b-luu8lqoy27] {
        display: flex;
        padding: 14px 16px;
        gap: 8px;
        background: rgba(255,255,255,0.01);
    }

    /* ── RIGHT panel ── */
    .fpd-right[b-luu8lqoy27] {
        width: 240px;
        min-width: 200px;
        flex-shrink: 0;
        border-left: 1px solid rgba(255,255,255,0.05);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.08) transparent;
        background: rgba(255,255,255,0.01);
    }
    .fpd-summary-panel[b-luu8lqoy27] {
        display: flex;
        flex-direction: column;
    }
    .fpd-summary-section[b-luu8lqoy27] {
        padding: 12px 14px;
        border-bottom: 1px solid rgba(255,255,255,0.04);
    }

    /* ── Equipped group ── */
    .fpd-eq-group-label[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: rgba(255,255,255,0.3);
        margin: 4px 0;
    }
    .fpd-eq-item[b-luu8lqoy27] {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 4px 0;
        border-bottom: 1px solid rgba(255,255,255,0.03);
    }
    .fpd-eq-item:last-child[b-luu8lqoy27] {
        border-bottom: none;
    }
    .fpd-eq-name[b-luu8lqoy27] {
        font-size: 11px;
        font-weight: 700;
        color: #d1d5db;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fpd-eq-meta[b-luu8lqoy27] {
        font-size: 9px;
        color: #6b7280;
    }

    /* ── SVG diamond colour vars ── */
    .playstyle-icon[b-luu8lqoy27]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }
    .playstyle-icon[b-luu8lqoy27]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }

    /* ── Responsive ── */
    @media (max-width: 900px) {
        .fpd-body[b-luu8lqoy27] {
            flex-direction: column;
            height: auto;
            max-height: 75vh;
        }
        .fpd-left[b-luu8lqoy27] {
            width: 100%;
            max-height: 200px;
            border-right: none;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }
        .fpd-right[b-luu8lqoy27] {
            width: 100%;
            max-height: 180px;
            border-left: none;
            border-top: 1px solid rgba(255,255,255,0.05);
        }
    }
/* /Components/PlayerBuilder/MobileFacilitySheet.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   MobileFacilitySheet — Premium RPG Facility Picker
   Dark glass panels · Cyan/Gold accents · Smooth UX
   ══════════════════════════════════════════════ */

.mfs-root[b-657i641kty] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Budget Bar ── */
.mfs-budget-bar[b-657i641kty] {
    display: flex;
    align-items: center;
    gap: 0;
    background: linear-gradient(135deg, rgba(15,24,34,0.95) 0%, rgba(10,16,24,0.98) 100%);
    border-radius: 14px;
    border: 1px solid rgba(0,200,255,0.1);
    padding: 10px 12px;
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.mfs-budget-pill[b-657i641kty] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.mfs-budget-label[b-657i641kty] {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255,255,255,0.35);
    line-height: 1;
}

.mfs-budget-value[b-657i641kty] {
    font-size: 15px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

.mfs-budget-divider[b-657i641kty] {
    width: 1px;
    height: 28px;
    background: rgba(255,255,255,0.08);
    flex-shrink: 0;
    margin: 0 6px;
}

/* ── Tab Toggle ── */
.mfs-tab-toggle[b-657i641kty] {
    display: flex;
    gap: 0;
    background: rgba(255,255,255,0.03);
    border-radius: 12px;
    padding: 3px;
    border: 1px solid rgba(255,255,255,0.06);
}

.mfs-toggle-btn[b-657i641kty] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 12px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .mfs-toggle-btn--active[b-657i641kty] {
        background: linear-gradient(135deg, rgba(0,200,255,0.12) 0%, rgba(0,200,255,0.06) 100%);
        color: #00c8ff;
        box-shadow: 0 0 10px rgba(0,200,255,0.1), inset 0 -2px 0 rgba(0,200,255,0.3);
    }

    .mfs-toggle-btn:active[b-657i641kty] {
        transform: scale(0.97);
    }

/* ── Equipped Chips ── */
.mfs-equipped-chips[b-657i641kty] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mfs-equipped-chip[b-657i641kty] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(16,185,129,0.03) 100%);
    border: 1px solid rgba(16,185,129,0.2);
    cursor: pointer;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}

    .mfs-equipped-chip:active[b-657i641kty] {
        transform: scale(0.96);
        background: rgba(16,185,129,0.14);
    }

.mfs-chip-stars[b-657i641kty] {
    font-size: 10px;
    color: #FFD700;
}

.mfs-chip-name[b-657i641kty] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.85);
}

.mfs-chip-cost[b-657i641kty] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.3);
    font-variant-numeric: tabular-nums;
}

.mfs-chip-remove[b-657i641kty] {
    background: none;
    border: none;
    color: rgba(255,255,255,0.25);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s;
}

    .mfs-chip-remove:active[b-657i641kty] {
        color: #ef4444;
    }

/* ── Bonuses ── */
.mfs-bonuses[b-657i641kty] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.mfs-bonus-chip[b-657i641kty] {
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 8px;
    color: #10b981;
    background: rgba(16,185,129,0.08);
    border: 1px solid rgba(16,185,129,0.15);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .mfs-bonus-chip--ps[b-657i641kty] {
        color: #FFD700;
        background: rgba(255,215,0,0.08);
        border-color: rgba(255,215,0,0.2);
    }

/* ── Facility List ── */
.mfs-list[b-657i641kty] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mfs-item[b-657i641kty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(15,24,34,0.9) 0%, rgba(10,16,24,0.95) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    cursor: pointer;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
}

    .mfs-item:active[b-657i641kty] {
        background: rgba(0,200,255,0.04);
        border-color: rgba(0,200,255,0.12);
        transform: scale(0.99);
    }

    .mfs-item--equipped[b-657i641kty] {
        border-color: rgba(16,185,129,0.25);
        background: linear-gradient(135deg, rgba(16,185,129,0.06) 0%, rgba(16,185,129,0.02) 100%);
        box-shadow: 0 0 8px rgba(16,185,129,0.06);
    }

.mfs-item-left[b-657i641kty] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.mfs-item-name[b-657i641kty] {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
}

.mfs-item--equipped .mfs-item-name[b-657i641kty] {
    color: #a7f3d0;
}

.mfs-item-cost[b-657i641kty] {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255,255,255,0.3);
    font-variant-numeric: tabular-nums;
}

.mfs-item-right[b-657i641kty] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.mfs-item-levels[b-657i641kty] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.25);
}

.mfs-item-equipped-badge[b-657i641kty] {
    font-size: 11px;
    color: #FFD700;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(255,215,0,0.08);
    border: 1px solid rgba(255,215,0,0.15);
    font-weight: 700;
}

/* ── Bottom Sheet ── */
.mfs-sheet-backdrop[b-657i641kty] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 200;
    animation: mfs-fade-in-b-657i641kty 0.2s ease;
    backdrop-filter: blur(4px);
}

@keyframes mfs-fade-in-b-657i641kty {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mfs-sheet[b-657i641kty] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #172033 0%, #0f1822 100%);
    border-radius: 22px 22px 0 0;
    max-height: 60dvh;
    overflow-y: auto;
    z-index: 210;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    padding: 0 0 calc(env(safe-area-inset-bottom, 0px) + 12px);
    overscroll-behavior: contain;
    border-top: 1px solid rgba(0,200,255,0.12);
    box-shadow: 0 -8px 40px rgba(0,0,0,0.5);
}

    .mfs-sheet--open[b-657i641kty] {
        transform: translateY(0);
    }

.mfs-sheet-handle[b-657i641kty] {
    width: 38px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255,255,255,0.15);
    margin: 10px auto 4px;
    cursor: pointer;
    flex-shrink: 0;
}

.mfs-sheet-header[b-657i641kty] {
    padding: 8px 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mfs-sheet-title[b-657i641kty] {
    font-size: 18px;
    font-weight: 800;
    color: rgba(255,255,255,0.95);
    letter-spacing: 0.2px;
}

.mfs-sheet-cost-range[b-657i641kty] {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,0.3);
    font-variant-numeric: tabular-nums;
}

/* ── Star Level Selector ── */
.mfs-star-selector[b-657i641kty] {
    display: flex;
    gap: 8px;
    padding: 0 20px 16px;
}

.mfs-star-btn[b-657i641kty] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 8px;
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .mfs-star-btn:active[b-657i641kty] {
        transform: scale(0.94);
    }

    .mfs-star-btn--active[b-657i641kty] {
        border-color: rgba(0,200,255,0.5);
        background: linear-gradient(135deg, rgba(0,200,255,0.1) 0%, rgba(0,200,255,0.04) 100%);
        box-shadow: 0 0 16px rgba(0,200,255,0.12), inset 0 0 12px rgba(0,200,255,0.04);
    }

.mfs-star-btn-stars[b-657i641kty] {
    font-size: 16px;
    color: #FFD700;
    text-shadow: 0 0 8px rgba(255,215,0,0.3);
}

.mfs-star-btn-cost[b-657i641kty] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.45);
    font-variant-numeric: tabular-nums;
}

.mfs-star-btn--active .mfs-star-btn-cost[b-657i641kty] {
    color: #00c8ff;
}

.mfs-star-btn--disabled[b-657i641kty] {
    opacity: 0.3;
    pointer-events: none;
    border-color: rgba(239,68,68,0.12);
}

    .mfs-star-btn--disabled .mfs-star-btn-cost[b-657i641kty] {
        color: #ef4444;
    }

/* ── Detail Bonuses ── */
.mfs-detail-bonuses[b-657i641kty] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 20px 16px;
}

.mfs-detail-bonus-chip[b-657i641kty] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(16,185,129,0.06);
    border: 1px solid rgba(16,185,129,0.18);
    animation: mfs-chip-in-b-657i641kty 0.25s ease;
}

    .mfs-detail-bonus-chip--ps[b-657i641kty] {
        background: rgba(255,215,0,0.06);
        border-color: rgba(255,215,0,0.2);
    }

@keyframes mfs-chip-in-b-657i641kty {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.mfs-detail-bonus-value[b-657i641kty] {
    font-size: 14px;
    font-weight: 800;
    color: #10b981;
}

.mfs-detail-bonus-chip--ps .mfs-detail-bonus-value[b-657i641kty] {
    color: #FFD700;
}

.mfs-detail-bonus-name[b-657i641kty] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.7);
}

/* ── Action Button ── */
.mfs-sheet-action[b-657i641kty] {
    padding: 8px 20px 4px;
}

.mfs-action-btn[b-657i641kty] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    border-radius: 14px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .mfs-action-btn:active[b-657i641kty] {
        transform: scale(0.97);
    }

    .mfs-action-btn--equip[b-657i641kty] {
        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
        color: #fff;
        box-shadow: 0 4px 20px rgba(14,165,233,0.35);
        letter-spacing: 0.3px;
    }

    .mfs-action-btn--unequip[b-657i641kty] {
        background: rgba(239,68,68,0.1);
        color: #f87171;
        border: 1px solid rgba(239,68,68,0.2);
    }

    .mfs-action-btn--disabled[b-657i641kty] {
        background: rgba(255,255,255,0.03);
        color: rgba(255,255,255,0.2);
        border: 1px solid rgba(255,255,255,0.06);
        pointer-events: none;
    }
/* /Components/PlayerBuilder/MobilePlaystylePicker.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   MobilePlaystylePicker — Premium playstyle UI
   ══════════════════════════════════════════════ */

/* SVG diamond fill rules — mirrors PlaystyleTile/PcwPlayerCard.
   CSS vars --diamondBackgroundColor / --diamondForegroundColor are set
   inline on the .playstyle-icon wrapper. */
[b-fxi0ppw0tx] .playstyle-icon .diamondBackground {
    fill: var(--diamondBackgroundColor, #C2C2C1) !important;
}

[b-fxi0ppw0tx] .playstyle-icon svg path:not(.diamondBackground) {
    fill: var(--diamondForegroundColor, #2C2C2C) !important;
}

.mpp-root[b-fxi0ppw0tx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Section ── */
.mpp-section[b-fxi0ppw0tx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mpp-section-header[b-fxi0ppw0tx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 2px;
}

.mpp-section-title[b-fxi0ppw0tx] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
}

.mpp-section-count[b-fxi0ppw0tx] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.4);
}

.mpp-edit-btn[b-fxi0ppw0tx] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid rgba(0, 200, 255, 0.2);
    background: rgba(0, 200, 255, 0.06);
    color: #00c8ff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}

    .mpp-edit-btn:active[b-fxi0ppw0tx] {
        background: rgba(0, 200, 255, 0.15);
        transform: scale(0.96);
    }

/* ── Signature Carousel ── */
.mpp-sig-carousel[b-fxi0ppw0tx] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 8px;
}

    .mpp-sig-carousel[b-fxi0ppw0tx]::-webkit-scrollbar {
        display: none;
    }

.mpp-sig-card[b-fxi0ppw0tx] {
    flex: 0 0 calc(33.33% - 7px);
    min-width: 100px;
    max-width: 140px;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 8px;
    position: relative;
    cursor: pointer;
    scroll-snap-align: center;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
}

    .mpp-sig-card:active[b-fxi0ppw0tx] {
        transform: scale(0.95);
    }

/* Gold card */
.mpp-sig-card--gold[b-fxi0ppw0tx] {
    border: 2px solid rgba(255, 215, 0, 0.25);
    background: linear-gradient(165deg, rgba(255, 215, 0, 0.08) 0%, rgba(184, 134, 11, 0.04) 100%);
}

    .mpp-sig-card--gold.mpp-sig-card--equipped[b-fxi0ppw0tx] {
        border-color: rgba(255, 215, 0, 0.6);
        background: linear-gradient(165deg, rgba(255, 215, 0, 0.12) 0%, rgba(184, 134, 11, 0.06) 100%);
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.15), inset 0 0 20px rgba(255, 215, 0, 0.05);
        transform: scale(1.03);
    }

/* Silver card */
.mpp-sig-card--silver[b-fxi0ppw0tx] {
    border: 2px solid rgba(212, 212, 211, 0.2);
    background: linear-gradient(165deg, rgba(212, 212, 211, 0.06) 0%, rgba(150, 150, 150, 0.03) 100%);
}

    .mpp-sig-card--silver.mpp-sig-card--equipped[b-fxi0ppw0tx] {
        border-color: rgba(212, 212, 211, 0.5);
        background: linear-gradient(165deg, rgba(212, 212, 211, 0.1) 0%, rgba(150, 150, 150, 0.05) 100%);
        box-shadow: 0 0 16px rgba(212, 212, 211, 0.1), inset 0 0 16px rgba(212, 212, 211, 0.04);
        transform: scale(1.03);
    }

/* Locked card */
.mpp-sig-card--locked[b-fxi0ppw0tx] {
    opacity: 0.5;
    pointer-events: none;
}

.mpp-sig-locked-overlay[b-fxi0ppw0tx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.mpp-sig-locked-text[b-fxi0ppw0tx] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mpp-sig-icon-wrap[b-fxi0ppw0tx] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-fxi0ppw0tx] .mpp-sig-icon {
    width: 48px !important;
    height: 48px !important;
}

.mpp-sig-name[b-fxi0ppw0tx] {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mpp-sig-badge[b-fxi0ppw0tx] {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
}

    .mpp-sig-badge--equipped[b-fxi0ppw0tx] {
        color: #4ade80;
        background: rgba(74, 222, 128, 0.15);
        border: 1px solid rgba(74, 222, 128, 0.25);
    }

.mpp-sig-plus-badge[b-fxi0ppw0tx] {
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 16px;
    font-weight: 900;
    color: #FFD700;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
}

/* ── Regular Playstyles Grid ── */
.mpp-grid[b-fxi0ppw0tx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.mpp-tile[b-fxi0ppw0tx] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 6px 10px;
    border-radius: 10px;
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-tap-highlight-color: transparent;
    aspect-ratio: 1;
    min-height: 80px;
}

    .mpp-tile:active[b-fxi0ppw0tx] {
        transform: scale(0.93);
    }

    .mpp-tile--equipped[b-fxi0ppw0tx] {
        border-color: rgba(0, 200, 255, 0.35);
        background: rgba(0, 200, 255, 0.06);
        box-shadow: 0 0 12px rgba(0, 200, 255, 0.12), inset 0 0 12px rgba(0, 200, 255, 0.04);
    }

    .mpp-tile--locked[b-fxi0ppw0tx] {
        opacity: 0.4;
    }

.mpp-tile-icon[b-fxi0ppw0tx] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-fxi0ppw0tx] .mpp-tile-ps-icon {
    width: 32px !important;
    height: 32px !important;
}

.mpp-tile-name[b-fxi0ppw0tx] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mpp-tile--equipped .mpp-tile-name[b-fxi0ppw0tx] {
    color: rgba(255, 255, 255, 0.85);
}

.mpp-tile-plus-badge[b-fxi0ppw0tx] {
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 10px;
    font-weight: 800;
    color: #FFD700;
}

.mpp-tile-lock-icon[b-fxi0ppw0tx] {
    position: absolute;
    top: 4px;
    left: 6px;
}

.mpp-tile-check[b-fxi0ppw0tx] {
    position: absolute;
    bottom: 4px;
    right: 6px;
}

/* ══════════════════════════════════════════════
   Signature Bottom Sheet
   ══════════════════════════════════════════════ */

.mpp-sheet-backdrop[b-fxi0ppw0tx] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 200;
    animation: mpp-fade-in-b-fxi0ppw0tx 0.2s ease;
}

@keyframes mpp-fade-in-b-fxi0ppw0tx {
    from { opacity: 0; }
    to { opacity: 1; }
}

.mpp-sheet[b-fxi0ppw0tx] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #14203a;
    border-radius: 20px 20px 0 0;
    max-height: 65dvh;
    overflow-y: auto;
    z-index: 210;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    padding: 0 0 calc(env(safe-area-inset-bottom, 0px) + 16px);
    overscroll-behavior: contain;
}

    .mpp-sheet--open[b-fxi0ppw0tx] {
        transform: translateY(0);
    }

.mpp-sheet-handle[b-fxi0ppw0tx] {
    width: 38px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.18);
    margin: 10px auto 4px;
    cursor: pointer;
    flex-shrink: 0;
}

.mpp-sheet-header[b-fxi0ppw0tx] {
    padding: 8px 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mpp-sheet-title[b-fxi0ppw0tx] {
    font-size: 18px;
    font-weight: 800;
    color: #FFD700;
}

.mpp-sheet-subtitle[b-fxi0ppw0tx] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

/* ── Sheet List ── */
.mpp-sheet-list[b-fxi0ppw0tx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 12px;
}

.mpp-sheet-row[b-fxi0ppw0tx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1.5px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}

    .mpp-sheet-row:active[b-fxi0ppw0tx] {
        transform: scale(0.98);
        background: rgba(255, 255, 255, 0.06);
    }

    .mpp-sheet-row--equipped[b-fxi0ppw0tx] {
        border-color: rgba(255, 215, 0, 0.35);
        background: rgba(255, 215, 0, 0.06);
    }

    .mpp-sheet-row--locked[b-fxi0ppw0tx] {
        opacity: 0.5;
    }

    .mpp-sheet-row--unlock[b-fxi0ppw0tx] {
        border-color: rgba(245, 158, 11, 0.3);
        background: rgba(245, 158, 11, 0.04);
    }

.mpp-sheet-row-icon[b-fxi0ppw0tx] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-fxi0ppw0tx] .mpp-sheet-ps-icon {
    width: 36px !important;
    height: 36px !important;
}

.mpp-sheet-row-info[b-fxi0ppw0tx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.mpp-sheet-row-name[b-fxi0ppw0tx] {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mpp-sheet-row-status[b-fxi0ppw0tx] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .mpp-sheet-row-status--equipped[b-fxi0ppw0tx] {
        color: #4ade80;
    }

    .mpp-sheet-row-status--available[b-fxi0ppw0tx] {
        color: #FFD700;
    }

    .mpp-sheet-row-status--locked[b-fxi0ppw0tx] {
        color: rgba(255, 255, 255, 0.35);
    }

    .mpp-sheet-row-status--blocked[b-fxi0ppw0tx] {
        color: #f44336;
    }

    .mpp-sheet-row-status--unlock[b-fxi0ppw0tx] {
        color: #f59e0b;
    }

.mpp-sheet-row-action[b-fxi0ppw0tx] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
}

/* ── Locked slot tile ── */
.mpp-tile--slot-locked[b-fxi0ppw0tx] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

/* ── Regular sheet: silver equipped row ── */
.mpp-sheet-row--reg-equipped[b-fxi0ppw0tx] {
    border-color: rgba(194, 194, 193, 0.4);
    background: rgba(194, 194, 193, 0.06);
}

.mpp-sheet-row-status--reg-equipped[b-fxi0ppw0tx] {
    color: #C2C2C1;
}

/* ── Regular sheet: category label ── */
.mpp-sheet-cat-label[b-fxi0ppw0tx] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    padding: 10px 4px 4px;
}

/* ── Regular sheet: title in silver ── */
.mpp-sheet-title--silver[b-fxi0ppw0tx] {
    color: #C2C2C1;
}
/* /Components/PlayerBuilder/MobileSettingsPanel.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   MobileSettingsPanel — Premium settings controls
   ══════════════════════════════════════════════ */

.msp-root[b-dtc26dutwt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Card ── */
.msp-card[b-dtc26dutwt] {
    background: #141a22;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.msp-card-header[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.msp-card-icon[b-dtc26dutwt] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.msp-card-title[b-dtc26dutwt] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.9);
    flex: 1;
}

.msp-card-right[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.msp-card-body[b-dtc26dutwt] {
    padding: 10px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Level Badge ── */
.msp-level-badge[b-dtc26dutwt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 24px;
    padding: 0 8px;
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.15);
    color: #00c8ff;
    font-size: 13px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.msp-ap-label[b-dtc26dutwt] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    white-space: nowrap;
}

/* ── Range Labels ── */
.msp-range-labels[b-dtc26dutwt] {
    display: flex;
    justify-content: space-between;
    margin-top: -4px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
    font-variant-numeric: tabular-nums;
}

/* ── Slider Row ── */
.msp-slider-row[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 36px;
}

/* +/- buttons — match MobileStatAccordion */
.msp-btn-adjust[b-dtc26dutwt] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
    font-family: inherit;
    padding: 0;
}

    .msp-btn-adjust:active:not(:disabled)[b-dtc26dutwt] {
        background: rgba(0, 200, 255, 0.15);
        border-color: rgba(0, 200, 255, 0.3);
        transform: scale(0.92);
    }

    .msp-btn-adjust:disabled[b-dtc26dutwt] {
        opacity: 0.25;
        cursor: not-allowed;
    }

.msp-btn-minus[b-dtc26dutwt] {
    border-color: rgba(239, 68, 68, 0.2);
}

    .msp-btn-minus:active:not(:disabled)[b-dtc26dutwt] {
        background: rgba(239, 68, 68, 0.15);
        border-color: rgba(239, 68, 68, 0.3);
    }

.msp-btn-plus[b-dtc26dutwt] {
    border-color: rgba(34, 197, 94, 0.2);
}

    .msp-btn-plus:active:not(:disabled)[b-dtc26dutwt] {
        background: rgba(34, 197, 94, 0.15);
        border-color: rgba(34, 197, 94, 0.3);
    }

/* ── Custom Slider (matches MobileStatAccordion) ── */
.msp-slider-wrap[b-dtc26dutwt] {
    flex: 1;
    position: relative;
    height: 28px;
    display: flex;
    align-items: center;
    min-width: 0;
}

.msp-slider-track[b-dtc26dutwt] {
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
    pointer-events: none;
}

.msp-slider-fill[b-dtc26dutwt] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.12s ease, background 0.2s;
}

.msp-slider-input[b-dtc26dutwt] {
    position: absolute;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}

    .msp-slider-input[b-dtc26dutwt]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid rgba(0, 200, 255, 0.6);
        box-shadow: 0 0 8px rgba(0, 200, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);
        cursor: pointer;
        transition: box-shadow 0.2s, transform 0.15s;
    }

        .msp-slider-input[b-dtc26dutwt]::-webkit-slider-thumb:active {
            transform: scale(1.2);
            box-shadow: 0 0 14px rgba(0, 200, 255, 0.5), 0 2px 6px rgba(0, 0, 0, 0.4);
        }

    .msp-slider-input[b-dtc26dutwt]::-moz-range-thumb {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid rgba(0, 200, 255, 0.6);
        box-shadow: 0 0 8px rgba(0, 200, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    .msp-slider-input[b-dtc26dutwt]::-webkit-slider-runnable-track {
        height: 6px;
        background: transparent;
    }

    .msp-slider-input[b-dtc26dutwt]::-moz-range-track {
        height: 6px;
        background: transparent;
        border: none;
    }

/* ── AP Budget Section ── */
.msp-budget-row[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    gap: 0;
}

.msp-budget-stat[b-dtc26dutwt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.msp-budget-label[b-dtc26dutwt] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.35);
}

.msp-budget-value[b-dtc26dutwt] {
    font-size: 16px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.msp-budget-divider[b-dtc26dutwt] {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
    margin: 0 6px;
}

.msp-budget-bar[b-dtc26dutwt] {
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.msp-budget-bar-fill[b-dtc26dutwt] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* ── Physique ── */
.msp-physique-item[b-dtc26dutwt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .msp-physique-item + .msp-physique-item[b-dtc26dutwt] {
        margin-top: 6px;
    }

.msp-physique-label-row[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msp-physique-label[b-dtc26dutwt] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.msp-physique-value[b-dtc26dutwt] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    font-variant-numeric: tabular-nums;
}

/* Physique impact chips */
.msp-impact-row[b-dtc26dutwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.msp-impact-chip[b-dtc26dutwt] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    white-space: nowrap;
}

    .msp-impact-chip--pos[b-dtc26dutwt] {
        color: #4ade80;
        background: rgba(74, 222, 128, 0.1);
    }

    .msp-impact-chip--neg[b-dtc26dutwt] {
        color: #f87171;
        background: rgba(248, 113, 113, 0.1);
    }

/* ── Specializations ── */
.msp-spec-unlocked[b-dtc26dutwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.msp-spec-chip[b-dtc26dutwt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
}

    .msp-spec-chip--unlocked[b-dtc26dutwt] {
        background: rgba(0, 200, 255, 0.12);
        color: #00c8ff;
        border: 1px solid rgba(0, 200, 255, 0.2);
    }

.msp-spec-list[b-dtc26dutwt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.msp-spec-item[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.msp-spec-info[b-dtc26dutwt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.msp-spec-name[b-dtc26dutwt] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msp-spec-req[b-dtc26dutwt] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.3;
}

.msp-spec-btn[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 38px;
    height: 34px;
    padding: 0 8px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}

    .msp-spec-btn--ready[b-dtc26dutwt] {
        background: rgba(74, 222, 128, 0.15);
        color: #4ade80;
        border: 1px solid rgba(74, 222, 128, 0.2);
    }

        .msp-spec-btn--ready:active[b-dtc26dutwt] {
            transform: scale(0.93);
            background: rgba(74, 222, 128, 0.25);
        }

    .msp-spec-btn--afford[b-dtc26dutwt] {
        background: rgba(255, 152, 0, 0.12);
        color: #ffb74d;
        border: 1px solid rgba(255, 152, 0, 0.2);
    }

        .msp-spec-btn--afford:active[b-dtc26dutwt] {
            transform: scale(0.93);
            background: rgba(255, 152, 0, 0.2);
        }

    .msp-spec-btn--locked[b-dtc26dutwt] {
        background: rgba(255, 255, 255, 0.03);
        color: rgba(255, 255, 255, 0.2);
        cursor: not-allowed;
        opacity: 0.4;
    }

.msp-spec-btn-cost[b-dtc26dutwt] {
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Star Rating (Weak Foot / Skill Moves) ── */
.msp-star-row[b-dtc26dutwt] {
    padding: 6px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .msp-star-row + .msp-star-row[b-dtc26dutwt] {
        border-top: 1px solid rgba(255, 255, 255, 0.04);
        padding-top: 10px;
    }

.msp-star-label[b-dtc26dutwt] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 70px;
    flex-shrink: 0;
}

.msp-star-pips[b-dtc26dutwt] {
    display: flex;
    gap: 5px;
    flex: 1;
    height: 32px;
    align-items: center;
}

.msp-star-pip[b-dtc26dutwt] {
    flex: 1;
    max-width: 56px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
}

    .msp-star-pip--active[b-dtc26dutwt] {
        background: #00c8ff;
        border-color: #00c8ff;
        box-shadow: 0 0 8px rgba(0, 200, 255, 0.3);
    }

    .msp-star-pip--locked[b-dtc26dutwt] {
        background: rgba(0, 200, 255, 0.06);
        border-color: rgba(0, 200, 255, 0.12);
        cursor: not-allowed;
    }

    .msp-star-pip:active:not(.msp-star-pip--locked)[b-dtc26dutwt] {
        transform: scale(0.93);
    }

.msp-star-ap[b-dtc26dutwt] {
    font-size: 9px;
    font-weight: 700;
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Other row (non-star) ── */
.msp-other-row[b-dtc26dutwt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .msp-other-row + .msp-other-row[b-dtc26dutwt] {
        margin-top: 6px;
    }

/* ── Action row (2-column grid so buttons wrap on small screens) ── */
.msp-action-row[b-dtc26dutwt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* ── Share Button ── */
.msp-share-btn[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(0, 200, 255, 0.2);
    background: rgba(0, 200, 255, 0.06);
    color: #00c8ff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .msp-share-btn:active[b-dtc26dutwt] {
        background: rgba(0, 200, 255, 0.15);
        border-color: rgba(0, 200, 255, 0.35);
        transform: scale(0.98);
    }

/* ── Reset Button ── */
.msp-reset-btn[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(239, 68, 68, 0.2);
    background: rgba(239, 68, 68, 0.06);
    color: #f87171;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .msp-reset-btn:active[b-dtc26dutwt] {
        background: rgba(239, 68, 68, 0.15);
        border-color: rgba(239, 68, 68, 0.35);
        transform: scale(0.98);
    }

/* ── Share Code Button ── */
.msp-code-btn[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(99, 102, 241, 0.2);
    background: rgba(99, 102, 241, 0.06);
    color: #818cf8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .msp-code-btn:active[b-dtc26dutwt] {
        background: rgba(99, 102, 241, 0.15);
        border-color: rgba(99, 102, 241, 0.35);
        transform: scale(0.98);
    }

/* ── Import Code Button ── */
.msp-import-btn[b-dtc26dutwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(52, 211, 153, 0.2);
    background: rgba(52, 211, 153, 0.06);
    color: #34d399;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

    .msp-import-btn:active[b-dtc26dutwt] {
        background: rgba(52, 211, 153, 0.15);
        border-color: rgba(52, 211, 153, 0.35);
        transform: scale(0.98);
    }
/* /Components/PlayerBuilder/MobileStatAccordion.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   MobileStatAccordion — Premium stat controls
   ══════════════════════════════════════════════ */

.msa-root[b-todrvgyf0i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Category Card ── */
.msa-category[b-todrvgyf0i] {
    background: rgba(20, 26, 34, 0.84);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    backdrop-filter: blur(12px);
}

    .msa-category--expanded[b-todrvgyf0i] {
        border-color: rgba(0, 200, 255, 0.2);
    }

.msa-category-header[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s;
}

    .msa-category-header:active[b-todrvgyf0i] {
        background: rgba(255, 255, 255, 0.03);
    }

.msa-category-left[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.msa-category-icon[b-todrvgyf0i] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.msa-category-name[b-todrvgyf0i] {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.9);
}

.msa-category-right[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.msa-category-rating[b-todrvgyf0i] {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
}

/* ── Category Body ── */
.msa-category-body[b-todrvgyf0i] {
    padding: 4px 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    animation: msa-slide-in-b-todrvgyf0i 0.2s ease;
}

@keyframes msa-slide-in-b-todrvgyf0i {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

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

/* ── Stat Row ── */
.msa-stat-row[b-todrvgyf0i] {
    padding: 6px 4px;
    border-radius: 8px;
    transition: background 0.15s;
}

    .msa-stat-row--key[b-todrvgyf0i] {
        background: rgba(0, 200, 255, 0.04);
    }

.msa-stat-top[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.msa-stat-name[b-todrvgyf0i] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.2px;
}

    .msa-stat-name--key[b-todrvgyf0i] {
        font-weight: 700;
        color: #00c8ff;
    }

/* ── Badges ── */
.msa-stat-badges[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.msa-badge[b-todrvgyf0i] {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 4px;
    white-space: nowrap;
}

    .msa-badge--pos[b-todrvgyf0i] {
        color: #4ade80;
        background: rgba(74, 222, 128, 0.12);
    }

    .msa-badge--neg[b-todrvgyf0i] {
        color: #f87171;
        background: rgba(248, 113, 113, 0.12);
    }

    .msa-badge--fac[b-todrvgyf0i] {
        color: #34d399;
        background: rgba(52, 211, 153, 0.12);
    }

    .msa-badge--ap[b-todrvgyf0i] {
        color: #38bdf8;
        background: rgba(56, 189, 248, 0.1);
    }

/* ── Slider Control Row ── */
.msa-stat-control[b-todrvgyf0i] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 36px;
}

/* +/- buttons */
.msa-btn-adjust[b-todrvgyf0i] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
    font-family: inherit;
    padding: 0;
}

    .msa-btn-adjust:active:not(:disabled)[b-todrvgyf0i] {
        background: rgba(0, 200, 255, 0.15);
        border-color: rgba(0, 200, 255, 0.3);
        transform: scale(0.92);
    }

    .msa-btn-adjust:disabled[b-todrvgyf0i] {
        opacity: 0.25;
        cursor: not-allowed;
    }

.msa-btn-minus[b-todrvgyf0i] {
    border-color: rgba(239, 68, 68, 0.2);
}

    .msa-btn-minus:active:not(:disabled)[b-todrvgyf0i] {
        background: rgba(239, 68, 68, 0.15);
        border-color: rgba(239, 68, 68, 0.3);
    }

.msa-btn-plus[b-todrvgyf0i] {
    border-color: rgba(34, 197, 94, 0.2);
}

    .msa-btn-plus:active:not(:disabled)[b-todrvgyf0i] {
        background: rgba(34, 197, 94, 0.15);
        border-color: rgba(34, 197, 94, 0.3);
    }

/* ── Custom Slider ── */
.msa-slider-wrap[b-todrvgyf0i] {
    flex: 1;
    position: relative;
    height: 28px;
    display: flex;
    align-items: center;
    min-width: 0;
}

.msa-slider-track[b-todrvgyf0i] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.075);
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-50%);
}

.msa-slider-fill[b-todrvgyf0i] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.12s ease, background 0.2s;
}

.msa-slider-track[b-todrvgyf0i]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.14);
}

.msa-slider-input[b-todrvgyf0i] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
}

    .msa-slider-input[b-todrvgyf0i]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 24px;
        height: 24px;
        margin-top: -8px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid rgba(0, 200, 255, 0.85);
        box-shadow: 0 0 0 4px rgba(0, 200, 255, 0.16), 0 0 12px rgba(0, 200, 255, 0.42), 0 2px 4px rgba(0, 0, 0, 0.35);
        cursor: pointer;
        transition: box-shadow 0.2s, transform 0.15s;
    }

        .msa-slider-input[b-todrvgyf0i]::-webkit-slider-thumb:active {
            transform: scale(1.2);
            box-shadow: 0 0 14px rgba(0, 200, 255, 0.5), 0 2px 6px rgba(0, 0, 0, 0.4);
        }

    .msa-slider-input[b-todrvgyf0i]::-moz-range-thumb {
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border-radius: 50%;
        background: #fff;
        border: 3px solid rgba(0, 200, 255, 0.85);
        box-shadow: 0 0 0 4px rgba(0, 200, 255, 0.16), 0 0 12px rgba(0, 200, 255, 0.42), 0 2px 4px rgba(0, 0, 0, 0.35);
        cursor: pointer;
    }

    .msa-slider-input[b-todrvgyf0i]::-webkit-slider-runnable-track {
        height: 8px;
        background: transparent;
        border: 0;
    }

    .msa-slider-input[b-todrvgyf0i]::-moz-range-track {
        height: 8px;
        background: transparent;
        border: none;
    }

/* ── Stat Value Display ── */
.msa-stat-value[b-todrvgyf0i] {
    flex: 0 0 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.3px;
    animation: msa-value-pop-b-todrvgyf0i 0.2s ease;
}

@keyframes msa-value-pop-b-todrvgyf0i {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

/* ── Star Rating Row ── */
.msa-star-row[b-todrvgyf0i] {
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.msa-star-label[b-todrvgyf0i] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.msa-star-pips[b-todrvgyf0i] {
    display: flex;
    gap: 5px;
    height: 32px;
    align-items: center;
}

.msa-star-pip[b-todrvgyf0i] {
    flex: 1;
    max-width: 60px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
}

    .msa-star-pip--active[b-todrvgyf0i] {
        background: #00c8ff;
        border-color: #00c8ff;
        box-shadow: 0 0 8px rgba(0, 200, 255, 0.3);
    }

    .msa-star-pip--locked[b-todrvgyf0i] {
        background: rgba(0, 200, 255, 0.06);
        border-color: rgba(0, 200, 255, 0.12);
        cursor: not-allowed;
    }

    .msa-star-pip:active:not(.msa-star-pip--locked)[b-todrvgyf0i] {
        transform: scale(0.93);
    }
/* /Components/PlayerBuilder/PcwStatSlider.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   PCW CUSTOM STAT SLIDER
   ═══════════════════════════════════════════════════ */

.pcw-slider-root[b-15l4zwensr] {
    position: relative;
    width: 100%;
    height: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.pcw-slider-root.pcw-slider-disabled[b-15l4zwensr] {
    cursor: not-allowed;
    pointer-events: none;
}

/* Disabled: desaturate the fill and dim the whole track */
.pcw-slider-root.pcw-slider-disabled .pcw-slider-fill[b-15l4zwensr] {
    background: rgba(140, 150, 170, 0.35) !important;
    transition: none;
}

.pcw-slider-root.pcw-slider-disabled .pcw-slider-track-bg[b-15l4zwensr] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.04);
}

.pcw-slider-root.pcw-slider-disabled .pcw-slider-handle[b-15l4zwensr] {
    border-color: rgba(150, 160, 180, 0.4) !important;
    box-shadow: none !important;
    opacity: 0.4;
}

.pcw-slider-root.pcw-slider-disabled .pcw-slider-handle-inner[b-15l4zwensr] {
    background: rgba(150, 160, 180, 0.4) !important;
}

/* ── Track container ── */
.pcw-slider-track[b-15l4zwensr] {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    overflow: visible;
}

/* Full track background (blocked-zone colour) */
.pcw-slider-track-bg[b-15l4zwensr] {
    position: absolute;
    inset: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.055) 100%);
    border: 1px solid rgba(255, 255, 255, 0.10);
}

/* Active fill — gradient painted by JS-computed width */
.pcw-slider-fill[b-15l4zwensr] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 5px;
    transition: width 0.08s ease, background 0.25s ease;
    pointer-events: none;
}

/* Blocked/unavailable zone (MaxValue → AbsoluteMax) */
.pcw-slider-block[b-15l4zwensr] {
    position: absolute;
    top: -2px;
    height: calc(100% + 4px);
    background: repeating-linear-gradient(
        -45deg,
        rgba(148, 163, 184, 0.28) 0px,
        rgba(148, 163, 184, 0.28) 2px,
        rgba(15, 23, 42, 0.72) 2px,
        rgba(15, 23, 42, 0.72) 6px
    ),
    linear-gradient(90deg, rgba(2, 6, 23, 0.78), rgba(15, 23, 42, 0.92));
    border-left: 2px dashed rgba(203, 213, 225, 0.38);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0 6px 6px 0;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.42);
    pointer-events: none;
}

.pcw-slider-block[b-15l4zwensr]::after {
    content: 'LOCKED';
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .7px;
    color: rgba(203, 213, 225, 0.46);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Modifier tick — thin vertical bar showing effective value after physique/facility */
.pcw-slider-mod-tick[b-15l4zwensr] {
    position: absolute;
    top: -5px;
    width: 2px;
    height: 16px;
    border-radius: 2px;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 3;
}

.pcw-slider-mod-tick--pos[b-15l4zwensr] {
    background: rgba(74, 222, 128, 0.75);
    box-shadow: 0 0 4px rgba(74, 222, 128, 0.5);
}

.pcw-slider-mod-tick--neg[b-15l4zwensr] {
    background: rgba(248, 113, 113, 0.75);
    box-shadow: 0 0 4px rgba(248, 113, 113, 0.4);
}

/* ── Handle ── */
.pcw-slider-handle[b-15l4zwensr] {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #22d3ee;
    background: #0d1117;
    transform: translate(-50%, -50%);
    transition: left 0.08s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcw-slider-handle-inner[b-15l4zwensr] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: background 0.25s ease;
    flex-shrink: 0;
}

.pcw-slider-root:hover .pcw-slider-handle[b-15l4zwensr],
.pcw-slider-root:active .pcw-slider-handle[b-15l4zwensr] {
    width: 16px;
    height: 16px;
    transition: width 0.1s ease, height 0.1s ease, border-color 0.25s, box-shadow 0.25s;
}
/* /Components/PlayerBuilder/PlayerBuilderMobile.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   PlayerBuilderMobile — Premium Mobile Editor
   ══════════════════════════════════════════════════ */

/* ── Root Container ── */
.pbm-root[b-yu7fhapza7] {
    position: fixed;
    top: var(--mud-appbar-height, 48px);
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #080c14;
    z-index: 50;
    overflow: hidden;
}

/* ── Sticky Header ── */
.pbm-header[b-yu7fhapza7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px 6px;
    background: linear-gradient(180deg, rgba(20, 26, 34, 0.92) 0%, rgba(15, 21, 32, 0.78) 100%);
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    backdrop-filter: blur(16px);
    flex-shrink: 0;
    z-index: 10;
}

.pbm-header-row[b-yu7fhapza7] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.pbm-header-row--top[b-yu7fhapza7] {
    align-items: flex-start;
}

.pbm-page-title[b-yu7fhapza7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    margin: 2px 2px 0 0;
    color: #e6f8ff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.pbm-arch-picker[b-yu7fhapza7] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 0 18px 7px 0;
    flex: 1;
    min-width: 0;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 2px 22px;
    scroll-snap-type: x proximity;
    scrollbar-color: rgba(0, 200, 255, 0.58) rgba(255, 255, 255, 0.08);
    scrollbar-width: thin;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
    -webkit-overflow-scrolling: touch;
}

.pbm-arch-picker[b-yu7fhapza7]::-webkit-scrollbar {
    height: 5px;
}

.pbm-arch-picker[b-yu7fhapza7]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.pbm-arch-picker[b-yu7fhapza7]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.58);
}

.pbm-arch-group[b-yu7fhapza7] {
    flex: 0 0 auto;
    min-width: 180px;
    border: 1px solid rgba(0, 200, 255, 0.2);
    border-radius: 10px;
    padding: 6px;
    background: linear-gradient(180deg, rgba(0,200,255,0.07) 0%, rgba(0,200,255,0.025) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    scroll-snap-align: start;
}

.pbm-arch-group-title[b-yu7fhapza7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(0, 200, 255, 0.35);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #9be8ff;
    margin-bottom: 6px;
}

.pbm-arch-group-title[b-yu7fhapza7]::before {
    content: '◆';
    font-size: 8px;
}

.pbm-arch-row[b-yu7fhapza7] {
    display: flex;
    gap: 6px;
}

.pbm-arch-card[b-yu7fhapza7] {
    min-width: 74px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 6px 5px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.045);
    color: #fff;
    font: inherit;
}

.pbm-arch-card:focus-visible[b-yu7fhapza7] {
    outline: 2px solid rgba(155, 232, 255, 0.95);
    outline-offset: 2px;
}

.pbm-arch-card--active[b-yu7fhapza7] {
    border-color: #4dabff;
    background: linear-gradient(135deg, rgba(30,136,229,0.35) 0%, rgba(29,102,204,0.45) 100%);
    box-shadow: 0 0 14px rgba(77,171,255,0.45);
}

.pbm-arch-icon[b-yu7fhapza7] {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.pbm-arch-name[b-yu7fhapza7] {
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.pbm-arch-group--goalkeeper[b-yu7fhapza7] {
    border-color: rgba(34, 211, 238, 0.38);
    background: linear-gradient(135deg, rgba(8, 38, 61, 0.82) 0%, rgba(18, 57, 94, 0.46) 100%);
}

.pbm-arch-group--goalkeeper .pbm-arch-group-title[b-yu7fhapza7] {
    border-color: rgba(34, 211, 238, 0.45);
    color: #9be8ff;
}

.pbm-arch-card--active.pbm-arch-group--goalkeeper[b-yu7fhapza7] {
    border-color: rgba(34, 211, 238, 0.9);
    background: linear-gradient(135deg, rgba(14, 116, 144, 0.42) 0%, rgba(6, 182, 212, 0.34) 100%);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.45);
}

.pbm-arch-group--defender[b-yu7fhapza7] {
    border-color: rgba(96, 165, 250, 0.38);
    background: linear-gradient(135deg, rgba(18, 34, 72, 0.82) 0%, rgba(36, 63, 124, 0.46) 100%);
}

.pbm-arch-group--defender .pbm-arch-group-title[b-yu7fhapza7] {
    border-color: rgba(96, 165, 250, 0.45);
    color: #b2d0ff;
}

.pbm-arch-card--active.pbm-arch-group--defender[b-yu7fhapza7] {
    border-color: rgba(96, 165, 250, 0.9);
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.45) 0%, rgba(59, 130, 246, 0.34) 100%);
    box-shadow: 0 0 14px rgba(96, 165, 250, 0.45);
}

.pbm-arch-group--midfielder[b-yu7fhapza7] {
    border-color: rgba(167, 139, 250, 0.4);
    background: linear-gradient(135deg, rgba(43, 27, 82, 0.82) 0%, rgba(74, 46, 130, 0.46) 100%);
}

.pbm-arch-group--midfielder .pbm-arch-group-title[b-yu7fhapza7] {
    border-color: rgba(167, 139, 250, 0.45);
    color: #d7c5ff;
}

.pbm-arch-card--active.pbm-arch-group--midfielder[b-yu7fhapza7] {
    border-color: rgba(167, 139, 250, 0.9);
    background: linear-gradient(135deg, rgba(109, 40, 217, 0.44) 0%, rgba(139, 92, 246, 0.34) 100%);
    box-shadow: 0 0 14px rgba(167, 139, 250, 0.45);
}

.pbm-arch-group--forward[b-yu7fhapza7] {
    border-color: rgba(236, 72, 153, 0.4);
    background: linear-gradient(135deg, rgba(74, 14, 52, 0.82) 0%, rgba(131, 24, 91, 0.46) 100%);
}

.pbm-arch-group--forward .pbm-arch-group-title[b-yu7fhapza7] {
    border-color: rgba(236, 72, 153, 0.45);
    color: #ffc0df;
}

.pbm-arch-card--active.pbm-arch-group--forward[b-yu7fhapza7] {
    border-color: rgba(236, 72, 153, 0.9);
    background: linear-gradient(135deg, rgba(157, 23, 77, 0.45) 0%, rgba(219, 39, 119, 0.34) 100%);
    box-shadow: 0 0 14px rgba(236, 72, 153, 0.45);
}

.pbm-arch-group--default .pbm-arch-group-title[b-yu7fhapza7] {
    color: #9be8ff;
}

.pbm-header-icon[b-yu7fhapza7] {
    flex-shrink: 0;
    margin-left: auto;
}

/* ── Save Row ── */
.pbm-save-row[b-yu7fhapza7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pbm-action-row[b-yu7fhapza7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.pbm-action-btn[b-yu7fhapza7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.035);
    color: rgba(255,255,255,0.82);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: inherit;
    backdrop-filter: blur(10px);
}

.pbm-action-btn--share[b-yu7fhapza7] {
    border-color: rgba(0, 200, 255, 0.28);
    color: #22d3ee;
    background: rgba(0, 200, 255, 0.055);
}

.pbm-action-btn--code[b-yu7fhapza7] {
    border-color: rgba(129, 140, 248, 0.30);
    color: #a5b4fc;
    background: rgba(99, 102, 241, 0.06);
}

.pbm-action-btn--import[b-yu7fhapza7] {
    border-color: rgba(52, 211, 153, 0.28);
    color: #34d399;
    background: rgba(16, 185, 129, 0.045);
}

.pbm-action-btn--reset[b-yu7fhapza7] {
    border-color: rgba(248, 113, 113, 0.30);
    color: #f87171;
    background: rgba(127, 29, 29, 0.20);
}

.pbm-save-btn[b-yu7fhapza7] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #0ea5e9, #06b6d4);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    flex-shrink: 0;
    font-family: inherit;
    transition: all 0.15s;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.3);
    -webkit-tap-highlight-color: transparent;
}

    .pbm-save-btn:active:not(:disabled)[b-yu7fhapza7] {
        transform: scale(0.95);
        box-shadow: 0 1px 4px rgba(14, 165, 233, 0.2);
    }

    .pbm-save-btn:disabled[b-yu7fhapza7] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pbm-link-btn[b-yu7fhapza7] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
    font-family: inherit;
    padding: 0;
}

    .pbm-link-btn:active[b-yu7fhapza7] {
        transform: scale(0.92);
    }

    .pbm-link-btn--active[b-yu7fhapza7] {
        border-color: rgba(168, 85, 247, 0.3);
        color: #a855f7;
        background: rgba(168, 85, 247, 0.08);
    }

.pbm-alert[b-yu7fhapza7] {
    margin-top: 2px;
    font-size: 12px;
    border-radius: 8px;
}

/* ── Loading State ── */
.pbm-loading[b-yu7fhapza7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
}

.pbm-loading-text[b-yu7fhapza7] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 0.5px;
}

/* ── Empty State ── */
.pbm-empty-state[b-yu7fhapza7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 16px;
    color: rgba(255, 255, 255, 0.25);
    font-size: 13px;
    font-weight: 600;
}

/* ── Scrollable Content ── */
.pbm-content[b-yu7fhapza7] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 10px 10px calc(20px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Section wrappers ── */
.pbm-section[b-yu7fhapza7] {
    width: 100%;
}

/* ── FAQ footer bar ── */
.pbm-faq-bar[b-yu7fhapza7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    height: 40px;
    background: rgba(0, 200, 255, 0.06);
    border-top: 1px solid rgba(0, 200, 255, 0.2);
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    flex-shrink: 0;
    font-family: inherit;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.pbm-faq-bar:active[b-yu7fhapza7] {
    background: rgba(0, 200, 255, 0.12);
}

.pbm-faq-bar-icon[b-yu7fhapza7] {
    color: #00c8ff;
    flex-shrink: 0;
    display: flex;
}

.pbm-faq-bar-label[b-yu7fhapza7] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.pbm-faq-bar-spacer[b-yu7fhapza7] {
    flex: 1;
}

.pbm-faq-bar-count[b-yu7fhapza7] {
    font-size: 10px;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 20px;
    padding: 1px 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Premium Bottom Tab Bar ── */
.pbm-tab-bar[b-yu7fhapza7] {
    display: flex;
    background: rgba(10, 14, 26, 0.98);
    border-top: 1px solid rgba(0, 200, 255, 0.12);
    flex-shrink: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    z-index: 60;
    backdrop-filter: blur(10px);
}

.pbm-tab[b-yu7fhapza7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 7px 4px 5px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.35);
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.pbm-tab:focus-visible[b-yu7fhapza7] {
    outline: 2px solid rgba(0, 200, 255, 0.9);
    outline-offset: -4px;
}

    .pbm-tab:active[b-yu7fhapza7] {
        color: rgba(255, 255, 255, 0.7);
    }

.pbm-tab--active[b-yu7fhapza7] {
    color: #00c8ff;
    border-top-color: #00c8ff;
}

    .pbm-tab--active[b-yu7fhapza7]::after {
        content: '';
        position: absolute;
        top: -2px;
        left: 20%;
        right: 20%;
        height: 2px;
        background: #00c8ff;
        border-radius: 0 0 2px 2px;
        box-shadow: 0 0 8px rgba(0, 200, 255, 0.4);
    }
/* /Components/PlayerBuilder/PlayerSettingsPanel.razor.rz.scp.css */
    .psp-num-input[b-ex2cddvb8j] { flex-shrink: 0; }
    .psp-num-input .mud-input-root[b-ex2cddvb8j] { padding: 0; }
    .psp-num-input .mud-input-outlined[b-ex2cddvb8j] { padding: 0 4px; }
    .psp-num-input input[b-ex2cddvb8j] {
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        padding: 2px !important;
        height: 24px !important;
    }
    .psp-num-input .mud-input-outlined-border[b-ex2cddvb8j] { border-color: rgba(255,255,255,0.12) !important; }
    .psp-num-input:hover .mud-input-outlined-border[b-ex2cddvb8j],
    .psp-num-input:focus-within .mud-input-outlined-border[b-ex2cddvb8j] { border-color: rgba(255,255,255,0.35) !important; }
    .psp-section[b-ex2cddvb8j] { padding: 8px 12px; }
    .psp-section + .psp-section[b-ex2cddvb8j] { border-top: 1px solid rgba(255,255,255,0.06); }
    .psp-section-label[b-ex2cddvb8j] {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        color: var(--mud-palette-text-secondary);
        margin-bottom: 5px;
        display: block;
    }
    .psp-spec-row[b-ex2cddvb8j] {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 3px 6px;
        margin-bottom: 2px;
        background: rgba(255,255,255,0.02);
        border-radius: 4px;
    }
/* /Components/PlayerBuilder/PlaystylesCard.razor.rz.scp.css */
    .psc-col-label[b-6tnhgu0fe6] {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        color: var(--mud-palette-text-secondary);
        margin-bottom: 8px;
    }

    /* ── Slot base ── */
    .psc-slot[b-6tnhgu0fe6] {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border: 1.5px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.03);
        cursor: pointer;
        transition: border-color 0.15s, background 0.15s, transform 0.1s;
        user-select: none;
    }

    .psc-slot:hover[b-6tnhgu0fe6] {
        background: rgba(255,255,255,0.07);
        transform: translateY(-1px);
    }

    .psc-slot-locked[b-6tnhgu0fe6] {
        cursor: default;
        pointer-events: none;
    }

    .psc-slot-locked:hover[b-6tnhgu0fe6] {
        transform: none;
        background: rgba(255,255,255,0.03);
    }

    /* ── Gold signature slot (first slot) ── */
    .psc-slot-gold[b-6tnhgu0fe6] {
        width: 100px;
        height: 90px;
        padding: 8px 6px;
        border-width: 2px;
        border-color: rgba(184,134,11,0.5);
    }

    .psc-slot-gold.psc-slot-active[b-6tnhgu0fe6] {
        border-color: #FFD700;
        background: rgba(255,215,0,0.05);
        box-shadow: 0 0 10px rgba(255,215,0,0.18), inset 0 0 6px rgba(255,215,0,0.06);
    }

    .psc-slot-gold.psc-slot-active:hover[b-6tnhgu0fe6] {
        border-color: #FFE44D;
        background: rgba(255,215,0,0.09);
        box-shadow: 0 0 14px rgba(255,215,0,0.26), inset 0 0 8px rgba(255,215,0,0.08);
    }

    /* ── Silver signature slots (2nd and 3rd) ── */
    .psc-slot-silver[b-6tnhgu0fe6] {
        width: 100px;
        height: 90px;
        padding: 8px 6px;
        border-color: rgba(192,192,192,0.18);
    }

    .psc-slot-silver.psc-slot-active[b-6tnhgu0fe6] {
        border-color: rgba(192,192,192,0.38);
        background: rgba(192,192,192,0.04);
    }

    .psc-slot-silver.psc-slot-active:hover[b-6tnhgu0fe6] {
        border-color: rgba(192,192,192,0.60);
        background: rgba(192,192,192,0.08);
    }

    /* ── Regular slot (compact) ── */
    .psc-slot-regular[b-6tnhgu0fe6] {
        width: 80px;
        min-height: 72px;
        padding: 6px 4px;
    }

    .psc-slot-regular.psc-slot-active[b-6tnhgu0fe6] {
        border-color: rgba(255,255,255,0.15);
    }

    .psc-slot-regular.psc-slot-active:hover[b-6tnhgu0fe6] {
        border-color: #2a8fd4;
        background: rgba(42,143,212,0.08);
    }

    /* ── Regular slot grid ── */
    .psc-regular-grid[b-6tnhgu0fe6] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    /* ── Slot icon ── */
    .psc-icon[b-6tnhgu0fe6] {
        width: 34px;
        height: 34px;
    }

    /* ── Slot name label ── */
    .psc-slot-name[b-6tnhgu0fe6] {
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        color: #ccc;
        line-height: 1.2;
        white-space: normal;
        word-break: break-word;
        max-width: 90px;
    }

    /* ── SVG diamond colour vars ── */
    .playstyle-icon[b-6tnhgu0fe6]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }

    .playstyle-icon[b-6tnhgu0fe6]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }
/* /Components/PlayerBuilder/PlaystyleSelectionDialog.razor.rz.scp.css */
    /* ── Section / category ── */
    .psd-section[b-28hl5l7ler] { }

    .psd-cat-label[b-28hl5l7ler] {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        color: var(--mud-palette-text-secondary);
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .psd-tile-row[b-28hl5l7ler] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    /* ── Regular tile ── */
    .psd-tile[b-28hl5l7ler] {
        position: relative;
        width: 72px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 4px;
        border-radius: 6px;
        cursor: pointer;
        border: 1.5px solid transparent;
        background: rgba(255,255,255,0.03);
        transition: border-color 0.15s, background 0.15s, transform 0.1s;
        user-select: none;
    }

    .psd-tile:hover[b-28hl5l7ler] {
        background: rgba(255,255,255,0.07);
        transform: translateY(-1px);
    }

    .psd-tile.psd-tile-selected[b-28hl5l7ler] {
        border-color: #2a8fd4;
        background: rgba(42,143,212,0.12);
    }

    .psd-tile.psd-focused[b-28hl5l7ler] {
        border-color: #5b9fd4;
        background: rgba(91,159,212,0.15);
        transform: scale(1.04);
    }

    .psd-tile.psd-tile-locked[b-28hl5l7ler] {
        opacity: 0.3;
        cursor: default;
    }

    .psd-tile.psd-tile-level-lock[b-28hl5l7ler] {
        opacity: 0.4;
        cursor: default;
    }

    /* ── Mutual-exclusion block (opposite variant is equipped) ── */
    .psd-tile-mutual-block[b-28hl5l7ler] {
        opacity: 0.35;
        cursor: default;
        pointer-events: auto;
    }

    .psd-block-badge[b-28hl5l7ler] {
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
    }

    /* ── Checkmark badge (top-left) ── */
    .psd-check-badge[b-28hl5l7ler] {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #2a8fd4;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    /* ── Diamond icon wrapper ── */
    .psd-diamond-wrap[b-28hl5l7ler] {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 4px;
    }

    /* ── Tile label ── */
    .psd-tile-name[b-28hl5l7ler] {
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        color: #ccc;
        line-height: 1.2;
        word-break: break-word;
        white-space: normal;
        min-height: 20px;
    }

    .psd-tile-sub[b-28hl5l7ler] {
        font-size: 8px;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    /* ── Plus (Signature) tile ── */
    .psd-plus-tile[b-28hl5l7ler] {
        position: relative;
        width: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 4px;
        border-radius: 6px;
        cursor: pointer;
        border: 1.5px solid;
        background: rgba(255,255,255,0.03);
        transition: border-color 0.15s, transform 0.1s;
        user-select: none;
    }

    .psd-plus-gold[b-28hl5l7ler] {
        border-color: #B8860B;
        background: rgba(255, 215, 0, 0.06);
    }

    .psd-plus-gold:hover[b-28hl5l7ler] {
        border-color: #FFD700;
        background: rgba(255, 215, 0, 0.12);
    }

    .psd-plus-silver[b-28hl5l7ler] {
        border-color: #555;
        background: rgba(255,255,255,0.02);
    }

    .psd-plus-silver:hover[b-28hl5l7ler] {
        border-color: #888;
        background: rgba(255,255,255,0.05);
    }

    .psd-plus-tile.psd-plus-selected[b-28hl5l7ler] {
        border-color: #FFD700;
        background: rgba(255, 215, 0, 0.15);
        box-shadow: 0 0 10px rgba(255,215,0,0.25);
    }

    .psd-plus-tile.psd-focused[b-28hl5l7ler] {
        transform: scale(1.04);
        box-shadow: 0 0 8px rgba(255,215,0,0.3);
    }

    /* ── Requirements panel ── */
    .psd-req-icon[b-28hl5l7ler] {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
    }

    .psd-req-label[b-28hl5l7ler] {
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.8px;
        color: var(--mud-palette-text-secondary);
        text-transform: uppercase;
    }

    .psd-req-row[b-28hl5l7ler] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 10px;
        margin-bottom: 4px;
        border-radius: 4px;
        border-left: 3px solid;
    }

    .psd-req-met[b-28hl5l7ler] {
        border-left-color: #388e3c;
        background: rgba(56,142,60,0.08);
    }

    .psd-req-unmet[b-28hl5l7ler] {
        border-left-color: #c62828;
        background: rgba(198,40,40,0.10);
    }

    .psd-req-attr[b-28hl5l7ler] {
        font-size: 12px;
        font-weight: 600;
        color: #ccc;
    }

    .psd-req-vals[b-28hl5l7ler] {
        font-size: 12px;
        font-weight: 700;
    }

    .psd-val-green[b-28hl5l7ler] { color: #66bb6a; }
    .psd-val-red[b-28hl5l7ler]   { color: #ef5350; }

    /* ── SVG diamond colour vars (same as PlaystyleTile) ── */
    .playstyle-icon[b-28hl5l7ler]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }

    .playstyle-icon[b-28hl5l7ler]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }
/* /Components/PlayerBuilder/PlaystyleTile.razor.rz.scp.css */
    .playstyle-tile:hover[b-xssa26yo3x] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    }

    .playstyle-tile-selected:hover[b-xssa26yo3x] {
        transform: scale(1.07);
    }

    /* Colour the playstyle SVG diamond — same rules as PcwPlayerCard.razor.css.
       CSS variables --diamondBackgroundColor and --diamondForegroundColor are
       set inline on the .playstyle-icon wrapper via GetIconStyle(). */
    .playstyle-icon[b-xssa26yo3x]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }

    .playstyle-icon[b-xssa26yo3x]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }
/* /Components/PlayerBuilder/Poster/PlayerBuildPoster.razor.rz.scp.css */
/* ── PlayerBuildPoster.razor.css ──────────────────────────────────────────────
   All styles are scoped to the poster component.
   Fixed at 1400 × 650 px — this is the export canvas, not a responsive layout.
   @media queries are NOT used (poster is export-only, never shown in the viewport).
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Root ── */
.pcwp-root[b-z5ab05p90e] {
    position: relative;
    width: 1400px;
    height: 650px;
    overflow: hidden;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    box-shadow:
        0 0 0 1px rgba(0, 200, 255, 0.12),
        0 32px 80px rgba(0, 0, 0, 0.85);
    color: #fff;
}

/* ── Background layers ── */
.pcwp-bg-gradient[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        var(--pcwp-bg-start, #07090f) 0%,
        var(--pcwp-bg-mid,   #0a1422) 40%,
        var(--pcwp-bg-end,   #0e2040) 70%,
        var(--pcwp-bg-start, #07090f) 100%
    );
    z-index: 0;
}

.pcwp-bg-image[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--pcwp-bg-image, none);
    background-size: var(--pcwp-bg-size, cover);
    background-position: var(--pcwp-bg-pos, center);
    background-repeat: no-repeat;
    opacity: var(--pcwp-bg-opacity, 1);
}

.pcwp-bg-noise[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0.04;
    background-image: url('/assets/poster/noise.png');
    background-size: 200px 200px;
    background-repeat: repeat;
}

/* Subtle radial glow — right side behind the playstyle area */
.pcwp-bg-glow[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 640px 420px at 73% 46%, rgba(0, 80, 220, 0.09) 0%, transparent 68%),
        radial-gradient(ellipse 300px 200px at 73% 46%, rgba(0, 200, 255, 0.06) 0%, transparent 55%);
}

/* Subtle edge vignette */
.pcwp-bg-vignette[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(ellipse 130% 130% at 50% 50%, transparent 52%, rgba(0, 0, 0, 0.5) 100%);
}

/* ── Header ── */
.pcwp-header[b-z5ab05p90e] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    height: var(--pcwp-header-h, 60px);
    border-bottom: 1px solid rgba(0, 200, 255, 0.1);
    background: var(--pcwp-header-bar, rgba(0, 0, 0, 0.22));
    flex-shrink: 0;
}

.pcwp-hdr-image[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--pcwp-hdr-image, none);
    background-size: var(--pcwp-hdr-size, cover);
    background-position: var(--pcwp-hdr-pos, center);
    background-repeat: no-repeat;
    opacity: var(--pcwp-hdr-opacity, 0.5);
}

.pcwp-header-brand[b-z5ab05p90e] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pcwp-logo-mark[b-z5ab05p90e] {
    background: linear-gradient(135deg, var(--pcwp-accent, #00c8ff) 0%, #0050d8 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    padding: 5px 10px;
    border-radius: 6px;
    line-height: 1;
    text-transform: uppercase;
    flex-shrink: 0;
}

.pcwp-header-titles[b-z5ab05p90e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pcwp-header-title[b-z5ab05p90e] {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
}

.pcwp-header-sub[b-z5ab05p90e] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.32);
    letter-spacing: 0.2px;
    line-height: 1;
}

.pcwp-header-info[b-z5ab05p90e] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pcwp-info-archetype[b-z5ab05p90e] {
    font-weight: 800;
    color: var(--pcwp-accent, #00c8ff);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
}

.pcwp-info-divider[b-z5ab05p90e] {
    color: rgba(255, 255, 255, 0.2);
    font-size: 12px;
}

.pcwp-info-buildname[b-z5ab05p90e] {
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    font-size: 12px;
}

.pcwp-info-level[b-z5ab05p90e] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
}

.pcwp-info-level strong[b-z5ab05p90e] {
    color: var(--pcwp-accent, #00c8ff);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.pcwp-info-ap[b-z5ab05p90e] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
    padding: 2px 9px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── Body ── */
.pcwp-body[b-z5ab05p90e] {
    position: relative;
    z-index: 10;
    flex: 1;
    overflow: hidden;
}

/* ── Stats zone (left) ── */
.pcwp-stats-zone[b-z5ab05p90e] {
    width: var(--pcwp-stats-w, 64.3%);
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 16px 18px 16px 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    gap: 0 12px;
    overflow: hidden;
}

.pcwp-stats-col[b-z5ab05p90e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 4px;
}

/* ── Signature zone (abs) ── */
.pcwp-sigs-zone[b-z5ab05p90e] {
    position: absolute;
    left: var(--pcwp-sig-x, 64.3%);
    top: var(--pcwp-sig-y, 10%);
    width: calc(98% - var(--pcwp-sig-x, 64.3%));
    z-index: 10;
    padding: 0 20px 0 16px;
    overflow: hidden;
}

/* ── Playstyles + stars zone (abs) ── */
.pcwp-ps-zone[b-z5ab05p90e] {
    position: absolute;
    left: var(--pcwp-ps-x, 64.3%);
    top: var(--pcwp-ps-y, 50%);
    width: calc(98% - var(--pcwp-ps-x, 64.3%));
    z-index: 10;
    padding: 0 20px 0 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Acceleration zone (abs) ── */
.pcwp-accel-zone[b-z5ab05p90e] {
    position: absolute;
    left: var(--pcwp-accel-x, 64.3%);
    top: var(--pcwp-accel-y, 80%);
    z-index: 10;
    padding: 0 20px 0 16px;
}

/* Radial glow behind signature icons */
.pcwp-ps-glow[b-z5ab05p90e] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 320px 220px at 50% 28%, rgba(255, 180, 0, 0.06) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.pcwp-ps-section[b-z5ab05p90e] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pcwp-ps-label[b-z5ab05p90e] {
    font-size: 8.5px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.28);
    text-transform: uppercase;
    letter-spacing: 1.8px;
    line-height: 1;
}

.pcwp-ps-label--gold[b-z5ab05p90e] {
    color: var(--pcwp-sig-gold, rgba(255, 215, 0, 0.8));
}

/* Signature row */
.pcwp-ps-signature-row[b-z5ab05p90e] {
    display: flex;
    gap: 8px;
}

/* Regular grid */
.pcwp-ps-regular-grid[b-z5ab05p90e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pcwp-ps-none[b-z5ab05p90e] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.2);
    font-style: italic;
}

/* ── Shared slot ── */
.pcwp-ps-slot[b-z5ab05p90e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.03);
    text-align: center;
}

/* Gold (Signature) slots */
.pcwp-ps-slot--gold[b-z5ab05p90e] {
    border-color: rgba(255, 215, 0, 0.22);
    background: rgba(255, 215, 0, 0.04);
    min-width: 90px;
    padding: 8px 10px;
}

.pcwp-ps-slot--empty[b-z5ab05p90e] {
    opacity: 0.35;
}

/* Silver (regular) slots */
.pcwp-ps-slot--silver[b-z5ab05p90e] {
    min-width: 54px;
    padding: 6px 8px;
    border-color: rgba(180, 180, 180, 0.1);
}

/* Playstyle icon sizing overrides for poster */
.pcwp-ps-slot--gold .playstyle-icon[b-z5ab05p90e] {
    width: 50px;
    height: 50px;
}

.pcwp-ps-slot--silver .playstyle-icon[b-z5ab05p90e] {
    width: 36px;
    height: 36px;
}

.pcwp-ps-empty-icon[b-z5ab05p90e] {
    font-size: 26px;
    color: rgba(255, 215, 0, 0.4);
    line-height: 1;
}

.pcwp-ps-empty-icon--gold[b-z5ab05p90e] {
    color: #ffd700;
}

.pcwp-ps-empty-icon--small[b-z5ab05p90e] {
    font-size: 18px;
    color: rgba(194, 194, 193, 0.5);
}

.pcwp-ps-name[b-z5ab05p90e] {
    font-size: 8.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    line-height: 1;
}

.pcwp-ps-name--gold[b-z5ab05p90e] {
    color: var(--pcwp-sig-gold, #ffd700);
    font-weight: 700;
    max-width: 84px;
}

/* ── Acceleration type badge ── */
.pcwp-accel-badge[b-z5ab05p90e] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border: 1px solid;
}

.pcwp-accel--explosive[b-z5ab05p90e] {
    background: rgba(76, 175, 80, 0.12);
    color: #4caf50;
    border-color: rgba(76, 175, 80, 0.28);
}

.pcwp-accel--controlled[b-z5ab05p90e] {
    background: rgba(41, 182, 246, 0.12);
    color: #29b6f6;
    border-color: rgba(41, 182, 246, 0.28);
}

.pcwp-accel--lengthy[b-z5ab05p90e] {
    background: rgba(255, 152, 0, 0.12);
    color: #ff9800;
    border-color: rgba(255, 152, 0, 0.28);
}

/* ── Physique row (Height / Weight) ── */
.pcwp-physique-row[b-z5ab05p90e] {
    display: flex;
    gap: 16px;
}

.pcwp-physique-item[b-z5ab05p90e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.pcwp-physique-value[b-z5ab05p90e] {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.pcwp-physique-unit[b-z5ab05p90e] {
    font-size: 9px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    margin-left: 2px;
    letter-spacing: 0.4px;
}

.pcwp-physique-label[b-z5ab05p90e] {
    font-size: 8px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.38);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* ── Star rating rows (Weak Foot / Skill Moves) ── */
.pcwp-star-row[b-z5ab05p90e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pcwp-star-label[b-z5ab05p90e] {
    font-size: 8.5px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    min-width: 64px;
}

.pcwp-stars[b-z5ab05p90e] {
    display: flex;
    gap: 2px;
}

.pcwp-star--on[b-z5ab05p90e] {
    font-size: 13px;
    color: #ffd700;
    line-height: 1;
}

.pcwp-star--off[b-z5ab05p90e] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.12);
    line-height: 1;
}

/* ── Footer ── */
.pcwp-footer[b-z5ab05p90e] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    height: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.pcwp-footer-brand[b-z5ab05p90e] {
    font-size: 9px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.pcwp-footer-right[b-z5ab05p90e] {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.15);
    letter-spacing: 0.2px;
}
/* /Components/PlayerBuilder/Poster/PosterStatBar.razor.rz.scp.css */
.psbar-root[b-48rvyvjag6] {
    display: grid;
    grid-template-columns: 104px 1fr 26px;
    align-items: center;
    gap: 7px;
    height: 17px;
}

.psbar-label[b-48rvyvjag6] {
    font-size: 9px;
    color: var(--pcwp-stat-label, rgba(255, 255, 255, 0.42));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    text-align: right;
    line-height: 1.4;
}

.psbar-label--key[b-48rvyvjag6] {
    color: rgba(0, 200, 255, 0.75);
    font-weight: 700;
}

.psbar-track[b-48rvyvjag6] {
    height: 4px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 2px;
    overflow: hidden;
}

.psbar-fill[b-48rvyvjag6] {
    height: 100%;
    border-radius: 2px;
}

.psbar-value[b-48rvyvjag6] {
    font-size: 9px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    text-align: right;
    line-height: 1;
}
/* /Components/PlayerBuilder/Poster/PosterStatColumn.razor.rz.scp.css */
.pscol-root[b-4i9b5zqtmy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pscol-header[b-4i9b5zqtmy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.pscol-name[b-4i9b5zqtmy] {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    line-height: 1;
    color: var(--pcwp-category-name, rgba(255, 255, 255, 0.92));
}

.pscol-rating[b-4i9b5zqtmy] {
    font-size: 11px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
    border: 1px solid;
    font-variant-numeric: tabular-nums;
    background: rgba(255, 255, 255, 0.03);
    line-height: 1.4;
}
/* /Components/PlayerBuilder/Poster/PosterThemePreview.razor.rz.scp.css */
/* ── PosterThemePreview.razor.css ─────────────────────────────────────────
   Preview-only styles for the poster theme editor.
   The poster canvas is 1400 × 650 px scaled to 50 % (700 × 325 px visible).
   Drag handles overlay the scaled canvas using the same percentage coordinate system.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Wrapper — anchors handle overlay over full-size canvas ── */
.ptpv-wrapper[b-js7p413oqf] {
    position: relative;
    width: 1400px;
    height: 650px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7);
    flex-shrink: 0;
}

/* ── Canvas — 1400 × 650 full size ── */
.ptpv-canvas[b-js7p413oqf] {
    position: relative;
    width: 1400px;
    height: 650px;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    color: #fff;
    overflow: hidden;
}

/* ── Background layers ── */
.ptpv-bg-gradient[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        var(--ptpv-bg-start, #07090f) 0%,
        var(--ptpv-bg-mid,   #0a1422) 40%,
        var(--ptpv-bg-end,   #0e2040) 70%,
        var(--ptpv-bg-start, #07090f) 100%
    );
    z-index: 0;
}

.ptpv-bg-image[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--ptpv-bg-image, none);
    background-size: var(--ptpv-bg-size, cover);
    background-position: var(--ptpv-bg-pos, center);
    background-repeat: no-repeat;
    opacity: var(--ptpv-bg-opacity, 1);
}

.ptpv-bg-glow[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 640px 420px at 73% 46%, rgba(0, 80, 220, 0.09) 0%, transparent 68%),
        radial-gradient(ellipse 300px 200px at 73% 46%, rgba(0, 200, 255, 0.06) 0%, transparent 55%);
}

.ptpv-bg-vignette[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(ellipse 130% 130% at 50% 50%, transparent 52%, rgba(0, 0, 0, 0.5) 100%);
}

/* ── Header ── */
.ptpv-header[b-js7p413oqf] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    height: var(--ptpv-header-h, 60px);
    border-bottom: 1px solid rgba(0, 200, 255, 0.1);
    background: var(--ptpv-header-bar, rgba(0, 0, 0, 0.22));
}

.ptpv-hdr-image[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--ptpv-hdr-image, none);
    background-size: var(--ptpv-hdr-size, cover);
    background-position: var(--ptpv-hdr-pos, center);
    background-repeat: no-repeat;
    opacity: var(--ptpv-hdr-opacity, 0.5);
}

.ptpv-header-brand[b-js7p413oqf] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ptpv-logo-mark[b-js7p413oqf] {
    background: linear-gradient(135deg, var(--ptpv-accent, #00c8ff) 0%, #0050d8 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    padding: 5px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    flex-shrink: 0;
}

.ptpv-header-titles[b-js7p413oqf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ptpv-header-title[b-js7p413oqf] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ptpv-header-sub[b-js7p413oqf] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.32);
}

.ptpv-header-info[b-js7p413oqf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
}

.ptpv-info-archetype[b-js7p413oqf] {
    font-weight: 700;
    color: var(--ptpv-accent, #00c8ff);
    font-size: 14px;
}

.ptpv-info-divider[b-js7p413oqf] { opacity: 0.35; }

.ptpv-info-buildname[b-js7p413oqf] { font-style: italic; opacity: 0.85; }

.ptpv-info-level strong[b-js7p413oqf] { color: var(--ptpv-accent, #00c8ff); }

.ptpv-info-ap[b-js7p413oqf] {
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 4px;
    padding: 2px 8px;
}

/* ── Stats zone — absolutely positioned within canvas ── */
.ptpv-stats-zone[b-js7p413oqf] {
    position: absolute;
    left: var(--ptpv-stat-x, 1.7%);
    top: var(--ptpv-stat-y, 10%);
    right: calc(100% - var(--ptpv-stats-w, 64.3%));
    bottom: calc(var(--ptpv-footer-h, 36px) + 8px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
    padding: 16px 18px 16px 24px;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    z-index: 5;
}

.ptpv-stats-col[b-js7p413oqf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 4px;
    min-width: 0;
}

/* ── Signature zone (abs) ── */
.ptpv-sigs-zone[b-js7p413oqf] {
    position: absolute;
    left: var(--ptpv-sig-x, 64.3%);
    top: var(--ptpv-sig-y, 10%);
    width: calc(98% - var(--ptpv-sig-x, 64.3%));
    z-index: 5;
    padding: 0 16px 0 12px;
    overflow: hidden;
}

/* ── Playstyles + stars zone (abs) ── */
.ptpv-ps-zone[b-js7p413oqf] {
    position: absolute;
    left: var(--ptpv-ps-x, 64.3%);
    top: var(--ptpv-ps-y, 50%);
    width: calc(98% - var(--ptpv-ps-x, 64.3%));
    z-index: 5;
    padding: 0 16px 0 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Acceleration zone (abs) ── */
.ptpv-accel-zone[b-js7p413oqf] {
    position: absolute;
    left: var(--ptpv-accel-x, 64.3%);
    top: var(--ptpv-accel-y, 80%);
    z-index: 5;
    padding: 0 16px 0 12px;
}

.ptpv-ps-glow[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(0, 200, 255, 0.04) 0%, transparent 70%);
    pointer-events: none;
}

.ptpv-ps-section[b-js7p413oqf] { display: flex; flex-direction: column; gap: 6px; }

.ptpv-ps-label[b-js7p413oqf] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.45);
}

.ptpv-ps-label--gold[b-js7p413oqf] { color: var(--ptpv-sig-gold, #ffd700); }

.ptpv-ps-signature-row[b-js7p413oqf] {
    display: flex;
    gap: 8px;
}

.ptpv-ps-slot[b-js7p413oqf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 60px;
}

.ptpv-ps-slot--gold[b-js7p413oqf] {
    background: rgba(255, 215, 0, 0.06);
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 8px;
    padding: 8px 10px;
    flex: 1;
    max-width: 120px;
}

.ptpv-ps-slot--silver[b-js7p413oqf] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 6px 8px;
    min-width: 56px;
}

.ptpv-ps-regular-grid[b-js7p413oqf] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.ptpv-ps-empty-icon--gold[b-js7p413oqf] {
    font-size: 22px;
    color: var(--ptpv-sig-gold, #ffd700);
    opacity: 0.7;
    line-height: 1;
}

.ptpv-ps-empty-icon--small[b-js7p413oqf] { font-size: 14px; color: rgba(255,255,255,0.5); }

.ptpv-ps-name[b-js7p413oqf] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    line-height: 1.2;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ptpv-ps-name--gold[b-js7p413oqf] {
    color: var(--ptpv-sig-gold, #ffd700);
    font-weight: 600;
}

/* ── Star rating rows ── */
.ptpv-star-row[b-js7p413oqf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ptpv-star-label[b-js7p413oqf] {
    font-size: 9px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    min-width: 60px;
}

.ptpv-stars[b-js7p413oqf] {
    display: flex;
    gap: 2px;
}

.ptpv-star--on[b-js7p413oqf] {
    font-size: 13px;
    color: #ffd700;
    line-height: 1;
}

.ptpv-star--off[b-js7p413oqf] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.12);
    line-height: 1;
}

/* ── Acceleration badge ── */
.ptpv-accel-badge[b-js7p413oqf] {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid;
    align-self: flex-start;
}

.ptpv-accel--controlled[b-js7p413oqf]  { color: #60a5fa; border-color: rgba(96,165,250,0.4); background: rgba(96,165,250,0.07); }
.ptpv-accel--explosive[b-js7p413oqf]   { color: #f97316; border-color: rgba(249,115,22,0.4); background: rgba(249,115,22,0.07); }
.ptpv-accel--lengthy[b-js7p413oqf]     { color: #a78bfa; border-color: rgba(167,139,250,0.4); background: rgba(167,139,250,0.07); }

/* ── Footer ── */
.ptpv-footer[b-js7p413oqf] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    height: var(--ptpv-footer-h, 36px);
    background: var(--ptpv-header-bar, rgba(0, 0, 0, 0.22));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ptpv-footer-brand[b-js7p413oqf] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ptpv-accent, #00c8ff);
    opacity: 0.85;
}

.ptpv-footer-right[b-js7p413oqf] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.35);
}

/* ── Drag handle overlay ── */
.ptpv-handles[b-js7p413oqf] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 20;
}

.ptpv-handle[b-js7p413oqf] {
    position: absolute;
    pointer-events: all;
    cursor: grab;
    display: flex;
    align-items: center;
    gap: 3px;
    background: rgba(0, 200, 255, 0.85);
    color: #000;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 5px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    transform: translate(-100%, -50%);
    white-space: nowrap;
    user-select: none;
    touch-action: none;
}

.ptpv-handle:active[b-js7p413oqf] { cursor: grabbing; }

.ptpv-handle--active[b-js7p413oqf] {
    background: rgba(255, 200, 0, 0.92);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 2px rgba(255, 200, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.5);
}

.ptpv-handle-icon[b-js7p413oqf] {
    font-size: 11px;
    opacity: 0.7;
}

/* ── Chip input panel ── */
.ptpv-handle-panel[b-js7p413oqf] {
    position: absolute;
    transform: translate(-100%, 14px);
    z-index: 30;
    pointer-events: all;
    background: #0d1320;
    border: 1px solid rgba(0, 200, 255, 0.55);
    border-radius: 7px;
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 130px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.75);
    user-select: none;
}

.ptpv-handle-panel-header[b-js7p413oqf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.ptpv-handle-panel-title[b-js7p413oqf] {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(0, 200, 255, 0.9);
}

.ptpv-handle-panel-close[b-js7p413oqf] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.35);
    font-size: 10px;
    cursor: pointer;
    padding: 0 0 0 8px;
    line-height: 1;
}

.ptpv-handle-panel-close:hover[b-js7p413oqf] {
    color: rgba(255, 255, 255, 0.8);
}

.ptpv-handle-panel-row[b-js7p413oqf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ptpv-handle-panel-label[b-js7p413oqf] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    width: 12px;
    flex-shrink: 0;
}

.ptpv-handle-panel-input[b-js7p413oqf] {
    width: 64px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 6px;
    text-align: right;
    outline: none;
    -moz-appearance: textfield;
}

.ptpv-handle-panel-input[b-js7p413oqf]::-webkit-outer-spin-button,
.ptpv-handle-panel-input[b-js7p413oqf]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ptpv-handle-panel-input:focus[b-js7p413oqf] {
    border-color: rgba(0, 200, 255, 0.7);
    background: rgba(0, 200, 255, 0.06);
}

.ptpv-handle-panel-unit[b-js7p413oqf] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
}
/* /Components/PlayerManagement/PmActivityPanel.razor.rz.scp.css */
.pmact-container[b-u3l0cc1oya] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.pmact-filterbar[b-u3l0cc1oya] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.pmact-filter[b-u3l0cc1oya] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(121, 153, 190, 0.24);
    border-radius: 8px;
    background: rgba(10, 20, 34, 0.82);
    color: #b8d4f4;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.pmact-filter[b-u3l0cc1oya]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 1.05rem;
}

.pmact-filter span[b-u3l0cc1oya] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmact-filter--active[b-u3l0cc1oya] {
    border-color: rgba(0, 211, 255, 0.78);
    background: rgba(0, 170, 255, 0.18);
    color: #ffffff;
    box-shadow: inset 0 -2px 0 rgba(0, 211, 255, 0.78);
}

.pmact-group[b-u3l0cc1oya] {
    min-width: 0;
}

.pmact-group-title[b-u3l0cc1oya] {
    margin: 2px 0 10px;
    color: #9ebfe5;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pmact-timeline[b-u3l0cc1oya] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.pmact-timeline[b-u3l0cc1oya]::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 17px;
    width: 1px;
    background: rgba(121, 153, 190, 0.22);
}

.pmact-event[b-u3l0cc1oya] {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
}

.pmact-dot[b-u3l0cc1oya] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(121, 153, 190, 0.3);
    border-radius: 50%;
    background: #07101b;
    color: #94b8dd;
}

.pmact-dot[b-u3l0cc1oya]  .mud-icon-root {
    font-size: 1.05rem;
}

.pmact-event--team .pmact-dot[b-u3l0cc1oya] {
    border-color: rgba(0, 211, 255, 0.48);
    color: #00d3ff;
}

.pmact-event--transfer .pmact-dot[b-u3l0cc1oya] {
    border-color: rgba(151, 118, 255, 0.55);
    color: #aa94ff;
}

.pmact-event--achievement .pmact-dot[b-u3l0cc1oya] {
    border-color: rgba(246, 198, 48, 0.58);
    color: #f6c630;
}

.pmact-event--reputation .pmact-dot[b-u3l0cc1oya] {
    border-color: rgba(88, 214, 141, 0.52);
    color: #58d68d;
}

.pmact-event-body[b-u3l0cc1oya] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(121, 153, 190, 0.16);
    border-radius: 8px;
    background: rgba(8, 18, 30, 0.88);
}

.pmact-event-head[b-u3l0cc1oya] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.pmact-event-title[b-u3l0cc1oya] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.pmact-event-title strong[b-u3l0cc1oya] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 0.98rem;
}

.pmact-event-title span[b-u3l0cc1oya],
.pmact-event-head time[b-u3l0cc1oya] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pmact-event-head time[b-u3l0cc1oya] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.pmact-event-body p[b-u3l0cc1oya] {
    margin: 8px 0 0;
    color: #b9cbe0;
    font-size: 0.86rem;
    overflow-wrap: anywhere;
}

.pmact-link[b-u3l0cc1oya] {
    margin-top: 6px;
    padding-inline: 0 !important;
    min-width: auto !important;
    text-transform: none !important;
}

.pmact-empty[b-u3l0cc1oya] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 220px;
    padding: 28px;
    border: 1px solid rgba(121, 153, 190, 0.16);
    border-radius: 8px;
    background: rgba(8, 18, 30, 0.72);
    text-align: center;
}

.pmact-empty[b-u3l0cc1oya]  .mud-icon-root {
    color: var(--pcw-text-muted);
    font-size: 3rem;
}

.pmact-empty strong[b-u3l0cc1oya] {
    color: #ffffff;
}

.pmact-empty span[b-u3l0cc1oya] {
    color: var(--pcw-text-muted);
}

@media (max-width: 640px) {
    .pmact-filter[b-u3l0cc1oya] {
        flex: 1 1 calc(50% - 4px);
        padding-inline: 10px;
    }

    .pmact-event-head[b-u3l0cc1oya] {
        flex-direction: column;
        gap: 6px;
    }

    .pmact-event-head time[b-u3l0cc1oya] {
        white-space: normal;
    }
}
/* /Components/PlayerManagement/PmApplicationsPanel.razor.rz.scp.css */
/* ── Applications Panel ───────────────────────────────── */

.pma-container[b-ln1lfm9sm1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pma-negotiation-wrap[b-ln1lfm9sm1] {
    display: flex;
    flex-direction: column;
}

/* ── Filter Bar ──────────────────────────────────────── */

.pma-filter-bar[b-ln1lfm9sm1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
}

.pma-filter-btn[b-ln1lfm9sm1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1;
}

.pma-filter-btn:hover[b-ln1lfm9sm1] {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
}

.pma-filter-active[b-ln1lfm9sm1] {
    background: rgba(0, 200, 255, 0.1) !important;
    border-color: rgba(0, 200, 255, 0.5) !important;
    color: #00c8ff !important;
}

.pma-filter-count[b-ln1lfm9sm1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.65rem;
    font-weight: 700;
    color: inherit;
}

.pma-filter-active .pma-filter-count[b-ln1lfm9sm1] {
    background: rgba(0, 200, 255, 0.2);
}

/* ── Unified List ─────────────────────────────────────── */

.pma-list[b-ln1lfm9sm1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pma-row[b-ln1lfm9sm1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    border-left: 3px solid rgba(255, 255, 255, 0.1);
    transition: background 0.15s ease;
}

.pma-row:hover[b-ln1lfm9sm1] {
    background: rgba(255, 255, 255, 0.055);
}

.pma-row-pending[b-ln1lfm9sm1]  { border-left-color: #00c8ff; }
.pma-row-accepted[b-ln1lfm9sm1] { border-left-color: #66bb6a; }
.pma-row-declined[b-ln1lfm9sm1] { border-left-color: #ef5350; }
.pma-row-withdrawn[b-ln1lfm9sm1] { border-left-color: rgba(255, 255, 255, 0.18); opacity: 0.65; }

/* ── Row Layout ──────────────────────────────────────── */

.pma-row-left[b-ln1lfm9sm1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.pma-row-shield[b-ln1lfm9sm1] {
    font-size: 1rem !important;
    color: #00c8ff;
    flex-shrink: 0;
}

.pma-row-info[b-ln1lfm9sm1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.pma-row-team[b-ln1lfm9sm1] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Type tag ────────────────────────────────────────── */

.pma-type-tag[b-ln1lfm9sm1] {
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 8px;
    flex-shrink: 0;
    line-height: 1.6;
}

.pma-type-transfer[b-ln1lfm9sm1] { background: rgba(103, 58, 183, 0.3); color: #ce93d8; }
.pma-type-direct[b-ln1lfm9sm1]   { background: rgba(0, 188, 212, 0.18); color: #80deea; }

/* ── Row right section ───────────────────────────────── */

.pma-row-right[b-ln1lfm9sm1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* ── Status chip ─────────────────────────────────────── */

.pma-status-chip[b-ln1lfm9sm1] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 10px;
    white-space: nowrap;
    line-height: 1.6;
}

.pma-status-pending[b-ln1lfm9sm1]   { background: rgba(0, 200, 255, 0.12);   color: #00c8ff; }
.pma-status-accepted[b-ln1lfm9sm1]  { background: rgba(102, 187, 106, 0.14); color: #81c784; }
.pma-status-declined[b-ln1lfm9sm1]  { background: rgba(239, 83, 80, 0.12);   color: #ef9a9a; }
.pma-status-withdrawn[b-ln1lfm9sm1] { background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.4); }

/* ── Date & actions ──────────────────────────────────── */

.pma-row-date[b-ln1lfm9sm1] {
    font-size: 0.72rem;
    color: var(--pcw-text-muted);
    white-space: nowrap;
}

.pma-row-actions[b-ln1lfm9sm1] {
    display: flex;
    align-items: center;
    gap: 2px;
}

/* ── No-results ──────────────────────────────────────── */

.pma-no-results[b-ln1lfm9sm1] {
    text-align: center;
    padding: 36px 16px;
    color: var(--pcw-text-muted);
    font-size: 0.85rem;
}

/* ── Mobile ──────────────────────────────────────────── */

@media (max-width: 599px) {
    .pma-row[b-ln1lfm9sm1] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pma-row-right[b-ln1lfm9sm1] {
        width: 100%;
        justify-content: space-between;
    }

    .pma-row-date[b-ln1lfm9sm1] {
        display: none;
    }

    .pma-filter-bar[b-ln1lfm9sm1] {
        gap: 5px;
    }
}
/* /Components/PlayerManagement/PmInvitesPanel.razor.rz.scp.css */
/* ── Invites / Transfer Offers Panel ─────────────────── */

.pmi-container[b-at548su6em] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pmi-negotiation-wrap[b-at548su6em] {
    display: flex;
    flex-direction: column;
}

/* ── Filter bar ──────────────────────────────────────── */

.pmi-filter-bar[b-at548su6em] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 0 8px;
}

.pmi-filter-chip[b-at548su6em] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pmi-filter-chip:hover[b-at548su6em] {
    background: rgba(0, 200, 255, 0.08);
    border-color: rgba(0, 200, 255, 0.3);
    color: rgba(255, 255, 255, 0.85);
}

.pmi-filter-chip.active[b-at548su6em] {
    background: rgba(0, 200, 255, 0.15);
    border-color: rgba(0, 200, 255, 0.5);
    color: #00c8ff;
}

.pmi-filter-count[b-at548su6em] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 0.65rem;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
}

.pmi-filter-chip.active .pmi-filter-count[b-at548su6em] {
    background: rgba(0, 200, 255, 0.25);
    color: #00c8ff;
}

.pmi-inbox-summary[b-at548su6em] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.055);
    color: rgba(219, 235, 255, 0.72);
    font-size: 0.78rem;
}

.pmi-inbox-summary > div[b-at548su6em] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.pmi-summary-kicker[b-at548su6em] {
    color: #00c8ff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pmi-inbox-summary strong[b-at548su6em] {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.pmi-summary-note[b-at548su6em] {
    color: rgba(255, 255, 255, 0.58);
    text-align: right;
}

/* ── Invite card ─────────────────────────────────────── */

.pmi-invite-card[b-at548su6em] {
    background: linear-gradient(135deg, #0d1320 0%, #111827 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    border-left: 3px solid rgba(255, 255, 255, 0.12);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    height: 100%;
}

.pmi-invite-card:hover[b-at548su6em] {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}

/* Status accent border colours */
.pmi-status-pending[b-at548su6em] {
    border-left-color: #00c8ff;
}

.pmi-status-pending:hover[b-at548su6em] {
    box-shadow: 0 8px 28px rgba(0, 200, 255, 0.12);
}

.pmi-status-accepted[b-at548su6em] {
    border-left-color: #4caf50;
}

.pmi-status-accepted:hover[b-at548su6em] {
    box-shadow: 0 8px 28px rgba(76, 175, 80, 0.12);
}

.pmi-status-rejected[b-at548su6em] {
    border-left-color: #ff9800;
}

.pmi-status-withdrawn[b-at548su6em] {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.7;
}

.pmi-status-expired[b-at548su6em] {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.7;
}

/* ── Card sections ───────────────────────────────────── */

.pmi-card-header[b-at548su6em] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pmi-team-name[b-at548su6em] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pmi-offered-by[b-at548su6em] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    color: var(--pcw-text-muted);
}

.pmi-message[b-at548su6em] {
    font-size: 0.8rem;
    font-style: italic;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmi-chips[b-at548su6em] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pmi-date[b-at548su6em] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    font-size: 0.72rem;
    color: var(--pcw-text-muted);
    margin-top: auto;
}

.pmi-expiry[b-at548su6em] {
    color: rgba(0, 200, 255, 0.86);
    font-weight: 800;
}

.pmi-expiry--expired[b-at548su6em] {
    color: #ff9800;
}

.pmi-consequence[b-at548su6em] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 9px;
    border: 1px solid rgba(255, 168, 0, 0.18);
    border-radius: 8px;
    background: rgba(255, 168, 0, 0.075);
    color: rgba(255, 226, 184, 0.82);
    font-size: 0.72rem;
    line-height: 1.35;
}

.pmi-consequence[b-at548su6em]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #ffa800;
    font-size: 0.95rem;
}

/* ── Status badge (inline in header) ────────────────── */

.pmi-status-badge[b-at548su6em] {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 10px;
    flex-shrink: 0;
}

.pmi-badge-pending[b-at548su6em]   { background: rgba(0, 200, 255, 0.15);  color: #00c8ff; }
.pmi-badge-accepted[b-at548su6em]  { background: rgba(76, 175, 80, 0.15);  color: #4caf50; }
.pmi-badge-rejected[b-at548su6em]  { background: rgba(255, 152, 0, 0.15);  color: #ff9800; }
.pmi-badge-withdrawn[b-at548su6em],
.pmi-badge-expired[b-at548su6em] { background: rgba(255, 255, 255, 0.08); color: rgba(255,255,255,0.4); }

/* ── Action buttons ──────────────────────────────────── */

.pmi-actions[b-at548su6em] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.pmi-actions[b-at548su6em]  .mud-button-root {
    flex: 1 1 130px;
}

/* ── Mobile ──────────────────────────────────────────── */

@media (max-width: 599px) {
    .pmi-filter-bar[b-at548su6em] {
        gap: 6px;
    }

    .pmi-filter-chip[b-at548su6em] {
        font-size: 0.72rem;
        padding: 4px 10px;
    }

    .pmi-actions[b-at548su6em] {
        flex-direction: column;
    }

    .pmi-inbox-summary[b-at548su6em] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pmi-summary-note[b-at548su6em] {
        text-align: left;
    }
}

/* /Components/PlayerManagement/PmOverviewDashboard.razor.rz.scp.css */
.pmo-root[b-dr8oqoijqr] {
    display: grid;
    gap: 0;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 160, 204, 0.16);
    border-radius: 8px;
    background: rgba(10, 16, 24, 0.86);
}

.pmo-custom-tabs[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 160, 204, 0.14);
    background: rgba(9, 14, 24, 0.94);
}

.pmo-tab-button[b-dr8oqoijqr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 112px;
    height: 40px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    background: rgba(9, 22, 39, 0.84);
    color: #b6c4dc;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pmo-tab-button:hover[b-dr8oqoijqr],
.pmo-tab-button--active[b-dr8oqoijqr] {
    border-color: rgba(139, 92, 246, 0.72);
    background: linear-gradient(135deg, rgba(47, 128, 255, 0.26), rgba(139, 92, 246, 0.34));
    box-shadow: 0 0 28px rgba(139, 92, 246, 0.22);
    color: #f5f8fc;
}

.pmo-tab-button[b-dr8oqoijqr]  .mud-icon-root {
    font-size: 1.05rem;
}

.pmo-custom-panel[b-dr8oqoijqr] {
    min-width: 0;
    background: #0b0f14;
}

.pmo-offer-inbox[b-dr8oqoijqr] {
    display: grid;
    gap: 12px;
    margin: 12px 16px 0;
    padding: 14px;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.11), rgba(139, 92, 246, 0.12)),
        rgba(9, 17, 29, 0.94);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.pmo-offer-inbox-head[b-dr8oqoijqr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.pmo-offer-kicker[b-dr8oqoijqr] {
    display: inline-flex;
    margin-bottom: 5px;
    color: #00c8ff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.pmo-offer-inbox h2[b-dr8oqoijqr] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
}

.pmo-offer-inbox p[b-dr8oqoijqr] {
    margin: 4px 0 0;
    color: rgba(214, 224, 242, 0.72);
    font-size: 0.8rem;
    line-height: 1.4;
}

.pmo-offer-review-btn[b-dr8oqoijqr],
.pmo-offer-more-btn[b-dr8oqoijqr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(0, 200, 255, 0.42);
    border-radius: 7px;
    background: rgba(0, 200, 255, 0.14);
    color: #dff8ff;
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pmo-offer-review-btn:hover[b-dr8oqoijqr],
.pmo-offer-more-btn:hover[b-dr8oqoijqr] {
    border-color: rgba(0, 200, 255, 0.78);
    background: rgba(0, 200, 255, 0.22);
}

.pmo-offer-review-btn[b-dr8oqoijqr]  .mud-icon-root {
    font-size: 1rem;
}

.pmo-offer-list[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.pmo-offer-card[b-dr8oqoijqr] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(121, 153, 190, 0.18);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.72);
}

.pmo-offer-team-row[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.pmo-offer-team-row[b-dr8oqoijqr]  .mud-icon-root {
    flex: 0 0 auto;
    color: #00c8ff;
    font-size: 1rem;
}

.pmo-offer-team-row strong[b-dr8oqoijqr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmo-offer-team-row span[b-dr8oqoijqr] {
    flex: 0 0 auto;
    padding: 2px 7px;
    border: 1px solid rgba(255, 168, 0, 0.26);
    border-radius: 999px;
    background: rgba(255, 168, 0, 0.12);
    color: #ffd18a;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pmo-offer-meta[b-dr8oqoijqr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.pmo-offer-meta span[b-dr8oqoijqr] {
    display: inline-flex;
    min-height: 21px;
    padding: 2px 7px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(225, 234, 248, 0.78);
    font-size: 0.66rem;
    font-weight: 800;
}

.pmo-offer-message[b-dr8oqoijqr] {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px !important;
    color: rgba(255, 255, 255, 0.66) !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pmo-offer-more-btn[b-dr8oqoijqr] {
    justify-self: start;
}

.pmo-overview-grid[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
    padding: 12px 16px;
}

.pmo-pitch-card[b-dr8oqoijqr],
.pmo-stats-area[b-dr8oqoijqr],
.pmo-right-panel[b-dr8oqoijqr],
.pmo-calendar-card[b-dr8oqoijqr] {
    min-width: 0;
    border: 1px solid rgba(0, 160, 204, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(20, 26, 34, 0.94), rgba(16, 22, 30, 0.84));
}

.pmo-pitch-card[b-dr8oqoijqr] {
    padding: 10px;
}

.pmo-pitch-card[b-dr8oqoijqr]  .ppd-pitch-wrap {
    width: min(100%, 165px);
    margin: 0 auto;
}

.pmo-pitch-card[b-dr8oqoijqr]  .ppd-root {
    gap: 6px;
}

.pmo-pitch-card[b-dr8oqoijqr]  .ppd-chips {
    justify-content: center;
    gap: 3px;
}

.pmo-pitch-card[b-dr8oqoijqr]  .mud-chip {
    height: 18px !important;
    padding: 0 6px !important;
    font-size: 0.62rem !important;
}

.pmo-section-label[b-dr8oqoijqr],
.pmo-rp-title[b-dr8oqoijqr] {
    margin-bottom: 7px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 160, 204, 0.12);
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pmo-calendar-band[b-dr8oqoijqr] {
    padding: 0 20px 24px;
}

.pmo-calendar-card--integrated[b-dr8oqoijqr] {
    overflow: visible;
    padding: 0;
}

.pmo-calendar-select[b-dr8oqoijqr] {
    max-width: 360px;
    padding: 14px 18px 0;
}

.pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit {
    min-height: 980px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit .tc-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 18px;
    min-height: 860px;
}

.pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit .tc-pcw-calendar {
    --pcw-calendar-day-min-height: 148px;
    --pcw-calendar-entry-compact-min-height: 25px;
}

.pmo-build-tab[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
    gap: 16px;
    padding: 20px;
}

.pmo-stats-area[b-dr8oqoijqr],
.pmo-right-panel[b-dr8oqoijqr] {
    padding: 16px;
}

.pmo-build-header-row[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(0, 200, 255, 0.1);
    margin-bottom: 12px;
}

.pmo-build-arch[b-dr8oqoijqr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #00c8ff;
    font-size: 0.88rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmo-build-level[b-dr8oqoijqr],
.pmo-chip[b-dr8oqoijqr] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(121, 153, 190, 0.28);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pmo-chip--current[b-dr8oqoijqr] {
    border-color: rgba(84, 214, 90, 0.34);
    background: rgba(84, 214, 90, 0.14);
    color: #8cf7a0;
}

.pmo-stats-cols[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.pmo-sg-group[b-dr8oqoijqr] {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid rgba(0, 160, 204, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.pmo-sg-header[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid rgba(0, 160, 204, 0.14);
    background: rgba(0, 160, 204, 0.08);
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.pmo-sg-header--expanded[b-dr8oqoijqr],
.pmo-sg-header:hover[b-dr8oqoijqr] {
    background: rgba(0, 200, 255, 0.09);
}

.pmo-sg-gname[b-dr8oqoijqr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #00c8ff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmo-sg-avg[b-dr8oqoijqr],
.pmo-sg-chevron[b-dr8oqoijqr] {
    flex: 0 0 auto;
    color: #00c8ff;
    font-size: 0.78rem;
    font-weight: 900;
}

.pmo-sg-chevron[b-dr8oqoijqr] {
    color: rgba(255, 255, 255, 0.34);
    font-size: 0.55rem;
}

.pmo-sg-attrs[b-dr8oqoijqr] {
    display: grid;
    gap: 1px;
    padding: 8px 10px 10px;
}

.pmo-attr-row[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 2px 4px;
}

.pmo-attr-name[b-dr8oqoijqr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmo-av[b-dr8oqoijqr] {
    min-width: 24px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.78rem;
    font-weight: 900;
    text-align: right;
}

.pmo-av--elite[b-dr8oqoijqr] { color: #ffd700; }
.pmo-av--high[b-dr8oqoijqr] { color: #66bb6a; }
.pmo-av--low[b-dr8oqoijqr] { color: rgba(255, 255, 255, 0.42); }

.pmo-detail-rows[b-dr8oqoijqr] {
    display: grid;
    gap: 12px;
}

.pmo-detail-row[b-dr8oqoijqr] {
    display: grid;
    gap: 2px;
}

.pmo-detail-label[b-dr8oqoijqr] {
    color: rgba(255, 255, 255, 0.36);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pmo-detail-val[b-dr8oqoijqr] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.82rem;
    font-weight: 800;
}

.pmo-detail-val--accel[b-dr8oqoijqr],
.pmo-detail-stars[b-dr8oqoijqr] {
    color: #00c8ff;
}

.pmo-transfer-history[b-dr8oqoijqr],
.pmo-medals-panel[b-dr8oqoijqr],
.pmo-stats-panel[b-dr8oqoijqr] {
    padding: 20px;
}

.pmo-th-timeline[b-dr8oqoijqr] {
    position: relative;
    display: grid;
    gap: 14px;
    padding-left: 22px;
}

.pmo-th-timeline[b-dr8oqoijqr]::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 6px;
    width: 2px;
    background: rgba(255, 255, 255, 0.1);
}

.pmo-th-entry[b-dr8oqoijqr] {
    position: relative;
    min-width: 0;
}

.pmo-th-dot[b-dr8oqoijqr] {
    position: absolute;
    top: 12px;
    left: -22px;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

.pmo-th-entry--current .pmo-th-dot[b-dr8oqoijqr] {
    border-color: #54d65a;
    background: #54d65a;
}

.pmo-th-card[b-dr8oqoijqr],
.pmo-medal-item[b-dr8oqoijqr],
.pmo-st[b-dr8oqoijqr] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pmo-th-card[b-dr8oqoijqr] {
    padding: 12px 14px;
}

.pmo-th-team-row[b-dr8oqoijqr],
.pmo-th-dates[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.pmo-th-team-name[b-dr8oqoijqr] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 900;
    text-overflow: ellipsis;
}

.pmo-th-tag[b-dr8oqoijqr],
.pmo-th-dates[b-dr8oqoijqr],
.pmo-th-duration[b-dr8oqoijqr] {
    color: var(--pcw-text-muted);
    font-size: 0.78rem;
}

.pmo-th-role[b-dr8oqoijqr] {
    margin-top: 8px;
}

.pmo-medal-counters[b-dr8oqoijqr],
.pmo-stats-tiles[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.pmo-mc[b-dr8oqoijqr],
.pmo-st[b-dr8oqoijqr] {
    display: grid;
    place-items: center;
    min-height: 78px;
    padding: 10px;
}

.pmo-mc[b-dr8oqoijqr] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pmo-mc-count[b-dr8oqoijqr],
.pmo-st-val[b-dr8oqoijqr] {
    color: #fff;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.pmo-mc-label[b-dr8oqoijqr],
.pmo-st-lbl[b-dr8oqoijqr] {
    margin-top: 4px;
    color: var(--pcw-text-muted);
    font-size: 0.64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pmo-mc--gold .pmo-mc-count[b-dr8oqoijqr] { color: #ffd700; }
.pmo-mc--silver .pmo-mc-count[b-dr8oqoijqr] { color: #c0c0c0; }
.pmo-mc--bronze .pmo-mc-count[b-dr8oqoijqr] { color: #cd7f32; }
.pmo-st--accent .pmo-st-val[b-dr8oqoijqr] { color: #00c8ff; }

.pmo-medal-list[b-dr8oqoijqr] {
    display: grid;
    gap: 8px;
}

.pmo-medal-item[b-dr8oqoijqr] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px 14px;
}

.pmo-medal-icon[b-dr8oqoijqr] {
    display: grid;
    place-items: center;
    color: #ffd166;
}

.pmo-medal-info[b-dr8oqoijqr] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.pmo-medal-tournament[b-dr8oqoijqr],
.pmo-medal-year[b-dr8oqoijqr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmo-medal-tournament[b-dr8oqoijqr] {
    color: #fff;
    font-size: 0.88rem;
    font-weight: 900;
}

.pmo-medal-year[b-dr8oqoijqr] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.pmo-chart-wrap[b-dr8oqoijqr] {
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
}

.pmo-stats-secondary[b-dr8oqoijqr] {
    display: grid;
    gap: 8px;
}

.pmo-ss-row[b-dr8oqoijqr] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.pmo-ss-lbl[b-dr8oqoijqr] {
    flex: 0 0 86px;
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
}

.pmo-ss-bar-wrap[b-dr8oqoijqr] {
    flex: 1 1 auto;
    height: 6px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
}

.pmo-ss-bar[b-dr8oqoijqr] {
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #0087b3, #00c8ff);
}

.pmo-ss-val[b-dr8oqoijqr] {
    flex: 0 0 44px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.75rem;
    font-weight: 900;
    text-align: right;
}

.pmo-loading[b-dr8oqoijqr],
.pmo-empty-state[b-dr8oqoijqr] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 240px;
    padding: 24px;
    color: var(--pcw-text-muted);
    text-align: center;
}

.pmo-empty-state[b-dr8oqoijqr]  .mud-icon-root {
    font-size: 2.5rem;
    color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1100px) {
    .pmo-overview-grid[b-dr8oqoijqr],
    .pmo-build-tab[b-dr8oqoijqr],
    .pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit .tc-grid {
        grid-template-columns: 1fr;
    }

    .pmo-offer-list[b-dr8oqoijqr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit {
        min-height: 0;
    }

    .pmo-calendar-card--integrated[b-dr8oqoijqr]  .tc-overview--player-cockpit .tc-grid {
        min-height: 0;
    }
}

@media (max-width: 720px) {
    .pmo-custom-tabs[b-dr8oqoijqr] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px;
        scrollbar-width: thin;
    }

    .pmo-tab-button[b-dr8oqoijqr] {
        flex: 0 0 auto;
        min-width: 108px;
    }

    .pmo-overview-grid[b-dr8oqoijqr],
    .pmo-calendar-band[b-dr8oqoijqr],
    .pmo-build-tab[b-dr8oqoijqr],
    .pmo-transfer-history[b-dr8oqoijqr],
    .pmo-medals-panel[b-dr8oqoijqr],
    .pmo-stats-panel[b-dr8oqoijqr] {
        padding: 12px;
    }

    .pmo-offer-inbox[b-dr8oqoijqr] {
        margin: 12px 12px 0;
    }

    .pmo-offer-inbox-head[b-dr8oqoijqr] {
        flex-direction: column;
    }

    .pmo-offer-review-btn[b-dr8oqoijqr],
    .pmo-offer-more-btn[b-dr8oqoijqr] {
        width: 100%;
    }

    .pmo-pitch-card[b-dr8oqoijqr]  .ppd-pitch-wrap {
        width: min(100%, 180px);
    }

    .pmo-stats-cols[b-dr8oqoijqr],
    .pmo-medal-counters[b-dr8oqoijqr],
    .pmo-stats-tiles[b-dr8oqoijqr],
    .pmo-offer-list[b-dr8oqoijqr] {
        grid-template-columns: 1fr;
    }

    .pmo-medal-item[b-dr8oqoijqr] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .pmo-medal-item .pmo-chip[b-dr8oqoijqr] {
        grid-column: 2;
    }
}
/* /Components/PlayerManagement/PmPlayerMessagesPanel.razor.rz.scp.css */
.pmpm-panel[b-olp1thfgpk] {
    display: grid;
    align-self: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    background: rgba(11, 19, 31, 0.9);
}

.pmpm-head[b-olp1thfgpk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.14);
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.08), transparent);
}

.pmpm-title[b-olp1thfgpk] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.pmpm-icon[b-olp1thfgpk],
.pmpm-row-icon[b-olp1thfgpk] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(0, 200, 255, 0.2);
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.11);
    color: #00c8ff;
}

.pmpm-icon[b-olp1thfgpk] {
    width: 24px;
    height: 24px;
}

.pmpm-title div[b-olp1thfgpk] {
    min-width: 0;
}

.pmpm-title strong[b-olp1thfgpk] {
    display: block;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
}

.pmpm-title small[b-olp1thfgpk] {
    display: block;
    overflow: hidden;
    color: var(--pcw-text-muted);
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmpm-actions[b-olp1thfgpk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    flex-wrap: wrap;
}

.pmpm-action[b-olp1thfgpk],
.pmpm-row[b-olp1thfgpk] {
    border: 0;
    color: inherit;
    font: inherit;
}

.pmpm-action[b-olp1thfgpk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 7px;
    background: rgba(0, 200, 255, 0.08);
    color: #00c8ff;
    cursor: pointer;
    font-size: 0.66rem;
    font-weight: 900;
    white-space: nowrap;
}

.pmpm-action--danger[b-olp1thfgpk] {
    border-color: rgba(255, 92, 122, 0.26);
    background: rgba(255, 92, 122, 0.08);
    color: #ff6b86;
}

.pmpm-action--danger:hover[b-olp1thfgpk] {
    border-color: rgba(255, 92, 122, 0.5);
    background: rgba(255, 92, 122, 0.14);
}

.pmpm-list[b-olp1thfgpk] {
    display: grid;
    min-width: 0;
}

.pmpm-row[b-olp1thfgpk] {
    position: relative;
    display: grid;
    grid-template-columns: auto 24px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: flex-start;
    min-width: 0;
    width: 100%;
    padding: 7px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.pmpm-row:last-child[b-olp1thfgpk] {
    border-bottom: 0;
}

.pmpm-row:hover[b-olp1thfgpk] {
    background: rgba(0, 200, 255, 0.045);
}

.pmpm-row.is-unread[b-olp1thfgpk] {
    background: rgba(0, 200, 255, 0.055);
}

.pmpm-row-icon[b-olp1thfgpk] {
    width: 24px;
    height: 24px;
}

.pmpm-row-body[b-olp1thfgpk] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.pmpm-row-top[b-olp1thfgpk] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.pmpm-row-top strong[b-olp1thfgpk],
.pmpm-desc[b-olp1thfgpk],
.pmpm-meta[b-olp1thfgpk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmpm-row-top strong[b-olp1thfgpk] {
    flex: 1 1 auto;
    min-width: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.74rem;
    font-weight: 800;
}

.pmpm-row.is-unread .pmpm-row-top strong[b-olp1thfgpk] {
    color: #fff;
}

.pmpm-row-top small[b-olp1thfgpk] {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.36);
    font-size: 0.62rem;
    font-weight: 800;
}

.pmpm-desc[b-olp1thfgpk] {
    color: var(--pcw-text-muted);
    font-size: 0.68rem;
}

.pmpm-meta[b-olp1thfgpk] {
    color: rgba(0, 200, 255, 0.72);
    font-size: 0.62rem;
    font-weight: 800;
}

.pmpm-unread[b-olp1thfgpk] {
    width: 6px;
    height: 6px;
    margin-top: 9px;
    border-radius: 50%;
    background: #00c8ff;
}

.pmpm-row:not(.is-unread) .pmpm-unread[b-olp1thfgpk] {
    opacity: 0;
}

.pmpm-dismiss[b-olp1thfgpk] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.34);
}

.pmpm-dismiss:hover[b-olp1thfgpk] {
    background: rgba(255, 92, 122, 0.12);
    color: #ff5c7a;
}

.pmpm-empty[b-olp1thfgpk] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 0.82rem;
}

.pmpm-empty[b-olp1thfgpk]  .mud-icon-root {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 560px) {
    .pmpm-head[b-olp1thfgpk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pmpm-actions[b-olp1thfgpk] {
        width: 100%;
    }

    .pmpm-action[b-olp1thfgpk] {
        flex: 1 1 0;
        justify-content: center;
    }

    .pmpm-row[b-olp1thfgpk] {
        grid-template-columns: auto 24px minmax(0, 1fr) auto;
        gap: 7px;
        padding-inline: 8px;
    }

    .pmpm-dismiss[b-olp1thfgpk] {
        grid-column: auto;
        justify-self: end;
        width: 22px;
        padding-inline: 0;
    }
}
/* /Components/PlayerManagement/PmPremiumPanel.razor.rz.scp.css */
.pmp-root[b-djb40o1o80] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pmp-hero[b-djb40o1o80],
.pmp-plan-panel[b-djb40o1o80],
.pmp-preview[b-djb40o1o80],
.pmp-benefit[b-djb40o1o80],
.pmp-status-card[b-djb40o1o80] {
    border: 1px solid rgba(0, 200, 255, 0.18);
    background:
        radial-gradient(circle at top left, rgba(255, 202, 40, .08), transparent 34%),
        linear-gradient(145deg, rgba(12, 22, 35, .96), rgba(7, 14, 24, .9));
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.pmp-hero[b-djb40o1o80] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 10px;
}

.pmp-eyebrow[b-djb40o1o80],
.pmp-title-row[b-djb40o1o80],
.pmp-premium-badge[b-djb40o1o80],
.pmp-benefit[b-djb40o1o80],
.pmp-status-card[b-djb40o1o80],
.pmp-transfer-name-row[b-djb40o1o80],
.pmp-rules[b-djb40o1o80],
.pmp-plan-actions[b-djb40o1o80] {
    display: flex;
    align-items: center;
}

.pmp-eyebrow[b-djb40o1o80] {
    gap: 8px;
    color: #00d5ff;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pmp-title-row[b-djb40o1o80] {
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.pmp-title[b-djb40o1o80] {
    margin: 0 !important;
    color: #fff;
    font-weight: 900 !important;
}

.pmp-subtitle[b-djb40o1o80],
.pmp-muted[b-djb40o1o80] {
    color: rgba(220, 234, 255, 0.66);
}

.pmp-subtitle[b-djb40o1o80] {
    max-width: 760px;
    margin-top: 6px !important;
}

.pmp-premium-badge[b-djb40o1o80] {
    gap: 5px;
    color: #ffe69a;
    border: 1px solid rgba(255, 213, 79, 0.42);
    background: rgba(255, 193, 7, 0.12);
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .75rem;
    font-weight: 900;
}

.pmp-hero[b-djb40o1o80] {
    background:
        radial-gradient(circle at 9% 0%, rgba(255, 213, 79, .18), transparent 30%),
        radial-gradient(circle at 80% 20%, rgba(0, 213, 255, .13), transparent 32%),
        linear-gradient(145deg, rgba(11, 21, 34, .98), rgba(6, 13, 23, .94));
}

.pmp-layout[b-djb40o1o80] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
}

.pmp-main[b-djb40o1o80] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pmp-stat-grid[b-djb40o1o80] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pmp-status-card[b-djb40o1o80] {
    gap: 12px;
    border-radius: 8px;
    padding: 16px;
}

.pmp-card-icon[b-djb40o1o80],
.pmp-benefit > .mud-icon-root[b-djb40o1o80] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #001827;
    background: linear-gradient(135deg, #00d5ff, #7affd7);
    flex: 0 0 auto;
}

.pmp-benefit:nth-child(1) > .mud-icon-root[b-djb40o1o80],
.pmp-plan-state .mud-icon-root[b-djb40o1o80] {
    color: #241700;
    background: linear-gradient(135deg, #ffd54f, #ff9f1c);
}

.pmp-status-card span[b-djb40o1o80],
.pmp-preview-head span[b-djb40o1o80] {
    display: block;
    color: rgba(220, 234, 255, 0.58);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pmp-status-card strong[b-djb40o1o80] {
    display: block;
    color: #fff;
    margin-top: 3px;
    font-size: 1.05rem;
}

.pmp-status-card small[b-djb40o1o80],
.pmp-benefit span[b-djb40o1o80],
.pmp-preview-head small[b-djb40o1o80],
.pmp-transfer-footer small[b-djb40o1o80] {
    color: rgba(220, 234, 255, 0.62);
}

.pmp-benefits[b-djb40o1o80] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pmp-benefit[b-djb40o1o80] {
    gap: 12px;
    min-height: 92px;
    border-radius: 8px;
    padding: 16px;
}

.pmp-benefit strong[b-djb40o1o80] {
    display: block;
    color: #fff;
    font-size: .95rem;
}

.pmp-benefit span[b-djb40o1o80] {
    display: block;
    font-size: .82rem;
    line-height: 1.35;
    margin-top: 4px;
}

.pmp-plan-panel[b-djb40o1o80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    padding: 18px;
}

.pmp-plan-panel--disabled[b-djb40o1o80] {
    border-color: rgba(255, 213, 79, .32);
    background:
        radial-gradient(circle at top left, rgba(255, 213, 79, .16), transparent 38%),
        linear-gradient(145deg, rgba(18, 21, 31, .98), rgba(7, 14, 24, .92));
}

.pmp-plan-state[b-djb40o1o80] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 9px;
    border: 1px solid rgba(255, 213, 79, .34);
    border-radius: 999px;
    color: #ffe69a;
    background: rgba(255, 193, 7, .1);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pmp-plan-state .mud-icon-root[b-djb40o1o80] {
    width: 20px;
    height: 20px;
    padding: 4px;
    border-radius: 999px;
}

.pmp-plan-panel h6[b-djb40o1o80] {
    color: #fff;
    font-weight: 850;
}

.pmp-plan-actions[b-djb40o1o80] {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pmp-preview[b-djb40o1o80] {
    border-radius: 10px;
    padding: 16px;
    align-self: start;
}

.pmp-preview-head[b-djb40o1o80] {
    margin-bottom: 12px;
}

.pmp-transfer-card[b-djb40o1o80] {
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #111827;
    box-shadow: 0 12px 30px rgba(0,0,0,0.42);
}

.pmp-transfer-visual[b-djb40o1o80] {
    position: relative;
    height: 170px;
    overflow: hidden;
    background: linear-gradient(145deg, #171d2c, #111827 55%, #181f31);
}

.pmp-transfer-flag[b-djb40o1o80] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 190, 255, .16), rgba(255, 213, 79, .12));
}

.pmp-transfer-visual[b-djb40o1o80]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(17, 24, 39, .15) 45%, #111827 100%);
}

.pmp-transfer-positions[b-djb40o1o80] {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pmp-transfer-positions span[b-djb40o1o80],
.pmp-transfer-positions small[b-djb40o1o80] {
    width: max-content;
    border-radius: 5px;
    font-weight: 900;
    text-transform: uppercase;
}

.pmp-transfer-positions span[b-djb40o1o80] {
    color: #001827;
    background: #39f5ff;
    padding: 3px 8px;
}

.pmp-transfer-positions small[b-djb40o1o80] {
    color: rgba(255,255,255,.72);
    background: rgba(0,0,0,.44);
    padding: 2px 7px;
}

.pmp-transfer-visual img[b-djb40o1o80] {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -5px;
    height: 162px;
    transform: translateX(-50%);
    filter: drop-shadow(0 6px 16px rgba(0,0,0,.72));
}

.pmp-transfer-footer[b-djb40o1o80] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.pmp-transfer-name-row[b-djb40o1o80] {
    gap: 8px;
    justify-content: space-between;
    color: #fff;
}

.pmp-transfer-name-row span[b-djb40o1o80] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #ffe69a;
    font-size: .62rem;
    font-weight: 900;
}

.pmp-days[b-djb40o1o80] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 3px;
}

.pmp-days span[b-djb40o1o80] {
    text-align: center;
    padding: 4px 2px;
    border-radius: 6px;
    color: rgba(150, 168, 215, 0.48);
    border: 1px solid rgba(116, 130, 180, 0.2);
    background: rgba(66, 78, 118, 0.2);
    font-size: .55rem;
    font-weight: 900;
}

.pmp-days .pmp-day--on[b-djb40o1o80] {
    color: #5ec6ff;
    border-color: rgba(0, 163, 255, .55);
    background: rgba(0, 116, 255, .2);
}

.pmp-transfer-footer button[b-djb40o1o80] {
    border: 0;
    border-radius: 6px;
    padding: 8px 10px;
    color: #fff;
    background: linear-gradient(135deg, #147dff, #0052cc);
    font-weight: 900;
}

.pmp-rules[b-djb40o1o80] {
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.pmp-rules span[b-djb40o1o80] {
    border: 1px solid rgba(0, 200, 255, .22);
    background: rgba(0, 200, 255, .08);
    color: rgba(221, 239, 255, .75);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: .65rem;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .pmp-layout[b-djb40o1o80] {
        grid-template-columns: 1fr;
    }

    .pmp-stat-grid[b-djb40o1o80] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .pmp-hero[b-djb40o1o80],
    .pmp-plan-panel[b-djb40o1o80] {
        flex-direction: column;
        align-items: stretch;
    }

    .pmp-benefits[b-djb40o1o80] {
        grid-template-columns: 1fr;
    }

    .pmp-plan-actions[b-djb40o1o80] {
        justify-content: stretch;
    }

    .pmp-plan-actions .mud-button-root[b-djb40o1o80] {
        flex: 1 1 100%;
    }
}
/* /Components/PlayerManagement/PmScoutingProfilePanel.razor.rz.scp.css */
/* ── PmScoutingProfilePanel ────────────────────────────── */

.pmscp-container[b-ibie60tog2] {
    max-width: 100%;
}

.pmscp-container--embedded[b-ibie60tog2] {
    margin-top: 18px;
}

.pmscp-header[b-ibie60tog2] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.pmscp-header-icon[b-ibie60tog2] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0, 160, 204, 0.18), rgba(0, 135, 179, 0.08));
    border: 1px solid rgba(0, 160, 204, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pmscp-loading[b-ibie60tog2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 32px 0;
}

.pmscp-card[b-ibie60tog2] {
    background: linear-gradient(180deg, rgba(20, 26, 34, 0.98), rgba(16, 22, 30, 0.98)) !important;
    border: 1px solid rgba(0, 160, 204, 0.14) !important;
    border-bottom: 1px solid rgba(0, 160, 204, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
}

.pmscp-card--embedded[b-ibie60tog2] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pmscp-card--embedded[b-ibie60tog2]  .mud-card-content {
    padding: 0 !important;
}

.pmscp-card:hover[b-ibie60tog2] {
    transform: none;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
}

.pmscp-section-label[b-ibie60tog2] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 10px;
}

.pmscp-link-row[b-ibie60tog2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

@media (max-width: 600px) {
    .pmscp-link-row[b-ibie60tog2] {
        flex-direction: column;
        align-items: stretch;
    }

    .pmscp-link-row .mud-input[b-ibie60tog2] {
        max-width: 100% !important;
    }
}
/* /Components/PlayerManagement/PmSettingsPanel.razor.rz.scp.css */
/* ── PmSettingsPanel ────────────────────────────────────── */

.pmset-container[b-5328ffn411] {
    width: 100%;
    max-width: 1500px;
}

.pmset-header[b-5328ffn411] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.pmset-header-icon[b-5328ffn411] {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0, 160, 204, 0.2), rgba(0, 135, 179, 0.08));
    border: 1px solid rgba(0, 160, 204, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pmset-shell[b-5328ffn411] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.pmset-loading[b-5328ffn411] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 0;
}

.pmset-subnav[b-5328ffn411] {
    position: sticky;
    top: 116px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(20, 26, 34, 0.96), rgba(16, 22, 30, 0.96));
    border: 1px solid rgba(0, 160, 204, 0.16);
    border-radius: 8px;
    padding: 10px;
}

.pmset-main[b-5328ffn411] {
    min-width: 0;
}

.pmset-subnav-link[b-5328ffn411] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 600;
    font-size: .85rem;
    white-space: nowrap;
    text-align: left;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.pmset-subnav-link:hover[b-5328ffn411] {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 160, 204, 0.07);
}

.pmset-subnav-link--active[b-5328ffn411] {
    color: #00c8ff;
    border-color: rgba(0, 160, 204, 0.32);
    background: rgba(0, 160, 204, 0.11);
    box-shadow: inset 3px 0 0 #00c8ff;
}

.pmset-subnav-icon[b-5328ffn411] {
    font-size: 1rem;
}

.pmset-card[b-5328ffn411] {
    background: linear-gradient(180deg, rgba(20, 26, 34, 0.98), rgba(16, 22, 30, 0.98)) !important;
    border: 1px solid rgba(0, 160, 204, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
}

.pmset-card--discord[b-5328ffn411] {
    height: 100%;
    background: rgba(88, 101, 242, 0.12) !important;
    border-color: rgba(88, 101, 242, 0.35) !important;
}

.pmset-card--warning[b-5328ffn411] {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 165, 0, 0.2) !important;
}

.pmset-card--scouting[b-5328ffn411] {
    padding-bottom: 18px !important;
}

.pmset-scouting-divider[b-5328ffn411] {
    height: 1px;
    margin: 22px 0;
    background: rgba(0, 160, 204, 0.14);
}

.pmset-chip-grid[b-5328ffn411] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pmset-radio-row[b-5328ffn411] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.pmset-scouting-actions[b-5328ffn411] {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 160, 204, 0.14);
}

.pmset-inline-actions[b-5328ffn411] {
    flex-wrap: wrap;
}

.pmset-bot-options[b-5328ffn411] {
    display: grid;
    gap: 12px;
}

.pmset-bot-status-grid[b-5328ffn411] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pmset-bot-status[b-5328ffn411] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 10px;
    align-items: center;
    min-height: 74px;
    padding: 12px 14px;
    border: 1px solid rgba(0, 160, 204, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pmset-bot-status .mud-icon-root[b-5328ffn411] {
    grid-row: span 2;
    color: #00c8ff;
}

.pmset-bot-status span[b-5328ffn411] {
    color: rgba(198, 218, 238, 0.68);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pmset-bot-status strong[b-5328ffn411] {
    color: #fff;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.pmset-bot-option[b-5328ffn411] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(0, 160, 204, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.pmset-bot-option--primary[b-5328ffn411] {
    border-color: rgba(0, 200, 255, 0.26);
    background: rgba(0, 200, 255, 0.06);
}

/* ── Position picker (moved from Profile.razor.css) ────── */

.pos-picker-grid[b-5328ffn411] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}

.pos-chip[b-5328ffn411] {
    position: relative;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
    line-height: 1;
}

.pos-chip:hover[b-5328ffn411] {
    border-color: rgba(0, 229, 255, 0.4);
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 229, 255, 0.06);
}

.pos-chip--on[b-5328ffn411] {
    border-color: #00e5ff;
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
    box-shadow: 0 0 8px rgba(0, 229, 255, 0.25);
}

.pos-chip-badge[b-5328ffn411] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: #00e5ff;
    color: #000;
    border-radius: 50%;
    font-size: 0.6rem;
    font-weight: 800;
    margin-left: 5px;
    vertical-align: middle;
}

/* ── Availability row (day checkbox + time slot) ─────── */

.pmset-avail-row[b-5328ffn411] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
}

.fmset-avail-row[b-5328ffn411] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
}

/* ── 2FA ─────────────────────────────────────────────── */

.pmset-2fa-setup[b-5328ffn411] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pmset-2fa-qr[b-5328ffn411] {
    display: flex;
    justify-content: flex-start;
    padding: 8px 0;
}

.pmset-2fa-recovery-grid[b-5328ffn411] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 8px;
}

.pmset-2fa-recovery-code[b-5328ffn411] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.82rem;
    font-family: monospace;
    color: #a78bfa;
    letter-spacing: 1px;
    text-align: center;
    word-break: break-all;
}

@media (max-width: 960px) {
    .pmset-shell[b-5328ffn411] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pmset-subnav[b-5328ffn411] {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .pmset-subnav[b-5328ffn411]::-webkit-scrollbar {
        display: none;
    }

    .pmset-subnav-link[b-5328ffn411] {
        width: auto;
        flex: 0 0 auto;
    }

    .pmset-subnav-link--active[b-5328ffn411] {
        box-shadow: inset 0 -3px 0 #00c8ff;
    }

    .pmset-bot-status-grid[b-5328ffn411] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pmset-container[b-5328ffn411] {
        max-width: 100%;
    }

    .pmset-header[b-5328ffn411] {
        align-items: flex-start;
    }

    .pmset-header-icon[b-5328ffn411] {
        width: 46px;
        height: 46px;
        flex: 0 0 auto;
    }

    .pmset-subnav[b-5328ffn411] {
        padding: 8px;
        gap: 6px;
    }

    .pmset-subnav-link[b-5328ffn411] {
        min-height: 42px;
        padding: 8px 10px;
        font-size: .78rem;
    }

    .pmset-inline-actions[b-5328ffn411] {
        align-items: stretch !important;
    }

    .pmset-inline-actions > *[b-5328ffn411] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .pmset-inline-actions[b-5328ffn411]  .mud-input-control {
        flex-basis: 100%;
    }

    .pmset-inline-actions[b-5328ffn411]  .mud-button-root {
        min-width: 128px;
    }

    .pmset-regenerate-btn[b-5328ffn411] {
        flex: 1 0 100%;
        justify-content: center;
    }

    .pmset-bot-option[b-5328ffn411] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pmset-scouting-actions[b-5328ffn411] {
        justify-content: stretch;
    }

    .pmset-scouting-actions[b-5328ffn411]  .mud-button-root {
        width: 100%;
    }
}

/* /Components/PlayerManagement/PmSubNav.razor.rz.scp.css */
/* ── PM Sub Navigation — domain-specific styles only ── */
/* Shared container/item styles in ManagementSubNav.razor.css and ManagementSubNavItem.razor.css */

/* ── Team count badge (PM-specific info badge) ──────── */
.pm-subnav-count[b-g0xju2n0vz] {
    font-size: 0.6rem;
    background: rgba(0, 200, 255, 0.2);
    color: #00c8ff;
    border-radius: 8px;
    padding: 1px 6px;
    font-weight: 700;
    line-height: 1.3;
}
/* /Components/PlayerManagement/PmTeamDirectoryPanel.razor.rz.scp.css */
/* ── Team Directory — Scouting Browser Styles ────────── */

.ptd-container[b-spp8apusf1] {
    display: flex;
    flex-direction: column;
}

/* ── Search Hero Banner ─────────────────────────────── */
.ptd-search-hero[b-spp8apusf1] {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 12px;
    padding: 24px 28px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.ptd-search-hero[b-spp8apusf1]::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(0,200,255,0.08) 0%, transparent 70%);
    pointer-events: none;
}

.ptd-search-inner[b-spp8apusf1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    z-index: 1;
}

.ptd-search-icon[b-spp8apusf1] {
    font-size: 28px;
    color: #00c8ff;
    margin-bottom: 4px;
}

/* ── Filter Card ────────────────────────────────────── */
.ptd-filter-card[b-spp8apusf1] {
    border: 1px solid rgba(0,200,255,0.1);
}

/* ── Loading ─────────────────────────────────────────── */
.ptd-loading[b-spp8apusf1] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

/* ── Scouting Cards Grid ────────────────────────────── */
.ptd-grid[b-spp8apusf1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
}

/* ── Scout Card ──────────────────────────────────────── */
.ptd-scout-card[b-spp8apusf1] {
    background: linear-gradient(160deg, rgba(18,23,46,0.95) 0%, rgba(20,26,34,0.98) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    display: flex;
    flex-direction: column;
}

.ptd-scout-card:hover[b-spp8apusf1] {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(0,200,255,0.15), 0 0 0 1px rgba(0,200,255,0.2);
    border-color: rgba(0,200,255,0.25);
}

.ptd-scout-card--squad[b-spp8apusf1] {
    border-color: rgba(33,150,243,0.3);
}

.ptd-scout-card--pending[b-spp8apusf1] {
    border-color: rgba(255,167,38,0.3);
}

/* ── Card Header ─────────────────────────────────────── */
.ptd-card-header[b-spp8apusf1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 16px 12px;
    background: linear-gradient(135deg, rgba(28,33,112,0.3) 0%, rgba(75,0,130,0.15) 100%);
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.ptd-card-logo[b-spp8apusf1] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid rgba(0,200,255,0.25);
    background: rgba(255,255,255,0.04);
}

.ptd-logo-img[b-spp8apusf1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ptd-logo-placeholder[b-spp8apusf1] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1c2170, #4b0082);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.ptd-card-identity[b-spp8apusf1] {
    flex: 1;
    min-width: 0;
}

.ptd-name-row[b-spp8apusf1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ptd-team-name[b-spp8apusf1] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ptd-team-tag[b-spp8apusf1] {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ptd-card-status[b-spp8apusf1] {
    flex-shrink: 0;
}

.ptd-status-pill[b-spp8apusf1] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ptd-status-open[b-spp8apusf1] {
    background: rgba(0,230,118,0.15);
    color: #00e676;
    border: 1px solid rgba(0,230,118,0.3);
}

.ptd-status-closed[b-spp8apusf1] {
    background: rgba(255,82,82,0.15);
    color: #ff5252;
    border: 1px solid rgba(255,82,82,0.3);
}

/* ── Card Body ───────────────────────────────────────── */
.ptd-card-body[b-spp8apusf1] {
    padding: 12px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ptd-about-snippet[b-spp8apusf1] {
    margin: 0;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Stats Row ───────────────────────────────────────── */
.ptd-stats-row[b-spp8apusf1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ptd-stat[b-spp8apusf1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: rgba(255,255,255,0.55);
}

.ptd-medals[b-spp8apusf1] {
    display: inline-flex;
    gap: 6px;
}

.ptd-medal[b-spp8apusf1] {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.ptd-medal-gold[b-spp8apusf1] { color: #ffd700; }
.ptd-medal-silver[b-spp8apusf1] { color: #c0c0c0; }
.ptd-medal-bronze[b-spp8apusf1] { color: #cd7f32; }

.ptd-rep-badge[b-spp8apusf1] {
    background: rgba(0,200,255,0.1);
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 600;
    color: #00c8ff;
}

/* ── Roster Preview ──────────────────────────────────── */
.ptd-roster-preview[b-spp8apusf1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ptd-roster-avatar[b-spp8apusf1] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(28,33,112,0.6), rgba(75,0,130,0.4));
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(255,255,255,0.7);
}

.ptd-roster-more[b-spp8apusf1] {
    font-size: 10px;
    color: rgba(255,255,255,0.35);
    margin-left: 2px;
}

/* ── Platform & Owner ────────────────────────────────── */
.ptd-platform-row[b-spp8apusf1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ptd-platform-tag[b-spp8apusf1] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ptd-owner-tag[b-spp8apusf1] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    color: rgba(255,255,255,0.35);
}

/* ── Card Footer ─────────────────────────────────────── */
.ptd-card-footer[b-spp8apusf1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-top: 1px solid rgba(255,255,255,0.04);
    background: rgba(0,0,0,0.15);
}

[b-spp8apusf1] .ptd-view-btn {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0,200,255,0.2);
    border-radius: 8px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

[b-spp8apusf1] .ptd-view-btn:hover {
    background: rgba(0,200,255,0.1);
    border-color: rgba(0,200,255,0.4);
}

[b-spp8apusf1] .ptd-apply-btn {
    border-radius: 8px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .ptd-grid[b-spp8apusf1] {
        grid-template-columns: 1fr;
    }

    .ptd-search-hero[b-spp8apusf1] {
        padding: 16px 20px;
    }
}
 .ptd-tm-grid[b-spp8apusf1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    align-items: stretch;
}

@media (max-width: 680px) {
    .ptd-tm-grid[b-spp8apusf1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PlayerManagement/PmTeamReportDialog.razor.rz.scp.css */
/* Team Report Dialog — FM-style esports scouting report */

/* ── Loading ─────────────────────────────────────────── */
.ptr-loading[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.ptr-loading-sm[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
}

/* ── Hero Header ─────────────────────────────────────── */
.ptr-header[b-shj2yf08mc] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 24px 18px;
    background: linear-gradient(135deg, #12172e 0%, #1c2170 50%, #4b0082 100%);
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    position: relative;
}

.ptr-logo[b-shj2yf08mc] {
    width: 72px;
    height: 72px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.ptr-logo-img[b-shj2yf08mc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.ptr-logo-placeholder[b-shj2yf08mc] {
    font-size: 1.6rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 1px;
}

.ptr-identity[b-shj2yf08mc] {
    flex: 1;
    min-width: 0;
}

.ptr-name-row[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 2px;
}

.ptr-badges[b-shj2yf08mc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.ptr-header-close[b-shj2yf08mc] {
    position: absolute;
    top: 14px;
    right: 14px;
}

/* ── Tab Panel ───────────────────────────────────────── */
.ptr-tab-panel[b-shj2yf08mc] {
    padding: 0 !important;
    background: transparent;
}

[b-shj2yf08mc] .mud-tabs-toolbar {
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[b-shj2yf08mc] .mud-tab {
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

[b-shj2yf08mc] .mud-tab.mud-tab-active {
    color: #00c8ff !important;
}

[b-shj2yf08mc] .mud-tab-slider {
    background: #00c8ff !important;
}

/* ── Section Container ───────────────────────────────── */
.ptr-section[b-shj2yf08mc] {
    padding: 20px 24px 24px;
}

/* ── About Cards ─────────────────────────────────────── */
.ptr-about-card[b-shj2yf08mc] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 14px;
}

.ptr-social-links[b-shj2yf08mc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ptr-social-link[b-shj2yf08mc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .02em;
    transition: all 0.15s ease;
}

.ptr-social-link:hover[b-shj2yf08mc] {
    transform: translateY(-1px);
    border-color: rgba(0, 200, 255, 0.5);
    background: rgba(0, 200, 255, 0.12);
}

.ptr-social-icon[b-shj2yf08mc] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.ptr-social-link[b-shj2yf08mc]  svg,
.ptr-social-link[b-shj2yf08mc]  path {
    fill: currentColor !important;
}

.ptr-social-link--discord[b-shj2yf08mc] { color: #5865f2; }
.ptr-social-link--twitter[b-shj2yf08mc] { color: #e9edf2; }
.ptr-social-link--twitch[b-shj2yf08mc] { color: #9146ff; }
.ptr-social-link--youtube[b-shj2yf08mc] { color: #ff0033; }

/* ── Roster List ─────────────────────────────────────── */
.ptr-roster-list[b-shj2yf08mc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ptr-roster-row[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: background 0.15s ease, border-color 0.15s ease;
}

.ptr-roster-row:hover[b-shj2yf08mc] {
    background: rgba(0, 200, 255, 0.04);
    border-color: rgba(0, 200, 255, 0.1);
}

.ptr-roster-avatar[b-shj2yf08mc] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ptr-roster-info[b-shj2yf08mc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ptr-roster-name[b-shj2yf08mc] {
    font-size: .82rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ptr-roster-role[b-shj2yf08mc] {
    font-size: .68rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ptr-roster-position[b-shj2yf08mc] {
    font-size: .72rem;
    font-weight: 700;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.15);
    border-radius: 4px;
    padding: 2px 8px;
    flex-shrink: 0;
}

.ptr-roster-rep[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: .7rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

/* ── Medal Summary ───────────────────────────────────── */
.ptr-medal-summary[b-shj2yf08mc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.ptr-medal-card[b-shj2yf08mc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.ptr-medal-card:hover[b-shj2yf08mc] {
    transform: translateY(-2px);
}

.ptr-medal-gold[b-shj2yf08mc] {
    border-color: rgba(255, 215, 0, 0.25);
    background: rgba(255, 215, 0, 0.04);
}

.ptr-medal-gold:hover[b-shj2yf08mc] {
    border-color: rgba(255, 215, 0, 0.4);
}

.ptr-medal-silver[b-shj2yf08mc] {
    border-color: rgba(192, 192, 192, 0.25);
    background: rgba(192, 192, 192, 0.04);
}

.ptr-medal-silver:hover[b-shj2yf08mc] {
    border-color: rgba(192, 192, 192, 0.4);
}

.ptr-medal-bronze[b-shj2yf08mc] {
    border-color: rgba(205, 127, 50, 0.25);
    background: rgba(205, 127, 50, 0.04);
}

.ptr-medal-bronze:hover[b-shj2yf08mc] {
    border-color: rgba(205, 127, 50, 0.4);
}

.ptr-medal-icon[b-shj2yf08mc] {
    font-size: 1.8rem;
    line-height: 1;
}

.ptr-medal-count[b-shj2yf08mc] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
}

.ptr-medal-label[b-shj2yf08mc] {
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.4);
}

/* ── Tournament Timeline ─────────────────────────────── */
.ptr-tournament-timeline[b-shj2yf08mc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ptr-timeline-item[b-shj2yf08mc] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: background 0.15s ease;
}

.ptr-timeline-item:hover[b-shj2yf08mc] {
    background: rgba(255, 255, 255, 0.04);
}

.ptr-timeline-placement[b-shj2yf08mc] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .82rem;
    font-weight: 800;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.ptr-place-gold[b-shj2yf08mc] {
    background: rgba(255, 215, 0, 0.12);
    color: #ffd700;
    border-color: rgba(255, 215, 0, 0.3);
}

.ptr-place-silver[b-shj2yf08mc] {
    background: rgba(192, 192, 192, 0.1);
    color: #c0c0c0;
    border-color: rgba(192, 192, 192, 0.25);
}

.ptr-place-bronze[b-shj2yf08mc] {
    background: rgba(205, 127, 50, 0.1);
    color: #cd7f32;
    border-color: rgba(205, 127, 50, 0.25);
}

.ptr-timeline-info[b-shj2yf08mc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ptr-timeline-name[b-shj2yf08mc] {
    font-size: .82rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ptr-timeline-stats[b-shj2yf08mc] {
    font-size: .7rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 500;
}

/* ── Stats Grid ──────────────────────────────────────── */
.ptr-stats-grid[b-shj2yf08mc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.ptr-stat-card[b-shj2yf08mc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 20px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.ptr-stat-card:hover[b-shj2yf08mc] {
    transform: translateY(-2px);
    border-color: rgba(0, 200, 255, 0.15);
}

.ptr-stat-highlight[b-shj2yf08mc] {
    background: rgba(0, 200, 255, 0.06);
    border-color: rgba(0, 200, 255, 0.2);
}

.ptr-stat-highlight .ptr-stat-value[b-shj2yf08mc] {
    color: #00c8ff;
}

.ptr-stat-value[b-shj2yf08mc] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
}

.ptr-stat-label[b-shj2yf08mc] {
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.35);
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .ptr-header[b-shj2yf08mc] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
        padding: 18px 16px 14px;
    }

    .ptr-name-row[b-shj2yf08mc] {
        justify-content: center;
    }

    .ptr-badges[b-shj2yf08mc] {
        justify-content: center;
    }

    .ptr-header-close[b-shj2yf08mc] {
        top: 10px;
        right: 10px;
    }

    .ptr-section[b-shj2yf08mc] {
        padding: 16px;
    }

    .ptr-stats-grid[b-shj2yf08mc] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ptr-medal-summary[b-shj2yf08mc] {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .ptr-roster-row[b-shj2yf08mc] {
        padding: 8px 10px;
    }
}
/* /Components/PlayerManagement/PmTeamsPanel.razor.rz.scp.css */
/* ── Teams Panel ──────────────────────────────────────── */

.pmt-container[b-8dphcipc2x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pmt-toolbar[b-8dphcipc2x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.pmt-toolbar-actions[b-8dphcipc2x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.pmt-toolbar-actions[b-8dphcipc2x]  .mud-button-root,
.pmt-limit-text[b-8dphcipc2x] {
    min-width: 0;
}

.pmt-limit-text[b-8dphcipc2x] {
    color: var(--pcw-text-muted);
    overflow-wrap: anywhere;
}

.pmt-limit-alert[b-8dphcipc2x] {
    margin: 0;
}

.pmt-create-card[b-8dphcipc2x] {
    overflow: hidden;
    border: 1px solid rgba(0, 170, 255, 0.22);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(0, 170, 255, 0.1), transparent 48%),
        rgba(8, 18, 30, 0.96);
}

.pmt-team-grid[b-8dphcipc2x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px;
}

.pmt-team-cell[b-8dphcipc2x] {
    min-width: 0;
}

.pmt-team-card[b-8dphcipc2x] {
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 170, 255, 0.18);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(22, 34, 62, 0.94) 0%, rgba(7, 16, 27, 0.98) 58%),
        #08111d;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.pmt-team-card--favorite[b-8dphcipc2x] {
    border-color: rgba(246, 198, 48, 0.45);
}

.pmt-team-card[b-8dphcipc2x]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 108px;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 0%, rgba(0, 211, 255, 0.24), transparent 36%),
        linear-gradient(135deg, rgba(36, 227, 175, 0.18), rgba(29, 94, 255, 0.08) 55%, transparent);
    opacity: 0.92;
}

.pmt-team-card:hover[b-8dphcipc2x] {
    transform: translateY(-2px);
    border-color: rgba(0, 200, 255, 0.42);
    box-shadow: 0 18px 42px rgba(0, 117, 255, 0.16);
}

.pmt-team-card[b-8dphcipc2x]  .mud-card-content {
    position: relative;
    padding: 18px;
}

.pmt-team-card[b-8dphcipc2x]  .mud-card-actions {
    position: relative;
    padding: 0 18px 18px;
}

.pmt-team-card[b-8dphcipc2x]  .mud-avatar-root {
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.pmt-title-row[b-8dphcipc2x] {
    min-width: 0;
    max-width: 100%;
}

.pmt-title-row[b-8dphcipc2x]  .mud-typography {
    min-width: 0;
}

.pmt-chip-row[b-8dphcipc2x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.pmt-team-card[b-8dphcipc2x]  .mud-chip {
    max-width: 100%;
    border-radius: 7px;
    border-color: rgba(121, 153, 190, 0.28);
    background: rgba(3, 12, 22, 0.38);
}

.pmt-team-card[b-8dphcipc2x]  .mud-chip-content {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pmt-team-card[b-8dphcipc2x]  .mud-chip-filled.mud-chip-color-warning {
    background: rgba(246, 198, 48, 0.18);
    color: #ffe176;
}

.pmt-meta-grid[b-8dphcipc2x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.pmt-meta-grid > div[b-8dphcipc2x] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(121, 153, 190, 0.14);
    border-radius: 8px;
    background: rgba(3, 12, 22, 0.32);
}

.pmt-meta-grid span[b-8dphcipc2x],
.pmt-meta-grid strong[b-8dphcipc2x] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmt-meta-grid span[b-8dphcipc2x] {
    color: var(--pcw-text-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pmt-meta-grid strong[b-8dphcipc2x] {
    margin-top: 3px;
    color: #ffffff;
    font-size: 0.86rem;
}

.pmt-actions[b-8dphcipc2x] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.pmt-actions[b-8dphcipc2x]  .mud-button-root {
    flex: 1 1 calc(50% - 4px);
    min-width: 145px;
    justify-content: center;
    margin: 0 !important;
    text-transform: none;
}

@media (max-width: 600px) {
    .pmt-toolbar[b-8dphcipc2x] {
        align-items: stretch;
    }

    .pmt-toolbar-actions[b-8dphcipc2x] {
        width: 100%;
    }

    .pmt-toolbar-actions[b-8dphcipc2x]  .mud-button-root {
        flex: 1 1 160px;
    }

    .pmt-team-grid[b-8dphcipc2x] {
        grid-template-columns: 1fr;
    }

    .pmt-meta-grid[b-8dphcipc2x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pmt-actions[b-8dphcipc2x]  .mud-button-root {
        flex-basis: 100%;
    }
}

@media (min-width: 1500px) {
    .pmt-team-grid[b-8dphcipc2x] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/PlayerManagement/PmTopBar.razor.rz.scp.css */
/* ── PM Top Bar — domain-specific styles only ───────── */
/* Shared top-bar shell styles are in ManagementTopBar.razor.css */
/* Shared nav-item styles are in ManagementNavItem.razor.css */

/* ── Player Identity ────────────────────────────────── */
.pm-player-identity[b-werapgr2p5] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 4px;
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.pm-player-identity:hover[b-werapgr2p5] {
    opacity: 0.8;
}

[b-werapgr2p5] .pm-player-avatar {
    width: 36px;
    height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.pm-player-text[b-werapgr2p5] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.pm-player-name[b-werapgr2p5] {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.pm-player-ea[b-werapgr2p5] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
}

/* ── Info Strip Items ───────────────────────────────── */
.pm-info-item[b-werapgr2p5] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0 6px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .pm-player-text[b-werapgr2p5] {
        display: none;
    }
}

@media (max-width: 599px) {
    /* Identity row is now full-width — restore name and remove border */
    .pm-player-text[b-werapgr2p5] {
        display: flex;
        min-width: 0;
    }

    .pm-player-identity[b-werapgr2p5] {
        border-right: none;
        padding-right: 0;
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .pm-player-name[b-werapgr2p5] {
        max-width: min(140px, 42vw);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pm-player-ea[b-werapgr2p5] {
        display: none;
    }
}
/* /Components/Presence/PresenceIndicator.razor.rz.scp.css */
/* ── PresenceIndicator · CSS Isolation ──────────────────────────────────────── */

.pi-dot[b-i5sudq8sjx] {
    display: inline-block;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(13, 19, 32, 0.9);
    transition: background 0.3s ease;
}

/* ── Sizes ──────────────────────────────────────────────────────────────────── */

.pi-sm[b-i5sudq8sjx] {
    width: 8px;
    height: 8px;
    border-width: 1.5px;
}

.pi-md[b-i5sudq8sjx] {
    width: 10px;
    height: 10px;
}

.pi-lg[b-i5sudq8sjx] {
    width: 14px;
    height: 14px;
    border-width: 2.5px;
}

/* ── Status Colors ─────────────────────────────────────────────────────────── */

.pi-online[b-i5sudq8sjx] {
    background: #00e676;
    box-shadow: 0 0 6px rgba(0, 230, 118, 0.5);
}

.pi-away[b-i5sudq8sjx] {
    background: #ff9100;
    box-shadow: 0 0 6px rgba(255, 145, 0, 0.4);
}

.pi-offline[b-i5sudq8sjx] {
    background: rgba(255, 255, 255, 0.2);
}
/* /Components/Presence/TypingIndicator.razor.rz.scp.css */
/* ── TypingIndicator · CSS Isolation ────────────────────────────────────────── */

.ti-container[b-cdjqy2tri8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    font-size: 0.75rem;
    color: var(--pcw-text-muted);
}

/* ── Bouncing dots ─────────────────────────────────────────────────────────── */

.ti-dots[b-cdjqy2tri8] {
    display: inline-flex;
    gap: 3px;
    align-items: center;
}

.ti-dots span[b-cdjqy2tri8] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00c8ff;
    animation: ti-bounce-b-cdjqy2tri8 1.2s infinite;
}

.ti-dots span:nth-child(2)[b-cdjqy2tri8] {
    animation-delay: 0.15s;
}

.ti-dots span:nth-child(3)[b-cdjqy2tri8] {
    animation-delay: 0.3s;
}

@keyframes ti-bounce-b-cdjqy2tri8 {
    0%, 80%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    40% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

.ti-text[b-cdjqy2tri8] {
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Profile/ProfileBanner.razor.rz.scp.css */
/* ── Profile Hero Banner ─────────────────────────────────── */

.pb-role-badges[b-gnaa2mgks2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.pb-role-chip[b-gnaa2mgks2] {
    display: inline-block;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: .7rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .02em;
}

.pb-hero[b-gnaa2mgks2] {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    box-shadow: 0 4px 32px rgba(100, 0, 200, 0.3);
    display: flex;
    align-items: stretch;
    min-height: 200px;
    position: relative;
}

.pb-hero[b-gnaa2mgks2]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 20% 50%, rgba(0, 180, 255, 0.1) 0%, transparent 55%),
                radial-gradient(ellipse at 85% 50%, rgba(180, 0, 255, 0.12) 0%, transparent 55%);
    pointer-events: none;
}

/* ── Left: silhouette column ── */

.pb-silhouette-col[b-gnaa2mgks2] {
    flex-shrink: 0;
    width: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pb-player-img[b-gnaa2mgks2] {
    height: 200px;
    width: auto;
    object-fit: contain;
    object-position: bottom center;
    display: block;
}

/* ── Centre: labeled identity fields ── */

.pb-center-info[b-gnaa2mgks2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 24px;
    gap: 18px;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.pb-info-field[b-gnaa2mgks2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pb-info-label[b-gnaa2mgks2] {
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.38);
    text-transform: uppercase;
}

.pb-username[b-gnaa2mgks2] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pb-eaid[b-gnaa2mgks2] {
    font-size: 0.9rem;
    color: #00e5ff;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.pb-flag-row[b-gnaa2mgks2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

.pb-flag[b-gnaa2mgks2] {
    height: 30px;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* ── Right side (pitch) ── */

.pb-hero-right[b-gnaa2mgks2] {
    flex-shrink: 0;
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 24px 20px 8px;
    position: relative;
    z-index: 1;
}

.pb-pitch-label[b-gnaa2mgks2] {
    font-size: 0.62rem;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 0.12em;
    font-weight: 700;
    text-transform: uppercase;
}

.pb-pitch-wrap[b-gnaa2mgks2] {
    width: 140px;
    height: 168px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.15);
    border: 1px solid rgba(0, 229, 255, 0.12);
}

.pb-pitch-svg[b-gnaa2mgks2] {
    width: 100%;
    height: 100%;
}

/* ── Mobile ── */

@media (max-width: 600px) {
    /* Three-column: silhouette | info | pitch — all in one row */
    .pb-hero[b-gnaa2mgks2] {
        display: grid;
        grid-template-columns: 110px 1fr 110px;
        grid-template-rows: auto;
        grid-template-areas: "silhouette info pitch";
        min-height: 190px;
        align-items: stretch;
    }

    .pb-silhouette-col[b-gnaa2mgks2] {
        grid-area: silhouette;
        width: auto;
        height: auto;
        align-items: flex-end;
        justify-content: center;
    }

    .pb-player-img[b-gnaa2mgks2] {
        height: 190px;
        width: auto;
        max-width: 120px;
        object-fit: contain;
        object-position: bottom center;
    }

    .pb-center-info[b-gnaa2mgks2] {
        grid-area: info;
        padding: 14px 8px;
        gap: 8px;
        justify-content: center;
        min-width: 0;
    }

    /* Truncate with ellipsis — never break the word mid-character */
    .pb-username[b-gnaa2mgks2] {
        font-size: 1.1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pb-flag[b-gnaa2mgks2] {
        height: 20px;
    }

    .pb-hero-right[b-gnaa2mgks2] {
        grid-area: pitch;
        width: auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px 10px 12px 4px;
        gap: 6px;
    }

    .pb-pitch-label[b-gnaa2mgks2] {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        transform: none;
    }

    .pb-pitch-wrap[b-gnaa2mgks2] {
        width: 96px;
        height: 116px;
    }
}
/* /Components/Profile/ProfileCharts.razor.rz.scp.css */
/* ── Profile Charts ──────────────────────────────────────── */

.pc-empty[b-pm5i8y0pfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

/* ── Stat Tiles ──────────────────────────────────────────── */

.pc-stat-grid[b-pm5i8y0pfc] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-bottom: 14px;
}

.pc-stat-tile[b-pm5i8y0pfc] {
    background: #161d27;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.pc-stat-primary[b-pm5i8y0pfc] {
    border-color: rgba(0, 229, 255, 0.25);
    background: rgba(0, 229, 255, 0.05);
}

.pc-stat-value[b-pm5i8y0pfc] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #e0e0e0;
    line-height: 1;
}

.pc-stat-primary .pc-stat-value[b-pm5i8y0pfc] {
    color: #00e5ff;
}

.pc-stat-label[b-pm5i8y0pfc] {
    font-size: 0.57rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
}

/* ── Performance Bar Chart ───────────────────────────────── */

.pc-chart-card[b-pm5i8y0pfc] {
    background: #161d27;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 14px 14px 10px;
    height: 100%;
}

.pc-perf-card[b-pm5i8y0pfc] {
    margin-bottom: 14px;
}

.pc-chart-title[b-pm5i8y0pfc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 12px;
}

.pc-chart-icon[b-pm5i8y0pfc] {
    font-size: 1.1rem !important;
}

.pc-perf-bars[b-pm5i8y0pfc] {
    display: flex;
    height: 140px;
    gap: 4px;
    align-items: stretch;
}

.pc-perf-col[b-pm5i8y0pfc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.pc-perf-top[b-pm5i8y0pfc] {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    line-height: 1;
}

.pc-perf-marker[b-pm5i8y0pfc] {
    font-size: 0.65rem;
}

.pc-perf-bar-wrap[b-pm5i8y0pfc] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.pc-perf-bar[b-pm5i8y0pfc] {
    width: 100%;
    border-radius: 3px 3px 0 0;
    min-height: 4px;
    transition: height 0.4s ease;
}

.pc-bar-excellent[b-pm5i8y0pfc] {
    background: linear-gradient(180deg, #00e5ff 0%, #00bcd4 100%);
}

.pc-bar-good[b-pm5i8y0pfc] {
    background: linear-gradient(180deg, #69f0ae 0%, #4caf50 100%);
}

.pc-bar-average[b-pm5i8y0pfc] {
    background: linear-gradient(180deg, #ffca28 0%, #ff9800 100%);
}

.pc-bar-poor[b-pm5i8y0pfc] {
    background: linear-gradient(180deg, #ff5252 0%, #f44336 100%);
}

.pc-perf-info[b-pm5i8y0pfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding-top: 3px;
}

.pc-perf-rating[b-pm5i8y0pfc] {
    font-size: 0.62rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
}

.pc-perf-date[b-pm5i8y0pfc] {
    font-size: 0.52rem;
    color: rgba(255, 255, 255, 0.35);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ── Sub-charts (ApexCharts) ─────────────────────────────── */

.pc-sub-chart[b-pm5i8y0pfc] {
    height: 200px;
    overflow: hidden;
}

.pc-charts-container[b-pm5i8y0pfc] {
    position: relative;
}

.pc-charts-loading[b-pm5i8y0pfc] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.pc-charts-hidden[b-pm5i8y0pfc] {
    position: absolute;
    visibility: hidden;
    width: 100%;
}

.pc-charts-ready[b-pm5i8y0pfc] {
    animation: pc-chart-fadein-b-pm5i8y0pfc 0.4s ease forwards;
}

@keyframes pc-chart-fadein-b-pm5i8y0pfc {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Color helpers ───────────────────────────────────────── */

.pc-cyan[b-pm5i8y0pfc]   { color: #00e5ff !important; }
.pc-green[b-pm5i8y0pfc]  { color: #4caf50 !important; }
.pc-gold[b-pm5i8y0pfc]   { color: #ffd740 !important; }
.pc-purple[b-pm5i8y0pfc] { color: #ce93d8 !important; }

/* ── Mobile ──────────────────────────────────────────────── */

@media (max-width: 600px) {
    .pc-stat-grid[b-pm5i8y0pfc] {
        grid-template-columns: repeat(3, 1fr);
    }

    .pc-chart-card[b-pm5i8y0pfc] {
        overflow-x: auto;
    }
}
/* /Components/Profile/ProfileFeaturedBuild.razor.rz.scp.css */
/* ── Loading / Empty states ─────────────────────────────── */

.pfb-loading[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px 0;
}

.pfb-empty[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    text-align: center;
}

.pfb-empty-icon[b-s69l9uusb9] {
    font-size: 52px !important;
    color: rgba(255, 255, 255, 0.15) !important;
}

.pfb-empty-title[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
}

.pfb-empty-sub[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.85rem;
}

/* ── Container (full width / split) ─────────────────────── */

.pfb-container[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pfb-container.pfb-split[b-s69l9uusb9] {
    flex-direction: row;
    gap: 32px;
}

.pfb-build-side[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

/* ── Linked card panel ──────────────────────────────────── */

.pfb-card-side[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 300px;
    padding-top: 8px;
}

.pfb-card-label[b-s69l9uusb9] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(0, 200, 255, 0.55);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.pfb-card-wrapper[b-s69l9uusb9] {
    display: flex;
    justify-content: center;
}

.pfb-card-loading[b-s69l9uusb9] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* ── Header ─────────────────────────────────────────────── */

.pfb-header[b-s69l9uusb9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 200, 255, 0.12);
    margin-bottom: 20px;
}

.pfb-header-left[b-s69l9uusb9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.pfb-star-icon[b-s69l9uusb9] {
    color: #FFD700 !important;
    font-size: 22px !important;
    margin-top: 3px;
    flex-shrink: 0;
}

.pfb-build-name[b-s69l9uusb9] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

/* ── Quick stats strip ──────────────────────────────────── */

.pfb-quick[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    background: rgba(0, 200, 255, 0.04);
    border: 1px solid rgba(0, 200, 255, 0.1);
    border-radius: 8px;
    padding: 14px 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.pfb-qs-item[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 70px;
    gap: 3px;
}

.pfb-qs-label[b-s69l9uusb9] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: rgba(0, 200, 255, 0.6);
    text-transform: uppercase;
}

.pfb-qs-value[b-s69l9uusb9] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.pfb-qs-apleft[b-s69l9uusb9] {
    color: #4ade80;
}

.pfb-qs-apleft-zero[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.35);
}

.pfb-qs-unit[b-s69l9uusb9] {
    font-size: 0.72rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.45);
    margin-left: 1px;
}

.pfb-qs-sep[b-s69l9uusb9] {
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
    align-self: center;
}

/* ── Section label ──────────────────────────────────────── */

.pfb-section[b-s69l9uusb9] {
    margin-bottom: 22px;
}

.pfb-section-label[b-s69l9uusb9] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(0, 200, 255, 0.55);
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* ── Stat groups (collapsible) ───────────────────────────── */

.pfb-statgroups[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pfb-sg-group[b-s69l9uusb9] {
    border-radius: 6px;
    overflow: hidden;
}

.pfb-sg-header[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.pfb-sg-header:hover[b-s69l9uusb9] {
    background: rgba(255, 255, 255, 0.05);
}

.pfb-sg-gname[b-s69l9uusb9] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.55);
    width: 72px;
    flex-shrink: 0;
}

.pfb-sg-track[b-s69l9uusb9] {
    flex: 1;
    height: 5px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

.pfb-sg-fill[b-s69l9uusb9] {
    height: 100%;
    background: linear-gradient(90deg, #00c8ff, #0055cc);
    border-radius: 3px;
    transition: width 0.4s ease;
}

.pfb-sg-val[b-s69l9uusb9] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    width: 26px;
    text-align: right;
    flex-shrink: 0;
}

.pfb-sg-chevron[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.3) !important;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

/* ── Individual attribute rows ───────────────────────────── */

.pfb-sg-attrs[b-s69l9uusb9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 10px 8px 82px;
    border-left: 2px solid rgba(0, 200, 255, 0.12);
    margin-left: 10px;
    margin-bottom: 4px;
}

.pfb-attr-row[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pfb-attr-bar-wrapper[b-s69l9uusb9] {
    flex: 1;
    position: relative;
    height: 22px;
}

.pfb-sg-track.pfb-attr-track[b-s69l9uusb9] {
    height: 22px;
    border-radius: 4px;
}

.pfb-attr-name-overlay[b-s69l9uusb9] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
    white-space: nowrap;
    pointer-events: none;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
    z-index: 1;
}

.pfb-attr-fill[b-s69l9uusb9] {
    height: 100%;
    background: rgba(0, 200, 255, 0.28);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.pfb-attr-val[b-s69l9uusb9] {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    width: 26px;
    text-align: right;
    flex-shrink: 0;
}

/* ── Playstyle tiles ─────────────────────────────────────── */

.pfb-ps-grid[b-s69l9uusb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pfb-ps[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    cursor: default;
    transition: border-color 0.15s;
}

.pfb-ps:hover[b-s69l9uusb9] {
    border-color: rgba(255, 255, 255, 0.2);
}

.pfb-ps-sig[b-s69l9uusb9] {
    border-color: rgba(255, 210, 0, 0.3);
    background: rgba(255, 210, 0, 0.06);
}

.pfb-ps-sig:hover[b-s69l9uusb9] {
    border-color: rgba(255, 210, 0, 0.55);
}

/* ── Diamond icon — pierce shadow DOM to apply colour vars ── */

.pfb-ps-icon[b-s69l9uusb9] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pfb-ps-icon[b-s69l9uusb9]  svg {
    width: 22px;
    height: 22px;
}

.pfb-ps-icon[b-s69l9uusb9]  .diamondBackground {
    fill: var(--diamondBackgroundColor, #C2C2C1) !important;
}

.pfb-ps-icon[b-s69l9uusb9]  svg path:not(.diamondBackground) {
    fill: var(--diamondForegroundColor, #2C2C2C) !important;
}

.pfb-ps-fallback-icon[b-s69l9uusb9] {
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.45) !important;
}

.pfb-ps-sig-icon[b-s69l9uusb9] {
    color: #FFD700 !important;
}

.pfb-ps-name[b-s69l9uusb9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

.pfb-ps-sig .pfb-ps-name[b-s69l9uusb9] {
    color: #ffe566;
}

/* ── Specializations ─────────────────────────────────────── */

.pfb-specs[b-s69l9uusb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ── Footer ─────────────────────────────────────────────── */

.pfb-footer[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
    gap: 8px;
}

.pfb-footer-left[b-s69l9uusb9] {
    display: flex;
    align-items: center;
}

.pfb-copy-btn[b-s69l9uusb9] {
    font-size: 0.72rem !important;
}

/* ── Acceleration type pill ──────────────────────────────── */

.pfb-accel-pill[b-s69l9uusb9] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 2px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    line-height: 1.5;
}

.pfb-accel-explosive[b-s69l9uusb9] {
    background: rgba(255, 90, 50, 0.18);
    color: #ff7043;
    border: 1px solid rgba(255, 90, 50, 0.35);
}

.pfb-accel-lengthy[b-s69l9uusb9] {
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.3);
}

.pfb-accel-controlled[b-s69l9uusb9] {
    background: rgba(160, 160, 160, 0.12);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* ── Star ratings (Weak Foot / Skill Moves) ──────────────── */

.pfb-stars-row[b-s69l9uusb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pfb-star-group[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pfb-star-label[b-s69l9uusb9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    min-width: 75px;
}

.pfb-star-icons[b-s69l9uusb9] {
    display: flex;
    gap: 1px;
}

.pfb-star-filled[b-s69l9uusb9] {
    color: #FFD700 !important;
    font-size: 18px !important;
}

.pfb-star-empty[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.15) !important;
    font-size: 18px !important;
}

/* ── Facilities ──────────────────────────────────────────── */

.pfb-facility-grid[b-s69l9uusb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pfb-facility-chip[b-s69l9uusb9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
}

.pfb-facility-name[b-s69l9uusb9] {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
    white-space: nowrap;
}

.pfb-facility-stars[b-s69l9uusb9] {
    display: flex;
    gap: 0;
}

.pfb-fac-star-on[b-s69l9uusb9] {
    color: #4ade80 !important;
    font-size: 14px !important;
}

.pfb-fac-star-off[b-s69l9uusb9] {
    color: rgba(255, 255, 255, 0.12) !important;
    font-size: 14px !important;
}

.pfb-fac-ps-tag[b-s69l9uusb9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.62rem;
    font-weight: 600;
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.1);
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 4px;
    padding: 1px 6px;
    margin-left: 2px;
    white-space: nowrap;
}

.pfb-fac-ps-icon[b-s69l9uusb9] {
    font-size: 12px !important;
    color: #a78bfa !important;
}

/* ── Stat modifier chips (body + facility) ───────────────── */

.pfb-mod-chips[b-s69l9uusb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.pfb-mod-chip[b-s69l9uusb9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.pfb-mod-pos[b-s69l9uusb9] {
    background: rgba(74, 222, 128, 0.1);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.pfb-mod-neg[b-s69l9uusb9] {
    background: rgba(248, 113, 113, 0.1);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.25);
}

.pfb-mod-fac[b-s69l9uusb9] {
    background: rgba(52, 211, 153, 0.1);
    color: #34d399;
    border: 1px solid rgba(52, 211, 153, 0.25);
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 900px) {
    .pfb-container.pfb-split[b-s69l9uusb9] {
        flex-direction: column;
    }

    .pfb-card-side[b-s69l9uusb9] {
        width: 100%;
        padding-top: 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        margin-top: 16px;
    }
}

@media (max-width: 600px) {
    .pfb-quick[b-s69l9uusb9] {
        padding: 12px 14px;
    }

    .pfb-qs-sep[b-s69l9uusb9] {
        display: none;
    }

    .pfb-qs-item[b-s69l9uusb9] {
        min-width: 55px;
    }

    .pfb-qs-value[b-s69l9uusb9] {
        font-size: 1.05rem;
    }

    .pfb-sg-gname[b-s69l9uusb9] {
        width: 58px;
    }

    .pfb-sg-attrs[b-s69l9uusb9] {
        padding-left: 68px;
    }
}
/* /Components/Profile/ProfileInfoStrip.razor.rz.scp.css */
/* ── Profile Info Strip ──────────────────────────────────── */

.pis-strip[b-lsl1znxwdz] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    background: #141a22;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 12px 8px;
    margin-bottom: 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

.pis-strip[b-lsl1znxwdz]::-webkit-scrollbar { display: none; }

.pis-chip[b-lsl1znxwdz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 16px;
    flex-shrink: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.pis-chip:last-child[b-lsl1znxwdz] {
    border-right: none;
}

.pis-chip-icon[b-lsl1znxwdz] {
    font-size: 1rem !important;
    color: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.pis-chip-content[b-lsl1znxwdz] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pis-chip-label[b-lsl1znxwdz] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
}

.pis-chip-value[b-lsl1znxwdz] {
    font-size: 0.85rem;
    color: #e0e0e0;
    font-weight: 700;
    white-space: nowrap;
}

/* Accent colours */
.pis-cyan[b-lsl1znxwdz]  { color: #00e5ff !important; }
.pis-indigo[b-lsl1znxwdz] { color: #7986cb !important; }
.pis-purple[b-lsl1znxwdz] { color: #ce93d8 !important; }
.pis-green[b-lsl1znxwdz]  { color: #66bb6a !important; }

.pis-status-badge[b-lsl1znxwdz] {
    display: inline-block;
    background: rgba(102, 187, 106, 0.15);
    color: #66bb6a;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 10px;
    border: 1px solid rgba(102, 187, 106, 0.3);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .pis-strip[b-lsl1znxwdz] {
        border-radius: 8px;
        padding: 10px 4px;
    }

    .pis-chip[b-lsl1znxwdz] {
        padding: 4px 12px;
    }
}
/* /Components/Profile/ProfileOverview.razor.rz.scp.css */
/* ── Profile Overview ────────────────────────────────────── */

.po-empty[b-hjcob45tqb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

/* ── Section title ── */

.po-section-title[b-hjcob45tqb] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 12px;
    margin-top: 4px;
    text-align: center;
}

/* ── Core stat cards ── */

.po-stat-card[b-hjcob45tqb] {
    background: #161d27;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    transition: border-color 0.2s;
}

.po-stat-card:hover[b-hjcob45tqb] {
    border-color: rgba(0, 229, 255, 0.2);
}

.po-stat-icon[b-hjcob45tqb] {
    font-size: 1.3rem !important;
    color: rgba(255, 255, 255, 0.25);
    margin-bottom: 4px;
}

.po-stat-value[b-hjcob45tqb] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.po-stat-label[b-hjcob45tqb] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

/* ── Grouped stat cards ── */

.po-group-card[b-hjcob45tqb] {
    background: #161d27;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 16px;
    height: 100%;
}

.po-group-title[b-hjcob45tqb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.po-group-icon[b-hjcob45tqb] {
    font-size: 1.1rem !important;
}

.po-group-row[b-hjcob45tqb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.po-group-row:last-child[b-hjcob45tqb] { border-bottom: none; }

.po-group-row-label[b-hjcob45tqb] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 500;
}

.po-group-row-value[b-hjcob45tqb] {
    font-size: 0.88rem;
    color: #e0e0e0;
    font-weight: 700;
}

/* ── Accent colours ── */

.po-win[b-hjcob45tqb]    { color: #4caf50 !important; }
.po-draw[b-hjcob45tqb]   { color: #ff9800 !important; }
.po-loss[b-hjcob45tqb]   { color: #f44336 !important; }
.po-cyan[b-hjcob45tqb]   { color: #00e5ff !important; }
.po-teal[b-hjcob45tqb]   { color: #26c6da !important; }
.po-gold[b-hjcob45tqb]   { color: #ffd740 !important; }
.po-indigo[b-hjcob45tqb] { color: #7986cb !important; }
.po-amber[b-hjcob45tqb]  { color: #ffca28 !important; }
.po-green[b-hjcob45tqb]  { color: #66bb6a !important; }

/* ── Last matches scroll ── */

.po-matches-scroll[b-hjcob45tqb] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.1) transparent;
}

.po-match-card[b-hjcob45tqb] {
    flex-shrink: 0;
    width: 160px;
    background: #161d27;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.po-match-date[b-hjcob45tqb] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.po-match-clubs[b-hjcob45tqb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.po-match-club[b-hjcob45tqb] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.po-match-score[b-hjcob45tqb] {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 2px 0;
}

.po-match-meta[b-hjcob45tqb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.po-match-pos[b-hjcob45tqb] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 600;
    text-transform: uppercase;
}

.po-match-result-badge[b-hjcob45tqb] {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.po-badge-win[b-hjcob45tqb]  { background: rgba(76,175,80,0.15); color: #4caf50; border: 1px solid rgba(76,175,80,0.3); }
.po-badge-draw[b-hjcob45tqb] { background: rgba(255,152,0,0.15); color: #ff9800; border: 1px solid rgba(255,152,0,0.3); }
.po-badge-loss[b-hjcob45tqb] { background: rgba(244,67,54,0.15); color: #f44336; border: 1px solid rgba(244,67,54,0.3); }

.po-match-stats[b-hjcob45tqb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.po-match-rating[b-hjcob45tqb] {
    font-size: 0.7rem;
    font-weight: 700;
}

.po-match-chip[b-hjcob45tqb] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
}

@media (max-width: 600px) {
    .po-match-card[b-hjcob45tqb] { width: 140px; }
}

/* ── Trophies ── */

.po-trophies-wrap[b-hjcob45tqb] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    background: #111820;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 16px 20px;
    min-height: 96px;
    align-items: center;
}

.po-trophies-empty[b-hjcob45tqb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 0;
    text-align: center;
}

.po-trophies-empty-text[b-hjcob45tqb] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.25);
    font-weight: 600;
    letter-spacing: 0.05em;
}

.po-trophy-card[b-hjcob45tqb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgba(255, 215, 0, 0.06);
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 10px;
    padding: 12px 16px;
    min-width: 90px;
    text-align: center;
    position: relative;
}

.po-trophy-icon[b-hjcob45tqb] {
    font-size: 2rem !important;
    color: #ffd700 !important;
}

.po-trophy-count[b-hjcob45tqb] {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 0.65rem;
    font-weight: 800;
    color: rgba(255, 215, 0, 0.7);
}

.po-trophy-name[b-hjcob45tqb] {
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 1.2;
}

/* ── Match card updated fields ── */

.po-match-opp[b-hjcob45tqb] {
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.po-match-chips[b-hjcob45tqb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-top: 2px;
}
/* /Components/Profile/ProfileReputation.razor.rz.scp.css */
.pr-stat-card[b-xambw7bzr4] {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pr-stat-card:hover[b-xambw7bzr4] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
/* /Components/Profile/ProfileSetup.razor.rz.scp.css */
/* ── Layout ───────────────────────────────────────────────────────────────── */

.psetup-section[b-1etec9f9v6] {
    margin-bottom: 28px;
}

/* ── Section header ──────────────────────────────────────────────────────── */

.psetup-section-header[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.psetup-section-icon[b-1etec9f9v6] {
    color: #00c8ff;
    font-size: 1.2rem;
}

.psetup-section-title[b-1etec9f9v6] {
    font-size: 1rem;
    font-weight: 700;
    color: #e0e6ff;
    letter-spacing: 0.02em;
}

.psetup-section-sub[b-1etec9f9v6] {
    color: var(--pcw-text-muted);
    font-size: 0.85rem;
    margin-bottom: 14px;
}

/* ── Onboarding cards ────────────────────────────────────────────────────── */

.psetup-cards[b-1etec9f9v6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.psetup-card[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    transition: border-color 0.2s;
}

.psetup-card--player[b-1etec9f9v6] {
    border-left: 3px solid var(--mud-palette-primary);
}

.psetup-card--manager[b-1etec9f9v6] {
    border-left: 3px solid var(--mud-palette-secondary);
}

.psetup-card:hover[b-1etec9f9v6] {
    border-color: rgba(255,255,255,0.18);
}

.psetup-card-icon[b-1etec9f9v6] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(0,200,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00c8ff;
}

.psetup-card-body[b-1etec9f9v6] {
    flex: 1;
    min-width: 0;
}

.psetup-card-title[b-1etec9f9v6] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #e0e6ff;
    margin-bottom: 2px;
}

.psetup-card-desc[b-1etec9f9v6] {
    font-size: 0.8rem;
    color: var(--pcw-text-muted);
    line-height: 1.4;
}

.psetup-card-btn[b-1etec9f9v6] {
    flex-shrink: 0;
}

/* ── All-complete banner ─────────────────────────────────────────────────── */

.psetup-complete-banner[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(0,200,100,0.06);
    border: 1px solid rgba(0,200,100,0.2);
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.psetup-complete-icon[b-1etec9f9v6] {
    color: #00c864;
    font-size: 2rem;
    flex-shrink: 0;
}

.psetup-complete-text[b-1etec9f9v6] {
    flex: 1;
    min-width: 0;
}

.psetup-complete-title[b-1etec9f9v6] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #00c864;
}

.psetup-complete-sub[b-1etec9f9v6] {
    font-size: 0.82rem;
    color: var(--pcw-text-muted);
}

.psetup-rerun-btns[b-1etec9f9v6] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Availability grid ───────────────────────────────────────────────────── */

.psetup-avail-grid[b-1etec9f9v6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}

.psetup-avail-row[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 12px;
    border-radius: 7px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}

.psetup-avail-day[b-1etec9f9v6] {
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    color: #00c8ff;
    min-width: 36px;
}

.psetup-avail-time[b-1etec9f9v6] {
    font-size: 0.85rem;
    color: #e0e6ff;
}

.psetup-avail-hint[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--pcw-text-muted);
}

.psetup-hint-icon[b-1etec9f9v6] {
    font-size: 0.95rem;
    color: var(--pcw-text-muted);
}

.psetup-hint-link[b-1etec9f9v6] {
    color: #00c8ff;
    text-decoration: none;
}

.psetup-hint-link:hover[b-1etec9f9v6] {
    text-decoration: underline;
}

/* ── Availability empty state ────────────────────────────────────────────── */

.psetup-avail-empty[b-1etec9f9v6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(255,255,255,0.02);
    border: 1px dashed rgba(255,255,255,0.1);
    font-size: 0.85rem;
    color: var(--pcw-text-muted);
    flex-wrap: wrap;
}

.psetup-empty-icon[b-1etec9f9v6] {
    font-size: 1.2rem;
    color: var(--pcw-text-muted);
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .psetup-card[b-1etec9f9v6] {
        flex-wrap: wrap;
    }

    .psetup-card-btn[b-1etec9f9v6] {
        width: 100%;
    }

    .psetup-complete-banner[b-1etec9f9v6] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Profile/ProfileSocials.razor.rz.scp.css */
/* ── Profile Socials (display-only) ─────────────────────── */

.ps-wrap[b-jtpfuacoze] {
    max-width: 560px;
}

.ps-section-title[b-jtpfuacoze] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.ps-section-icon[b-jtpfuacoze] {
    font-size: 1rem !important;
    color: rgba(0, 229, 255, 0.5);
}

/* ── Link cards grid ── */
.ps-links-grid[b-jtpfuacoze] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.ps-link-card[b-jtpfuacoze] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    text-decoration: none;
    color: inherit;
    transition: background 0.14s, border-color 0.14s;
}

a.ps-link-card:hover[b-jtpfuacoze] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

.ps-link-icon[b-jtpfuacoze] {
    font-size: 1.35rem !important;
    flex-shrink: 0;
}

.ps-link-icon[b-jtpfuacoze]  svg,
.ps-link-icon[b-jtpfuacoze]  path {
    fill: currentColor !important;
}

.ps-link-info[b-jtpfuacoze] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.ps-link-platform[b-jtpfuacoze] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.32);
}

.ps-link-handle[b-jtpfuacoze] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-link-external[b-jtpfuacoze] {
    font-size: 0.85rem !important;
    color: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

/* Platform accent colours for the icon */
.ps-link-ea       .ps-link-icon[b-jtpfuacoze] { color: #00e5ff; }
.ps-link-discord  .ps-link-icon[b-jtpfuacoze] { color: #7986cb; }
.ps-link-twitter  .ps-link-icon[b-jtpfuacoze] { color: #1da1f2; }
.ps-link-twitch   .ps-link-icon[b-jtpfuacoze] { color: #9146ff; }
.ps-link-youtube  .ps-link-icon[b-jtpfuacoze] { color: #ff0000; }
.ps-link-instagram .ps-link-icon[b-jtpfuacoze] { color: #e1306c; }

/* ── Empty state ── */
.ps-empty[b-jtpfuacoze] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 36px 16px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.88rem;
    margin-bottom: 16px;
}

.ps-empty-icon[b-jtpfuacoze] {
    font-size: 2.2rem !important;
    color: rgba(255, 255, 255, 0.12);
    margin-bottom: 4px;
}

/* ── Edit-in-Settings footer link ── */
.ps-edit-link[b-jtpfuacoze] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(0, 200, 255, 0.55);
    text-decoration: none;
    letter-spacing: 0.03em;
    transition: color 0.12s;
}

.ps-edit-link:hover[b-jtpfuacoze] {
    color: #00c8ff;
}

.ps-edit-icon[b-jtpfuacoze] {
    font-size: 0.85rem !important;
}

/* /Components/Profile/ProfileTabs.razor.rz.scp.css */
/* ── Profile Tabs panel padding ─────────────────────────── */

.ptabs-panel[b-0et87heb6m] {
    padding: 20px 0 0;
}
/* /Components/Profile/ProfileView.razor.rz.scp.css */
.pvs-loading[b-0z1z2up60q] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.pvs-shell[b-0z1z2up60q] {
    --pvs-bg: #030b12;
    --pvs-panel: rgba(10, 22, 34, 0.9);
    --pvs-panel-soft: rgba(16, 31, 47, 0.72);
    --pvs-border: rgba(0, 190, 255, 0.18);
    --pvs-text: #f4f8ff;
    --pvs-muted: rgba(218, 232, 255, 0.65);
    --pvs-dim: rgba(218, 232, 255, 0.38);
    --pvs-blue: #11bdfb;
    --pvs-purple: #cc4dff;
    color: var(--pvs-text);
    max-width: 1220px;
    margin: 0 auto;
    padding: 8px 10px 24px;
    background:
        radial-gradient(circle at 72% 3%, rgba(35, 106, 186, 0.28), transparent 28%),
        linear-gradient(180deg, rgba(3, 10, 18, 0.98), rgba(2, 8, 14, 1));
    border: 1px solid var(--pvs-border);
    border-radius: 8px;
}

.pvs-hero[b-0z1z2up60q] {
    min-height: 270px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) minmax(180px, 0.48fr);
    align-items: center;
    overflow: hidden;
    padding: 26px 34px 0;
    background:
        linear-gradient(90deg, rgba(2, 10, 18, 0.94), rgba(5, 19, 34, 0.74) 48%, rgba(4, 12, 22, 0.96)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 10px);
    border-radius: 8px;
}

.pvs-identity[b-0z1z2up60q] {
    position: relative;
    z-index: 3;
}

.pvs-name-row[b-0z1z2up60q] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.pvs-name[b-0z1z2up60q] {
    margin: 0;
    max-width: min(100%, 560px);
    font-size: clamp(38px, 4vw, 58px);
    line-height: 0.92;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #ffffff;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
    overflow-wrap: anywhere;
}

.pvs-country[b-0z1z2up60q] {
    width: 44px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(5, 17, 30, 0.6);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09), inset 0 0 18px rgba(17, 189, 251, 0.12);
}

.pvs-country-flag[b-0z1z2up60q] {
    width: 38px;
    height: 26px;
    display: block;
    object-fit: cover;
    border-radius: 999px;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
}

.pvs-socials[b-0z1z2up60q] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
    margin-top: 10px;
}

.pvs-social-link[b-0z1z2up60q] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.06);
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.pvs-social-link:hover[b-0z1z2up60q] {
    border-color: rgba(0, 229, 255, 0.5);
    background: rgba(0, 229, 255, 0.12);
    transform: translateY(-1px);
}

.pvs-social-link[b-0z1z2up60q]  .pvs-social-svg {
    width: 11px;
    height: 11px;
    display: block;
}

.pvs-social-link[b-0z1z2up60q]  svg,
.pvs-social-link[b-0z1z2up60q]  path {
    fill: currentColor;
}

.pvs-socials .pvs-role[b-0z1z2up60q] {
    min-width: 52px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    color: #efeaff;
    font-size: 0.58rem;
    font-weight: 900;
    border: 1px solid rgba(111, 82, 255, 0.88);
    border-radius: 999px;
    background: rgba(58, 29, 203, 0.45);
    box-shadow: 0 0 16px rgba(88, 48, 255, 0.34);
}

.pvs-meta[b-0z1z2up60q] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 10px 24px;
    margin: 42px 0 0;
}

.pvs-meta div[b-0z1z2up60q] {
    display: contents;
}

.pvs-meta dt[b-0z1z2up60q] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.74rem;
    font-weight: 800;
}

.pvs-meta dd[b-0z1z2up60q] {
    margin: 0;
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 700;
}

.pvs-player-img[b-0z1z2up60q] {
    position: relative;
    z-index: 2;
    width: min(108%, 410px);
    max-height: 270px;
    object-fit: contain;
    align-self: end;
    justify-self: center;
    margin-bottom: -10px;
    filter: drop-shadow(0 22px 42px rgba(0, 0, 0, 0.58));
}

.pvs-rating-watermark[b-0z1z2up60q] {
    position: absolute;
    z-index: 1;
    right: 44px;
    top: 34px;
    color: rgba(214, 226, 244, 0.13);
    font-size: clamp(96px, 9vw, 156px);
    line-height: 0.78;
    font-weight: 1000;
    letter-spacing: 0;
}

.pvs-hero-actions[b-0z1z2up60q] {
    position: absolute;
    top: 32px;
    right: 42px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    color: var(--pvs-dim);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pvs-action[b-0z1z2up60q] {
    min-width: 116px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 1000;
    text-decoration: none;
    border: 1px solid rgba(27, 202, 255, 0.9);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(17, 189, 251, 0.1), rgba(204, 77, 255, 0.15));
    box-shadow: inset 0 0 0 1px rgba(204, 77, 255, 0.4), 0 0 22px rgba(17, 189, 251, 0.14);
}

button.pvs-action[b-0z1z2up60q] {
    cursor: pointer;
    font-family: inherit;
}

button.pvs-action:disabled[b-0z1z2up60q] {
    opacity: 0.6;
    cursor: wait;
}

.pvs-main-grid[b-0z1z2up60q] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
    gap: 16px;
    margin-top: 12px;
}

.pvs-left-stack[b-0z1z2up60q],
.pvs-right-stack[b-0z1z2up60q] {
    display: grid;
    gap: 16px;
    align-content: start;
}

.pvs-panel[b-0z1z2up60q] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(110, 190, 255, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(15, 30, 45, 0.92), rgba(3, 11, 18, 0.94)),
        radial-gradient(circle at 0 0, rgba(34, 161, 238, 0.12), transparent 34%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pvs-panel-header[b-0z1z2up60q] {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    background: rgba(22, 36, 54, 0.72);
}

.pvs-panel-header h2[b-0z1z2up60q] {
    margin: 0;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 1000;
    text-transform: uppercase;
}

.pvs-panel-header .mud-icon-root[b-0z1z2up60q] {
    color: var(--pvs-blue);
}

.pvs-collapse-button[b-0z1z2up60q],
.pvs-competition-cell[b-0z1z2up60q],
.pvs-team-cell[b-0z1z2up60q],
.pvs-score[b-0z1z2up60q],
.pvs-more-button[b-0z1z2up60q],
.pvs-team-mark--clickable[b-0z1z2up60q] {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}

.pvs-collapse-button[b-0z1z2up60q] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.pvs-collapse-button:hover[b-0z1z2up60q],
.pvs-collapse-button:focus-visible[b-0z1z2up60q] {
    background: rgba(17, 189, 251, 0.12);
    box-shadow: 0 0 0 1px rgba(17, 189, 251, 0.24);
    outline: none;
}

.pvs-match-head[b-0z1z2up60q],
.pvs-match-row[b-0z1z2up60q] {
    display: grid;
    grid-template-columns: minmax(230px, 1.45fr) minmax(150px, 1fr) 84px minmax(150px, 1fr) 34px;
    align-items: center;
    gap: 10px;
}

.pvs-match-head[b-0z1z2up60q] {
    min-height: 48px;
    padding: 0 18px;
    color: var(--pvs-muted);
    font-size: 0.58rem;
    font-weight: 900;
}

.pvs-match-row[b-0z1z2up60q] {
    min-height: 54px;
    margin: 0 12px 8px;
    padding: 0 10px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(16, 31, 45, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.pvs-match-empty[b-0z1z2up60q] {
    opacity: 0.48;
}

.pvs-competition-cell[b-0z1z2up60q],
.pvs-team-cell[b-0z1z2up60q] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
}

.pvs-competition-cell:hover[b-0z1z2up60q],
.pvs-competition-cell:focus-visible[b-0z1z2up60q],
.pvs-team-cell:not(:disabled):hover[b-0z1z2up60q],
.pvs-team-cell:not(:disabled):focus-visible[b-0z1z2up60q],
.pvs-score:hover[b-0z1z2up60q],
.pvs-score:focus-visible[b-0z1z2up60q],
.pvs-more-button:hover[b-0z1z2up60q],
.pvs-more-button:focus-visible[b-0z1z2up60q],
.pvs-team-mark--clickable:hover[b-0z1z2up60q],
.pvs-team-mark--clickable:focus-visible[b-0z1z2up60q] {
    color: #ffffff;
    background: rgba(17, 189, 251, 0.08);
    outline: none;
}

.pvs-team-cell:disabled[b-0z1z2up60q] {
    cursor: default;
    opacity: 0.78;
}

.pvs-competition-cell > span[b-0z1z2up60q] {
    min-width: 0;
}

.pvs-competition-cell img[b-0z1z2up60q],
.pvs-team-cell img[b-0z1z2up60q] {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    object-fit: contain;
}

.pvs-competition-cell strong[b-0z1z2up60q],
.pvs-team-cell span[b-0z1z2up60q] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pvs-competition-cell small[b-0z1z2up60q] {
    display: block;
    color: var(--pvs-muted);
    font-size: 0.68rem;
}

.pvs-home-cell[b-0z1z2up60q] {
    justify-content: flex-end;
    text-align: right;
}

.pvs-score[b-0z1z2up60q] {
    width: 100%;
    min-width: 0;
    color: var(--pvs-blue);
    text-align: center;
    font-size: 1.2rem;
    font-weight: 1000;
    cursor: pointer;
}

.pvs-more-button[b-0z1z2up60q] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 7px;
    cursor: pointer;
}

.pvs-ring-grid[b-0z1z2up60q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 24px 28px 20px;
}

.pvs-ring-card[b-0z1z2up60q] {
    min-width: 0;
    text-align: center;
}

.pvs-ring-card h3[b-0z1z2up60q] {
    margin: 14px 0 8px;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 1000;
}

.pvs-ring-card p[b-0z1z2up60q] {
    margin: 4px 0;
    color: var(--pvs-muted);
    font-size: 0.72rem;
}

.pvs-ring[b-0z1z2up60q] {
    --ring-fill: 70%;
    width: 108px;
    height: 108px;
    margin: 0 auto;
    display: grid;
    place-content: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #08131f 0 58%, transparent 59%),
        conic-gradient(var(--pvs-purple) 0 var(--ring-fill), var(--pvs-blue) var(--ring-fill) 82%, rgba(255, 255, 255, 0.12) 82% 100%);
}

.pvs-ring span[b-0z1z2up60q] {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 1000;
}

.pvs-ring small[b-0z1z2up60q] {
    color: var(--pvs-muted);
    font-size: 0.62rem;
}

.pvs-medals[b-0z1z2up60q] {
    display: flex;
    gap: 28px;
    padding: 18px 32px;
}

.pvs-medal[b-0z1z2up60q] {
    width: 96px;
    height: 108px;
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 8px;
    border-radius: 8px;
    background: rgba(22, 39, 58, 0.78);
}

.pvs-medal strong[b-0z1z2up60q] {
    color: #ffffff;
    font-size: 0.77rem;
    line-height: 0.9;
}

.pvs-medal .mud-icon-root[b-0z1z2up60q] {
    font-size: 2.5rem;
    color: #f0a51a;
}

.pvs-medal span[b-0z1z2up60q] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    display: grid;
    place-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 1000;
    background: var(--pvs-blue);
}

.pvs-medal-silver .mud-icon-root[b-0z1z2up60q] {
    color: #dce9f5;
}

.pvs-medal-bronze .mud-icon-root[b-0z1z2up60q] {
    color: #b56c2c;
}

.pvs-medal-empty[b-0z1z2up60q] {
    opacity: 0.35;
}

.pvs-table-wrap[b-0z1z2up60q] {
    position: relative;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-color: rgba(17, 189, 251, 0.55) rgba(255, 255, 255, 0.06);
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.pvs-table-wrap[b-0z1z2up60q]::after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 8px;
    width: 34px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8, 17, 28, 0), rgba(8, 17, 28, 0.88));
}

.pvs-table-wrap[b-0z1z2up60q]::-webkit-scrollbar {
    height: 6px;
}

.pvs-table-wrap[b-0z1z2up60q]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 999px;
}

.pvs-table-wrap[b-0z1z2up60q]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(17, 189, 251, 0.55);
}

.pvs-competition-table[b-0z1z2up60q] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.pvs-competition-table th[b-0z1z2up60q],
.pvs-competition-table td[b-0z1z2up60q] {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    text-align: left;
}

.pvs-competition-table th[b-0z1z2up60q] {
    color: var(--pvs-muted);
    font-size: 0.72rem;
    font-weight: 1000;
}

.pvs-competition-table td[b-0z1z2up60q] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.92rem;
    font-weight: 700;
}

.pvs-competition-table .pvs-rating[b-0z1z2up60q] {
    color: #3bffa5;
}

.pvs-overall-row td[b-0z1z2up60q] {
    color: #ffffff;
    font-weight: 1000;
}

.pvs-form-panel[b-0z1z2up60q] {
    min-height: 226px;
}

.pvs-form-chart[b-0z1z2up60q] {
    width: 100%;
    min-height: 184px;
    padding: 18px 18px 16px;
}

.pvs-chart-grid line[b-0z1z2up60q] {
    stroke: rgba(255, 255, 255, 0.06);
    stroke-width: 1;
}

.pvs-chart-bar[b-0z1z2up60q] {
    stroke: rgba(255, 255, 255, 0.12);
    stroke-width: 2;
}

.pvs-form-line[b-0z1z2up60q] {
    fill: none;
    stroke: url(#none);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 10px rgba(202, 66, 255, 0.34));
}

.pvs-form-line[b-0z1z2up60q] {
    stroke: #bf42ff;
}

.pvs-team-panel[b-0z1z2up60q] {
    min-height: 174px;
}

.pvs-team-mark[b-0z1z2up60q] {
    min-height: 128px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
}

.pvs-team-mark--clickable[b-0z1z2up60q] {
    width: 100%;
    cursor: pointer;
}

.pvs-team-mark img[b-0z1z2up60q] {
    max-width: 72px;
    max-height: 58px;
    object-fit: contain;
}

.pvs-team-mark strong[b-0z1z2up60q] {
    max-width: 90%;
    color: #ffffff;
    font-size: clamp(1.7rem, 3vw, 3rem);
    line-height: 0.9;
    font-weight: 1000;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.pvs-team-mark span[b-0z1z2up60q] {
    color: var(--pvs-blue);
    font-size: 0.82rem;
    font-weight: 1000;
}

.pvs-team-empty strong[b-0z1z2up60q] {
    color: rgba(255, 255, 255, 0.18);
}

.pvs-filter[b-0z1z2up60q] {
    padding: 6px 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    font-weight: 1000;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
}

.pvs-stat-list[b-0z1z2up60q] {
    display: grid;
    gap: 14px;
    padding: 22px 22px 24px;
}

.pvs-stat-list div[b-0z1z2up60q] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) max-content;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 0.9rem;
}

.pvs-stat-list .mud-icon-root[b-0z1z2up60q] {
    color: #ffffff;
}

.pvs-stat-list .pvs-red-icon[b-0z1z2up60q] {
    color: #ff3131;
}

.pvs-stat-list strong[b-0z1z2up60q] {
    font-size: 1rem;
}

.pvs-build-panel[b-0z1z2up60q] {
    margin-top: 16px;
    padding: 20px;
}

@media (max-width: 1180px) {
    .pvs-shell[b-0z1z2up60q] {
        padding: 10px;
    }

    .pvs-hero[b-0z1z2up60q] {
        min-height: 248px;
        grid-template-columns: 1fr 300px;
        padding: 24px 24px 0;
    }

    .pvs-rating-watermark[b-0z1z2up60q] {
        right: 30px;
    }

    .pvs-hero-actions[b-0z1z2up60q] {
        right: 24px;
    }

    .pvs-main-grid[b-0z1z2up60q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .pvs-shell[b-0z1z2up60q] {
        border: 0;
        border-radius: 0;
        padding: 0 0 28px;
    }

    .pvs-hero[b-0z1z2up60q] {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 20px 16px 0;
        gap: 8px;
    }

    .pvs-name[b-0z1z2up60q] {
        font-size: clamp(32px, 11vw, 46px);
    }

    .pvs-meta[b-0z1z2up60q] {
        margin-top: 20px;
        gap: 8px 18px;
    }

    .pvs-meta dd[b-0z1z2up60q] {
        font-size: 0.95rem;
    }

    .pvs-player-img[b-0z1z2up60q] {
        width: min(108%, 280px);
        max-height: 238px;
        justify-self: end;
        margin-top: -24px;
        margin-bottom: -6px;
    }

    .pvs-rating-watermark[b-0z1z2up60q] {
        top: 122px;
        right: 14px;
        font-size: 92px;
    }

    .pvs-hero-actions[b-0z1z2up60q] {
        position: static;
        align-items: stretch;
        margin: 12px 0 16px;
    }

    .pvs-action[b-0z1z2up60q] {
        width: 100%;
    }

    .pvs-main-grid[b-0z1z2up60q],
    .pvs-left-stack[b-0z1z2up60q],
    .pvs-right-stack[b-0z1z2up60q] {
        gap: 12px;
        margin-top: 12px;
    }

    .pvs-panel[b-0z1z2up60q] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .pvs-panel-header[b-0z1z2up60q] {
        padding: 0 16px;
    }

    .pvs-match-head[b-0z1z2up60q] {
        display: none;
    }

    .pvs-match-row[b-0z1z2up60q] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "competition more"
            "home score"
            "away score";
        align-items: center;
        gap: 9px 10px;
        min-height: auto;
        margin: 10px 12px;
        padding: 12px;
    }

    .pvs-competition-cell[b-0z1z2up60q] {
        grid-area: competition;
    }

    .pvs-home-cell[b-0z1z2up60q] {
        grid-area: home;
        justify-content: flex-start;
        text-align: left;
    }

    .pvs-match-row > .pvs-team-cell:not(.pvs-home-cell)[b-0z1z2up60q] {
        grid-area: away;
    }

    .pvs-score[b-0z1z2up60q] {
        grid-area: score;
        width: 54px;
        min-height: 52px;
        display: grid;
        place-content: center;
        border: 1px solid rgba(17, 189, 251, 0.18);
        background: rgba(17, 189, 251, 0.08);
        text-align: center;
    }

    .pvs-more-button[b-0z1z2up60q] {
        grid-area: more;
        justify-self: end;
    }

    .pvs-ring-grid[b-0z1z2up60q] {
        grid-template-columns: 1fr;
        padding: 22px 18px;
    }

    .pvs-medals[b-0z1z2up60q] {
        gap: 12px;
        padding: 14px 18px;
        overflow-x: auto;
    }

    .pvs-medal[b-0z1z2up60q] {
        flex: 0 0 96px;
    }

    .pvs-table-wrap[b-0z1z2up60q] {
        margin-inline: -2px;
        padding-inline: 2px;
    }

    .pvs-table-wrap[b-0z1z2up60q]::after {
        display: block;
    }

    .pvs-competition-table[b-0z1z2up60q] {
        min-width: 560px;
    }

    .pvs-competition-table th[b-0z1z2up60q],
    .pvs-competition-table td[b-0z1z2up60q] {
        padding: 9px 11px;
        white-space: nowrap;
    }

    .pvs-competition-table th:first-child[b-0z1z2up60q],
    .pvs-competition-table td:first-child[b-0z1z2up60q] {
        min-width: 168px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .pvs-stat-list[b-0z1z2up60q] {
        padding: 20px 18px;
    }

    .pvs-stat-list div[b-0z1z2up60q] {
        font-size: 0.95rem;
    }

    .pvs-build-panel[b-0z1z2up60q] {
        margin-top: 12px;
        padding: 16px;
    }
}
/* /Components/RenderAssets/RenderAssetBrandingPanel.razor.rz.scp.css */
.render-assets-card[b-0vo2lyzmeb] {
    border: 1px solid rgba(0, 200, 255, .18);
    border-radius: 8px;
    background: rgba(6, 13, 23, .94);
}

.render-assets-header[b-0vo2lyzmeb],
.raw-section-head[b-0vo2lyzmeb],
.raw-preview-head[b-0vo2lyzmeb],
.raw-layer-title[b-0vo2lyzmeb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.render-assets-title[b-0vo2lyzmeb],
.raw-section-title[b-0vo2lyzmeb] {
    color: #fff;
    font-weight: 800;
}

.render-assets-subtitle[b-0vo2lyzmeb],
.raw-muted[b-0vo2lyzmeb] {
    color: rgba(221, 239, 255, .68);
}

.raw-shell[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(280px, 360px);
    gap: 14px;
    align-items: start;
    margin-top: 14px;
}

.raw-purpose-list[b-0vo2lyzmeb],
.raw-editor[b-0vo2lyzmeb],
.raw-preview-card[b-0vo2lyzmeb] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.raw-purpose-list[b-0vo2lyzmeb] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.raw-purpose[b-0vo2lyzmeb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    color: inherit;
    text-align: left;
    background: rgba(255, 255, 255, .035);
    cursor: pointer;
}

.raw-purpose:hover[b-0vo2lyzmeb],
.raw-purpose--active[b-0vo2lyzmeb] {
    border-color: rgba(0, 200, 255, .45);
    background: rgba(0, 200, 255, .09);
}

.raw-purpose strong[b-0vo2lyzmeb],
.raw-purpose small[b-0vo2lyzmeb] {
    display: block;
}

.raw-purpose strong[b-0vo2lyzmeb] {
    color: #fff;
    font-size: .86rem;
    line-height: 1.2;
}

.raw-purpose small[b-0vo2lyzmeb] {
    margin-top: 3px;
    color: rgba(221, 239, 255, .62);
    font-size: .72rem;
    line-height: 1.25;
}

.raw-editor[b-0vo2lyzmeb] {
    padding: 14px;
}

.raw-template-row[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-top: 12px;
}

.raw-layer-panels[b-0vo2lyzmeb] {
    margin-top: 12px;
}

.raw-simple-card[b-0vo2lyzmeb] {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.raw-simple-toolbar[b-0vo2lyzmeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(0, 200, 255, .16);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0, 200, 255, .08), rgba(137, 92, 255, .05));
}

.raw-simple-toolbar strong[b-0vo2lyzmeb],
.raw-simple-toolbar small[b-0vo2lyzmeb] {
    display: block;
}

.raw-simple-toolbar strong[b-0vo2lyzmeb] {
    color: #fff;
    font-size: .9rem;
    font-weight: 850;
    line-height: 1.2;
}

.raw-simple-toolbar small[b-0vo2lyzmeb] {
    margin-top: 3px;
    color: rgba(221, 239, 255, .62);
    font-size: .75rem;
}

.raw-simple-hero[b-0vo2lyzmeb],
.raw-simple-empty[b-0vo2lyzmeb],
.raw-variation-card[b-0vo2lyzmeb] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background: rgba(5, 10, 18, .62);
}

.raw-simple-hero[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px;
}

.raw-simple-hero .mud-icon-root[b-0vo2lyzmeb] {
    width: 42px;
    height: 42px;
    padding: 9px;
    border-radius: 8px;
    color: #9eeaff;
    background: rgba(0, 200, 255, .12);
}

.raw-simple-hero strong[b-0vo2lyzmeb],
.raw-variation-card strong[b-0vo2lyzmeb] {
    display: block;
    color: #fff;
    font-weight: 850;
    line-height: 1.2;
}

.raw-simple-hero span[b-0vo2lyzmeb],
.raw-variation-card small[b-0vo2lyzmeb],
.raw-simple-empty[b-0vo2lyzmeb] {
    color: rgba(221, 239, 255, .66);
    font-size: .78rem;
    line-height: 1.35;
}

.raw-simple-empty[b-0vo2lyzmeb] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    border-style: dashed;
    text-align: center;
}

.raw-variation-grid[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}

.raw-variation-option[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    color: inherit;
    text-align: left;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        rgba(5, 10, 18, .72);
    cursor: pointer;
}

.raw-variation-option:hover[b-0vo2lyzmeb],
.raw-variation-option--selected[b-0vo2lyzmeb] {
    border-color: rgba(0, 200, 255, .52);
    background:
        linear-gradient(135deg, rgba(0, 200, 255, .13), rgba(137, 92, 255, .07)),
        rgba(5, 10, 18, .84);
    box-shadow: 0 14px 36px rgba(0, 200, 255, .08);
}

.raw-variation-option:disabled[b-0vo2lyzmeb] {
    cursor: default;
    opacity: .72;
}

.raw-variation-thumb[b-0vo2lyzmeb] {
    display: grid;
    place-items: center;
    width: 74px;
    aspect-ratio: 1.12;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    color: rgba(221, 239, 255, .65);
    background:
        radial-gradient(circle at 70% 20%, rgba(0, 200, 255, .18), transparent 34%),
        #050a12;
    overflow: hidden;
}

.raw-variation-thumb img[b-0vo2lyzmeb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.raw-variation-card-copy[b-0vo2lyzmeb] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
}

.raw-variation-card-head[b-0vo2lyzmeb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.raw-variation-card-head strong[b-0vo2lyzmeb] {
    color: #fff;
    font-size: .86rem;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.raw-variation-card-head em[b-0vo2lyzmeb] {
    flex: 0 0 auto;
    border: 1px solid rgba(0, 200, 255, .28);
    border-radius: 999px;
    padding: 2px 7px;
    color: #9eeaff;
    background: rgba(0, 200, 255, .1);
    font-size: .62rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
}

.raw-variation-card-copy small[b-0vo2lyzmeb] {
    color: rgba(221, 239, 255, .65);
    font-size: .74rem;
    line-height: 1.3;
}

.raw-variation-card-meta[b-0vo2lyzmeb] {
    color: rgba(158, 234, 255, .72);
    font-size: .68rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.raw-variation-option .raw-variation-swatches[b-0vo2lyzmeb] {
    grid-column: 2;
    justify-content: flex-start;
}

.raw-variation-option .raw-variation-swatches span[b-0vo2lyzmeb] {
    width: 16px;
    height: 16px;
}

.raw-variation-card[b-0vo2lyzmeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
}

.raw-variation-eyebrow[b-0vo2lyzmeb] {
    display: block;
    margin-bottom: 3px;
    color: #9eeaff;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.raw-variation-swatches[b-0vo2lyzmeb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.raw-variation-swatches span[b-0vo2lyzmeb] {
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .24);
}

.raw-layer-stack[b-0vo2lyzmeb] {
    display: grid;
    gap: 12px;
}

.raw-layer-card[b-0vo2lyzmeb] {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background: rgba(5, 10, 18, .62);
}

.raw-layer-title[b-0vo2lyzmeb] {
    margin-bottom: 10px;
}

.raw-layer-title span[b-0vo2lyzmeb] {
    min-width: 0;
    color: #fff;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.raw-layer-title small[b-0vo2lyzmeb] {
    color: rgba(221, 239, 255, .55);
    text-align: right;
    overflow-wrap: anywhere;
}

.raw-layer-grid[b-0vo2lyzmeb],
.raw-image-fields[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.raw-image-row[b-0vo2lyzmeb] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.raw-image-thumb[b-0vo2lyzmeb] {
    display: grid;
    place-items: center;
    width: 76px;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: #050a12;
    color: rgba(221, 239, 255, .45);
    overflow: hidden;
}

.raw-image-thumb img[b-0vo2lyzmeb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.raw-image-actions[b-0vo2lyzmeb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 8px;
}

.raw-upload-action[b-0vo2lyzmeb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 10px;
    border: 1px solid rgba(0, 200, 255, .35);
    border-radius: 6px;
    color: #9eeaff;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.raw-upload-action input[b-0vo2lyzmeb] {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.raw-empty[b-0vo2lyzmeb],
.raw-preview-empty[b-0vo2lyzmeb] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 170px;
    margin-top: 12px;
    border: 1px dashed rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: rgba(221, 239, 255, .62);
    text-align: center;
}

.raw-preview-panel[b-0vo2lyzmeb] {
    position: sticky;
    top: 86px;
}

.raw-preview-card[b-0vo2lyzmeb] {
    padding: 12px;
}

.raw-preview-image[b-0vo2lyzmeb] {
    display: block;
    width: 100%;
    max-height: 340px;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: #050a12;
    object-fit: contain;
}

@media (max-width: 1180px) {
    .raw-shell[b-0vo2lyzmeb] {
        grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
    }

    .raw-preview-panel[b-0vo2lyzmeb] {
        position: static;
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .render-assets-header[b-0vo2lyzmeb],
    .raw-section-head[b-0vo2lyzmeb],
    .raw-preview-head[b-0vo2lyzmeb],
    .raw-layer-title[b-0vo2lyzmeb] {
        align-items: stretch;
        flex-direction: column;
    }

    .raw-shell[b-0vo2lyzmeb],
    .raw-template-row[b-0vo2lyzmeb],
    .raw-simple-toolbar[b-0vo2lyzmeb],
    .raw-layer-grid[b-0vo2lyzmeb],
    .raw-image-fields[b-0vo2lyzmeb],
    .raw-image-row[b-0vo2lyzmeb] {
        grid-template-columns: 1fr;
    }

    .raw-simple-toolbar[b-0vo2lyzmeb] {
        align-items: stretch;
        flex-direction: column;
    }

    .raw-variation-card[b-0vo2lyzmeb] {
        align-items: stretch;
        flex-direction: column;
    }

    .raw-variation-swatches[b-0vo2lyzmeb] {
        justify-content: flex-start;
    }

    .raw-image-thumb[b-0vo2lyzmeb] {
        width: 100%;
        max-width: 160px;
    }

    .raw-layer-title small[b-0vo2lyzmeb] {
        text-align: left;
    }
}
/* /Components/Reputation/ReputationBadge.razor.rz.scp.css */
.rep-badge[b-2rf7p1lcl2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.rep-badge-icon[b-2rf7p1lcl2] {
    font-size: 14px !important;
}

.rep-badge--unranked[b-2rf7p1lcl2] {
    background: rgba(128, 128, 128, 0.2);
    color: #999;
}

.rep-badge--bronze[b-2rf7p1lcl2] {
    background: rgba(205, 127, 50, 0.2);
    color: #CD7F32;
}

.rep-badge--silver[b-2rf7p1lcl2] {
    background: rgba(192, 192, 192, 0.2);
    color: #C0C0C0;
}

.rep-badge--gold[b-2rf7p1lcl2] {
    background: rgba(255, 215, 0, 0.2);
    color: #FFD700;
}

.rep-badge--platinum[b-2rf7p1lcl2] {
    background: rgba(229, 228, 226, 0.2);
    color: #E5E4E2;
}

.rep-badge--diamond[b-2rf7p1lcl2] {
    background: rgba(185, 242, 255, 0.2);
    color: #B9F2FF;
}

/* ── Small variant — icon + tier name only, no score ─── */
.rep-badge--sm[b-2rf7p1lcl2] {
    padding: 1px 6px;
    font-size: 0.68rem;
    gap: 3px;
}
/* /Components/Search/GlobalSearchBar.razor.rz.scp.css */
/* ── Wrapper ────────────────────────────────────────────── */

.gsb-wrapper[b-i9fm2h35fk] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 8px;
}

/* ── DM button (player rows) ────────────────────────────── */

.gsb-dm-btn[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 6px;
    color: rgba(0, 200, 255, 0.6);
    cursor: pointer;
    padding: 0;
    margin-left: 4px;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.gsb-dm-btn:hover[b-i9fm2h35fk] {
    background: rgba(0, 200, 255, 0.18);
    border-color: rgba(0, 200, 255, 0.45);
    color: #00c8ff;
}

.gsb-dm-btn:focus-visible[b-i9fm2h35fk] {
    outline: 2px solid rgba(0, 200, 255, 0.5);
    outline-offset: 1px;
}

/* ── Input row ──────────────────────────────────────────── */

.gsb-input-row[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    height: 36px;
    background: rgba(0, 200, 255, 0.04);
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 8px;
    padding: 0 10px;
    width: 300px;
    transition: border-color 0.2s ease,
                background 0.2s ease,
                box-shadow 0.2s ease;
}

.gsb-input-row:focus-within[b-i9fm2h35fk] {
    border-color: rgba(0, 200, 255, 0.4);
    box-shadow: 0 0 16px rgba(0, 200, 255, 0.08);
}

.gsb-input-row:hover[b-i9fm2h35fk] {
    border-color: rgba(0, 200, 255, 0.3);
    background: rgba(0, 200, 255, 0.06);
}

/* ── Icon ───────────────────────────────────────────────── */

.gsb-search-icon[b-i9fm2h35fk] {
    font-size: 18px !important;
    color: #00c8ff !important;
    flex-shrink: 0;
    pointer-events: none;
}

/* ── Text input ─────────────────────────────────────────── */

.gsb-input[b-i9fm2h35fk] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 12.5px;
    font-family: inherit;
    padding: 0 8px;
    min-width: 0;
    caret-color: #00c8ff;
}

.gsb-input[b-i9fm2h35fk]::placeholder {
    color: rgba(255, 255, 255, 0.28);
    font-size: 11.5px;
}

/* ── Clear button ───────────────────────────────────────── */

.gsb-clear[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.35);
    padding: 2px;
    flex-shrink: 0;
    border-radius: 4px;
    transition: color 0.15s ease, background 0.15s ease;
}

.gsb-clear:hover[b-i9fm2h35fk] {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

/* ── Dropdown ───────────────────────────────────────────── */

.gsb-dropdown[b-i9fm2h35fk] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 380px;
    background: linear-gradient(180deg, #141c28 0%, #0d1320 100%);
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 12px;
    box-shadow:
        0 12px 48px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(0, 200, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(20px);
    z-index: 9999;
    overflow: hidden;
    animation: gsb-in-b-i9fm2h35fk 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    max-height: 480px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

@keyframes gsb-in-b-i9fm2h35fk {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: none; }
}

/* ── Group headers ──────────────────────────────────────── */

.gsb-group-header[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px 4px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    color: rgba(0, 200, 255, 0.5);
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.gsb-group-header:first-child[b-i9fm2h35fk] {
    border-top: none;
    padding-top: 8px;
}

.gsb-group-icon[b-i9fm2h35fk] {
    font-size: 11px !important;
    color: rgba(0, 200, 255, 0.45) !important;
}

/* ── Result rows ────────────────────────────────────────── */

.gsb-result[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background 0.1s ease;
}

.gsb-result:hover[b-i9fm2h35fk],
.gsb-result--focused[b-i9fm2h35fk] {
    background: rgba(0, 200, 255, 0.07);
}

.gsb-result:focus-visible[b-i9fm2h35fk] {
    outline: 2px solid rgba(0, 200, 255, 0.5);
    outline-offset: -2px;
}

/* ── Avatars ────────────────────────────────────────────── */

.gsb-avatar[b-i9fm2h35fk] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gsb-avatar--player[b-i9fm2h35fk]     { background: rgba(0, 135, 179, 0.22); color: #00c8ff; }
.gsb-avatar--team[b-i9fm2h35fk]       { background: rgba(74, 222, 128, 0.14); color: #4ade80; }
.gsb-avatar--tournament[b-i9fm2h35fk] { background: rgba(255, 215, 0, 0.14);  color: #ffd700; }

[b-i9fm2h35fk] .gsb-avatar .mud-icon-root {
    font-size: 16px !important;
}

.gsb-avatar-img[b-i9fm2h35fk] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain;
}

/* ── Result text ────────────────────────────────────────── */

.gsb-result-info[b-i9fm2h35fk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.gsb-result-name[b-i9fm2h35fk] {
    font-size: 0.81rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gsb-result-sub[b-i9fm2h35fk] {
    font-size: 0.67rem;
    color: rgba(255, 255, 255, 0.38);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Badges ─────────────────────────────────────────────── */

.gsb-badge[b-i9fm2h35fk] {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.gsb-badge--country[b-i9fm2h35fk]  { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.5); }
.gsb-badge--live[b-i9fm2h35fk]     { background: rgba(74, 222, 128, 0.15);  color: #4ade80; }
.gsb-badge--reg[b-i9fm2h35fk]      { background: rgba(0, 200, 255, 0.14);   color: #00c8ff; }
.gsb-badge--done[b-i9fm2h35fk]     { background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.35); }
.gsb-badge--draft[b-i9fm2h35fk]    { background: rgba(255, 152, 0, 0.14);   color: #ff9800; }

/* ── Empty / loading state ──────────────────────────────── */

.gsb-state-row[b-i9fm2h35fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 26px 14px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 0.8rem;
}

.gsb-state-text[b-i9fm2h35fk] {
    color: rgba(255, 255, 255, 0.35);
}

.gsb-empty-icon[b-i9fm2h35fk] {
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.15) !important;
}

/* ── Mobile close button (hidden on desktop) ────────────── */

.gsb-mobile-close[b-i9fm2h35fk] {
    display: none;
}

/* ── Mobile — full screen overlay ──────────────────────────
   On small viewports the wrapper becomes a fixed overlay so
   the input and results take the full screen.               */

@media (max-width: 599px) {
    .gsb-wrapper--expanded[b-i9fm2h35fk] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10000;
        background: rgba(10, 15, 26, 0.97);
        backdrop-filter: blur(10px);
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        margin: 0;
        gap: 12px;
    }

    .gsb-wrapper--expanded .gsb-input-row[b-i9fm2h35fk] {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }

    .gsb-wrapper--expanded .gsb-dropdown[b-i9fm2h35fk] {
        position: static;
        width: 100%;
        flex: 1;
        max-height: none;
        animation: none;
        border-radius: 10px;
    }

    .gsb-mobile-close[b-i9fm2h35fk] {
        display: flex;
        justify-content: center;
        padding: 8px 0 4px;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        margin-top: auto;
    }

    .gsb-mobile-close-btn[b-i9fm2h35fk] {
        display: flex;
        align-items: center;
        gap: 6px;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 8px;
        color: rgba(255, 255, 255, 0.55);
        font-size: 13px;
        font-family: inherit;
        padding: 8px 18px;
        cursor: pointer;
        transition: color 0.15s ease, border-color 0.15s ease;
    }

    .gsb-mobile-close-btn:hover[b-i9fm2h35fk] {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.28);
    }
}
/* /Components/Shared/AboutDialog.razor.rz.scp.css */
/* ── Dialog container ────────────────────────────────── */

[b-erwgamnbsn] .mud-dialog.pcw-about-dialog .mud-dialog-content {
    padding: 0 !important;
    background: #0d1320;
}

[b-erwgamnbsn] .mud-dialog.pcw-about-dialog .mud-dialog-title {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    padding: 16px 20px 14px !important;
    margin: 0 !important;
}

/* ── Header ───────────────────────────────────────────── */

.pcw-about-header[b-erwgamnbsn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pcw-about-logo[b-erwgamnbsn] {
    height: 36px;
    width: auto;
    filter: drop-shadow(0 0 8px rgba(0, 135, 179, 0.6));
}

.pcw-about-title-block[b-erwgamnbsn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* ── Body ─────────────────────────────────────────────── */

.pcw-about-body[b-erwgamnbsn] {
    padding: 20px;
    min-width: 300px;
}

.pcw-about-row[b-erwgamnbsn] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.pcw-about-icon[b-erwgamnbsn] {
    font-size: 20px !important;
    color: rgba(0, 200, 255, 0.7);
    margin-top: 1px;
    flex-shrink: 0;
}

.pcw-about-label[b-erwgamnbsn] {
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 10px !important;
    line-height: 1.4;
}

.pcw-about-value[b-erwgamnbsn] {
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
}

/* ── Recent entries list ─────────────────────────────── */

.pcw-about-entry[b-erwgamnbsn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.pcw-about-entry-title[b-erwgamnbsn] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Category badges ─────────────────────────────────── */

[b-erwgamnbsn] .pcw-cl-badge {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    height: 18px !important;
    flex-shrink: 0;
}

[b-erwgamnbsn] .pcw-cl-added    { background: rgba(0, 200, 83, 0.15) !important; color: #00c853 !important; border: 1px solid rgba(0,200,83,0.3) !important; }
[b-erwgamnbsn] .pcw-cl-fixed    { background: rgba(0, 135, 179, 0.15) !important; color: #00c8ff !important; border: 1px solid rgba(0,135,179,0.3) !important; }
[b-erwgamnbsn] .pcw-cl-changed  { background: rgba(255, 193, 7, 0.12) !important; color: #ffc107 !important; border: 1px solid rgba(255,193,7,0.3) !important; }
[b-erwgamnbsn] .pcw-cl-removed  { background: rgba(244, 67, 54, 0.12) !important; color: #f44336 !important; border: 1px solid rgba(244,67,54,0.3) !important; }
[b-erwgamnbsn] .pcw-cl-perf     { background: rgba(156, 39, 176, 0.15) !important; color: #ce93d8 !important; border: 1px solid rgba(156,39,176,0.3) !important; }
[b-erwgamnbsn] .pcw-cl-security { background: rgba(255, 87, 34, 0.12) !important; color: #ff7043 !important; border: 1px solid rgba(255,87,34,0.3) !important; }
/* /Components/Shared/FlagDisplay.razor.rz.scp.css */
.flag-display[b-p2k6sxmtdm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    vertical-align: middle;
}

.flag-display__img[b-p2k6sxmtdm] {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}

.flag-display__name[b-p2k6sxmtdm] {
    font-size: inherit;
    color: inherit;
}
/* /Components/Shared/PcwInlineDeleteConfirm.razor.rz.scp.css */
.pcw-inline-delete[b-q8a7lpv3pb] {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-top: 12px;
    padding: 10px;
    border: 1px solid rgba(255, 92, 122, 0.34);
    border-radius: 8px;
    color: #ffd7df;
    background: rgba(255, 92, 122, 0.1);
    font-size: .82rem;
}

.pcw-inline-delete-copy[b-q8a7lpv3pb] {
    display: inline-flex;
    min-width: 0;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.35;
}

.pcw-inline-delete-copy .mud-icon-root[b-q8a7lpv3pb] {
    flex: 0 0 auto;
    font-size: 1rem;
    color: #ff8aa0;
}

.pcw-inline-delete-copy span[b-q8a7lpv3pb] {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.pcw-inline-delete-actions[b-q8a7lpv3pb] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
}
/* /Components/Shared/PcwStepper.razor.rz.scp.css */
.pcw-stepper-header[b-8t4fn4wtee] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.pcw-step-item[b-8t4fn4wtee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 56px;
    flex-shrink: 0;
}

.pcw-step-circle[b-8t4fn4wtee] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: rgba(255, 255, 255, 0.35);
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.pcw-step-item.active .pcw-step-circle[b-8t4fn4wtee] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
}

.pcw-step-item.done .pcw-step-circle[b-8t4fn4wtee] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: #fff;
}

.pcw-step-label[b-8t4fn4wtee] {
    font-size: 0.68rem;
    margin-top: 4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.35);
    max-width: 68px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pcw-step-item.active .pcw-step-label[b-8t4fn4wtee] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.pcw-step-item.done .pcw-step-label[b-8t4fn4wtee] {
    color: rgba(255, 255, 255, 0.65);
}

.pcw-step-connector[b-8t4fn4wtee] {
    flex: 1;
    height: 2px;
    background: rgba(255, 255, 255, 0.15);
    margin-top: 15px;
    min-width: 10px;
    transition: background 0.2s ease;
}

.pcw-step-connector.done[b-8t4fn4wtee] {
    background: var(--mud-palette-primary);
}

.pcw-stepper-body[b-8t4fn4wtee] {
    margin-bottom: 8px;
}

.pcw-stepper-actions[b-8t4fn4wtee] {
    display: flex;
    align-items: center;
    margin-top: 16px;
}
/* /Components/Shared/PlaystyleTag.razor.rz.scp.css */
.ps-tag[b-xydi5zfewd] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: .03em;
    background: rgba(28, 33, 112, 0.45);
    border: 1px solid rgba(102, 0, 187, 0.35);
    color: rgba(200, 180, 255, 0.9);
    white-space: nowrap;
}
/* /Components/Shared/PositionBadge.razor.rz.scp.css */
.pos-badge[b-gdmg8dy7bh] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    background: rgba(102, 0, 187, 0.25);
    border: 1px solid rgba(102, 0, 187, 0.5);
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

.pos-badge--highlight[b-gdmg8dy7bh] {
    box-shadow: 0 0 0 1px rgba(0,200,255,0.45), 0 0 10px rgba(0,200,255,0.3);
    border-color: rgba(0,200,255,0.75);
    color: #dff7ff;
}

/* GK — keeper gold */
.pos-badge--gk[b-gdmg8dy7bh] {
    background: rgba(255, 193, 7, 0.18);
    border-color: rgba(255, 193, 7, 0.5);
    color: #ffc107;
}

/* Defenders — teal */
.pos-badge--rb[b-gdmg8dy7bh],
.pos-badge--cb[b-gdmg8dy7bh],
.pos-badge--lb[b-gdmg8dy7bh] {
    background: rgba(0, 188, 212, 0.15);
    border-color: rgba(0, 188, 212, 0.45);
    color: rgba(0, 220, 240, 0.9);
}

/* Midfielders — blue */
.pos-badge--cdm[b-gdmg8dy7bh],
.pos-badge--cm[b-gdmg8dy7bh],
.pos-badge--cam[b-gdmg8dy7bh],
.pos-badge--rm[b-gdmg8dy7bh],
.pos-badge--lm[b-gdmg8dy7bh] {
    background: rgba(33, 150, 243, 0.15);
    border-color: rgba(33, 150, 243, 0.45);
    color: rgba(100, 181, 246, 0.95);
}

/* Attackers — purple/pink */
.pos-badge--rw[b-gdmg8dy7bh],
.pos-badge--lw[b-gdmg8dy7bh],
.pos-badge--cf[b-gdmg8dy7bh],
.pos-badge--st[b-gdmg8dy7bh] {
    background: rgba(156, 39, 176, 0.2);
    border-color: rgba(156, 39, 176, 0.5);
    color: rgba(206, 147, 216, 0.95);
}
/* /Components/Shared/PositionPitchDiagram.razor.rz.scp.css */
/* PositionPitchDiagram — shared SVG position pitch component */

.ppd-root[b-mvjp4tanh6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── SVG Pitch ───────────────────────────────────────── */
.ppd-pitch-wrap[b-mvjp4tanh6] {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 100 / 120;
    display: flex;
    align-items: stretch;
}

.ppd-pitch-svg[b-mvjp4tanh6] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
}

/* ── Chips ───────────────────────────────────────────── */
.ppd-chips[b-mvjp4tanh6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
/* /Components/Shared/ProfileIconMenu.razor.rz.scp.css */
/* Account avatar activators */
.pcw-avatar-btn[b-bsiqox9ghm] {
    cursor: pointer;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 135, 179, 0.35);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.72);
    transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    overflow: hidden;
}

.pcw-avatar-btn:hover[b-bsiqox9ghm] {
    border-color: #00c8ff;
    color: #00c8ff;
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.28);
}

.adm-avatar-btn[b-bsiqox9ghm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.2s ease, background 0.2s ease;
    margin-left: 4px;
    overflow: hidden;
}

.adm-avatar-btn:hover[b-bsiqox9ghm] {
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.08);
}

.mgmt-profile-btn[b-bsiqox9ghm] {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background 0.2s;
    overflow: hidden;
    flex-shrink: 0;
}

.mgmt-profile-btn:hover[b-bsiqox9ghm] {
    background: rgba(255, 255, 255, 0.08);
}

.competition-admin-avatar[b-bsiqox9ghm] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(0, 189, 242, 0.3);
    overflow: hidden;
    flex: 0 0 34px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.competition-admin-avatar:hover[b-bsiqox9ghm] {
    border-color: #00bdf2;
    box-shadow: 0 0 14px rgba(0, 189, 242, 0.24);
}

.pcw-profile-menu-avatar-image[b-bsiqox9ghm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Sign In Button */
[b-bsiqox9ghm] .pcw-signin-btn {
    border-color: rgba(0, 135, 179, 0.45) !important;
    color: #00c8ff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    margin-left: 8px !important;
}

[b-bsiqox9ghm] .pcw-signin-btn:hover {
    border-color: #00c8ff !important;
    background: rgba(0, 200, 255, 0.08) !important;
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.18) !important;
}

@media (max-width: 960px) {
    [b-bsiqox9ghm] .pcw-signin-btn {
        display: none !important;
    }
}
/* /Components/Shared/RankingPager.razor.rz.scp.css */
.ranking-pager[b-nxkxsgutj5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 12px 0 0;
    color: #c8d4e3;
}
/* /Components/Shared/RecruitmentStatusPill.razor.rz.scp.css */
.recruit-pill[b-52tdno54w9] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    white-space: nowrap;
}
/* /Components/Support/SiteSupportTicketPanel.razor.rz.scp.css */
.site-ticket[b-t14yukdh1f] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.site-ticket__trigger[b-t14yukdh1f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(0, 184, 255, 0.42);
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0, 184, 255, 0.18), rgba(255, 0, 174, 0.18));
    color: #f5f8fc;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
}

.site-ticket__trigger:hover:not(:disabled)[b-t14yukdh1f] {
    border-color: rgba(255, 0, 174, 0.7);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(255, 0, 174, 0.22), 0 0 18px rgba(0, 184, 255, 0.18);
}

.site-ticket__trigger:disabled[b-t14yukdh1f] {
    cursor: not-allowed;
    opacity: 0.58;
    filter: grayscale(0.35);
}

.site-ticket__hint[b-t14yukdh1f] {
    color: #8fa2bd;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.35;
}

.site-ticket-dialog[b-t14yukdh1f] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 18px;
}

.site-ticket-dialog__backdrop[b-t14yukdh1f] {
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(1, 7, 14, 0.76);
    backdrop-filter: blur(5px);
    cursor: pointer;
}

.site-ticket-dialog__panel[b-t14yukdh1f] {
    position: relative;
    z-index: 1;
    width: min(560px, calc(100vw - 32px));
    max-height: min(82vh, 680px);
    overflow: auto;
    border: 1px solid rgba(255, 0, 174, 0.36);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(8, 24, 43, 0.98), rgba(4, 13, 24, 0.99));
    color: #f5f8fc;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.45), 0 0 46px rgba(255, 0, 174, 0.16);
}

.site-ticket-dialog__panel header[b-t14yukdh1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(82, 151, 216, 0.2);
}

.site-ticket-dialog__panel header span[b-t14yukdh1f] {
    color: #8fa2bd;
    font-size: 0.72rem;
    font-weight: 900;
}

.site-ticket-dialog__panel h2[b-t14yukdh1f] {
    margin: 2px 0 0;
    color: #f5f8fc;
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.site-ticket-dialog__close[b-t14yukdh1f] {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(143, 162, 189, 0.22);
    border-radius: 6px;
    background: rgba(4, 13, 24, 0.72);
    color: #d7e3f4;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.site-ticket__state[b-t14yukdh1f],
.site-ticket__form[b-t14yukdh1f] {
    display: grid;
    gap: 10px;
    padding: 18px 20px 20px;
}

.site-ticket__state b[b-t14yukdh1f] {
    color: #fff;
}

.site-ticket__state span[b-t14yukdh1f] {
    color: #8fa2bd;
    font-size: 0.82rem;
    line-height: 1.45;
}

.site-ticket__state a[b-t14yukdh1f],
.site-ticket__form button[b-t14yukdh1f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(0, 169, 255, 0.36);
    border-radius: 6px;
    background: rgba(0, 118, 215, 0.12);
    color: #00b8ff;
    font-weight: 900;
    text-decoration: none;
}

.site-ticket__state--success[b-t14yukdh1f] {
    background: rgba(45, 211, 122, 0.1);
}

.site-ticket__form input[b-t14yukdh1f],
.site-ticket__form textarea[b-t14yukdh1f] {
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 7px;
    background: rgba(4, 13, 24, 0.72);
    color: #f5f8fc;
    font: inherit;
}

.site-ticket__form textarea[b-t14yukdh1f] {
    min-height: 120px;
    resize: vertical;
}

.site-ticket__form button[b-t14yukdh1f] {
    cursor: pointer;
}

.site-ticket__form button:disabled[b-t14yukdh1f] {
    cursor: not-allowed;
    opacity: 0.58;
}

.site-ticket__error[b-t14yukdh1f] {
    padding: 10px 12px;
    border-radius: 7px;
    background: rgba(255, 82, 111, 0.14);
    color: #ffc2cb;
}

@media (max-width: 640px) {
    .site-ticket-dialog[b-t14yukdh1f] {
        align-items: end;
        padding: 10px;
    }

    .site-ticket-dialog__panel[b-t14yukdh1f] {
        width: 100%;
        max-height: 88vh;
    }

    .site-ticket-dialog__panel header[b-t14yukdh1f] {
        padding: 16px;
    }

    .site-ticket__state[b-t14yukdh1f],
    .site-ticket__form[b-t14yukdh1f] {
        padding: 16px;
    }
}
/* /Components/TacticsBoard/TacticsBoardConfirmDialog.razor.rz.scp.css */
.tb-board-delete-dialog[b-1uq9hakhzm] {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(2, 5, 12, 0.72);
    backdrop-filter: blur(10px);
}

.tb-board-delete-dialog section[b-1uq9hakhzm] {
    width: min(420px, 100%);
    padding: 20px;
    border: 1px solid rgba(255, 92, 122, 0.42);
    border-radius: 8px;
    color: #f8fbff;
    background: rgba(9, 14, 27, 0.96);
    box-shadow: 0 26px 90px rgba(0, 0, 0, 0.52);
}

.tb-board-delete-dialog .mud-icon-root[b-1uq9hakhzm] {
    color: #ff5c7a;
    font-size: 38px;
}

.tb-board-delete-dialog h2[b-1uq9hakhzm] {
    margin: 8px 0 6px;
    font-size: 1.25rem;
}

.tb-board-delete-dialog p[b-1uq9hakhzm] {
    margin: 0 0 16px;
    color: rgba(248, 251, 255, 0.66);
}

.tb-board-delete-dialog section > div[b-1uq9hakhzm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
/* /Components/TacticsBoard/TacticsBoardFrameTimeline.razor.rz.scp.css */
.tb-frame-dock[b-kzeste3aby] {
    min-width: 0;
    max-height: 48px;
    overflow: hidden;
    padding: 6px 8px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(22, 140, 255, 0.06), transparent 42%),
        rgba(3, 17, 32, 0.94);
}

.tb-frame-dock--expanded[b-kzeste3aby] {
    max-height: 148px;
}

.tb-frame-dock--collapsed[b-kzeste3aby] {
    padding-block: 5px;
}

.tb-frame-dock-header[b-kzeste3aby] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 0;
}

.tb-frame-dock--expanded .tb-frame-dock-header[b-kzeste3aby] {
    margin-bottom: 4px;
}

.tb-frame-dock-header > div[b-kzeste3aby] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tb-frame-dock-header span[b-kzeste3aby] {
    color: #fff;
    font-weight: 900;
}

.tb-frame-dock-header small[b-kzeste3aby] {
    color: rgba(248, 251, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
}

.tb-frame-timeline-wrap[b-kzeste3aby] {
    display: grid;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-color: rgba(22, 140, 255, 0.52) rgba(255, 255, 255, 0.06);
}

.tb-frame-bulk-bar[b-kzeste3aby] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0 0 5px;
    padding: 5px;
    border: 1px solid rgba(22, 140, 255, 0.22);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.86);
    background: rgba(2, 14, 28, 0.88);
}

.tb-frame-bulk-bar strong[b-kzeste3aby] {
    color: #fff;
    font-size: 0.72rem;
    white-space: nowrap;
}

.tb-frame-bulk-bar label[b-kzeste3aby] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    font-size: 0.68rem;
    font-weight: 800;
}

.tb-frame-bulk-bar input[b-kzeste3aby] {
    width: 76px;
    min-height: 24px;
    border: 1px solid rgba(22, 140, 255, 0.35);
    border-radius: 6px;
    color: #fff;
    background: rgba(1, 9, 20, 0.9);
}

.tb-frame-bulk-bar button[b-kzeste3aby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 24px;
    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 6px;
    color: #c7edff;
    background: rgba(0, 0, 0, 0.18);
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
}

.tb-frame-bulk-bar button:disabled[b-kzeste3aby] {
    cursor: not-allowed;
    opacity: 0.42;
}

.tb-frame-bulk-bar .tb-frame-bulk-danger[b-kzeste3aby] {
    border-color: rgba(255, 79, 116, 0.34);
    color: #ff6685;
}

.tb-frame-ruler[b-kzeste3aby],
.tb-frame-timeline[b-kzeste3aby] {
    display: flex;
    gap: 6px;
    min-width: max-content;
}

.tb-frame-ruler span[b-kzeste3aby] {
    flex: 0 0 var(--frame-width);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(22, 140, 255, 0.75), rgba(0, 217, 255, 0.28));
}

.tb-frame-chip[b-kzeste3aby] {
    position: relative;
    flex: 0 0 var(--frame-width);
    display: grid;
    gap: 3px;
    width: var(--frame-width);
    min-height: 82px;
    padding: 5px;
    border: 1px solid rgba(22, 140, 255, 0.2);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.82);
    background: linear-gradient(180deg, rgba(4, 25, 46, 0.92), rgba(2, 12, 24, 0.72));
    text-align: left;
    cursor: grab;
}

.tb-frame-chip--selected[b-kzeste3aby] {
    border-color: rgba(246, 211, 79, 0.88);
    box-shadow: inset 0 0 0 1px rgba(246, 211, 79, 0.32);
}

.tb-frame-select[b-kzeste3aby] {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px;
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    margin: 0;
}

.tb-frame-select input[b-kzeste3aby] {
    position: absolute;
    opacity: 0;
}

.tb-frame-select span[b-kzeste3aby] {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(248, 251, 255, 0.36);
    border-radius: 5px;
    background: rgba(1, 9, 20, 0.72);
}

.tb-frame-select input:checked + span[b-kzeste3aby] {
    border-color: #f6d34f;
    background: linear-gradient(135deg, #f6d34f, #168cff);
}

.tb-frame-chip:active[b-kzeste3aby] {
    cursor: grabbing;
}

.tb-frame-chip--dragging[b-kzeste3aby] {
    opacity: 0.55;
    transform: scale(0.985);
}

.tb-frame-preview-button[b-kzeste3aby] {
    position: relative;
    display: grid;
    gap: 2px;
    min-width: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.tb-frame-thumb[b-kzeste3aby] {
    display: block;
    width: 100%;
    height: 18px;
    aspect-ratio: 100 / 68;
    border-radius: 6px;
    background: rgba(1, 16, 29, 0.9);
}

.tb-frame-thumb rect[b-kzeste3aby],
.tb-frame-thumb line[b-kzeste3aby],
.tb-frame-thumb circle[b-kzeste3aby] {
    fill: none;
    stroke: rgba(22, 140, 255, 0.54);
    stroke-width: 0.55;
}

.tb-frame-thumb .tb-frame-thumb-pitch[b-kzeste3aby] {
    fill: rgba(2, 24, 34, 0.68);
}

.tb-frame-thumb .tb-frame-thumb-drawing[b-kzeste3aby] {
    fill: none;
    stroke: rgba(0, 217, 255, 0.78);
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tb-frame-playhead[b-kzeste3aby] {
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: transparent;
}

.tb-frame-title[b-kzeste3aby] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
}

.tb-frame-title strong[b-kzeste3aby] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.68rem;
    line-height: 1.05;
}

.tb-frame-title small[b-kzeste3aby] {
    flex: 0 0 auto;
    color: rgba(248, 251, 255, 0.52);
    font-size: 0.58rem;
    line-height: 1.05;
}

.tb-frame-chip--active[b-kzeste3aby] {
    border-color: rgba(22, 140, 255, 0.86);
    color: #fff;
    background: linear-gradient(180deg, rgba(14, 70, 126, 0.62), rgba(2, 20, 38, 0.92));
    box-shadow: inset 0 0 0 1px rgba(0, 217, 255, 0.18);
}

.tb-frame-chip--active .tb-frame-playhead[b-kzeste3aby] {
    background: #19a7ff;
    box-shadow: 0 0 14px rgba(25, 167, 255, 0.5);
}

.tb-frame-duration-control[b-kzeste3aby] {
    display: grid;
    align-items: center;
    height: 14px;
}

.tb-frame-duration-control input[b-kzeste3aby] {
    width: 100%;
    height: 12px;
    margin: 0;
    accent-color: #168cff;
}

.tb-frame-card-actions[b-kzeste3aby] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
}

.tb-frame-card-actions button[b-kzeste3aby] {
    display: grid;
    place-items: center;
    height: 18px;
    min-height: 16px;
    padding: 0;
    border: 1px solid rgba(22, 140, 255, 0.24);
    border-radius: 6px;
    color: #c7edff;
    background: rgba(0, 0, 0, 0.18);
    cursor: pointer;
}

.tb-frame-card-actions button:disabled[b-kzeste3aby] {
    cursor: not-allowed;
    opacity: 0.42;
}

.tb-frame-card-actions .tb-frame-delete[b-kzeste3aby] {
    border-color: rgba(255, 79, 116, 0.34);
    color: #ff6685;
}

@media (max-width: 620px) {
    .tb-frame-dock[b-kzeste3aby] {
        max-height: none;
        overflow: visible;
    }

    .tb-frame-dock-header[b-kzeste3aby] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-frame-dock-header > div[b-kzeste3aby] {
        flex-wrap: wrap;
    }

    .tb-frame-bulk-bar[b-kzeste3aby] {
        flex-wrap: wrap;
    }
}

.tb-frame-card-actions .mud-icon-root[b-kzeste3aby] {
    font-size: 14px;
}
/* /Components/TacticsBoard/TacticsBoardToolRail.razor.rz.scp.css */
.tb-tool-rail[b-kfzntr7gcq] {
    display: grid;
    grid-template-columns: repeat(2, 36px);
    grid-auto-rows: 36px;
    align-content: start;
    gap: 6px;
    padding: 7px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background: rgba(3, 16, 31, 0.94);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.tb-tool-button[b-kfzntr7gcq] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(22, 140, 255, 0.2);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.72);
    background: rgba(2, 11, 22, 0.7);
    cursor: pointer;
}

.tb-tool-button:hover[b-kfzntr7gcq] {
    border-color: rgba(22, 140, 255, 0.52);
    color: #fff;
    background: rgba(22, 140, 255, 0.12);
}

.tb-tool-button:disabled[b-kfzntr7gcq] {
    opacity: 0.38;
    cursor: not-allowed;
}

.tb-tool-button--active[b-kfzntr7gcq] {
    color: #fff;
    border-color: var(--tb-blue);
    background: linear-gradient(180deg, #1597ff 0%, #0d69ff 100%);
    box-shadow: 0 0 20px rgba(22, 140, 255, 0.28);
}

@media (max-width: 980px) {
    .tb-tool-rail[b-kfzntr7gcq] {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        order: 1;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .tb-tool-rail[b-kfzntr7gcq]::-webkit-scrollbar {
        display: none;
    }

    .tb-tool-button[b-kfzntr7gcq] {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        scroll-snap-align: start;
    }
}

@media (orientation: landscape) and (max-height: 720px) {
    .tb-tool-rail[b-kfzntr7gcq] {
        display: grid;
        grid-template-columns: repeat(2, 36px);
        grid-auto-rows: 36px;
        order: 1;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .tb-tool-button[b-kfzntr7gcq] {
        width: 36px;
        height: 36px;
    }
}
/* /Components/TeamManagement/FmCalendarPanel.razor.rz.scp.css */
/* ── Calendar ────────────────────────────────────────── */
.fm-calendar-list[b-ott915f8da] {
    display: flex;
    flex-direction: column;
}

.fm-calendar-item[b-ott915f8da] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    transition: background 0.15s;
}

.fm-calendar-item:hover[b-ott915f8da] {
    background: rgba(255, 255, 255, 0.03);
}

.fm-calendar-item:last-child[b-ott915f8da] {
    border-bottom: none;
}

.fm-calendar-date[b-ott915f8da] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 38px;
    padding: 4px 0;
    background: rgba(255, 145, 0, 0.1);
    border-radius: 6px;
    flex-shrink: 0;
}

.fm-calendar-day[b-ott915f8da] {
    font-size: 1rem;
    font-weight: 700;
    color: #ff9100;
    line-height: 1;
}

.fm-calendar-month[b-ott915f8da] {
    font-size: 0.7rem;
    color: rgba(255, 145, 0, 0.7);
    text-transform: uppercase;
    font-weight: 600;
}

.fm-calendar-info[b-ott915f8da] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fm-calendar-name[b-ott915f8da] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-calendar-round[b-ott915f8da] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
}

.fm-calendar-item--pending .fm-calendar-date[b-ott915f8da] {
    background: rgba(0, 200, 255, 0.08);
}

.fm-calendar-item--pending .fm-calendar-day[b-ott915f8da] {
    color: #00c8ff;
}

.fm-calendar-item--pending .fm-calendar-month[b-ott915f8da] {
    color: rgba(0, 200, 255, 0.6);
}

.fm-calendar-round--registered[b-ott915f8da] {
    color: #00c8ff;
    font-style: italic;
}

.fm-calendar-item--event .fm-calendar-date[b-ott915f8da] {
    background: rgba(102, 0, 187, 0.15);
}

.fm-calendar-item--event .fm-calendar-day[b-ott915f8da] {
    color: #c084fc;
}

.fm-calendar-item--event .fm-calendar-month[b-ott915f8da] {
    color: rgba(192, 132, 252, 0.6);
}

.fm-calendar-round--event[b-ott915f8da] {
    color: #c084fc;
    font-style: italic;
}
/* /Components/TeamManagement/FmFixturesPanel.razor.rz.scp.css */
/* ── Fixtures ────────────────────────────────────────── */
.fm-fixture-list[b-mwccuz837f] {
    display: flex;
    flex-direction: column;
}

.fm-fixture-row[b-mwccuz837f] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    font-size: 0.85rem;
    transition: background 0.15s;
}

.fm-fixture-row:hover[b-mwccuz837f] {
    background: rgba(0, 200, 255, 0.05);
}

.fm-fixture-row:last-child[b-mwccuz837f] {
    border-bottom: none;
}

.fm-fixture-home[b-mwccuz837f] {
    border-left: 3px solid #00c8ff;
}

.fm-fixture-date[b-mwccuz837f] {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.75rem;
    width: 50px;
    flex-shrink: 0;
}

.fm-fixture-teams[b-mwccuz837f] {
    flex: 1;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-fixture-score[b-mwccuz837f] {
    font-weight: 700;
    color: rgba(255,255,255,0.6);
    min-width: 40px;
    text-align: center;
}

.fm-fixture-score.score-win[b-mwccuz837f]  { color: #00e676; }
.fm-fixture-score.score-loss[b-mwccuz837f] { color: #ff5252; }
.fm-fixture-score.score-draw[b-mwccuz837f] { color: #ffd740; }

.fm-fixture-pending[b-mwccuz837f] {
    color: rgba(255, 255, 255, 0.25);
}

.fm-fixture-tournament[b-mwccuz837f] {
    margin-bottom: 16px;
}

.fm-fixture-tournament:last-child[b-mwccuz837f] {
    margin-bottom: 0;
}

.fm-fixture-tournament-header[b-mwccuz837f] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.055), transparent);
}

.fm-fixture-empty[b-mwccuz837f] {
    margin: 12px;
}
/* /Components/TeamManagement/FmInvitesSection.razor.rz.scp.css */
.fm-invite-links[b-n7abxa47q1] {
    display: grid;
    gap: 14px;
}

.invite-command-card[b-n7abxa47q1],
.invite-ledger-card[b-n7abxa47q1] {
    border: 1px solid rgba(0, 220, 255, 0.16);
    background:
        linear-gradient(135deg, rgba(0, 185, 255, 0.08), rgba(108, 31, 180, 0.08)),
        rgba(7, 13, 23, 0.92);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.26);
}

.invite-command-card[b-n7abxa47q1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 380px);
    gap: 16px;
    padding: 18px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.invite-command-card[b-n7abxa47q1]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(0, 220, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 220, 255, 0.08) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 70%);
}

.invite-command-main[b-n7abxa47q1],
.invite-create-panel[b-n7abxa47q1] {
    position: relative;
    z-index: 1;
}

.invite-command-main h2[b-n7abxa47q1],
.invite-ledger-head h3[b-n7abxa47q1] {
    margin: 2px 0 0;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1.1;
    font-weight: 900;
}

.invite-command-main p[b-n7abxa47q1] {
    max-width: 680px;
    margin: 8px 0 0;
    color: rgba(224, 242, 255, 0.72);
    font-size: 0.92rem;
}

.invite-eyebrow[b-n7abxa47q1] {
    display: inline-flex;
    color: #00d9ff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invite-kpi-row[b-n7abxa47q1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.invite-kpi[b-n7abxa47q1] {
    min-height: 70px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(7, 13, 23, 0.72);
}

.invite-kpi--primary[b-n7abxa47q1] {
    border-color: rgba(0, 217, 255, 0.5);
    background: rgba(0, 157, 210, 0.12);
}

.invite-kpi span[b-n7abxa47q1],
.invite-ledger-count[b-n7abxa47q1],
.invite-subline[b-n7abxa47q1],
.invite-link-code[b-n7abxa47q1],
.invite-link-message[b-n7abxa47q1] {
    color: rgba(199, 216, 229, 0.62);
    font-size: 0.76rem;
}

.invite-kpi strong[b-n7abxa47q1] {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
}

.invite-create-panel[b-n7abxa47q1] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(0, 217, 255, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 29, 0.88);
}

.invite-create-head[b-n7abxa47q1],
.invite-ledger-head[b-n7abxa47q1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.invite-create-head > span[b-n7abxa47q1] {
    color: #fff;
    font-weight: 900;
}

.invite-limit-alert[b-n7abxa47q1] {
    margin: 0;
}

.invite-ledger-card[b-n7abxa47q1] {
    border-radius: 8px;
}

.invite-ledger-head[b-n7abxa47q1] {
    margin-bottom: 12px;
}

.invite-ledger-head h3[b-n7abxa47q1] {
    font-size: 1.05rem;
}

.invite-link-cell[b-n7abxa47q1] {
    display: grid;
    gap: 3px;
    min-width: 230px;
}

.invite-link-title[b-n7abxa47q1],
.invite-used-label[b-n7abxa47q1],
.invite-expiry[b-n7abxa47q1] {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
}

.invite-link-code[b-n7abxa47q1] {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
}

.invite-link-message[b-n7abxa47q1] {
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invite-muted[b-n7abxa47q1] {
    color: rgba(224, 242, 255, 0.78);
    font-size: 0.84rem;
}

.invite-subline[b-n7abxa47q1] {
    display: block;
    margin-top: 2px;
}

.invite-expiry--soon[b-n7abxa47q1] {
    color: #ffb547;
}

.invite-expiry--expired[b-n7abxa47q1] {
    color: #ff5c7a;
}

.invite-actions[b-n7abxa47q1] {
    display: inline-flex;
    justify-content: flex-end;
    gap: 4px;
}

.invite-empty-state[b-n7abxa47q1] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 34px 16px;
    color: rgba(224, 242, 255, 0.64);
    text-align: center;
}

.invite-empty-state[b-n7abxa47q1]  .mud-icon-root {
    color: rgba(0, 217, 255, 0.6);
    font-size: 2rem;
}

.invite-empty-state strong[b-n7abxa47q1] {
    color: #fff;
}

.invite-ledger-table[b-n7abxa47q1]  thead th {
    color: rgba(199, 216, 229, 0.7);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.invite-ledger-table[b-n7abxa47q1]  tbody tr {
    background: rgba(8, 14, 25, 0.52);
}

.invite-ledger-table[b-n7abxa47q1]  tbody tr:hover {
    background: rgba(0, 194, 255, 0.08);
}

.invite-status-chip[b-n7abxa47q1] {
    min-width: 74px;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 900;
}

@media (max-width: 1100px) {
    .invite-command-card[b-n7abxa47q1] {
        grid-template-columns: 1fr;
    }

    .invite-kpi-row[b-n7abxa47q1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .fm-invite-links[b-n7abxa47q1] {
        padding-bottom: 86px;
    }

    .invite-command-card[b-n7abxa47q1] {
        padding: 14px;
    }

    .invite-command-main h2[b-n7abxa47q1] {
        font-size: 1.3rem;
    }

    .invite-kpi-row[b-n7abxa47q1] {
        grid-template-columns: 1fr 1fr;
    }

    .invite-kpi[b-n7abxa47q1] {
        min-height: 62px;
        padding: 10px;
    }

    .invite-kpi strong[b-n7abxa47q1] {
        font-size: 1.1rem;
    }

    .invite-ledger-head[b-n7abxa47q1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .invite-link-cell[b-n7abxa47q1] {
        min-width: 0;
    }

    .invite-link-message[b-n7abxa47q1] {
        white-space: normal;
    }

    .invite-actions[b-n7abxa47q1] {
        width: 100%;
        justify-content: flex-start;
    }

    .invite-ledger-table[b-n7abxa47q1]  .mud-table-cell {
        gap: 10px;
    }

    .invite-ledger-table[b-n7abxa47q1]  .mud-table-cell::before {
        flex: 0 0 90px;
        min-width: 90px;
        white-space: nowrap;
    }

}
/* /Components/TeamManagement/FmLeagueComplaintDialog.razor.rz.scp.css */
.fm-complaint-shell[b-cmk9ok4heg] {
    display: grid;
    gap: 16px;
    min-width: min(860px, 88vw);
}

.fm-complaint-head[b-cmk9ok4heg] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.fm-complaint-icon[b-cmk9ok4heg] {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 193, 7, 0.32);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 193, 7, 0.18), rgba(255, 193, 7, 0.06)),
        rgba(255, 193, 7, 0.04);
    color: #ffca28;
}

.fm-muted[b-cmk9ok4heg] {
    color: rgba(255, 255, 255, 0.58);
}

.fm-complaint-score-card[b-cmk9ok4heg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.1), transparent 42%),
        rgba(8, 15, 24, 0.88);
}

.fm-complaint-score-card > div[b-cmk9ok4heg] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.fm-complaint-score-card > div:last-child[b-cmk9ok4heg] {
    justify-items: end;
    text-align: right;
}

.fm-complaint-score-card span[b-cmk9ok4heg],
.fm-section-label[b-cmk9ok4heg] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-complaint-score-card b[b-cmk9ok4heg] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 20px;
    line-height: 1.1;
}

.fm-complaint-score-card em[b-cmk9ok4heg] {
    display: inline-grid;
    min-height: 30px;
    padding: 6px 10px;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.62);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fm-complaint-grid[b-cmk9ok4heg] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.75fr);
    gap: 16px;
    align-items: stretch;
}

.fm-complaint-form[b-cmk9ok4heg],
.fm-complaint-review-card[b-cmk9ok4heg] {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(0, 200, 255, 0.13);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(16, 24, 34, 0.92), rgba(8, 13, 21, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.fm-complaint-form[b-cmk9ok4heg] {
    display: grid;
    gap: 14px;
}

.fm-complaint-review-card[b-cmk9ok4heg] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.fm-review-step[b-cmk9ok4heg] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
}

.fm-review-step span[b-cmk9ok4heg] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 900;
}

.fm-review-step.is-active[b-cmk9ok4heg] {
    border-color: rgba(255, 193, 7, 0.28);
    background: rgba(255, 193, 7, 0.06);
}

.fm-review-step.is-active span[b-cmk9ok4heg] {
    background: #ffca28;
    color: #15110a;
}

.fm-review-step b[b-cmk9ok4heg] {
    display: block;
    color: #fff;
    font-size: 13px;
}

.fm-review-step small[b-cmk9ok4heg],
.fm-complaint-warning span[b-cmk9ok4heg] {
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.4;
}

.fm-complaint-warning[b-cmk9ok4heg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 11px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 12px;
    background: rgba(0, 200, 255, 0.055);
    color: #00c8ff;
}

[b-cmk9ok4heg] .fm-league-complaint-dialog .mud-dialog-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 14px 24px 20px;
    border-top: 1px solid rgba(0, 200, 255, 0.13);
    background: linear-gradient(180deg, rgba(17, 24, 33, 0.94), #111821);
}

[b-cmk9ok4heg] .fm-league-complaint-dialog .mud-button-filled:disabled {
    background: rgba(255, 255, 255, 0.09) !important;
    color: rgba(255, 255, 255, 0.35) !important;
}

@media (max-width: 900px) {
    .fm-complaint-shell[b-cmk9ok4heg] {
        min-width: 0;
    }

    .fm-complaint-grid[b-cmk9ok4heg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .fm-complaint-head[b-cmk9ok4heg] {
        align-items: flex-start;
    }

    .fm-complaint-score-card[b-cmk9ok4heg] {
        grid-template-columns: 1fr;
    }

    .fm-complaint-score-card > div:last-child[b-cmk9ok4heg] {
        justify-items: start;
        text-align: left;
    }

    .fm-complaint-score-card em[b-cmk9ok4heg] {
        justify-self: start;
    }
}
/* /Components/TeamManagement/FmLeagueLineupDialog.razor.rz.scp.css */
.fm-lineup-dialog[b-cyi7yt205b] {
    background: #101721;
    width: min(1900px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    height: min(980px, calc(100dvh - 24px));
    max-height: calc(100dvh - 24px);
    overflow: hidden;
}

[b-cyi7yt205b] .fm-lineup-dialog {
    width: min(1900px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    height: min(980px, calc(100dvh - 24px));
    max-height: calc(100dvh - 24px);
    overflow: hidden;
}

[b-cyi7yt205b] .fm-lineup-dialog .mud-dialog-content {
    height: 100%;
    padding: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
}

.fm-lineup-dialog-layout[b-cyi7yt205b] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
}

.fm-lineup-dialog-head[b-cyi7yt205b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex: 0 0 auto;
    min-height: 56px;
}

.fm-muted[b-cyi7yt205b] {
    color: rgba(255, 255, 255, 0.58);
}

.fm-lineup-copy-panel[b-cyi7yt205b] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 10px;
    background: rgba(0, 200, 255, 0.06);
    flex: 0 0 auto;
}

.fm-lineup-change-source[b-cyi7yt205b] {
    align-self: flex-start;
    flex: 0 0 auto;
    margin-bottom: -6px;
}

.fm-lineup-copy-list[b-cyi7yt205b] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.fm-lineup-copy-card[b-cyi7yt205b] {
    display: grid;
    gap: 2px;
    min-width: 190px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-lineup-copy-card span[b-cyi7yt205b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.fm-lineup-copy-card small[b-cyi7yt205b] {
    color: rgba(255, 255, 255, 0.58);
}

.fm-lineup-copy-card.is-selected[b-cyi7yt205b] {
    border-color: rgba(0, 200, 255, 0.7);
    background: rgba(0, 200, 255, 0.16);
}

.fm-lineup-builder-frame[b-cyi7yt205b] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.fm-lineup-builder-frame[b-cyi7yt205b]  .tlb-page-shell--embedded {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: hidden;
}

.fm-lineup-builder-frame[b-cyi7yt205b]  .tlb-page-shell--embedded .tlb-root {
    min-height: 0;
}

.fm-lineup-builder-frame[b-cyi7yt205b]  .tlb-desktop .tlb-body {
    grid-template-columns: minmax(220px, 240px) minmax(0, 1fr) minmax(260px, 280px);
}

.fm-lineup-builder-frame[b-cyi7yt205b]  .tlb-canvas-scroll {
    padding: 10px;
}

@media (max-width: 700px) {
    .fm-lineup-dialog[b-cyi7yt205b],
    [b-cyi7yt205b] .fm-lineup-dialog {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    [b-cyi7yt205b] .fm-lineup-dialog .mud-dialog-content {
        padding: 12px;
    }

    .fm-lineup-dialog-head[b-cyi7yt205b] {
        align-items: flex-start;
        gap: 8px;
        min-height: 0;
    }

    .fm-lineup-dialog-head > div[b-cyi7yt205b] {
        min-width: 0;
    }

    .fm-lineup-dialog-head[b-cyi7yt205b]  .mud-typography-h6 {
        max-width: calc(100vw - 96px);
        font-size: 1rem;
        line-height: 1.25;
    }

    .fm-lineup-dialog-head[b-cyi7yt205b]  .mud-typography-caption {
        display: block;
        max-width: calc(100vw - 96px);
        font-size: 0.72rem;
        line-height: 1.2;
    }

    .fm-lineup-dialog-layout[b-cyi7yt205b] {
        gap: 8px;
        height: calc(100dvh - 64px);
    }

    .fm-lineup-copy-list[b-cyi7yt205b] {
        flex-direction: column;
        overflow-x: visible;
    }

    .fm-lineup-copy-card[b-cyi7yt205b] {
        min-width: 0;
        width: 100%;
    }

    .fm-lineup-builder-frame[b-cyi7yt205b]  .tlb-page-shell--embedded {
        overflow: auto;
    }
}
/* /Components/TeamManagement/FmLeagueManagementPanel.razor.rz.scp.css */
.fm-league-panel[b-pnft2izavr] {
    --lm-bg: #06101a;
    --lm-panel: #0a1724;
    --lm-panel-2: #0e2030;
    --lm-panel-3: #123047;
    --lm-row: #091522;
    --lm-row-hover: #0d2435;
    --lm-border: rgba(116, 157, 191, 0.3);
    --lm-border-strong: rgba(0, 194, 245, 0.46);
    --lm-text: #f7fbff;
    --lm-muted: rgba(203, 220, 235, 0.68);
    --lm-soft: rgba(203, 220, 235, 0.46);
    --lm-cyan: #00c8ff;
    --lm-green: #54d65a;
    --lm-amber: #f5c84b;
    --lm-red: #ff5c7a;
    --lm-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--lm-text);
}

.fm-league-panel[b-pnft2izavr],
.fm-league-panel *[b-pnft2izavr] {
    box-sizing: border-box;
}

.fm-league-header[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr) auto;
    align-items: end;
    gap: 18px;
    padding: 18px 14px 4px;
}

.fm-league-header.no-stats[b-pnft2izavr] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.fm-league-header[b-pnft2izavr]  .mud-button-root {
    justify-self: end;
    width: auto;
    min-width: 112px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-league-muted[b-pnft2izavr] {
    color: var(--lm-muted);
}

.fm-league-title-block[b-pnft2izavr] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.fm-league-title-block[b-pnft2izavr]  .mud-typography-h6 {
    color: #fff;
    font-size: 30px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
}

.fm-league-title-block > b[b-pnft2izavr] {
    color: var(--lm-cyan);
    font-size: 18px;
    font-weight: 950;
    line-height: 1.1;
}

.fm-league-title-block[b-pnft2izavr]  .mud-typography-caption {
    color: var(--lm-muted);
    font-size: 14px;
    line-height: 1.45;
}

.fm-league-loading[b-pnft2izavr] {
    display: flex;
    justify-content: center;
    padding: 36px 0;
}

.fm-league-shell[b-pnft2izavr] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.fm-league-shell.is-single-season[b-pnft2izavr] {
    grid-template-columns: minmax(0, 1fr);
}

.fm-league-workspace[b-pnft2izavr] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(82, 121, 153, 0.18);
    border-radius: var(--lm-radius);
    background: #07111b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fm-league-section[b-pnft2izavr] {
    min-width: 0;
}

.fm-command-center[b-pnft2izavr] {
    display: grid;
    gap: 16px;
}

.fm-command-hero[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: var(--lm-radius);
    background:
        radial-gradient(circle at top left, rgba(0, 200, 255, 0.15), transparent 38%),
        linear-gradient(135deg, rgba(8, 35, 52, 0.96), rgba(4, 11, 18, 0.96));
}

.fm-command-hero--request[b-pnft2izavr],
.fm-command-hero--lineup[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.36);
    background:
        radial-gradient(circle at top left, rgba(245, 200, 75, 0.13), transparent 36%),
        linear-gradient(135deg, rgba(14, 30, 35, 0.96), rgba(4, 11, 18, 0.96));
}

.fm-command-kicker[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lm-cyan);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-command-copy[b-pnft2izavr] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.fm-command-copy h2[b-pnft2izavr] {
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2vw, 32px);
    line-height: 1.05;
}

.fm-command-copy p[b-pnft2izavr] {
    margin: 0;
    color: var(--lm-muted);
    font-size: 14px;
}

.fm-command-actions > div[b-pnft2izavr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.fm-command-actions[b-pnft2izavr]  .mud-button-root {
    min-height: 42px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-command-grid[b-pnft2izavr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.fm-command-card[b-pnft2izavr] {
    display: grid;
    gap: 6px;
    min-height: 116px;
    padding: 14px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #07131d;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-command-card:hover[b-pnft2izavr],
.fm-command-card:focus-visible[b-pnft2izavr] {
    border-color: rgba(0, 200, 255, 0.38);
    background: #092033;
    outline: none;
}

.fm-command-card.is-action[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.42);
}

.fm-command-card.is-warning[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.32);
}

.fm-command-card span[b-pnft2izavr],
.fm-command-panel-head span[b-pnft2izavr],
.fm-command-match-row span[b-pnft2izavr],
.fm-command-request-row span[b-pnft2izavr] {
    color: #91a9bd;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-command-card b[b-pnft2izavr] {
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 1.15;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
}

.fm-command-card small[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fm-command-split[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.fm-command-panel[b-pnft2izavr] {
    display: grid;
    gap: 10px;
    align-content: start;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #050b12;
}

.fm-command-panel-head[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.fm-command-panel-head button[b-pnft2izavr] {
    border: 0;
    background: transparent;
    color: var(--lm-cyan);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.fm-command-match-row[b-pnft2izavr],
.fm-command-request-row[b-pnft2izavr] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 44px;
    padding: 10px;
    border: 1px solid rgba(82, 121, 153, 0.16);
    border-radius: 7px;
    background: #07131d;
}

.fm-command-match-row b[b-pnft2izavr],
.fm-command-request-row b[b-pnft2izavr] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-command-match-row em[b-pnft2izavr],
.fm-command-request-row small[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 12px;
    font-style: normal;
}

.fm-command-request-row--action[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.36);
}

.fm-command-request-row--complaint[b-pnft2izavr] {
    border-color: rgba(255, 92, 122, 0.24);
}

.fm-matchweek-board[b-pnft2izavr] {
    display: grid;
    gap: 14px;
}

.fm-fixture-toolbar[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.fm-fixture-toolbar > div:first-child[b-pnft2izavr] {
    min-width: 0;
}

.fm-fixture-toolbar span[b-pnft2izavr] {
    display: block;
    color: #91a9bd;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-fixture-toolbar b[b-pnft2izavr] {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}

.fm-filter-tabs[b-pnft2izavr],
.fm-fixture-tabs[b-pnft2izavr] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(82, 121, 153, 0.2);
    border-radius: var(--lm-radius);
    background: #07111b;
}

.fm-filter-tab[b-pnft2izavr],
.fm-fixture-tab[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--lm-muted);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

.fm-filter-tab:hover[b-pnft2izavr],
.fm-filter-tab:focus-visible[b-pnft2izavr],
.fm-fixture-tab:hover[b-pnft2izavr],
.fm-fixture-tab:focus-visible[b-pnft2izavr],
.fm-filter-tab.is-active[b-pnft2izavr],
.fm-fixture-tab.is-active[b-pnft2izavr] {
    background: rgba(0, 200, 255, 0.11);
    color: #fff;
    outline: none;
}

.fm-fixture-tab.is-active[b-pnft2izavr] {
    background: var(--lm-cyan);
    color: #00131d;
}

.fm-filter-tab b[b-pnft2izavr],
.fm-fixture-tab b[b-pnft2izavr] {
    font-size: 12px;
}

.fm-dot[b-pnft2izavr],
.fm-status-summary i[b-pnft2izavr] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.fm-dot--success[b-pnft2izavr],
.fm-status-summary .is-ready[b-pnft2izavr] {
    background: var(--lm-green);
}

.fm-dot--warning[b-pnft2izavr],
.fm-status-summary .is-pending[b-pnft2izavr] {
    background: var(--lm-amber);
}

.fm-status-summary .is-locked[b-pnft2izavr] {
    background: var(--lm-cyan);
}

.fm-results-layout[b-pnft2izavr] {
    display: grid;
    gap: 14px;
}

.fm-results-layout.has-insights[b-pnft2izavr] {
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: start;
}

.fm-lineups-layout[b-pnft2izavr] {
    display: grid;
    gap: 14px;
}

.fm-status-summary[b-pnft2izavr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.fm-status-summary span[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 800;
}

.fm-results-insights[b-pnft2izavr] {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #07111b;
}

.fm-insights-section[b-pnft2izavr] {
    display: grid;
    gap: 8px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fm-insights-section:last-child[b-pnft2izavr] {
    padding-bottom: 0;
    border-bottom: 0;
}

.fm-insights-section h3[b-pnft2izavr] {
    margin: 0;
    color: #fff;
    font-size: 16px;
}

.fm-insights-section > span[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-form-row[b-pnft2izavr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fm-form-pill[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #111c27;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.fm-form-pill--win[b-pnft2izavr] {
    background: rgba(91, 211, 66, 0.18);
    color: #a6f294;
}

.fm-form-pill--loss[b-pnft2izavr] {
    background: rgba(255, 92, 122, 0.18);
    color: #ff9caf;
}

.fm-form-pill--draw[b-pnft2izavr] {
    background: rgba(242, 201, 76, 0.18);
    color: #ffe28a;
}

.fm-goal-diff[b-pnft2izavr] {
    color: var(--lm-cyan);
    font-size: 28px;
    line-height: 1;
}

.fm-empty-inline[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-insight-match[b-pnft2izavr] {
    display: grid;
    gap: 4px;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(242, 201, 76, 0.24);
    border-radius: var(--lm-radius);
    background: rgba(242, 201, 76, 0.08);
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-insight-match:hover[b-pnft2izavr],
.fm-insight-match:focus-visible[b-pnft2izavr] {
    border-color: rgba(242, 201, 76, 0.55);
    outline: none;
}

.fm-insight-match span[b-pnft2izavr],
.fm-insight-match small[b-pnft2izavr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-insight-match small[b-pnft2izavr] {
    color: var(--lm-muted);
}

.fm-summary-stat[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-summary-stat b[b-pnft2izavr] {
    color: #fff;
}

.fm-request-list[b-pnft2izavr] {
    display: grid;
    gap: 12px;
}

.fm-request-board[b-pnft2izavr] {
    display: grid;
    gap: 14px;
}

.fm-request-toolbar[b-pnft2izavr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.fm-request-toolbar > div:first-child span[b-pnft2izavr] {
    display: block;
    color: #91a9bd;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-request-toolbar > div:first-child b[b-pnft2izavr] {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}

.fm-request-card[b-pnft2izavr],
.fm-matchweek-empty[b-pnft2izavr] {
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #050b12;
}

.fm-request-card[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
}

.fm-request-card--pending[b-pnft2izavr] {
    border-color: rgba(242, 201, 76, 0.26);
}

.fm-request-card--action[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.46);
    background: linear-gradient(90deg, rgba(245, 200, 75, 0.055), #050b12 44%);
}

.fm-request-card--approved[b-pnft2izavr],
.fm-request-card--accepted[b-pnft2izavr] {
    border-color: rgba(91, 211, 66, 0.22);
}

.fm-request-card--rejected[b-pnft2izavr],
.fm-request-card--withdrawn[b-pnft2izavr],
.fm-request-card--complaint[b-pnft2izavr] {
    border-color: rgba(255, 92, 122, 0.22);
}

.fm-request-card-main[b-pnft2izavr] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.fm-request-card h3[b-pnft2izavr],
.fm-request-card p[b-pnft2izavr],
.fm-request-times b[b-pnft2izavr] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.fm-request-kicker[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 800;
}

.fm-request-status[b-pnft2izavr] {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-request-status--pending[b-pnft2izavr] {
    color: var(--lm-amber);
}

.fm-request-status--action[b-pnft2izavr] {
    color: var(--lm-amber);
}

.fm-request-status--accepted[b-pnft2izavr],
.fm-request-status--approved[b-pnft2izavr] {
    color: #8ee39f;
}

.fm-request-status--rejected[b-pnft2izavr],
.fm-request-status--withdrawn[b-pnft2izavr] {
    color: #ff8fa1;
}

.fm-request-status--neutral[b-pnft2izavr] {
    color: var(--lm-cyan);
}

.fm-request-times[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.fm-request-times span[b-pnft2izavr] {
    display: block;
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-request-times b[b-pnft2izavr] {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 14px;
}

.fm-request-response[b-pnft2izavr],
.fm-request-footnote[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-request-response[b-pnft2izavr] {
    padding: 10px;
    border-left: 2px solid var(--lm-cyan);
    background: rgba(0, 200, 255, 0.06);
}

.fm-league-request-actions[b-pnft2izavr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.fm-matchweek-empty[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 120px;
    padding: 18px;
    color: var(--lm-muted);
    font-weight: 800;
}

@media (max-width: 1180px) {
    .fm-league-shell[b-pnft2izavr],
    .fm-results-layout.has-insights[b-pnft2izavr],
    .fm-command-grid[b-pnft2izavr],
    .fm-command-split[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-results-insights[b-pnft2izavr] {
        position: static;
    }
}

@media (max-width: 760px) {
    .fm-league-panel[b-pnft2izavr] {
        gap: 12px;
    }

    .fm-league-header[b-pnft2izavr],
    .fm-fixture-toolbar[b-pnft2izavr],
    .fm-request-toolbar[b-pnft2izavr],
    .fm-command-hero[b-pnft2izavr],
    .fm-request-card[b-pnft2izavr] {
        align-items: stretch;
        flex-direction: column;
    }

    .fm-command-hero[b-pnft2izavr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .fm-league-shell[b-pnft2izavr] {
        gap: 12px;
    }

    .fm-league-workspace[b-pnft2izavr] {
        padding: 12px;
    }

    .fm-filter-tabs[b-pnft2izavr],
    .fm-fixture-tabs[b-pnft2izavr],
    .fm-status-summary[b-pnft2izavr] {
        width: 100%;
        flex-wrap: wrap;
        overflow-x: visible;
        justify-content: flex-start;
    }

    .fm-fixture-tab[b-pnft2izavr],
    .fm-filter-tab[b-pnft2izavr] {
        flex: 1 1 132px;
    }

    .fm-request-card[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-request-times[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-league-request-actions[b-pnft2izavr] {
        justify-content: stretch;
    }

    .fm-command-actions > div[b-pnft2izavr] {
        justify-content: stretch;
    }

    .fm-command-actions[b-pnft2izavr]  .mud-button-root {
        flex: 1 1 160px;
    }

    .fm-command-match-row[b-pnft2izavr],
    .fm-command-request-row[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-command-match-row b[b-pnft2izavr],
    .fm-command-request-row b[b-pnft2izavr] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

.fm-command-headline[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
    gap: 18px;
    align-items: end;
}

.fm-command-headline h1[b-pnft2izavr] {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.fm-command-headline > div:first-child > b[b-pnft2izavr] {
    display: block;
    margin-top: 6px;
    color: var(--lm-cyan);
    font-size: 18px;
}

.fm-command-headline p[b-pnft2izavr] {
    margin: 8px 0 0;
    color: var(--lm-muted);
}

.fm-command-stat-strip[b-pnft2izavr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #071422;
}

.fm-command-stat-strip span[b-pnft2izavr] {
    display: grid;
    gap: 5px;
    padding: 18px 22px;
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fm-command-stat-strip span + span[b-pnft2izavr] {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.fm-command-stat-strip b[b-pnft2izavr] {
    color: var(--lm-cyan);
    font-size: 28px;
    line-height: 1;
}

.fm-command-stat-strip--header[b-pnft2izavr] {
    align-self: center;
}

.fm-command-stat-strip--header span[b-pnft2izavr] {
    padding: 16px 22px;
}

.fm-command-grid[b-pnft2izavr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fm-command-card[b-pnft2izavr] {
    position: relative;
    min-height: 206px;
    cursor: default;
}

.fm-command-card--primary[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.58);
    background: linear-gradient(180deg, rgba(245, 200, 75, 0.09), #07131d 46%);
}

.fm-command-card--fixture[b-pnft2izavr],
.fm-command-card--idle[b-pnft2izavr] {
    border-color: rgba(0, 200, 255, 0.35);
    background: linear-gradient(180deg, rgba(0, 200, 255, 0.08), #07131d 46%);
}

.fm-command-card-title[b-pnft2izavr],
.fm-command-card-link[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.fm-command-card-link[b-pnft2izavr] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.fm-command-card-title[b-pnft2izavr]  .mud-icon-root,
.fm-command-card-link[b-pnft2izavr]  .mud-icon-root {
    color: var(--lm-cyan);
}

.fm-command-card--primary .fm-command-card-title[b-pnft2izavr]  .mud-icon-root {
    color: var(--lm-amber);
}

.fm-command-card-actions[b-pnft2izavr] {
    margin-top: auto;
}

.fm-command-card-actions .fm-command-actions > div[b-pnft2izavr],
.fm-command-card-actions > div[b-pnft2izavr] {
    display: grid;
    gap: 8px;
}

.fm-command-card-actions[b-pnft2izavr]  .mud-button-root {
    width: 100%;
    min-height: 42px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-command-meta-list[b-pnft2izavr],
.fm-inbox-mini[b-pnft2izavr] {
    display: grid;
    gap: 6px;
    margin-top: auto;
}

.fm-command-meta-list span[b-pnft2izavr],
.fm-inbox-mini span[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.fm-inbox-mini i[b-pnft2izavr] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

.fm-inbox-mini .is-action[b-pnft2izavr] {
    background: var(--lm-amber);
}

.fm-inbox-mini .is-complaint[b-pnft2izavr] {
    background: var(--lm-red);
}

.fm-lineup-progress[b-pnft2izavr] {
    --pct: 0%;
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.fm-lineup-progress > div[b-pnft2izavr] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.fm-lineup-progress span[b-pnft2izavr] {
    color: var(--lm-cyan);
    font-size: 22px;
    font-weight: 950;
}

.fm-lineup-progress small[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
}

.fm-lineup-progress i[b-pnft2izavr] {
    display: block;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.fm-lineup-progress i b[b-pnft2izavr] {
    display: block;
    width: var(--pct);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--lm-cyan), #54d65a);
}

.fm-lineup-sidebar-backdrop[b-pnft2izavr] {
    position: fixed;
    inset: 0;
    z-index: 1250;
    border: 0;
    background: rgba(0, 0, 0, 0.36);
    cursor: pointer;
}

.fm-lineup-sidebar-shell[b-pnft2izavr] {
    position: fixed;
    top: 112px;
    right: 24px;
    bottom: 24px;
    z-index: 1260;
    width: min(420px, calc(100vw - 32px));
    min-width: 0;
}

.fm-lineup-sidebar-shell[b-pnft2izavr]  .fm-lineup-drawer {
    height: 100%;
    overflow-y: auto;
    box-shadow: 0 22px 80px rgba(0, 0, 0, 0.5);
}

.fm-command-split[b-pnft2izavr] {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(320px, 0.8fr);
}

.fm-command-panel[b-pnft2izavr] {
    min-height: 304px;
}

.fm-command-result-panel[b-pnft2izavr] {
    min-height: 100%;
}

.fm-command-result-score[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(0, 200, 255, 0.15);
    border-radius: var(--lm-radius);
    background: #07131d;
    text-align: center;
}

.fm-command-result-score span[b-pnft2izavr] {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    overflow-wrap: anywhere;
}

.fm-command-result-score b[b-pnft2izavr] {
    color: var(--lm-red);
    font-size: 28px;
}

.fm-section-kicker[b-pnft2izavr] {
    display: inline-flex;
    color: var(--lm-cyan);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.fm-fixture-hero-layout[b-pnft2izavr],
.fm-result-hero-layout[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.28fr);
    gap: 14px;
    align-items: stretch;
}

.fm-fixture-hero-card[b-pnft2izavr],
.fm-fixture-overview-card[b-pnft2izavr],
.fm-result-hero-card[b-pnft2izavr],
.fm-result-side-card[b-pnft2izavr],
.fm-lineup-hero[b-pnft2izavr],
.fm-request-detail-panel[b-pnft2izavr] {
    min-width: 0;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: linear-gradient(180deg, rgba(13, 32, 51, 0.92), rgba(5, 12, 20, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.fm-fixture-hero-card[b-pnft2izavr],
.fm-result-hero-card[b-pnft2izavr],
.fm-lineup-hero[b-pnft2izavr] {
    padding: 20px;
}

.fm-fixture-hero-card[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    align-items: center;
    gap: 10px 22px;
    padding: 18px 20px;
    border-color: rgba(0, 200, 255, 0.48);
    background:
        radial-gradient(circle at 8% 0%, rgba(0, 200, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(8, 28, 43, 0.94), rgba(4, 12, 20, 0.98));
}

.fm-fixture-hero-card > .fm-section-kicker[b-pnft2izavr] {
    grid-column: 1 / -1;
}

.fm-fixture-hero-card.is-attention[b-pnft2izavr],
.fm-lineup-hero[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.5);
}

.fm-fixture-overview-card[b-pnft2izavr],
.fm-result-side-card[b-pnft2izavr] {
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 18px;
}

.fm-fixture-hero-main[b-pnft2izavr] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-top: 4px;
}

.fm-fixture-hero-main .fm-date-block-lg[b-pnft2izavr] {
    grid-row: 1 / span 2;
}

.fm-date-block-lg[b-pnft2izavr] {
    display: grid;
    place-items: center;
    gap: 3px;
    min-height: 84px;
    border: 1px solid rgba(82, 121, 153, 0.24);
    border-radius: 8px;
    background: #07131d;
}

.fm-date-block-lg span[b-pnft2izavr],
.fm-date-block-lg small[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-date-block-lg b[b-pnft2izavr] {
    color: #fff;
    font-size: 32px;
    line-height: 1;
}

.fm-fixture-hero-teams[b-pnft2izavr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

.fm-fixture-hero-teams[b-pnft2izavr]  .fm-team-mark,
.fm-lineup-hero-teams[b-pnft2izavr]  .fm-team-mark,
.fm-result-hero-score[b-pnft2izavr]  .fm-team-mark,
.fm-request-detail-teams[b-pnft2izavr]  .fm-team-mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 10px;
}

.fm-fixture-hero-teams b[b-pnft2izavr],
.fm-lineup-hero-teams b[b-pnft2izavr] {
    color: #fff;
    font-size: 18px;
    overflow-wrap: anywhere;
}

.fm-fixture-hero-teams span[b-pnft2izavr],
.fm-lineup-hero-teams > span[b-pnft2izavr] {
    color: var(--lm-muted);
    font-weight: 950;
    text-transform: uppercase;
}

.fm-fixture-hero-meta[b-pnft2izavr],
.fm-result-hero-meta[b-pnft2izavr] {
    display: flex;
    grid-column: 2;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 6px;
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-fixture-hero-meta span[b-pnft2izavr],
.fm-result-hero-meta span[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fm-fixture-hero-actions[b-pnft2izavr] {
    display: flex;
    grid-column: 2;
    grid-row: 2 / span 2;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    margin-top: 0;
}

.fm-fixture-hero-actions[b-pnft2izavr]  .mud-button-root {
    min-height: 38px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-overview-line[b-pnft2izavr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-overview-line b[b-pnft2izavr],
.fm-result-side-card > b[b-pnft2izavr] {
    color: #fff;
}

.is-green[b-pnft2izavr] { color: var(--lm-green) !important; }
.is-cyan[b-pnft2izavr] { color: var(--lm-cyan) !important; }
.is-red[b-pnft2izavr] { color: var(--lm-red) !important; }
.is-amber[b-pnft2izavr] { color: var(--lm-amber) !important; }

.fm-status-pill[b-pnft2izavr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #101b26;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.fm-status-pill[b-pnft2izavr]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.fm-status-pill--ready[b-pnft2izavr],
.fm-status-pill--completed[b-pnft2izavr] { color: var(--lm-green); }
.fm-status-pill--pending[b-pnft2izavr],
.fm-status-pill--warning[b-pnft2izavr] { color: var(--lm-amber); }
.fm-status-pill--locked[b-pnft2izavr] { color: var(--lm-cyan); }

.fm-result-hero-score[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-top: 18px;
    text-align: center;
}

.fm-result-hero-score > div[b-pnft2izavr] {
    display: grid;
    justify-items: center;
    gap: 10px;
}

.fm-result-hero-score > div b[b-pnft2izavr] {
    color: #fff;
    font-size: 18px;
    overflow-wrap: anywhere;
}

.fm-result-hero-score > span[b-pnft2izavr] {
    display: grid;
    min-width: 230px;
    padding: 20px 42px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #07131d;
}

.fm-result-hero-score small[b-pnft2izavr],
.fm-result-hero-score em[b-pnft2izavr] {
    color: var(--lm-muted);
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-result-hero-score > span b[b-pnft2izavr] {
    color: var(--lm-amber);
    font-size: 48px;
    line-height: 1.05;
}

.fm-result-status-summary[b-pnft2izavr] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background: #07131d;
}

.fm-result-status-summary span[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-result-status-summary i[b-pnft2izavr] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: currentColor;
}

.fm-lineup-hero[b-pnft2izavr] {
    margin-bottom: 14px;
}

.fm-lineup-hero-grid[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(170px, 0.35fr) minmax(170px, 0.35fr) minmax(340px, 0.8fr);
    gap: 18px;
    align-items: center;
    margin-top: 14px;
}

.fm-lineup-hero-teams[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    text-align: center;
}

.fm-lineup-hero-teams > div[b-pnft2izavr] {
    display: grid;
    justify-items: center;
    gap: 10px;
}

.fm-lineup-time[b-pnft2izavr],
.fm-lineup-lock[b-pnft2izavr],
.fm-lineup-hero-actions[b-pnft2izavr] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.fm-lineup-time span[b-pnft2izavr],
.fm-lineup-lock span[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-lineup-time b[b-pnft2izavr],
.fm-lineup-lock b[b-pnft2izavr] {
    color: #fff;
    font-size: 38px;
    line-height: 1;
}

.fm-lineup-lock b[b-pnft2izavr] {
    color: var(--lm-amber);
}

.fm-lineup-hero-actions > b[b-pnft2izavr] {
    color: var(--lm-amber);
}

.fm-lineup-hero-actions > small[b-pnft2izavr],
.fm-lineup-time small[b-pnft2izavr],
.fm-lineup-lock small[b-pnft2izavr] {
    color: var(--lm-muted);
}

.fm-lineup-hero-actions > div[b-pnft2izavr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fm-request-summary-grid[b-pnft2izavr] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.fm-request-summary[b-pnft2izavr] {
    display: grid;
    gap: 4px;
    min-height: 86px;
    padding: 14px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #07131d;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-request-summary:hover[b-pnft2izavr],
.fm-request-summary:focus-visible[b-pnft2izavr] {
    border-color: rgba(0, 200, 255, 0.44);
    outline: none;
}

.fm-request-summary span[b-pnft2izavr],
.fm-request-summary small[b-pnft2izavr] {
    color: var(--lm-muted);
}

.fm-request-summary b[b-pnft2izavr] {
    color: #fff;
    font-size: 28px;
    line-height: 1;
}

.fm-request-summary.is-action b[b-pnft2izavr] { color: var(--lm-amber); }
.fm-request-summary.is-pending b[b-pnft2izavr] { color: var(--lm-cyan); }
.fm-request-summary.is-complaint b[b-pnft2izavr] { color: var(--lm-red); }
.fm-request-summary.is-resolved b[b-pnft2izavr] { color: var(--lm-green); }

.fm-request-layout[b-pnft2izavr] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1fr);
    gap: 14px;
    align-items: start;
}

.fm-request-card[b-pnft2izavr] {
    grid-template-columns: 74px minmax(0, 1fr);
    cursor: pointer;
}

.fm-request-card.is-selected[b-pnft2izavr] {
    border-color: rgba(0, 200, 255, 0.58);
    box-shadow: inset 3px 0 0 var(--lm-cyan);
}

.fm-request-card--action.is-selected[b-pnft2izavr] {
    border-color: rgba(245, 200, 75, 0.72);
    box-shadow: inset 3px 0 0 var(--lm-amber);
}

.fm-request-date[b-pnft2izavr] {
    display: grid;
    place-items: center;
    gap: 2px;
    min-height: 76px;
    border-right: 1px solid rgba(255,255,255,0.08);
    color: var(--lm-cyan);
}

.fm-request-date b[b-pnft2izavr] {
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.fm-request-date span[b-pnft2izavr],
.fm-request-date small[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-request-date.is-complaint[b-pnft2izavr] {
    color: var(--lm-red);
}

.fm-request-detail-panel[b-pnft2izavr] {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 16px;
    padding: 18px;
}

.fm-request-detail-head[b-pnft2izavr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fm-request-detail-head span[b-pnft2izavr] {
    color: var(--lm-amber);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-request-detail-head b[b-pnft2izavr] {
    padding: 5px 10px;
    border: 1px solid rgba(245, 200, 75, 0.42);
    border-radius: 6px;
    color: var(--lm-amber);
    font-size: 11px;
    text-transform: uppercase;
}

.fm-request-detail-head.is-complaint span[b-pnft2izavr],
.fm-request-detail-head.is-complaint b[b-pnft2izavr] {
    color: var(--lm-red);
    border-color: rgba(255, 92, 122, 0.42);
}

.fm-request-detail-teams[b-pnft2izavr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.fm-request-detail-teams b[b-pnft2izavr] {
    color: #fff;
    font-size: 18px;
    overflow-wrap: anywhere;
}

.fm-request-detail-teams > span[b-pnft2izavr] {
    color: var(--lm-muted);
    font-weight: 900;
}

.fm-request-detail-grid[b-pnft2izavr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--lm-radius);
    background: rgba(255,255,255,0.025);
}

.fm-request-detail-grid > div[b-pnft2izavr] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.fm-request-detail-grid > div:nth-child(odd)[b-pnft2izavr] {
    border-right: 1px solid rgba(255,255,255,0.08);
}

.fm-request-detail-grid > div.is-wide[b-pnft2izavr] {
    grid-column: 1 / -1;
    border-right: 0;
}

.fm-request-detail-grid span[b-pnft2izavr],
.fm-request-detail-actions > span[b-pnft2izavr],
.fm-request-timeline > span[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-request-detail-grid b[b-pnft2izavr] {
    color: #fff;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.fm-request-detail-grid small[b-pnft2izavr],
.fm-detail-muted[b-pnft2izavr] {
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-request-detail-actions[b-pnft2izavr] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--lm-radius);
    background: #07131d;
}

.fm-request-detail-actions[b-pnft2izavr]  .mud-button-root {
    min-height: 42px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-request-timeline[b-pnft2izavr] {
    display: grid;
    gap: 10px;
}

.fm-timeline-row[b-pnft2izavr] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 10px;
    color: var(--lm-muted);
}

.fm-timeline-row i[b-pnft2izavr] {
    width: 11px;
    height: 11px;
    margin-top: 4px;
    border-radius: 999px;
    background: var(--lm-cyan);
}

.fm-timeline-row.is-action i[b-pnft2izavr],
.fm-timeline-row.is-pending i[b-pnft2izavr] {
    background: var(--lm-amber);
}

.fm-timeline-row.is-rejected i[b-pnft2izavr],
.fm-timeline-row.is-withdrawn i[b-pnft2izavr] {
    background: var(--lm-red);
}

.fm-timeline-row b[b-pnft2izavr] {
    color: #fff;
    font-size: 13px;
}

.fm-empty-details[b-pnft2izavr] {
    display: grid;
    min-height: 220px;
    place-items: center;
    gap: 8px;
    color: var(--lm-muted);
    text-align: center;
}

.fm-empty-details b[b-pnft2izavr] {
    color: #fff;
}

@media (max-width: 1280px) {
    .fm-command-headline[b-pnft2izavr],
    .fm-command-grid[b-pnft2izavr],
    .fm-command-split[b-pnft2izavr],
    .fm-fixture-hero-layout[b-pnft2izavr],
    .fm-result-hero-layout[b-pnft2izavr],
    .fm-lineup-hero-grid[b-pnft2izavr],
    .fm-request-summary-grid[b-pnft2izavr],
    .fm-request-layout[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-request-detail-panel[b-pnft2izavr] {
        position: static;
    }
}

@media (max-width: 760px) {
    .fm-league-header[b-pnft2izavr],
    .fm-league-header.no-stats[b-pnft2izavr],
    .fm-league-header.has-stats[b-pnft2izavr] {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-inline: 20px;
    }

    .fm-league-header[b-pnft2izavr]  .mud-button-root {
        justify-self: start;
        min-width: 0;
        min-height: 30px;
        padding-inline: 10px;
    }

    .fm-command-headline[b-pnft2izavr] {
        padding: 14px;
    }

    .fm-command-headline h1[b-pnft2izavr],
    .fm-command-headline p[b-pnft2izavr],
    .fm-command-stat-strip[b-pnft2izavr] {
        display: none;
    }

    .fm-command-headline b[b-pnft2izavr] {
        font-size: 20px;
    }

    .fm-command-grid[b-pnft2izavr] {
        margin-top: 10px;
    }

    .fm-fixture-hero-main[b-pnft2izavr],
    .fm-fixture-hero-teams[b-pnft2izavr],
    .fm-result-hero-score[b-pnft2izavr],
    .fm-lineup-hero-teams[b-pnft2izavr],
    .fm-request-detail-teams[b-pnft2izavr],
    .fm-request-detail-grid[b-pnft2izavr],
    .fm-request-card[b-pnft2izavr] {
        grid-template-columns: 1fr;
    }

    .fm-fixture-hero-actions[b-pnft2izavr],
    .fm-lineup-hero-actions > div[b-pnft2izavr] {
        align-items: stretch;
        flex-direction: column;
        grid-template-columns: 1fr;
        grid-column: auto;
        grid-row: auto;
    }

    .fm-request-date[b-pnft2izavr] {
        grid-auto-flow: column;
        min-height: 52px;
        justify-content: start;
        padding: 10px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .fm-request-detail-grid > div[b-pnft2izavr],
    .fm-request-detail-grid > div:nth-child(odd)[b-pnft2izavr] {
        border-right: 0;
    }
}

@media (max-width: 760px) {
    .fm-lineup-sidebar-backdrop[b-pnft2izavr] {
        background: rgba(0, 0, 0, 0.5);
    }

    .fm-lineup-sidebar-shell[b-pnft2izavr] {
        top: auto;
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        max-height: min(78dvh, 620px);
    }
}
/* /Components/TeamManagement/FmLeagueRescheduleDialog.razor.rz.scp.css */
.fm-league-reschedule-dialog[b-m9iw5shram] {
    background: #111821;
}

.fm-reschedule-shell[b-m9iw5shram] {
    min-width: min(1180px, 88vw);
}

.fm-reschedule-head[b-m9iw5shram] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.fm-muted[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.58);
}

.fm-dialog-loading[b-m9iw5shram] {
    display: flex;
    justify-content: center;
    padding: 44px 0;
}

.fm-reschedule-summary[b-m9iw5shram] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
    margin-bottom: 16px;
}

.fm-reschedule-summary-card[b-m9iw5shram] {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.03);
}

.fm-reschedule-summary-card.is-selected[b-m9iw5shram] {
    border-color: rgba(0, 200, 255, 0.28);
    background:
        linear-gradient(180deg, rgba(0, 200, 255, 0.15), rgba(0, 200, 255, 0.06)),
        rgba(0, 200, 255, 0.04);
}

.fm-reschedule-summary-card.is-empty[b-m9iw5shram] {
    border-color: rgba(255, 193, 7, 0.28);
    background:
        linear-gradient(180deg, rgba(255, 193, 7, 0.12), rgba(255, 193, 7, 0.045)),
        rgba(255, 193, 7, 0.035);
}

.fm-reschedule-summary-card span[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-reschedule-summary-card b[b-m9iw5shram] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

.fm-reschedule-summary-card small[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.35;
}

.fm-reschedule-summary-arrow[b-m9iw5shram] {
    display: grid;
    place-items: center;
    color: #00c8ff;
}

.fm-reschedule-top[b-m9iw5shram] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 16px;
    align-items: stretch;
}

.fm-week-picker[b-m9iw5shram],
.fm-reschedule-form[b-m9iw5shram],
.fm-team-calendar[b-m9iw5shram] {
    min-width: 0;
    border: 1px solid rgba(0, 200, 255, 0.13);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(16, 24, 34, 0.92), rgba(8, 13, 21, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.fm-week-picker[b-m9iw5shram],
.fm-reschedule-form[b-m9iw5shram] {
    padding: 16px;
}

.fm-section-head[b-m9iw5shram] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.fm-section-label[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-week-range[b-m9iw5shram] {
    margin-top: 3px;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 800;
}

.fm-week-nav[b-m9iw5shram] {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fm-week-nav-btn[b-m9iw5shram] {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 9px;
    background: rgba(0, 200, 255, 0.07);
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.fm-week-nav-btn:not(:disabled):hover[b-m9iw5shram] {
    border-color: rgba(0, 200, 255, 0.45);
    background: rgba(0, 200, 255, 0.13);
    transform: translateY(-1px);
}

.fm-week-nav-btn:disabled[b-m9iw5shram] {
    opacity: 0.38;
    cursor: not-allowed;
}

.fm-open-slots[b-m9iw5shram] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    gap: 8px;
}

.fm-open-slot[b-m9iw5shram] {
    display: grid;
    gap: 2px;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(0, 200, 255, 0.055);
    color: rgba(255, 255, 255, 0.66);
    text-align: left;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.fm-open-slot span[b-m9iw5shram] {
    font-size: 11px;
    font-weight: 700;
}

.fm-open-slot b[b-m9iw5shram] {
    color: #fff;
    font-size: 15px;
    line-height: 1.1;
}

.fm-open-slot:hover[b-m9iw5shram] {
    border-color: rgba(0, 200, 255, 0.38);
    background: rgba(0, 200, 255, 0.11);
    transform: translateY(-1px);
}

.fm-open-slot.is-selected[b-m9iw5shram] {
    border-color: #00c8ff;
    background: linear-gradient(180deg, rgba(0, 200, 255, 0.24), rgba(0, 130, 180, 0.22));
    box-shadow:
        0 0 0 1px rgba(0, 200, 255, 0.25),
        0 10px 24px rgba(0, 200, 255, 0.12);
}

.fm-reschedule-form[b-m9iw5shram] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fm-selected-card[b-m9iw5shram] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 12px;
    background: rgba(0, 200, 255, 0.07);
}

.fm-selected-card span[b-m9iw5shram],
.fm-submit-hint[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fm-selected-card b[b-m9iw5shram] {
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
}

.fm-selected-card.is-empty[b-m9iw5shram] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.fm-submit-hint[b-m9iw5shram] {
    margin-top: auto;
    padding: 9px 11px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
}

.fm-submit-hint.is-ready[b-m9iw5shram] {
    color: #79e6a2;
    background: rgba(102, 187, 106, 0.1);
}

.fm-empty-state[b-m9iw5shram] {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 142px;
    padding: 22px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.62);
    text-align: center;
}

.fm-empty-state b[b-m9iw5shram] {
    color: #fff;
}

.fm-calendar-pair[b-m9iw5shram] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.fm-calendar-compare-head[b-m9iw5shram] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(0, 200, 255, 0.13);
    border-radius: 12px;
    background: rgba(0, 200, 255, 0.045);
}

.fm-calendar-compare-head span[b-m9iw5shram] {
    display: block;
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-calendar-compare-head b[b-m9iw5shram] {
    display: block;
    margin-top: 3px;
    color: #fff;
    font-size: 13px;
}

.fm-team-calendar[b-m9iw5shram] {
    padding: 14px;
}

.fm-calendar-head[b-m9iw5shram] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.fm-calendar-head span[b-m9iw5shram] {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fm-calendar-head small[b-m9iw5shram] {
    color: rgba(255, 255, 255, 0.52);
    font-size: 12px;
}

[b-m9iw5shram] .fm-league-reschedule-dialog .mud-dialog-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 14px 24px 20px;
    border-top: 1px solid rgba(0, 200, 255, 0.13);
    background: linear-gradient(180deg, rgba(17, 24, 33, 0.94), #111821);
}

[b-m9iw5shram] .fm-league-reschedule-dialog .mud-button-filled:disabled {
    background: rgba(255, 255, 255, 0.09) !important;
    color: rgba(255, 255, 255, 0.35) !important;
}

@media (max-width: 1100px) {
    .fm-reschedule-shell[b-m9iw5shram] {
        min-width: 0;
    }

    .fm-reschedule-top[b-m9iw5shram],
    .fm-calendar-pair[b-m9iw5shram] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .fm-reschedule-head[b-m9iw5shram],
    .fm-section-head[b-m9iw5shram],
    .fm-calendar-compare-head[b-m9iw5shram],
    .fm-calendar-head[b-m9iw5shram] {
        align-items: stretch;
        flex-direction: column;
    }

    .fm-week-nav[b-m9iw5shram] {
        justify-content: stretch;
    }

    .fm-week-nav-btn[b-m9iw5shram] {
        flex: 1 1 140px;
    }

    .fm-open-slots[b-m9iw5shram] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fm-reschedule-summary[b-m9iw5shram] {
        grid-template-columns: 1fr;
    }

    .fm-reschedule-summary-arrow[b-m9iw5shram] {
        transform: rotate(90deg);
    }
}
/* /Components/TeamManagement/FmLineupsPanel.razor.rz.scp.css */
/* ── FmLineupsPanel — team lineup management styling ───── */

.fm-lineups-panel[b-okxpp307fr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fm-lineups-panel--builder[b-okxpp307fr] {
    gap: 12px;
}

.fm-lineups-header[b-okxpp307fr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 18px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.07), rgba(109, 61, 255, 0.08)),
        rgba(12, 19, 31, 0.9);
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

.fm-lineups-panel--builder .fm-lineups-header[b-okxpp307fr] {
    padding: 10px 14px;
    border-radius: 10px;
}

.fm-lineups-header-left[b-okxpp307fr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-lineups-title[b-okxpp307fr] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
}

.fm-lineups-count[b-okxpp307fr] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
}

.fm-lineups-builder-frame[b-okxpp307fr] {
    min-height: clamp(660px, calc(100vh - 250px), 900px);
    border: 1px solid rgba(0, 216, 255, .18);
    border-radius: 14px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 216, 255, .08), transparent 34%),
        linear-gradient(135deg, rgba(8, 22, 38, .96), rgba(12, 10, 31, .96));
    box-shadow: 0 20px 52px rgba(0, 0, 0, .34);
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-page-shell--embedded {
    height: clamp(660px, calc(100vh - 250px), 900px);
    min-height: 660px;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-page-shell--embedded .tlb-root {
    min-height: 0;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-topbar {
    padding: 7px 12px;
    background: rgba(5, 13, 24, .82);
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-desktop .tlb-body {
    grid-template-columns: 78px minmax(226px, 276px) minmax(520px, 1fr) minmax(254px, 318px);
    gap: 10px;
    padding: 10px;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-canvas-wrap {
    min-width: 0;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-canvas-scroll {
    padding: 8px;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-players {
    padding-bottom: 150px;
}

.fm-lineups-builder-frame[b-okxpp307fr]  .tlb-actions {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px;
}

@media (max-width: 1280px) {
    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-desktop .tlb-body {
        grid-template-columns: 72px minmax(210px, 250px) minmax(440px, 1fr) minmax(236px, 292px);
    }
}

@media (max-width: 980px) {
    .fm-lineups-builder-frame[b-okxpp307fr],
    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-page-shell--embedded {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-root {
        height: auto;
    }

    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-desktop .tlb-body {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-canvas-wrap {
        min-height: 560px;
    }
}

@media (max-width: 600px) {
    .fm-lineups-header[b-okxpp307fr] {
        padding: 12px 14px;
        flex-direction: column;
        align-items: stretch;
    }

    .fm-lineups-panel--builder .fm-lineups-header[b-okxpp307fr] {
        padding: 10px;
    }

    .fm-lineups-builder-frame[b-okxpp307fr] {
        border-radius: 10px;
    }

    .fm-lineups-builder-frame[b-okxpp307fr]  .tlb-canvas-wrap {
        min-height: 460px;
    }
}
/* /Components/TeamManagement/FmMessagesPanel.razor.rz.scp.css */
/* ── FM Inbox Layout (full view) ──────────────────────── */
.fm-inbox[b-cngnyikqhi] {
    display: flex;
    max-width: 100%;
    min-width: 0;
    min-height: 500px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(122, 210, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(18, 29, 47, 0.92), rgba(8, 14, 24, 0.94));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.fm-inbox-sidebar[b-cngnyikqhi] {
    width: 360px;
    max-width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(122, 210, 255, 0.12);
    background: rgba(10, 17, 29, 0.84);
}

.fm-inbox-header[b-cngnyikqhi] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 14px 16px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #fff;
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.06), transparent);
}

/* ── Inbox header action buttons ──────────────── */
.fm-inbox-actions[b-cngnyikqhi] {
    margin-left: auto;
    display: flex;
    gap: 4px;
    align-items: center;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fm-inbox-action-btn[b-cngnyikqhi] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 5px;
    background: rgba(0, 200, 255, 0.06);
    color: #00c8ff;
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.fm-inbox-action-btn:hover[b-cngnyikqhi] {
    background: rgba(0, 200, 255, 0.14);
    border-color: rgba(0, 200, 255, 0.5);
}

.fm-inbox-action-btn-danger[b-cngnyikqhi] {
    border-color: rgba(255, 82, 82, 0.25);
    background: rgba(255, 82, 82, 0.06);
    color: #ff5252;
}

.fm-inbox-action-btn-danger:hover[b-cngnyikqhi] {
    background: rgba(255, 82, 82, 0.14);
    border-color: rgba(255, 82, 82, 0.5);
}

/* ── Per-row dismiss button ───────────────────── */
.fm-inbox-row-dismiss[b-cngnyikqhi] {
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.35);
    font-size: 0.65rem;
    margin-left: auto;
    transition: color 0.15s, background 0.15s;
}

.fm-inbox-row:hover .fm-inbox-row-dismiss[b-cngnyikqhi] {
    display: flex;
}

.fm-inbox-row-dismiss:hover[b-cngnyikqhi] {
    color: #ff5252;
    background: rgba(255, 82, 82, 0.12);
}

.fm-inbox-list[b-cngnyikqhi] {
    flex: 1;
    overflow-y: auto;
}

.fm-inbox-row[b-cngnyikqhi] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 12px 16px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
    position: relative;
}

.fm-inbox-row:hover[b-cngnyikqhi] {
    background: rgba(0, 200, 255, 0.055);
}

.fm-inbox-row-selected[b-cngnyikqhi] {
    background: rgba(0, 200, 255, 0.1);
    border-left: 3px solid #00c8ff;
}

.fm-inbox-row-selected:hover[b-cngnyikqhi] {
    background: rgba(0, 200, 255, 0.12);
}

.fm-inbox-row.fm-admin-message[b-cngnyikqhi],
.fm-msg-row.fm-admin-message[b-cngnyikqhi] {
    border-left: 3px solid #00c8ff;
    background: rgba(0, 200, 255, 0.08);
}

.fm-admin-message .fm-inbox-row-title[b-cngnyikqhi],
.fm-admin-message .fm-inbox-row-actor[b-cngnyikqhi],
.fm-admin-message .fm-msg-title[b-cngnyikqhi],
.fm-admin-message .fm-msg-desc[b-cngnyikqhi],
.fm-admin-message .fm-msg-time[b-cngnyikqhi],
.fm-admin-message .fm-msg-actor[b-cngnyikqhi] {
    color: inherit;
}

.fm-admin-badge[b-cngnyikqhi] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 2px 7px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.fm-admin-badge-detail[b-cngnyikqhi] {
    margin-top: 4px;
}

.fm-inbox-row-unread .fm-inbox-row-title[b-cngnyikqhi] {
    font-weight: 700;
    color: #fff;
}

.fm-inbox-row-unread .fm-inbox-row-actor[b-cngnyikqhi] {
    font-weight: 600;
}

.fm-unread-dot[b-cngnyikqhi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00c8ff;
    flex-shrink: 0;
    margin-top: 4px;
}

.fm-inbox-row-icon[b-cngnyikqhi] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #00c8ff;
    margin-top: 2px;
}

.fm-inbox-row-body[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    text-align: left;
}

.fm-inbox-row-top[b-cngnyikqhi] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.fm-inbox-row-actor[b-cngnyikqhi] {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-inbox-row-time[b-cngnyikqhi] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
}

.fm-inbox-row-title[b-cngnyikqhi] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Inbox Content Pane ──────────────────────────────── */
.fm-inbox-content[b-cngnyikqhi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fm-inbox-detail[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fm-inbox-detail-header[b-cngnyikqhi] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.fm-inbox-detail-header.fm-admin-message-detail[b-cngnyikqhi] {
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: 12px;
    margin: 16px 16px 0;
}

.fm-inbox-detail-icon[b-cngnyikqhi] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #00c8ff;
    margin-top: 2px;
}

.fm-inbox-detail-meta[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
    text-align: left;
}

.fm-inbox-detail-actor[b-cngnyikqhi] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}

.fm-inbox-detail-title[b-cngnyikqhi] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff;
    min-width: 0;
    overflow-wrap: anywhere;
}

.fm-inbox-detail-time[b-cngnyikqhi] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
}

.fm-inbox-detail-body[b-cngnyikqhi] {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0.88rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    overflow-wrap: anywhere;
}

.fm-inbox-detail-body p[b-cngnyikqhi] {
    margin: 0;
}

.fm-inbox-empty-detail[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.85rem;
}

/* ── Compact Messages (overview) ─────────────────────── */
.fm-messages-list[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
}

.fm-msg-row[b-cngnyikqhi] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    transition: background 0.15s;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    color: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
    position: relative;
}

.fm-msg-row:hover[b-cngnyikqhi] {
    background: rgba(0, 200, 255, 0.05);
}

.fm-msg-row:last-child[b-cngnyikqhi] {
    border-bottom: none;
}

.fm-msg-row-unread .fm-msg-title[b-cngnyikqhi] {
    font-weight: 700;
    color: #fff;
}

.fm-msg-icon[b-cngnyikqhi] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.12);
    border: 1px solid rgba(0, 200, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #00c8ff;
    margin-top: 2px;
}

.fm-msg-body[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    text-align: left;
}

.fm-msg-title[b-cngnyikqhi] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-msg-desc[b-cngnyikqhi] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-msg-time[b-cngnyikqhi] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    gap: 4px;
    min-width: 0;
    flex-wrap: wrap;
}

.fm-msg-actor[b-cngnyikqhi] {
    color: rgba(0, 200, 255, 0.7);
    font-weight: 500;
}

.fm-msg-empty[b-cngnyikqhi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    color: rgba(255, 255, 255, 0.25);
    font-size: 0.8rem;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .fm-inbox[b-cngnyikqhi] {
        flex-direction: column;
        min-height: auto;
        width: 100%;
    }

    .fm-inbox-sidebar[b-cngnyikqhi] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        max-height: 300px;
    }

    .fm-inbox-header[b-cngnyikqhi],
    .fm-inbox-detail-header[b-cngnyikqhi] {
        flex-wrap: wrap;
    }

    .fm-inbox-row[b-cngnyikqhi],
    .fm-msg-row[b-cngnyikqhi] {
        padding-inline: 12px;
    }

    .fm-inbox-row-time[b-cngnyikqhi] {
        white-space: normal;
        text-align: right;
    }
}
/* /Components/TeamManagement/FmNewsPanel.razor.rz.scp.css */
/* ── News ────────────────────────────────────────────── */
.fm-news-grid[b-l54froodq8] {
    display: flex;
    flex-direction: column;
}

.fm-news-grid-full[b-l54froodq8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
    padding: 12px;
}

.fm-news-card[b-l54froodq8] {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    transition: background 0.15s;
}

.fm-news-grid-full .fm-news-card[b-l54froodq8] {
    flex-direction: column;
    padding: 0;
    border-bottom: none;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(122, 210, 255, 0.12);
}

.fm-news-card:hover[b-l54froodq8] {
    background: rgba(0, 200, 255, 0.055);
}

.fm-news-img[b-l54froodq8] {
    width: 56px;
    height: 40px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    border: 1px solid rgba(122, 210, 255, 0.12);
}

.fm-news-grid-full .fm-news-img[b-l54froodq8] {
    width: 100%;
    height: 120px;
    border-radius: 0;
}

.fm-news-body[b-l54froodq8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fm-news-grid-full .fm-news-body[b-l54froodq8] {
    padding: 10px 12px;
}

.fm-news-title[b-l54froodq8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-news-empty[b-l54froodq8] {
    margin: 12px;
}

.fm-news-preview[b-l54froodq8] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fm-news-meta[b-l54froodq8] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .fm-news-grid-full[b-l54froodq8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/TeamManagement/FmOverviewDashboard.razor.rz.scp.css */
/* ── Dashboard 3-Column Grid ──────────────────────────── */
.fm-dashboard[b-cd23ab1d5k] {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
    gap: 24px;
    align-items: start;
    min-width: 0;
    max-width: 100%;
}

.fm-dash-left[b-cd23ab1d5k],
.fm-dash-center[b-cd23ab1d5k],
.fm-dash-right[b-cd23ab1d5k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    max-width: 100%;
}

.fm-dash-calendar[b-cd23ab1d5k] {
    grid-column: 1 / -1;
    min-width: 0;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 1024px) {
    .fm-dashboard[b-cd23ab1d5k] {
        grid-template-columns: 1fr 1fr;
    }

    .fm-dash-right[b-cd23ab1d5k],
    .fm-dash-calendar[b-cd23ab1d5k] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .fm-dashboard[b-cd23ab1d5k] {
        grid-template-columns: 1fr;
    }

    .fm-dash-right[b-cd23ab1d5k],
    .fm-dash-calendar[b-cd23ab1d5k] {
        grid-column: auto;
    }
}
/* /Components/TeamManagement/FmPanel.razor.rz.scp.css */
/* ── FM Panel ─────────────────────────────────────────── */
.fm-panel[b-7vpzwgjsny] {
    background:
        linear-gradient(180deg, rgba(18, 29, 47, 0.9), rgba(8, 14, 24, 0.94));
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28), 0 0 26px rgba(0, 160, 204, 0.06);
}

.fm-panel-full[b-7vpzwgjsny] {
    max-width: 900px;
}

.fm-panel-full.fm-panel-calendar-full[b-7vpzwgjsny] {
    width: 100%;
    max-width: min(1760px, 100%);
}

.fm-panel-header[b-7vpzwgjsny] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.06), rgba(109, 61, 255, 0.04), transparent);
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
}

.fm-panel-more[b-7vpzwgjsny] {
    margin-left: auto;
    background: none;
    border: none;
    color: #00c8ff;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 8px;
    transition: background 0.15s;
}

.fm-panel-more:hover[b-7vpzwgjsny] {
    background: rgba(0, 200, 255, 0.1);
}
/* /Components/TeamManagement/FmRosterSection.razor.rz.scp.css */
.fm-roster-card[b-3xa57grvyv] {
    border-color: rgba(0, 200, 255, .24);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .03);
}

.fm-roster-header[b-3xa57grvyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.fm-roster-title[b-3xa57grvyv] {
    color: #00d8ff;
    font-weight: 900;
    letter-spacing: .01em;
}

.fm-roster-subtitle[b-3xa57grvyv],
.fm-roster-muted[b-3xa57grvyv],
.fm-roster-player-meta[b-3xa57grvyv] {
    color: rgba(217, 229, 245, .66);
}

.fm-roster-header-actions[b-3xa57grvyv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.fm-roster-player[b-3xa57grvyv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.fm-roster-avatar[b-3xa57grvyv] {
    background: linear-gradient(135deg, rgba(0, 216, 255, .2), rgba(130, 75, 255, .14));
    border: 1px solid rgba(0, 216, 255, .24);
    color: #eafaff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
}

.fm-roster-player-copy[b-3xa57grvyv] {
    min-width: 0;
}

.fm-roster-player-name[b-3xa57grvyv] {
    display: block;
    max-width: 260px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff !important;
    font-weight: 800 !important;
    font: inherit;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.fm-roster-grid[b-3xa57grvyv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}

.fm-roster-player-card[b-3xa57grvyv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(0, 216, 255, .18);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(11, 28, 43, .96), rgba(11, 16, 30, .96)),
        radial-gradient(circle at top right, rgba(0, 216, 255, .1), transparent 38%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.fm-roster-player-card-head[b-3xa57grvyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.fm-roster-menu[b-3xa57grvyv]  .mud-icon-button {
    border-radius: 14px;
    background: rgba(0, 216, 255, .08);
    border: 1px solid rgba(0, 216, 255, .16);
}

.fm-roster-card-fields[b-3xa57grvyv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.fm-roster-field[b-3xa57grvyv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 12px;
    background: rgba(5, 16, 27, .55);
}

.fm-roster-field > span[b-3xa57grvyv] {
    color: rgba(160, 186, 213, .82);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.fm-roster-field > strong[b-3xa57grvyv] {
    min-height: 24px;
    color: #f2f7ff;
    font-size: .92rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-roster-role-chip[b-3xa57grvyv],
.fm-roster-rep-chip[b-3xa57grvyv] {
    font-size: .72rem;
    font-weight: 900;
}

.fm-roster-role-select[b-3xa57grvyv] {
    width: 150px;
}

.fm-roster-position-select[b-3xa57grvyv] {
    width: 180px;
}

.fm-roster-action[b-3xa57grvyv] {
    border-radius: 8px;
}

.fm-roster-empty[b-3xa57grvyv] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    color: rgba(217, 229, 245, .7);
    text-align: center;
}

.fm-roster-empty .mud-icon-root[b-3xa57grvyv] {
    font-size: 2.4rem;
    color: rgba(0, 216, 255, .55);
}

.fm-roster-role-select[b-3xa57grvyv]  .mud-input,
.fm-roster-position-select[b-3xa57grvyv]  .mud-input {
    min-height: 38px;
    border-radius: 8px;
    background: rgba(8, 18, 31, .88);
}

@media (max-width: 900px) {
    .fm-roster-header[b-3xa57grvyv] {
        flex-direction: column;
        align-items: stretch;
    }

    .fm-roster-header-actions[b-3xa57grvyv] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .fm-roster-card[b-3xa57grvyv]  .mud-card-content {
        padding: 14px !important;
    }

    .fm-roster-header[b-3xa57grvyv] {
        gap: 10px;
        margin-bottom: 12px;
    }

    .fm-roster-header-actions[b-3xa57grvyv] {
        gap: 6px;
    }

    .fm-roster-header-actions[b-3xa57grvyv]  .mud-chip {
        height: 28px;
    }

    .fm-roster-player-name[b-3xa57grvyv] {
        max-width: 210px;
    }

    .fm-roster-grid[b-3xa57grvyv] {
        grid-template-columns: 1fr;
    }

    .fm-roster-player-card[b-3xa57grvyv] {
        gap: 8px;
        padding: 10px 12px;
        border-radius: 14px;
    }

    .fm-roster-card-fields[b-3xa57grvyv] {
        display: none;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .fm-roster-player-card--expanded .fm-roster-card-fields[b-3xa57grvyv] {
        display: grid;
    }

    .fm-roster-field[b-3xa57grvyv] {
        gap: 4px;
        padding: 8px 10px;
        border-radius: 10px;
    }

    .fm-roster-field > strong[b-3xa57grvyv] {
        min-height: 20px;
        font-size: .84rem;
    }

    .fm-roster-avatar[b-3xa57grvyv] {
        width: 38px !important;
        height: 38px !important;
    }
}
/* /Components/TeamManagement/FmScoutingPanel.razor.rz.scp.css */
/* Manager scouting Recruitment HQ */
.fm-scouting[b-f383wfj62o] {
    --fm-accent: var(--pcw-accent-cyan, #00c8ff);
    --fm-success: var(--pcw-success, #00e676);
    --fm-warning: var(--pcw-warning, #ffc947);
    --fm-test: var(--pcw-warning-strong, #ff9800);
    --fm-squad: #8cffb6;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fm-scout-command[b-f383wfj62o] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(10, 18, 31, 0.96), rgba(16, 34, 52, 0.9)),
        repeating-linear-gradient(90deg, rgba(0, 200, 255, 0.045) 0 1px, transparent 1px 42px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.fm-command-copy[b-f383wfj62o] {
    min-width: 0;
}

.fm-command-kicker[b-f383wfj62o] {
    display: inline-flex;
    color: #00c8ff;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.fm-command-title[b-f383wfj62o] {
    color: #fff;
    font-weight: 800 !important;
    margin: 0 !important;
}

.fm-command-subtitle[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.62);
    max-width: 660px;
    margin-top: 4px !important;
}

.fm-command-metrics[b-f383wfj62o] {
    display: grid;
    grid-template-columns: repeat(5, minmax(72px, 1fr));
    gap: 8px;
    min-width: min(430px, 44%);
}

.fm-command-metric[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 64px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.fm-command-metric--available[b-f383wfj62o] {
    border-color: rgba(0, 230, 118, 0.22);
    background: rgba(0, 230, 118, 0.055);
}

.fm-command-metric--pending[b-f383wfj62o] {
    border-color: rgba(255, 193, 7, 0.24);
    background: rgba(255, 193, 7, 0.055);
}

.fm-command-metric--limit[b-f383wfj62o] {
    border-color: rgba(0, 200, 255, 0.24);
    background: rgba(0, 200, 255, 0.055);
}

.fm-command-metric-value[b-f383wfj62o] {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1;
}

.fm-command-metric-label[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.46);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fm-scout-layout[b-f383wfj62o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 12px;
    align-items: start;
}

.fm-scout-main[b-f383wfj62o],
.fm-scout-side[b-f383wfj62o] {
    min-width: 0;
}

.fm-scout-side[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 88px;
}

/* Filter Bar */
.fm-scout-filters[b-f383wfj62o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

[b-f383wfj62o] .fm-filter-field--search {
    flex: 1 1 320px;
    min-width: 240px;
    max-width: 440px;
}

[b-f383wfj62o] .fm-filter-field--select {
    flex: 0 1 170px;
    min-width: 150px;
}

[b-f383wfj62o] .fm-scout-search-btn {
    min-height: 40px;
    margin-left: auto;
    padding-inline: 18px;
}

.fm-scout-header[b-f383wfj62o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 4px 6px;
}

.fm-state-legend[b-f383wfj62o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.fm-scout-loading[b-f383wfj62o] {
    padding: 2px 0;
}

/* Table Wrapper */
.fm-scout-table-wrap[b-f383wfj62o] {
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(18, 29, 47, 0.9), rgba(8, 14, 24, 0.94));
}

.fm-scout-mobile-list[b-f383wfj62o] {
    display: none;
}

.fm-scout-card[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
    background: rgba(8, 14, 24, 0.42);
}

.fm-scout-card.fm-row-state--match[b-f383wfj62o] {
    box-shadow: inset 3px 0 0 rgba(0, 200, 255, 0.65);
}

.fm-scout-card.fm-row-state--pending[b-f383wfj62o],
.fm-scout-card.fm-row-state--pending-transfer[b-f383wfj62o] {
    background: rgba(255, 193, 7, 0.045);
    box-shadow: inset 3px 0 0 rgba(255, 193, 7, 0.58);
}

.fm-scout-card.fm-row-state--squad[b-f383wfj62o] {
    background: rgba(0, 230, 118, 0.035);
    box-shadow: inset 3px 0 0 rgba(0, 230, 118, 0.55);
}

.fm-scout-card.fm-row-state--blocked[b-f383wfj62o] {
    background: rgba(255, 255, 255, 0.025);
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.22);
}

.fm-scout-card-main[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.fm-scout-card-title-row[b-f383wfj62o],
.fm-scout-card-name-row[b-f383wfj62o],
.fm-scout-card-badges[b-f383wfj62o],
.fm-scout-card-actions[b-f383wfj62o] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.fm-scout-card-title-row[b-f383wfj62o] {
    justify-content: space-between;
    gap: 10px;
}

.fm-scout-card-player[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fm-scout-card-name-row[b-f383wfj62o] {
    gap: 5px;
}

.fm-scout-card-name[b-f383wfj62o] {
    color: #fff;
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-scout-card-badges[b-f383wfj62o] {
    flex-wrap: wrap;
    gap: 5px;
}

.fm-scout-card-actions[b-f383wfj62o] {
    gap: 8px;
}

[b-f383wfj62o] .fm-card-action-btn {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    min-height: 32px;
    font-size: .7rem !important;
    text-transform: none !important;
}

.fm-position-chip[b-f383wfj62o] {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid rgba(0, 200, 255, 0.28);
    background: rgba(0, 200, 255, 0.075);
    color: var(--fm-accent);
    font-size: .62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-scout-mobile-note[b-f383wfj62o] {
    padding: 10px 12px 12px;
    color: rgba(255, 255, 255, 0.48);
    font-size: .72rem;
    line-height: 1.35;
}

[b-f383wfj62o] .fm-rep-chip {
    height: 22px !important;
    font-size: .68rem !important;
    flex-shrink: 0;
}

[b-f383wfj62o] .fm-player-type-icon {
    font-size: 16px;
    flex-shrink: 0;
}

[b-f383wfj62o] .fm-player-type-icon--test {
    color: var(--fm-test);
}

[b-f383wfj62o] .fm-player-type-icon--premium {
    color: var(--fm-warning);
}

[b-f383wfj62o] .fm-scout-table .mud-table-container {
    background: transparent !important;
}

[b-f383wfj62o] .fm-scout-table .mud-table-head .mud-table-row {
    background: rgba(0, 200, 255, 0.075) !important;
}

[b-f383wfj62o] .fm-scout-table .mud-table-head th {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.45);
    padding: 11px 12px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.16);
    font-weight: 900;
}

[b-f383wfj62o] .fm-scout-table .mud-table-body td {
    font-size: 0.82rem;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.055);
    color: #e0e8f0;
}

[b-f383wfj62o] .fm-scout-table .mud-table-body .mud-table-row:hover {
    background: rgba(0, 200, 255, 0.07) !important;
}

[b-f383wfj62o] .fm-row-state--match {
    box-shadow: inset 3px 0 0 rgba(0, 200, 255, 0.65);
}

[b-f383wfj62o] .fm-row-state--pending-transfer,
[b-f383wfj62o] .fm-row-state--pending {
    background: rgba(255, 193, 7, 0.045) !important;
    box-shadow: inset 3px 0 0 rgba(255, 193, 7, 0.58);
}

[b-f383wfj62o] .fm-row-state--squad {
    background: rgba(0, 230, 118, 0.035) !important;
    box-shadow: inset 3px 0 0 rgba(0, 230, 118, 0.55);
}

[b-f383wfj62o] .fm-row-state--blocked {
    background: rgba(255, 255, 255, 0.025) !important;
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.22);
}

.fm-player-cell[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fm-player-meta[b-f383wfj62o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: rgba(255, 255, 255, 0.45);
    font-size: .68rem;
}

.fm-player-meta span + span[b-f383wfj62o]::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
    margin-right: 6px;
    vertical-align: middle;
}

.fm-fit-badge[b-f383wfj62o],
.fm-state-badge[b-f383wfj62o] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.045);
}

.fm-fit-badge--match[b-f383wfj62o],
.fm-state-badge--available[b-f383wfj62o] {
    color: #00e676;
    border-color: rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.08);
}

.fm-fit-badge--priority[b-f383wfj62o] {
    color: #00c8ff;
    border-color: rgba(0, 200, 255, 0.36);
    background: rgba(0, 200, 255, 0.1);
}

.fm-state-badge--pending[b-f383wfj62o] {
    color: #ffc947;
    border-color: rgba(255, 201, 71, 0.34);
    background: rgba(255, 201, 71, 0.09);
}

.fm-state-badge--squad[b-f383wfj62o] {
    color: #8cffb6;
    border-color: rgba(140, 255, 182, 0.26);
    background: rgba(140, 255, 182, 0.07);
}

.fm-state-badge--team[b-f383wfj62o],
.fm-state-badge--blocked[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.48);
    border-color: rgba(255, 255, 255, 0.11);
}

.fm-status-stack[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}

.fm-team-status[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.38);
    font-size: .66rem;
    font-weight: 700;
}

.fm-action-stack[b-f383wfj62o] {
    min-width: 0;
}

[b-f383wfj62o] .fm-invite-btn {
    min-height: 28px;
    font-size: .68rem !important;
    text-transform: none !important;
    white-space: nowrap;
}

[b-f383wfj62o] .fm-scout-table .mud-table-pagination {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,0.06);
}

/* Side rail */
.fm-side-panel[b-f383wfj62o] {
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(14, 25, 41, 0.88), rgba(8, 14, 24, 0.94));
    overflow: hidden;
}

.fm-side-panel--needs[b-f383wfj62o] {
    border-color: rgba(0, 200, 255, 0.22);
}

.fm-side-title[b-f383wfj62o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #00c8ff;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fm-side-title .mud-icon-root[b-f383wfj62o] {
    font-size: 16px;
}

.fm-need-grid[b-f383wfj62o] {
    display: grid;
    grid-template-columns: 1fr 84px 88px;
    gap: 8px;
    padding: 12px;
}

.fm-need-grid > div[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    min-width: 0;
}

.fm-need-grid strong[b-f383wfj62o] {
    color: #fff;
    font-size: .95rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-need-label[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.42);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fm-side-note[b-f383wfj62o],
.fm-side-empty[b-f383wfj62o],
.fm-side-warning[b-f383wfj62o] {
    color: rgba(255, 255, 255, 0.5);
    font-size: .74rem;
    line-height: 1.45;
    padding: 0 12px 12px;
}

.fm-side-empty[b-f383wfj62o] {
    padding-top: 12px;
}

.fm-side-warning[b-f383wfj62o] {
    margin: 0 12px 10px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 201, 71, 0.25);
    border-radius: 7px;
    background: rgba(255, 201, 71, 0.075);
    color: rgba(255, 232, 177, 0.86);
}

.fm-side-list[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
}

.fm-side-item[b-f383wfj62o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.fm-side-item:hover[b-f383wfj62o] {
    background: rgba(0, 200, 255, 0.06);
}

.fm-side-item strong[b-f383wfj62o] {
    display: block;
    color: #fff;
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.fm-side-item small[b-f383wfj62o] {
    display: block;
    color: rgba(255, 255, 255, 0.42);
    font-size: .68rem;
    margin-top: 2px;
}

.fm-side-score[b-f383wfj62o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 24px;
    border-radius: 6px;
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.24);
    background: rgba(0, 200, 255, 0.08);
    font-size: .74rem;
    font-weight: 900;
}

/* Empty State */
.fm-scout-empty[b-f383wfj62o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 56px 16px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

/* Responsive */
@media (max-width: 1180px) {
    .fm-scout-command[b-f383wfj62o] {
        flex-direction: column;
    }

    .fm-command-metrics[b-f383wfj62o] {
        min-width: 0;
        width: 100%;
    }

    .fm-scout-layout[b-f383wfj62o] {
        grid-template-columns: 1fr;
    }

    .fm-scout-side[b-f383wfj62o] {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .fm-scout-side[b-f383wfj62o] {
        display: flex;
    }

    .fm-command-metrics[b-f383wfj62o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .fm-scout-command[b-f383wfj62o] {
        padding: 12px;
        border-radius: 10px;
    }

    .fm-scout-filters[b-f383wfj62o] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    [b-f383wfj62o] .fm-filter-field {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .fm-scout-filters .mud-button-root[b-f383wfj62o] {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .fm-scout-header[b-f383wfj62o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .fm-state-legend[b-f383wfj62o] {
        justify-content: flex-start;
    }

    [b-f383wfj62o] .fm-scout-table .mud-table-body .mud-table-row {
        padding: 6px 8px !important;
        border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    }

    [b-f383wfj62o] .fm-scout-table .mud-table-body td {
        padding: 7px 10px !important;
        min-height: 34px !important;
    }

    [b-f383wfj62o] .fm-scout-table .fm-scout-mobile-optional {
        display: none !important;
    }

    [b-f383wfj62o] .fm-scout-table td[data-label]::before {
        color: rgba(255,255,255,0.4) !important;
        font-size: 0.62rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .fm-scout-table-wrap[b-f383wfj62o] {
        border-radius: 10px;
    }

    .fm-action-stack[b-f383wfj62o] {
        justify-content: stretch !important;
        width: 100%;
    }

    [b-f383wfj62o] .fm-invite-btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    .fm-scout-mobile-list[b-f383wfj62o] {
        display: flex;
        flex-direction: column;
    }

    [b-f383wfj62o] .fm-scout-table-desktop {
        display: none !important;
    }
}
/* /Components/TeamManagement/FmScoutingPlayerReport.razor.rz.scp.css */
/* Premium player scouting report */

.spr-root[b-epu9jlyufo] {
    background: rgba(4, 8, 16, 0.96);
    border: 1px solid rgba(0, 200, 255, 0.12);
    color: #fff;
    overflow: hidden;
}

.spr-nav-bar[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.spr-loading[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 88px;
    padding: 18px;
}

.spr-header[b-epu9jlyufo] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(176px, auto);
    align-items: center;
    gap: 16px;
    min-height: 164px;
    padding: 18px 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 200, 255, 0.14);
    background:
        linear-gradient(90deg, rgba(3, 8, 18, 0.93), rgba(3, 8, 18, 0.66) 54%, rgba(70, 14, 124, 0.56)),
        url('/images/scouting/scouting-heatmap.webp') center / cover no-repeat;
}

.spr-header[b-epu9jlyufo]::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0, 200, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 200, 255, 0.03) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.14));
}

.spr-header > *[b-epu9jlyufo] {
    position: relative;
    z-index: 1;
}

.spr-avatar[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    border: 2px solid rgba(0, 200, 255, 0.18);
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
}

.spr-identity[b-epu9jlyufo] {
    min-width: 0;
}

.spr-kicker[b-epu9jlyufo],
.spr-radar-kicker[b-epu9jlyufo],
.spr-card-title[b-epu9jlyufo],
.spr-section-heading span[b-epu9jlyufo],
.spr-evidence-header[b-epu9jlyufo] {
    color: #00c8ff;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.spr-name-row[b-epu9jlyufo],
.spr-badges[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.spr-header-line[b-epu9jlyufo] {
    color: rgba(255,255,255,0.68);
    margin-top: 6px !important;
}

.spr-badges[b-epu9jlyufo] {
    margin-top: 10px;
}

.spr-id-chip[b-epu9jlyufo] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 5px;
    color: rgba(255,255,255,0.68);
    background: rgba(255,255,255,0.045);
    font-size: .7rem;
    font-weight: 800;
}

.spr-header-actions[b-epu9jlyufo] {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.spr-offer-rail[b-epu9jlyufo] {
    flex-direction: column;
    justify-self: end;
    width: 176px;
    padding: 10px;
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 8px;
    background: rgba(0,0,0,0.22);
}

.spr-offer-state[b-epu9jlyufo] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 5px;
    color: rgba(255,255,255,0.60);
    background: rgba(255,255,255,0.05);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.spr-offer-state--available[b-epu9jlyufo] {
    color: #00e676;
    border-color: rgba(0, 230, 118, 0.32);
    background: rgba(0, 230, 118, 0.08);
}

.spr-offer-state--pending[b-epu9jlyufo] {
    color: #ffc947;
    border-color: rgba(255, 201, 71, 0.34);
    background: rgba(255, 201, 71, 0.09);
}

.spr-offer-state--squad[b-epu9jlyufo] {
    color: #8cffb6;
    border-color: rgba(140, 255, 182, 0.28);
    background: rgba(140, 255, 182, 0.08);
}

.spr-offer-state--blocked[b-epu9jlyufo] {
    color: rgba(255, 255, 255, 0.48);
}

[b-epu9jlyufo] .spr-offer-btn {
    min-height: 34px;
    width: 100%;
    justify-content: center;
    font-size: .74rem !important;
    font-weight: 900 !important;
    text-transform: none !important;
}

.spr-report-shell[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr) 244px;
    gap: 0;
    min-height: 410px;
    padding: 0;
    background: rgba(5, 12, 24, 0.78);
}

.spr-panel[b-epu9jlyufo],
.spr-position-panel[b-epu9jlyufo],
.spr-scouting-profile-panel[b-epu9jlyufo],
.spr-radar-side[b-epu9jlyufo] {
    min-width: 0;
    border: 1px solid rgba(122, 210, 255, 0.105);
    background: rgba(255, 255, 255, 0.026);
}

.spr-pitch-rail[b-epu9jlyufo] {
    padding: 12px;
    border-right: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.018);
}

.spr-section-heading[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.spr-section-heading strong[b-epu9jlyufo] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.spr-section-heading--row[b-epu9jlyufo] {
    margin: 0 0 12px;
}

.spr-section-heading--row strong[b-epu9jlyufo] {
    max-width: none;
    color: rgba(255,255,255,0.58);
}

.spr-pitch-box[b-epu9jlyufo] {
    width: 100%;
    max-width: 210px;
    margin-inline: auto;
}

.spr-overview-compact[b-epu9jlyufo] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.spr-stat-row[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.spr-stat-label[b-epu9jlyufo] {
    width: 32px;
    flex-shrink: 0;
    color: rgba(255,255,255,0.55);
    font-size: .72rem;
}

.spr-stat-bar-wrap[b-epu9jlyufo] {
    flex: 1;
    height: 7px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255,255,255,0.08);
}

.spr-stat-bar[b-epu9jlyufo] {
    height: 100%;
    border-radius: 4px;
}

.spr-stat-val[b-epu9jlyufo] {
    width: 32px;
    text-align: right;
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
}

.spr-side-facts[b-epu9jlyufo] {
    display: grid;
    gap: 7px;
    margin-top: 12px;
}

.spr-side-facts span[b-epu9jlyufo],
.spr-build-facts span[b-epu9jlyufo] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    color: rgba(255,255,255,0.44);
    font-size: .7rem;
}

.spr-side-facts strong[b-epu9jlyufo],
.spr-build-facts strong[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-weight: 800;
}

.spr-dossier-panel[b-epu9jlyufo] {
    min-width: 0;
}

.spr-scouting-profile-panel[b-epu9jlyufo] {
    border-left: 0;
    border-right: 0;
}

.spr-panel-head[b-epu9jlyufo] {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.09);
    background: rgba(255, 255, 255, 0.028);
}

.spr-panel-head h3[b-epu9jlyufo] {
    margin: 0;
    color: #00c8ff;
    font-size: .68rem;
    font-weight: 950;
    text-transform: uppercase;
}

.spr-card-chip[b-epu9jlyufo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    max-width: 100%;
    padding: 2px 8px;
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 5px;
    color: rgba(245, 251, 255, 0.74);
    background: rgba(255, 255, 255, 0.045);
    font-size: .66rem;
    font-weight: 900;
    white-space: nowrap;
}

.spr-card-chip--cyan[b-epu9jlyufo] {
    color: #06111d;
    border-color: transparent;
    background: #00c8ff;
}

.spr-card-chip--gold[b-epu9jlyufo] {
    color: #1d1300;
    border-color: transparent;
    background: #ffc947;
}

.spr-report-tabs[b-epu9jlyufo] {
    display: flex;
    gap: 6px;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.025);
}

.spr-tab[b-epu9jlyufo] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 6px;
    color: rgba(255,255,255,0.58);
    background: rgba(255,255,255,0.04);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
}

.spr-tab:hover[b-epu9jlyufo],
.spr-tab:focus-visible[b-epu9jlyufo] {
    color: #fff;
    border-color: rgba(0, 200, 255, 0.34);
    outline: none;
}

.spr-tab--active[b-epu9jlyufo] {
    color: #06111f;
    border-color: rgba(0, 200, 255, 0.85);
    background: #00c8ff;
}

.spr-tab-panel[b-epu9jlyufo] {
    min-width: 0;
    padding: 12px;
}

.spr-tab-panel--profile[b-epu9jlyufo] {
    display: grid;
    gap: 10px;
}

.spr-profile-card[b-epu9jlyufo],
.spr-notes-panel[b-epu9jlyufo],
.spr-radar-lab[b-epu9jlyufo],
.spr-comparison-section[b-epu9jlyufo],
.spr-evidence-panel[b-epu9jlyufo] {
    min-width: 0;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(0, 200, 255, 0.045), rgba(255,255,255,0.016)),
        rgba(8, 13, 25, 0.82);
}

.spr-profile-card[b-epu9jlyufo],
.spr-notes-panel[b-epu9jlyufo],
.spr-comparison-section[b-epu9jlyufo] {
    padding: 10px 12px;
}

.spr-profile-card strong[b-epu9jlyufo] {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.25;
}

.spr-profile-card span[b-epu9jlyufo],
.spr-profile-card p[b-epu9jlyufo] {
    display: block;
    margin: 5px 0 0;
    color: rgba(255,255,255,0.66);
    font-size: .78rem;
    line-height: 1.45;
}

.spr-profile-card--wide[b-epu9jlyufo] {
    grid-column: 1 / -1;
}

.spr-profile-grid[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.spr-week-strip[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
}

.spr-day-chip[b-epu9jlyufo] {
    display: grid;
    gap: 3px;
    min-height: 44px;
    padding: 7px 6px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 7px;
    background: rgba(255,255,255,0.03);
    text-align: center;
}

.spr-day-chip span[b-epu9jlyufo] {
    color: rgba(255,255,255,0.42);
    font-size: .64rem;
    font-weight: 900;
}

.spr-day-chip strong[b-epu9jlyufo] {
    display: block;
    overflow-wrap: anywhere;
    color: rgba(255,255,255,0.48);
    font-size: .68rem;
    line-height: 1.2;
}

.spr-day-chip--active[b-epu9jlyufo] {
    border-color: rgba(0, 200, 255, 0.58);
    background: rgba(0, 200, 255, 0.12);
    box-shadow: inset 0 0 18px rgba(0, 200, 255, 0.08);
}

.spr-day-chip--active span[b-epu9jlyufo],
.spr-day-chip--active strong[b-epu9jlyufo] {
    color: #fff;
}

.spr-inline-empty[b-epu9jlyufo] {
    margin-top: 8px;
    color: rgba(255,255,255,0.52);
    font-size: .74rem;
}

.spr-link-row[b-epu9jlyufo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.spr-note-grid[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.spr-note[b-epu9jlyufo] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 7px;
    background: rgba(255,255,255,0.035);
}

.spr-note strong[b-epu9jlyufo] {
    display: block;
    color: #fff;
    font-size: .76rem;
    font-weight: 900;
}

.spr-note span[b-epu9jlyufo] {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,0.62);
    font-size: .7rem;
    line-height: 1.35;
}

.spr-note--good[b-epu9jlyufo] {
    border-color: rgba(0,230,118,0.22);
}

.spr-note--warning[b-epu9jlyufo] {
    border-color: rgba(255,201,71,0.26);
}

.spr-note--muted[b-epu9jlyufo] {
    opacity: .74;
}

.spr-tab-panel--performance[b-epu9jlyufo] {
    display: grid;
    gap: 12px;
}

.spr-radar-lab[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(280px, .86fr) minmax(320px, 1fr);
    gap: 14px;
    padding: 14px;
}

.spr-lab-copy[b-epu9jlyufo] {
    min-width: 0;
    align-self: center;
}

.spr-radar-title[b-epu9jlyufo] {
    color: #fff;
    font-weight: 900 !important;
    margin: 4px 0 0 !important;
}

.spr-radar-description[b-epu9jlyufo] {
    max-width: 520px;
    color: rgba(255,255,255,0.62);
    margin-top: 6px !important;
}

.spr-radar-facts[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
}

.spr-radar-facts span[b-epu9jlyufo],
.spr-radar-values span[b-epu9jlyufo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 7px;
    color: rgba(255,255,255,0.50);
    background: rgba(255,255,255,0.035);
    font-size: .68rem;
    font-weight: 800;
}

.spr-radar-facts strong[b-epu9jlyufo],
.spr-radar-values strong[b-epu9jlyufo] {
    color: #fff;
    font-size: .92rem;
}

.spr-radar-partial[b-epu9jlyufo] {
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(255,201,71,0.24);
    border-radius: 7px;
    color: #ffc947;
    background: rgba(255,201,71,0.07);
    font-size: .72rem;
}

.spr-lab-signal-grid[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.spr-lab-signal-grid article[b-epu9jlyufo] {
    min-width: 0;
    min-height: 78px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 8px;
    background: rgba(255,255,255,0.035);
}

.spr-lab-signal-grid span[b-epu9jlyufo] {
    color: rgba(245, 251, 255, 0.48);
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.spr-lab-signal-grid strong[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: .98rem;
    font-weight: 950;
}

.spr-lab-signal-grid small[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(245, 251, 255, 0.55);
    font-size: .68rem;
}

.spr-radar-card[b-epu9jlyufo] {
    min-width: 0;
    border: 1px solid rgba(0,200,255,0.16);
    border-radius: 8px;
    background: radial-gradient(circle at 50% 42%, rgba(0,200,255,0.12), rgba(8,13,25,0.55) 48%, rgba(8,13,25,0.85));
}

.spr-svg-radar-wrap[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(150px, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
}

.spr-svg-radar[b-epu9jlyufo] {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1;
    overflow: visible;
}

.spr-radar-ring[b-epu9jlyufo] {
    fill: none;
    stroke: rgba(0,200,255,0.18);
    stroke-width: 1;
}

.spr-radar-axis[b-epu9jlyufo] {
    fill: none;
    stroke: rgba(255,255,255,0.08);
    stroke-width: 1;
}

.spr-radar-shape[b-epu9jlyufo] {
    fill: rgba(0,200,255,0.30);
    stroke: #00c8ff;
    stroke-width: 2.2;
    filter: drop-shadow(0 0 8px rgba(0,200,255,0.42));
}

.spr-radar-point[b-epu9jlyufo] {
    fill: #fff;
    stroke: #00c8ff;
    stroke-width: 1.6;
}

.spr-radar-label[b-epu9jlyufo] {
    fill: rgba(255,255,255,0.86);
    font-size: 8px;
    font-weight: 900;
    text-anchor: middle;
    dominant-baseline: central;
}

.spr-radar-values[b-epu9jlyufo] {
    display: grid;
    gap: 6px;
}

.spr-chart-skeleton[b-epu9jlyufo] {
    min-height: 220px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(0,200,255,0.10), rgba(255,255,255,0.04));
    background-size: 240% 100%;
    animation: spr-pulse-b-epu9jlyufo 1.3s ease-in-out infinite;
}

@keyframes spr-pulse-b-epu9jlyufo {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.spr-empty-state[b-epu9jlyufo] {
    display: grid;
    place-items: center;
    min-height: 180px;
    padding: 18px;
    color: rgba(255,255,255,0.58);
    text-align: center;
}

.spr-empty-state--compact[b-epu9jlyufo] {
    min-height: 120px;
}

.spr-comparison-table[b-epu9jlyufo] {
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
}

.spr-comparison-row[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(150px, 1.35fr) 70px 58px 58px 70px 48px 48px 60px 60px 60px 82px;
    gap: 8px;
    align-items: center;
    min-width: 900px;
    padding: 9px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.72);
    font-size: .72rem;
}

.spr-comparison-row:last-child[b-epu9jlyufo] {
    border-bottom: 0;
}

.spr-comparison-row--head[b-epu9jlyufo] {
    color: rgba(255,255,255,0.44);
    background: rgba(255,255,255,0.035);
    font-size: .64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.spr-comparison-row--target[b-epu9jlyufo] {
    color: #fff;
    background: rgba(0,200,255,0.11);
}

.spr-comparison-row strong[b-epu9jlyufo],
.spr-comparison-row small[b-epu9jlyufo] {
    display: block;
}

.spr-comparison-row small[b-epu9jlyufo] {
    margin-top: 2px;
    color: rgba(255,255,255,0.44);
    font-size: .64rem;
}

.spr-evidence-grid[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.spr-evidence-header[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.025);
}

.spr-evidence-header[b-epu9jlyufo]  .mud-icon-root {
    font-size: 1rem;
}

.spr-mini-timeline[b-epu9jlyufo],
.spr-medal-list[b-epu9jlyufo] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.spr-mini-event[b-epu9jlyufo],
.spr-medal-item[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 7px;
    background: rgba(255,255,255,0.035);
}

.spr-mini-event--current[b-epu9jlyufo] {
    border-color: rgba(0,230,118,0.28);
}

.spr-mini-event strong[b-epu9jlyufo],
.spr-medal-tournament[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.spr-mini-event span[b-epu9jlyufo],
.spr-medal-year[b-epu9jlyufo] {
    color: rgba(255,255,255,0.52);
    font-size: .7rem;
    white-space: nowrap;
}

.spr-medal-info[b-epu9jlyufo] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.spr-build-summary[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.spr-build-level[b-epu9jlyufo] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 9px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    color: rgba(255,255,255,0.78);
    background: rgba(255,255,255,0.055);
    font-size: .72rem;
    font-weight: 900;
}

.spr-build-layout[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 12px;
}

.spr-stats-cols[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.spr-stats-col[b-epu9jlyufo],
.spr-build-facts[b-epu9jlyufo] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
    background: rgba(255,255,255,0.025);
}

.spr-build-facts[b-epu9jlyufo] {
    display: grid;
    align-content: start;
    gap: 9px;
}

.spr-sg-group[b-epu9jlyufo] {
    margin-bottom: 8px;
}

.spr-sg-header[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    min-height: 28px;
    padding: 5px 8px;
    border-left: 2px solid rgba(0,200,255,0.46);
    background: rgba(0,200,255,0.08);
    color: #00c8ff;
    cursor: pointer;
}

.spr-sg-gname[b-epu9jlyufo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .68rem;
    font-weight: 900;
}

.spr-sg-avg[b-epu9jlyufo],
.spr-sg-chevron[b-epu9jlyufo] {
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.spr-sg-attrs[b-epu9jlyufo] {
    display: grid;
    gap: 5px;
    padding: 7px 8px 2px;
}

.spr-attr-row[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    color: rgba(255,255,255,0.78);
    font-size: .72rem;
}

.spr-attr-name[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spr-av[b-epu9jlyufo] {
    font-weight: 900;
}

.spr-av--elite[b-epu9jlyufo],
.spr-av--high[b-epu9jlyufo] {
    color: #ffc947;
}

.spr-av--mid[b-epu9jlyufo] {
    color: #8cffb6;
}

.spr-av--low[b-epu9jlyufo] {
    color: rgba(255,255,255,0.52);
}

.spr-radar-side[b-epu9jlyufo] {
    border-left: 1px solid rgba(122, 210, 255, 0.12);
}

.spr-radar-side-body[b-epu9jlyufo] {
    display: grid;
    align-content: start;
    gap: 10px;
    min-height: 100%;
    padding: 12px;
}

.spr-svg-radar-wrap--side[b-epu9jlyufo] {
    display: block;
    padding: 8px 2px 0;
}

.spr-svg-radar-wrap--side .spr-svg-radar[b-epu9jlyufo] {
    width: 100%;
    max-width: 210px;
    margin: 0 auto;
    display: block;
}

.spr-radar-mini-stats[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.spr-radar-mini-stats span[b-epu9jlyufo] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px 7px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 7px;
    color: rgba(245, 251, 255, 0.58);
    background: rgba(255,255,255,0.035);
    font-size: .62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.spr-radar-mini-stats b[b-epu9jlyufo] {
    color: #fff;
    font-size: .82rem;
    font-weight: 950;
}

.spr-squad-compare-board[b-epu9jlyufo] {
    margin: 10px 12px 12px;
    overflow: hidden;
}

.spr-team-compare-grid[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    padding: 10px 12px 12px;
}

.spr-compare-card[b-epu9jlyufo] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 8px;
    background: rgba(255,255,255,0.035);
}

.spr-compare-card--target[b-epu9jlyufo] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.085);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.12);
}

.spr-gap-card[b-epu9jlyufo] {
    background:
        linear-gradient(135deg, rgba(255, 201, 71, 0.065), rgba(255,255,255,0.025)),
        rgba(255,255,255,0.035);
}

.spr-compare-name[b-epu9jlyufo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #fff;
    font-size: .82rem;
    font-weight: 950;
}

.spr-compare-name > span:first-child[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spr-compare-metrics[b-epu9jlyufo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 10px;
    margin-top: 8px;
    color: rgba(245, 251, 255, 0.58);
    font-size: .66rem;
}

.spr-compare-metrics div[b-epu9jlyufo] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.spr-compare-metrics span[b-epu9jlyufo],
.spr-compare-metrics b[b-epu9jlyufo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spr-compare-metrics b[b-epu9jlyufo] {
    color: #fff;
    font-weight: 950;
}

@media (max-width: 1200px) {
    .spr-report-shell[b-epu9jlyufo] {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .spr-radar-side[b-epu9jlyufo] {
        grid-column: 1 / -1;
        border-left: 1px solid rgba(122, 210, 255, 0.105);
        border-top: 0;
    }

    .spr-radar-side-body[b-epu9jlyufo] {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
        align-items: center;
    }

    .spr-profile-grid[b-epu9jlyufo],
    .spr-note-grid[b-epu9jlyufo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spr-radar-lab[b-epu9jlyufo],
    .spr-build-layout[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-svg-radar-wrap[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-lab-signal-grid[b-epu9jlyufo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spr-team-compare-grid[b-epu9jlyufo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .spr-header[b-epu9jlyufo] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .spr-offer-rail[b-epu9jlyufo] {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
        align-items: center;
    }

    .spr-report-shell[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-radar-side-body[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-pitch-rail[b-epu9jlyufo] {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.07);
    }

    .spr-pitch-box[b-epu9jlyufo] {
        max-width: 220px;
    }

    .spr-week-strip[b-epu9jlyufo] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .spr-stats-cols[b-epu9jlyufo],
    .spr-evidence-grid[b-epu9jlyufo],
    .spr-team-compare-grid[b-epu9jlyufo],
    .spr-lab-signal-grid[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .spr-root[b-epu9jlyufo] {
        padding-bottom: 80px;
    }

    .spr-header[b-epu9jlyufo] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 14px;
    }

    .spr-avatar[b-epu9jlyufo] {
        width: 64px;
        height: 64px;
    }

    .spr-offer-rail[b-epu9jlyufo],
    .spr-report-tabs[b-epu9jlyufo] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .spr-profile-grid[b-epu9jlyufo],
    .spr-note-grid[b-epu9jlyufo],
    .spr-radar-facts[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-week-strip[b-epu9jlyufo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spr-tab-panel[b-epu9jlyufo] {
        padding: 10px;
    }

    .spr-squad-compare-board[b-epu9jlyufo] {
        margin: 10px;
    }

    .spr-compare-metrics[b-epu9jlyufo] {
        grid-template-columns: 1fr;
    }

    .spr-compare-metrics div[b-epu9jlyufo] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .spr-compare-metrics span[b-epu9jlyufo],
    .spr-compare-metrics b[b-epu9jlyufo] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Components/TeamManagement/FmSessionTrackerBotSection.razor.rz.scp.css */
.bot-section[b-4d4zqsjif4] {
    width: 100%;
}

.bot-command-strip[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.bot-command-strip__copy[b-4d4zqsjif4] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bot-command-strip__copy span[b-4d4zqsjif4],
.bot-settings-block__header span[b-4d4zqsjif4] {
    color: #67e8f9;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bot-command-strip__copy strong[b-4d4zqsjif4],
.bot-settings-block__header strong[b-4d4zqsjif4] {
    color: #fff;
    font-size: 0.96rem;
    font-weight: 900;
    line-height: 1.2;
}

.bot-command-strip__copy small[b-4d4zqsjif4],
.bot-settings-block__header small[b-4d4zqsjif4],
.bot-route-row__label span[b-4d4zqsjif4],
.bot-tracker-row span[b-4d4zqsjif4] {
    color: rgba(198, 218, 238, 0.66);
    font-size: 0.76rem;
}

.bot-command-strip__actions[b-4d4zqsjif4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.bot-panel-tabs[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 12px 0;
}

.bot-panel-tab[b-4d4zqsjif4] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    color: rgba(198, 218, 238, 0.82);
    background: rgba(255, 255, 255, 0.026);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer;
}

.bot-panel-tab:hover[b-4d4zqsjif4],
.bot-panel-tab--active[b-4d4zqsjif4] {
    border-color: rgba(0, 200, 255, 0.5);
    color: #fff;
    background: rgba(0, 200, 255, 0.12);
}

.bot-panel-tab .mud-icon-root[b-4d4zqsjif4] {
    font-size: 1rem;
}

.bot-panel-body[b-4d4zqsjif4] {
    min-height: 190px;
}

.bot-status-grid[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

@media (max-width: 1100px) {
    .bot-status-grid[b-4d4zqsjif4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.bot-status-card[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value";
    column-gap: 9px;
    row-gap: 1px;
    align-items: center;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
    color: #e9f2ff;
}

.bot-status-card--good[b-4d4zqsjif4] {
    border-color: rgba(35, 165, 89, 0.28);
}

.bot-status-card--warn[b-4d4zqsjif4] {
    border-color: rgba(240, 178, 50, 0.34);
}

.bot-status-card .mud-icon-root[b-4d4zqsjif4] {
    grid-area: icon;
    color: #00c8ff;
    font-size: 1.15rem;
}

.bot-status-card span[b-4d4zqsjif4] {
    grid-area: label;
    color: rgba(198, 218, 238, 0.68);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bot-status-card strong[b-4d4zqsjif4] {
    grid-area: value;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.bot-inline-notice[b-4d4zqsjif4] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 8px 0;
    padding: 9px 11px;
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    color: rgba(225, 239, 255, 0.9);
    background: rgba(255, 255, 255, 0.025);
    font-size: 0.82rem;
    line-height: 1.35;
}

.bot-inline-notice--warn[b-4d4zqsjif4] {
    border-color: rgba(240, 178, 50, 0.55);
    color: #ffd98a;
    background: rgba(240, 178, 50, 0.08);
}

.bot-inline-notice--info[b-4d4zqsjif4] {
    border-color: rgba(0, 200, 255, 0.35);
    color: #9deeff;
}

.bot-inline-notice .mud-icon-root[b-4d4zqsjif4] {
    flex: 0 0 auto;
    font-size: 1.05rem;
}

.bot-server-grid[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}

.bot-server-card[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "icon main action"
        "icon pills action";
    gap: 8px 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.bot-server-card--selected[b-4d4zqsjif4] {
    border-color: rgba(0, 200, 255, 0.34);
    background: rgba(0, 200, 255, 0.055);
}

.bot-server-card__icon[b-4d4zqsjif4] {
    grid-area: icon;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 10px;
    object-fit: cover;
    background: rgba(0, 200, 255, 0.08);
}

.bot-server-card__icon--empty[b-4d4zqsjif4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #67e8f9;
}

.bot-server-card__icon--empty .mud-icon-root[b-4d4zqsjif4] {
    font-size: 1.1rem;
}

.bot-server-card__main[b-4d4zqsjif4] {
    grid-area: main;
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bot-server-card__main strong[b-4d4zqsjif4] {
    min-width: 0;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.bot-server-card__main span[b-4d4zqsjif4] {
    color: rgba(198, 218, 238, 0.66);
    font-size: 0.72rem;
}

.bot-server-card__pills[b-4d4zqsjif4] {
    grid-area: pills;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.bot-server-pill[b-4d4zqsjif4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 3px 7px;
    border: 1px solid rgba(122, 210, 255, 0.15);
    border-radius: 999px;
    color: rgba(198, 218, 238, 0.78);
    background: rgba(255, 255, 255, 0.03);
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
}

.bot-server-pill--active[b-4d4zqsjif4] {
    border-color: rgba(0, 200, 255, 0.34);
    color: #9deeff;
    background: rgba(0, 200, 255, 0.1);
}

.bot-server-pill--warn[b-4d4zqsjif4] {
    border-color: rgba(240, 178, 50, 0.42);
    color: #ffd98a;
    background: rgba(240, 178, 50, 0.08);
}

.bot-server-pill b[b-4d4zqsjif4] {
    min-width: 0;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-server-card__remove[b-4d4zqsjif4] {
    grid-area: action;
    align-self: center;
}

.bot-settings-block[b-4d4zqsjif4] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(7, 18, 32, 0.34);
}

.bot-settings-block--compact[b-4d4zqsjif4] {
    padding-bottom: 12px;
}

.bot-settings-block__header[b-4d4zqsjif4] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.bot-settings-block__header > div[b-4d4zqsjif4] {
    display: grid;
    gap: 2px;
}

.bot-route-list[b-4d4zqsjif4] {
    display: grid;
    gap: 10px;
}

.bot-link-row[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.bot-route-row[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: minmax(140px, 0.55fr) minmax(0, 1.45fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.bot-route-row__label[b-4d4zqsjif4] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bot-route-row__label strong[b-4d4zqsjif4],
.bot-tracker-row strong[b-4d4zqsjif4] {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 900;
}

.bot-route-row__fields[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

.bot-tracker-row[b-4d4zqsjif4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.bot-tracker-row > div[b-4d4zqsjif4] {
    display: grid;
    gap: 2px;
}

.bot-tracker-row--active[b-4d4zqsjif4] {
    padding: 10px;
    border: 1px solid rgba(35, 165, 89, 0.32);
    border-radius: 8px;
    background: rgba(35, 165, 89, 0.08);
}

.bot-actions-row[b-4d4zqsjif4] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.bot-start-cell[b-4d4zqsjif4] {
    display: flex;
    align-items: flex-end;
}

code[b-4d4zqsjif4] {
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.08);
    color: #67e8f9;
}

@media (max-width: 768px) {
    .bot-panel-tabs[b-4d4zqsjif4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bot-status-grid[b-4d4zqsjif4] {
        grid-template-columns: 1fr;
    }

    .bot-command-strip[b-4d4zqsjif4],
    .bot-settings-block__header[b-4d4zqsjif4],
    .bot-link-row[b-4d4zqsjif4],
    .bot-route-row[b-4d4zqsjif4],
    .bot-route-row__fields[b-4d4zqsjif4],
    .bot-tracker-row[b-4d4zqsjif4] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bot-settings-block__header[b-4d4zqsjif4] {
        gap: 4px;
    }

    .bot-command-strip__actions[b-4d4zqsjif4] {
        justify-content: flex-start;
    }

    .bot-server-grid[b-4d4zqsjif4] {
        grid-template-columns: 1fr;
    }

    .bot-start-cell[b-4d4zqsjif4] {
        align-items: stretch;
    }

    .bot-start-cell .mud-button-root[b-4d4zqsjif4],
    .bot-link-row .mud-button-root[b-4d4zqsjif4],
    .bot-route-row .mud-button-root[b-4d4zqsjif4],
    .bot-tracker-row .mud-button-root[b-4d4zqsjif4] {
        width: 100%;
    }
}
/* /Components/TeamManagement/FmSettingsSection.razor.rz.scp.css */
.fmset-container[b-bhqgcqtrsv] {
    width: 100%;
}

.fmset-header[b-bhqgcqtrsv] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.fmset-header-icon[b-bhqgcqtrsv] {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(0, 200, 255, 0.2), rgba(109, 61, 255, 0.1));
    border: 1px solid rgba(0, 200, 255, 0.24);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
}

.fmset-header-icon[b-bhqgcqtrsv]  .mud-icon-root {
    color: #00c8ff;
    font-size: 1.75rem;
}

.fmset-header-copy[b-bhqgcqtrsv]  .mud-typography-h6 {
    color: #fff;
    font-weight: 850;
    line-height: 1.15;
}

.fmset-header-copy[b-bhqgcqtrsv]  .mud-typography-caption {
    color: var(--pcw-text-muted);
}

.fmset-shell[b-bhqgcqtrsv] {
    display: grid;
    grid-template-columns: 224px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.fmset-subnav[b-bhqgcqtrsv] {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(17, 29, 47, 0.94), rgba(8, 14, 24, 0.96)),
        rgba(9, 16, 28, 0.94);
    border: 1px solid rgba(122, 210, 255, 0.15);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.fmset-subnav-link[b-bhqgcqtrsv] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.62);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.fmset-subnav-link:hover[b-bhqgcqtrsv] {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 200, 255, 0.07);
    border-color: rgba(0, 200, 255, 0.14);
}

.fmset-subnav-link--active[b-bhqgcqtrsv] {
    color: #00c8ff;
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.14), rgba(0, 200, 255, 0.04));
    border-color: rgba(0, 200, 255, 0.32);
    box-shadow: inset 3px 0 0 #00c8ff, 0 10px 24px rgba(0, 200, 255, 0.08);
}

.fmset-subnav-icon[b-bhqgcqtrsv] {
    font-size: 1.05rem;
}

.fmset-main[b-bhqgcqtrsv] {
    min-width: 0;
}

.fmset-panel[b-bhqgcqtrsv] {
    min-height: 260px;
}

.fmset-section[b-bhqgcqtrsv] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 10px;
    padding: 16px;
    transition: border-color 0.18s ease;
}

.fmset-section:hover[b-bhqgcqtrsv] {
    border-color: rgba(0, 200, 255, 0.24);
}

.fmset-section-header[b-bhqgcqtrsv] {
    display: block;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(0, 200, 255, 0.82);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
}

.fmset-section-header--inline[b-bhqgcqtrsv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.fmset-muted-hint[b-bhqgcqtrsv] {
    font-size: 0.62rem;
    color: var(--pcw-text-muted);
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
}

.fmset-muted-text[b-bhqgcqtrsv],
.fmset-danger-text[b-bhqgcqtrsv] {
    color: var(--pcw-text-muted);
}

.fmset-preference-card[b-bhqgcqtrsv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.fmset-logo-card[b-bhqgcqtrsv] {
    height: 100%;
}

.fmset-verified-chip[b-bhqgcqtrsv] {
    font-size: .62rem !important;
    height: 18px !important;
    margin-left: 6px;
    vertical-align: middle;
}

.fmset-logo-wrap[b-bhqgcqtrsv] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.fmset-logo-avatar[b-bhqgcqtrsv] {
    width: 64px !important;
    height: 64px !important;
    border: 2px solid rgba(0, 200, 255, 0.25) !important;
    transition: border-color 0.18s ease;
}

.fmset-logo-avatar[b-bhqgcqtrsv]  .mud-icon-root {
    font-size: 2rem;
}

.fmset-logo-wrap:hover .fmset-logo-avatar[b-bhqgcqtrsv] {
    border-color: rgba(0, 200, 255, 0.5) !important;
}

.fmset-verified-badge[b-bhqgcqtrsv] {
    position: absolute;
    bottom: -3px;
    right: -3px;
    background: #00e676;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(0, 230, 118, 0.45);
    pointer-events: none;
}

.fmset-verified-badge[b-bhqgcqtrsv]  .mud-icon-root {
    color: #fff;
    font-size: 13px;
}

.fmset-link-row[b-bhqgcqtrsv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.fmset-link-row:last-child[b-bhqgcqtrsv] {
    border-bottom: none;
}

.fmset-save-footer[b-bhqgcqtrsv] {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(122, 210, 255, 0.12);
}

.fmset-danger-zone[b-bhqgcqtrsv] {
    border-color: rgba(244, 67, 54, 0.35) !important;
    background:
        linear-gradient(180deg, rgba(244, 67, 54, 0.08), rgba(109, 61, 255, 0.04)),
        rgba(12, 19, 31, 0.92) !important;
}

.fmset-avail-row[b-bhqgcqtrsv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 10px;
}

.fmset-avail-row[b-bhqgcqtrsv]  .mud-input-control {
    flex: 1;
    margin-top: 0;
}

.fmset-social-field[b-bhqgcqtrsv]  .mud-input-adornment-start {
    color: rgba(255, 255, 255, 0.32);
    font-size: 0.78rem;
    white-space: nowrap;
    letter-spacing: 0;
    padding-right: 2px;
}

.fmset-social-field[b-bhqgcqtrsv]  .mud-input-outlined .mud-input-slot {
    padding-left: 0;
}

.fmset-kit-grid[b-bhqgcqtrsv] {
    display: grid;
    gap: 10px;
    margin: 12px 0;
}

.fmset-kit-tile[b-bhqgcqtrsv] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
}

.fmset-kit-tile img[b-bhqgcqtrsv] {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.fmset-kit-meta[b-bhqgcqtrsv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fmset-kit-meta span[b-bhqgcqtrsv] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.86rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fmset-kit-meta small[b-bhqgcqtrsv] {
    color: rgba(0, 230, 118, 0.78);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.fmset-kit-meta small.fmset-kit-pending[b-bhqgcqtrsv] {
    color: #ffca28;
}

.fmset-shell--readonly .fmset-kits-panel[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-input-control[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-button-root[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-icon-button[b-bhqgcqtrsv] {
    pointer-events: auto;
}

@media (max-width: 900px) {
    .fmset-shell[b-bhqgcqtrsv] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .fmset-subnav[b-bhqgcqtrsv] {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 8px;
    }

    .fmset-subnav[b-bhqgcqtrsv]::-webkit-scrollbar {
        display: none;
    }

    .fmset-subnav-link[b-bhqgcqtrsv] {
        flex: 0 0 auto;
        width: auto;
        min-height: 40px;
        white-space: nowrap;
    }
}

@media (max-width: 600px) {
    .fmset-header[b-bhqgcqtrsv] {
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .fmset-header-icon[b-bhqgcqtrsv] {
        width: 46px;
        height: 46px;
        border-radius: 10px;
    }

    .fmset-preference-card[b-bhqgcqtrsv],
    .fmset-link-row[b-bhqgcqtrsv] {
        align-items: stretch;
        flex-direction: column;
    }

    .fmset-link-row[b-bhqgcqtrsv]  .mud-input-control {
        width: 100% !important;
    }

    .fmset-kit-tile[b-bhqgcqtrsv] {
        grid-template-columns: 48px minmax(0, 1fr) auto;
    }

    .fmset-kit-tile img[b-bhqgcqtrsv] {
        width: 48px;
        height: 48px;
    }

    .fmset-save-footer[b-bhqgcqtrsv] {
        justify-content: stretch;
    }

    .fmset-save-footer[b-bhqgcqtrsv]  .mud-button-root {
        width: 100%;
    }
}
.fmset-readonly-alert[b-bhqgcqtrsv] {
    margin: 14px 0;
}

.fmset-shell--readonly .fmset-main[b-bhqgcqtrsv] {
    opacity: .82;
}

.fmset-shell--readonly .fmset-main .mud-input-control[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-main .mud-checkbox[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-main .mud-button-root[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-main .mud-icon-button[b-bhqgcqtrsv] {
    pointer-events: none;
}

.fmset-shell--readonly .fmset-kits-panel[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-input-control[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-button-root[b-bhqgcqtrsv],
.fmset-shell--readonly .fmset-kits-panel .mud-icon-button[b-bhqgcqtrsv] {
    pointer-events: auto;
}
/* /Components/TeamManagement/FmStagesPanel.razor.rz.scp.css */
/* ── Stages Table ────────────────────────────────────── */
.fm-stages-table[b-lg6nskynps] {
    display: flex;
    flex-direction: column;
}

.fm-stages-table-full[b-lg6nskynps] {
    max-width: 600px;
}

.fm-stages-header[b-lg6nskynps] {
    display: flex;
    padding: 8px 16px;
    font-size: 0.65rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.fm-stages-row[b-lg6nskynps] {
    display: flex;
    padding: 6px 16px;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: background 0.15s;
}

.fm-stages-row:hover[b-lg6nskynps] {
    background: rgba(255, 255, 255, 0.03);
}

.fm-stages-row:last-child[b-lg6nskynps] {
    border-bottom: none;
}

.fm-stages-own[b-lg6nskynps] {
    background: rgba(0, 200, 255, 0.06);
    color: #fff;
    font-weight: 600;
}

.fm-stages-own:hover[b-lg6nskynps] {
    background: rgba(0, 200, 255, 0.1);
}

.fm-stages-pos[b-lg6nskynps] {
    width: 30px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

.fm-stages-own .fm-stages-pos[b-lg6nskynps] {
    color: #00c8ff;
}

.fm-stages-team[b-lg6nskynps] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-stages-stat[b-lg6nskynps] {
    width: 36px;
    text-align: center;
    flex-shrink: 0;
}
/* /Components/TeamManagement/FmSubNav.razor.rz.scp.css */
/* ── FM Sub Navigation — domain-specific styles only ── */
/* Shared container/item styles in ManagementSubNav.razor.css and ManagementSubNavItem.razor.css */

/* ── Scouting › Player Report separator ─────────────── */
.fm-subnav-sep[b-88cf9uvztw] {
    color: rgba(255, 255, 255, 0.25);
    font-size: 1.1rem;
    line-height: 1;
    padding: 0 2px;
    pointer-events: none;
    display: flex;
    align-items: center;
}
/* /Components/TeamManagement/FmTeamSwitcher.razor.rz.scp.css */
.fm-switcher-btn[b-wv4r4rjz0u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: rgba(255,255,255,0.6);
    transition: color .15s, background .15s;
}

.fm-switcher-btn:hover[b-wv4r4rjz0u] {
    color: #fff;
    background: rgba(255,255,255,0.08);
}

.fm-team-switcher-activator[b-wv4r4rjz0u] {
    display: flex;
    min-width: 0;
    border-radius: 6px;
    outline: none;
}

.fm-team-switcher-activator:focus-visible[b-wv4r4rjz0u] {
    box-shadow: 0 0 0 2px rgba(0, 200, 255, 0.5);
}

.fm-switcher-chevron[b-wv4r4rjz0u] {
    font-size: 1.1rem !important;
}

/* ── Popover inner ─────────────────────────────────── */
.fm-switcher-popover .fm-switcher-inner[b-wv4r4rjz0u] {
    min-width: 220px;
    padding: 4px 0;
}

.fm-switcher-item[b-wv4r4rjz0u] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px 14px;
    text-align: left;
    color: rgba(255,255,255,0.85);
    font-size: .85rem;
    transition: background .15s;
}

.fm-switcher-item:hover[b-wv4r4rjz0u] {
    background: rgba(255,255,255,0.07);
}

.fm-switcher-item--active[b-wv4r4rjz0u] {
    background: rgba(0, 200, 255, 0.1);
    color: #00c8ff;
}

.fm-switcher-logo[b-wv4r4rjz0u] {
    flex-shrink: 0;
    width: 28px !important;
    height: 28px !important;
}

.fm-switcher-name[b-wv4r4rjz0u] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-switcher-tag[b-wv4r4rjz0u] {
    margin-left: 4px;
    color: rgba(255,255,255,0.4);
    font-size: .75rem;
}

/* ── Role badges ──────────────────────────────────── */
.fm-switcher-role[b-wv4r4rjz0u] {
    flex-shrink: 0;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 2px 6px;
    border-radius: 10px;
    text-transform: uppercase;
}

.fm-switcher-role--manager[b-wv4r4rjz0u] {
    background: rgba(255, 145, 0, 0.2);
    color: #ff9100;
    border: 1px solid rgba(255,145,0,0.35);
}

.fm-switcher-role--comanager[b-wv4r4rjz0u] {
    background: rgba(0, 200, 255, 0.15);
    color: #00c8ff;
    border: 1px solid rgba(0,200,255,0.3);
}

.fm-switcher-role--player[b-wv4r4rjz0u] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.55);
    border: 1px solid rgba(255,255,255,0.15);
}

@media (max-width: 599px) {
    .fm-team-switcher-activator[b-wv4r4rjz0u] {
        flex: 0 0 auto;
        min-width: max-content;
    }
}
/* /Components/TeamManagement/FmTopBar.razor.rz.scp.css */
/* ── FM Top Bar — domain-specific styles only ───────── */
/* Shared top-bar shell styles are in ManagementTopBar.razor.css */
/* Shared nav-item styles are in ManagementNavItem.razor.css */

/* ── Team Identity wrapper (identity link + switcher chevron) ── */
.fm-team-identity-wrap[b-n5nellco8s] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 14px;
    border-right: 1px solid rgba(122, 210, 255, 0.14);
    margin-right: 4px;
    flex-shrink: 0;
}

/* ── Team Identity ───────────────────────────────────── */
.fm-team-identity[b-n5nellco8s] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: opacity 0.2s;
}

.fm-team-identity:hover[b-n5nellco8s] {
    opacity: 0.8;
}

.fm-team-switcher-activator[b-n5nellco8s] {
    display: flex;
    min-width: 0;
    border-radius: 6px;
    outline: none;
}

.fm-team-switcher-activator:focus-visible[b-n5nellco8s] {
    box-shadow: 0 0 0 2px rgba(0, 200, 255, 0.5);
}

.fm-team-switch-icon[b-n5nellco8s] {
    margin-left: -2px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 1.1rem !important;
    flex-shrink: 0;
}

[b-n5nellco8s] .fm-team-logo {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 200, 255, 0.32);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.14);
    flex-shrink: 0;
}

.fm-team-text[b-n5nellco8s] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.fm-team-name[b-n5nellco8s] {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 0;
}

.fm-team-tag[b-n5nellco8s] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
}

/* ── Info Strip Items ───────────────────────────────── */
.fm-info-item[b-n5nellco8s] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0 6px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .fm-team-name[b-n5nellco8s] {
        font-size: 0.85rem;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fm-team-tag[b-n5nellco8s] {
        display: none;
    }
}

@media (max-width: 599px) {
    /* Identity row is now full-width — no border needed and name has room */
    .fm-team-identity-wrap[b-n5nellco8s] {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .fm-team-switcher-activator[b-n5nellco8s],
    .fm-team-identity[b-n5nellco8s] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .fm-team-text[b-n5nellco8s] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .fm-team-name[b-n5nellco8s] {
        max-width: 100%;
        font-size: 0.95rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fm-team-tag[b-n5nellco8s] {
        display: none;
    }
}
/* /Components/TeamManagement/FmTransferDiscordBotSettings.razor.rz.scp.css */
.fm-transfer-bot[b-r9yvtsh2zm] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(7, 18, 32, 0.34);
}

.fm-transfer-bot__header[b-r9yvtsh2zm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.fm-transfer-bot__kicker[b-r9yvtsh2zm] {
    display: block;
    margin-bottom: 2px;
    color: #67e8f9;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.fm-transfer-bot__title[b-r9yvtsh2zm] {
    color: #fff;
    font-weight: 800;
}

.fm-transfer-bot__muted[b-r9yvtsh2zm] {
    color: rgba(198, 218, 238, 0.68);
}

.fm-transfer-bot__summary[b-r9yvtsh2zm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.fm-transfer-bot__summary-item[b-r9yvtsh2zm] {
    display: grid;
    gap: 2px;
    min-height: 52px;
    padding: 9px 10px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.fm-transfer-bot__summary-item span[b-r9yvtsh2zm],
.fm-transfer-bot__section-heading span[b-r9yvtsh2zm] {
    color: rgba(198, 218, 238, 0.66);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-transfer-bot__summary-item strong[b-r9yvtsh2zm] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.fm-transfer-bot__summary-item .is-good[b-r9yvtsh2zm] {
    color: #6ee7a8;
}

.fm-transfer-bot__summary-item .is-warn[b-r9yvtsh2zm] {
    color: #ffd98a;
}

.fm-transfer-bot__offline-note[b-r9yvtsh2zm],
.fm-transfer-bot__rule-note[b-r9yvtsh2zm] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 0.8rem;
    line-height: 1.35;
}

.fm-transfer-bot__offline-note[b-r9yvtsh2zm] {
    margin-bottom: 10px;
    border: 1px solid rgba(240, 178, 50, 0.45);
    color: #ffd98a;
    background: rgba(240, 178, 50, 0.08);
}

.fm-transfer-bot__rule-note[b-r9yvtsh2zm] {
    grid-column: 1 / -1;
    border: 1px solid rgba(0, 200, 255, 0.28);
    color: #9deeff;
    background: rgba(0, 200, 255, 0.06);
}

.fm-transfer-bot__offline-note .mud-icon-root[b-r9yvtsh2zm],
.fm-transfer-bot__rule-note .mud-icon-root[b-r9yvtsh2zm] {
    flex: 0 0 auto;
    font-size: 1.04rem;
}

.fm-transfer-bot__layout[b-r9yvtsh2zm] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 10px;
}

.fm-transfer-bot__panel[b-r9yvtsh2zm] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.fm-transfer-bot__panel--wide[b-r9yvtsh2zm] {
    grid-column: 1 / -1;
}

.fm-transfer-bot__section-heading[b-r9yvtsh2zm] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.fm-transfer-bot__section-heading > div[b-r9yvtsh2zm] {
    display: grid;
    gap: 2px;
}

.fm-transfer-bot__section-heading strong[b-r9yvtsh2zm] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
}

.fm-transfer-bot__role-pills[b-r9yvtsh2zm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.fm-transfer-bot__role-pill[b-r9yvtsh2zm] {
    display: flex;
    gap: 4px;
    align-items: center;
    min-height: 38px;
    padding: 4px 8px 4px 2px;
    border: 1px solid rgba(122, 210, 255, 0.1);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.026);
    font-size: 0.84rem;
    font-weight: 800;
}

.fm-transfer-bot__permission-table[b-r9yvtsh2zm] {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
    table-layout: fixed;
}

.fm-transfer-bot__permission-table th[b-r9yvtsh2zm],
.fm-transfer-bot__permission-table td[b-r9yvtsh2zm] {
    padding: 5px 6px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.08);
    vertical-align: middle;
}

.fm-transfer-bot__permission-table th[b-r9yvtsh2zm] {
    color: rgba(198, 218, 238, 0.68);
    font-size: 0.66rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.fm-transfer-bot__permission-table th:first-child[b-r9yvtsh2zm],
.fm-transfer-bot__permission-table td:first-child[b-r9yvtsh2zm] {
    width: 42%;
    text-align: left;
}

.fm-transfer-bot__permission-table td[b-r9yvtsh2zm] {
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    text-align: center;
}

.fm-transfer-bot__permission-table tr:last-child td[b-r9yvtsh2zm] {
    border-bottom: 0;
}

.fm-transfer-bot__recipient-list[b-r9yvtsh2zm] {
    display: grid;
    gap: 6px;
}

.fm-transfer-bot__recipient[b-r9yvtsh2zm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 7px 9px 7px 2px;
    border: 1px solid rgba(122, 210, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
}

.fm-transfer-bot__recipient strong[b-r9yvtsh2zm],
.fm-transfer-bot__recipient small[b-r9yvtsh2zm] {
    display: block;
    overflow-wrap: anywhere;
}

.fm-transfer-bot__recipient strong[b-r9yvtsh2zm] {
    color: #fff;
    font-size: 0.84rem;
}

.fm-transfer-bot__recipient small[b-r9yvtsh2zm] {
    color: rgba(198, 218, 238, 0.64);
    font-size: 0.7rem;
}

.fm-transfer-bot__empty[b-r9yvtsh2zm] {
    padding: 10px;
    border-radius: 8px;
    color: rgba(198, 218, 238, 0.72);
    background: rgba(255, 255, 255, 0.026);
    font-size: 0.82rem;
}

.fm-transfer-bot__actions[b-r9yvtsh2zm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
}

[b-r9yvtsh2zm] .fm-transfer-bot__role-pill .mud-checkbox,
[b-r9yvtsh2zm] .fm-transfer-bot__permission-table .mud-checkbox,
[b-r9yvtsh2zm] .fm-transfer-bot__recipient .mud-checkbox {
    margin: 0;
}

[b-r9yvtsh2zm] .fm-transfer-bot__role-pill .mud-button-root,
[b-r9yvtsh2zm] .fm-transfer-bot__permission-table .mud-button-root,
[b-r9yvtsh2zm] .fm-transfer-bot__recipient .mud-button-root {
    padding: 4px;
}

[b-r9yvtsh2zm] .fm-transfer-bot__section-heading .mud-switch {
    margin: 0;
}

@media (max-width: 900px) {
    .fm-transfer-bot__layout[b-r9yvtsh2zm],
    .fm-transfer-bot__role-pills[b-r9yvtsh2zm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .fm-transfer-bot__header[b-r9yvtsh2zm],
    .fm-transfer-bot__recipient[b-r9yvtsh2zm] {
        grid-template-columns: 1fr;
    }

    .fm-transfer-bot__header[b-r9yvtsh2zm] {
        display: grid;
    }

    .fm-transfer-bot__section-heading[b-r9yvtsh2zm],
    .fm-transfer-bot__actions[b-r9yvtsh2zm] {
        align-items: stretch;
    }

    .fm-transfer-bot__summary[b-r9yvtsh2zm] {
        gap: 6px;
    }

    .fm-transfer-bot__summary-item[b-r9yvtsh2zm] {
        padding: 7px;
    }

    .fm-transfer-bot__summary-item span[b-r9yvtsh2zm],
    .fm-transfer-bot__section-heading span[b-r9yvtsh2zm],
    .fm-transfer-bot__permission-table th[b-r9yvtsh2zm] {
        font-size: 0.58rem;
    }

    .fm-transfer-bot__summary-item strong[b-r9yvtsh2zm],
    .fm-transfer-bot__permission-table td[b-r9yvtsh2zm] {
        font-size: 0.76rem;
    }

    .fm-transfer-bot__actions .mud-button-root[b-r9yvtsh2zm] {
        width: 100%;
    }
}
/* /Components/TeamManagement/FmTransfersPanel.razor.rz.scp.css */
/* ── FM Transfers Panel ─────────────────────────────────── */

/* ── Filter Bar ─────────────────────────────────────────── */

.ftp-filter-bar[b-zk2tpz1s7t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.ftp-filter-group[b-zk2tpz1s7t] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ftp-filter-group + .ftp-filter-group[b-zk2tpz1s7t] {
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.ftp-chip[b-zk2tpz1s7t] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 20px;
    background: transparent;
    color: rgba(219, 235, 255, 0.68);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.ftp-chip:hover[b-zk2tpz1s7t] {
    border-color: rgba(0, 200, 255, 0.4);
    color: #fff;
    background: rgba(0, 200, 255, 0.07);
}

.ftp-chip.active[b-zk2tpz1s7t] {
    border-color: rgba(0, 200, 255, 0.58);
    color: #00c8ff;
    background: linear-gradient(135deg, rgba(0, 200, 255, 0.15), rgba(109, 61, 255, 0.09));
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.12);
}

.ftp-chip-badge[b-zk2tpz1s7t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 10px;
    background: rgba(0, 200, 255, 0.20);
    color: #00c8ff;
    font-size: 0.70rem;
    font-weight: 700;
}

/* ── List ─────────────────────────────────────────────────── */

.ftp-list[b-zk2tpz1s7t] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ftp-invite-cap[b-zk2tpz1s7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.055);
    color: rgba(219, 235, 255, 0.72);
    font-size: 0.78rem;
}

.ftp-invite-cap > div[b-zk2tpz1s7t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.ftp-cap-kicker[b-zk2tpz1s7t] {
    color: #00c8ff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ftp-invite-cap strong[b-zk2tpz1s7t] {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.ftp-cap-warning[b-zk2tpz1s7t] {
    color: #ffc947;
    font-weight: 800;
}

.ftp-empty[b-zk2tpz1s7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 16px;
    opacity: 0.7;
}

@media (max-width: 700px) {
    .ftp-invite-cap[b-zk2tpz1s7t] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueCalendarBoard.razor.rz.scp.css */
.fm-board-toolbar[b-qj10nx88zc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.fm-board-toolbar > div:first-child[b-qj10nx88zc] {
    display: grid;
    gap: 3px;
}

.fm-board-toolbar span[b-qj10nx88zc],
.fm-match-details-head > span[b-qj10nx88zc] {
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-board-toolbar b[b-qj10nx88zc] {
    color: #fff;
    font-size: 20px;
    line-height: 1.15;
}

.fm-filter-tabs[b-qj10nx88zc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--lm-radius);
    background: rgba(0, 0, 0, 0.24);
}

.fm-filter-tab[b-qj10nx88zc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.fm-filter-tab:hover[b-qj10nx88zc],
.fm-filter-tab:focus-visible[b-qj10nx88zc] {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
}

.fm-filter-tab.is-active[b-qj10nx88zc] {
    border-color: rgba(0, 200, 255, 0.32);
    background: linear-gradient(180deg, rgba(0, 200, 255, 0.28), rgba(0, 200, 255, 0.18));
    color: #fff;
    box-shadow: inset 0 -2px 0 var(--lm-cyan);
}

.fm-calendar-board.has-detail-panel[b-qj10nx88zc] {
    padding-right: 344px;
}

.fm-calendar-detail-backdrop[b-qj10nx88zc] {
    position: fixed;
    inset: 0;
    z-index: 1299;
    border: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.fm-calendar-grid-panel[b-qj10nx88zc],
.fm-match-details-panel[b-qj10nx88zc] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background:
        linear-gradient(180deg, rgba(15, 30, 47, 0.92), rgba(5, 12, 20, 0.96)),
        var(--lm-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.fm-league-calendar-legend[b-qj10nx88zc] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 12px;
    color: var(--lm-muted);
    font-size: 12px;
}

.fm-league-calendar-legend span[b-qj10nx88zc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fm-league-calendar-legend i[b-qj10nx88zc] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.fm-league-calendar-legend .is-fixture[b-qj10nx88zc] { background: var(--lm-cyan); }
.fm-league-calendar-legend .is-result[b-qj10nx88zc] { background: var(--lm-green); }
.fm-league-calendar-legend .is-request[b-qj10nx88zc] { background: var(--lm-amber); }
.fm-league-calendar-legend .is-overflow[b-qj10nx88zc] { background: rgba(255, 255, 255, 0.44); }

.fm-calendar-grid-panel[b-qj10nx88zc]  .fm-league-pcw-calendar {
    --pcw-calendar-day-min-height: 88px;
    --pcw-calendar-entry-compact-min-height: 28px;
}

.fm-calendar-item[b-qj10nx88zc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 5px 7px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 34px;
    margin: 2px 0;
    padding: 6px 8px;
    border: 1px solid rgba(0, 200, 255, 0.22);
    border-radius: 6px;
    background: rgba(0, 149, 202, 0.22);
    color: #fff;
    font-size: 11px;
    line-height: 1.1;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.fm-calendar-item:hover[b-qj10nx88zc],
.fm-calendar-item:focus-visible[b-qj10nx88zc] {
    border-color: var(--lm-cyan);
    background: rgba(0, 200, 255, 0.24);
}

.fm-calendar-item span[b-qj10nx88zc] {
    color: rgba(255, 255, 255, 0.74);
    font-weight: 700;
}

.fm-calendar-item b[b-qj10nx88zc] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-calendar-item em[b-qj10nx88zc] {
    grid-column: 1 / -1;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(0, 200, 255, 0.18);
    color: var(--lm-cyan);
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-calendar-item--result[b-qj10nx88zc] {
    border-color: rgba(91, 211, 66, 0.34);
    background: rgba(91, 211, 66, 0.13);
}

.fm-calendar-item--result em[b-qj10nx88zc] {
    background: rgba(91, 211, 66, 0.14);
    color: #9cff88;
}

.fm-calendar-item--request[b-qj10nx88zc] {
    border-color: rgba(242, 201, 76, 0.42);
    background: rgba(242, 201, 76, 0.14);
}

.fm-calendar-item--request em[b-qj10nx88zc] {
    background: rgba(242, 201, 76, 0.18);
    color: #ffd86d;
}

.fm-calendar-item--overflow[b-qj10nx88zc] {
    position: sticky;
    bottom: 2px;
    display: block;
    min-height: 28px;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-weight: 900;
    text-align: center;
}

.fm-empty-inline[b-qj10nx88zc] {
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-calendar-match[b-qj10nx88zc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--lm-radius);
    background: rgba(255, 255, 255, 0.035);
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-calendar-match:hover[b-qj10nx88zc],
.fm-calendar-match:focus-visible[b-qj10nx88zc],
.fm-calendar-match.is-selected[b-qj10nx88zc] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
}

.fm-calendar-match small[b-qj10nx88zc] {
    color: var(--lm-muted);
    font-size: 12px;
}

.fm-calendar-match b[b-qj10nx88zc] {
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    text-overflow: ellipsis;
}

.fm-calendar-match em[b-qj10nx88zc] {
    padding: 3px 7px;
    border-radius: 5px;
    background: rgba(0, 200, 255, 0.13);
    color: var(--lm-cyan);
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-calendar-match--request[b-qj10nx88zc] {
    border-color: rgba(242, 201, 76, 0.24);
}

.fm-calendar-match--request em[b-qj10nx88zc] {
    background: rgba(242, 201, 76, 0.2);
    color: var(--lm-amber);
}

.fm-calendar-match--result[b-qj10nx88zc] {
    border-color: rgba(91, 211, 66, 0.22);
}

.fm-calendar-match--result em[b-qj10nx88zc] {
    background: rgba(91, 211, 66, 0.16);
    color: #9cff88;
}

.fm-match-details-panel[b-qj10nx88zc] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1300;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 380px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow-y: auto;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 200, 255, 0.09), transparent 38%),
        linear-gradient(180deg, rgba(9, 21, 34, 0.98), rgba(4, 10, 17, 0.98));
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
    animation: fm-calendar-sidebar-in-b-qj10nx88zc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fm-calendar-sidebar-in-b-qj10nx88zc {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.fm-match-details-head[b-qj10nx88zc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fm-detail-status[b-qj10nx88zc] {
    align-self: flex-start;
    padding: 5px 10px;
    border: 1px solid rgba(0, 200, 255, 0.42);
    border-radius: 5px;
    background: rgba(0, 200, 255, 0.12);
    color: var(--lm-cyan);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.fm-detail-status--request[b-qj10nx88zc] {
    border-color: rgba(242, 201, 76, 0.42);
    background: rgba(242, 201, 76, 0.12);
    color: var(--lm-amber);
}

.fm-detail-status--result[b-qj10nx88zc] {
    border-color: rgba(91, 211, 66, 0.38);
    background: rgba(91, 211, 66, 0.12);
    color: #9cff88;
}

.fm-detail-kickoff[b-qj10nx88zc] {
    display: grid;
    gap: 2px;
}

.fm-detail-kickoff small[b-qj10nx88zc],
.fm-detail-kickoff em[b-qj10nx88zc] {
    color: var(--lm-muted);
    font-size: 12px;
    font-style: normal;
}

.fm-detail-kickoff b[b-qj10nx88zc] {
    color: #fff;
    font-size: 40px;
    line-height: 1;
}

.fm-detail-teams[b-qj10nx88zc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 10px 0 4px;
    text-align: center;
}

.fm-detail-teams > div[b-qj10nx88zc] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
}

.fm-detail-teams[b-qj10nx88zc]  .fm-team-mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
}

.fm-detail-teams b[b-qj10nx88zc] {
    max-width: 112px;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 12px;
    line-height: 1.25;
}

.fm-detail-teams > span[b-qj10nx88zc] {
    margin-top: 18px;
    color: var(--lm-muted);
    font-size: 12px;
    font-weight: 900;
}

.fm-detail-card[b-qj10nx88zc] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--lm-radius);
    background: rgba(255, 255, 255, 0.026);
}

.fm-detail-row[b-qj10nx88zc] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.fm-detail-row[b-qj10nx88zc]  .mud-icon-root {
    color: var(--lm-muted);
}

.fm-detail-row span[b-qj10nx88zc] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.fm-detail-row small[b-qj10nx88zc] {
    color: var(--lm-muted);
    font-size: 11px;
}

.fm-detail-row b[b-qj10nx88zc] {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
}

.fm-detail-actions[b-qj10nx88zc] {
    display: grid;
    gap: 8px;
    margin-top: auto;
}

.fm-detail-actions[b-qj10nx88zc]  .mud-button-root {
    min-height: 38px;
    border-radius: 6px;
    font-weight: 900;
    text-transform: none;
}

.fm-empty-details[b-qj10nx88zc] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 280px;
    color: var(--lm-muted);
    text-align: center;
}

.fm-empty-details b[b-qj10nx88zc] {
    color: #fff;
}

@media (max-width: 1420px) {
    .fm-calendar-board.has-detail-panel[b-qj10nx88zc] {
        padding-right: 0;
    }

    .fm-calendar-layout[b-qj10nx88zc] {
        grid-template-columns: 1fr;
    }

    .fm-match-details-panel[b-qj10nx88zc] {
        position: fixed;
        width: 380px;
        max-width: 90vw;
        min-height: 0;
    }
}

@media (max-width: 900px) {
    .fm-board-toolbar[b-qj10nx88zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .fm-filter-tabs[b-qj10nx88zc] {
        width: 100%;
        overflow-x: auto;
    }

    .fm-filter-tab[b-qj10nx88zc] {
        flex: 1 0 auto;
    }

    .fm-calendar-item[b-qj10nx88zc] {
        min-height: 30px;
        padding: 5px 6px;
    }

    .fm-calendar-item em[b-qj10nx88zc] {
        display: none;
    }
}

@media (max-width: 640px) {
    .fm-calendar-grid-panel[b-qj10nx88zc],
    .fm-match-details-panel[b-qj10nx88zc] {
        padding: 12px;
    }

    .fm-calendar-match[b-qj10nx88zc] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .fm-calendar-match em[b-qj10nx88zc] {
        display: none;
    }
}

.fm-board-actions[b-qj10nx88zc],
.fm-calendar-filter-row[b-qj10nx88zc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.fm-calendar-filter-row[b-qj10nx88zc] {
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: var(--lm-radius);
    background: #07111b;
}

.fm-filter-tab b[b-qj10nx88zc] {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.16);
    color: #fff;
    font-size: 11px;
}

.fm-calendar-match[b-qj10nx88zc] {
    min-height: 58px;
    border-left: 3px solid var(--lm-cyan);
}

.fm-calendar-match--request[b-qj10nx88zc] {
    border-left-color: var(--lm-amber);
}

.fm-calendar-match--result[b-qj10nx88zc] {
    border-left-color: var(--lm-green);
}

.fm-match-details-panel[b-qj10nx88zc] {
    position: sticky;
    top: 16px;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: auto;
    max-height: calc(100dvh - 170px);
}

.fm-calendar-grid-panel[b-qj10nx88zc] {
    margin-top: 14px;
}

@media (max-width: 1420px) {
    .fm-match-details-panel[b-qj10nx88zc] {
        position: sticky;
        top: 12px;
        max-height: none;
    }
}

@media (max-width: 960px) {
    .fm-board-actions[b-qj10nx88zc],
    .fm-calendar-filter-row[b-qj10nx88zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .fm-match-details-panel[b-qj10nx88zc] {
        position: static;
    }
}

.fm-match-details-panel[b-qj10nx88zc] {
    position: fixed;
    top: 128px;
    right: 24px;
    bottom: 24px;
    z-index: 1260;
    width: min(380px, calc(100vw - 32px));
    max-height: none;
}

@media (max-width: 760px) {
    .fm-calendar-detail-backdrop[b-qj10nx88zc] {
        background: rgba(0, 0, 0, 0.48);
    }

    .fm-match-details-panel[b-qj10nx88zc] {
        top: auto;
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        max-height: min(78dvh, 620px);
    }
}

.fm-match-details-panel[b-qj10nx88zc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 1300;
    width: 380px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 0;
}

@media (max-width: 480px) {
    .fm-match-details-panel[b-qj10nx88zc] {
        width: 100vw;
        max-width: 100vw;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueLineupDrawer.razor.rz.scp.css */
.fm-lineup-drawer[b-ao62ydgcii] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    min-height: min(760px, calc(100dvh - 160px));
    padding: 18px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 200, 255, 0.055), transparent 32%),
        #07111b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    box-sizing: border-box;
}

.fm-lineup-drawer-head[b-ao62ydgcii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(82, 121, 153, 0.2);
}

.fm-lineup-drawer-head h3[b-ao62ydgcii] {
    margin: 0 0 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.fm-lineup-drawer-head b[b-ao62ydgcii],
.fm-lineup-drawer-head span[b-ao62ydgcii] {
    display: block;
    color: var(--lm-text);
    font-size: 13px;
    line-height: 1.35;
}

.fm-lineup-drawer-head span[b-ao62ydgcii] {
    color: var(--lm-muted);
}

.fm-lineup-state[b-ao62ydgcii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.fm-lineup-quick-actions[b-ao62ydgcii] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.fm-lineup-quick-actions[b-ao62ydgcii]  .mud-button-root {
    min-height: 34px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-lineup-state small[b-ao62ydgcii],
.fm-empty-inline[b-ao62ydgcii] {
    color: #9cb4c8;
    font-size: 12px;
}

.fm-lineup-state small[b-ao62ydgcii] {
    text-align: right;
}

.fm-status-pill[b-ao62ydgcii] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #101b26;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.fm-status-pill[b-ao62ydgcii]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.fm-status-pill--ready[b-ao62ydgcii] {
    background: transparent;
    color: #83f06d;
}

.fm-status-pill--pending[b-ao62ydgcii] {
    background: transparent;
    color: var(--lm-amber);
}

.fm-status-pill--locked[b-ao62ydgcii] {
    background: transparent;
    color: var(--lm-cyan);
}

.fm-drawer-section[b-ao62ydgcii] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.fm-drawer-section > *[b-ao62ydgcii] {
    min-width: 0;
    width: auto;
    max-width: 100%;
    justify-self: stretch;
}

.fm-drawer-label[b-ao62ydgcii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.fm-drawer-label span[b-ao62ydgcii],
.fm-drawer-section > span[b-ao62ydgcii] {
    color: #91a9bd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-drawer-label button[b-ao62ydgcii] {
    border: 0;
    background: transparent;
    color: var(--lm-cyan);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.fm-recent-lineups[b-ao62ydgcii] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.fm-recent-lineup[b-ao62ydgcii] {
    position: relative;
    display: grid;
    gap: 5px;
    min-height: 58px;
    padding: 9px;
    border: 1px solid rgba(82, 121, 153, 0.2);
    border-radius: 7px;
    background: #0a141f;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.fm-recent-lineup:hover[b-ao62ydgcii],
.fm-recent-lineup.is-selected[b-ao62ydgcii] {
    border-color: rgba(0, 200, 255, 0.38);
    background: #0b2130;
}

.fm-recent-lineup b[b-ao62ydgcii],
.fm-recent-lineup small[b-ao62ydgcii] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-recent-lineup b[b-ao62ydgcii] {
    font-size: 12px;
}

.fm-recent-lineup small[b-ao62ydgcii] {
    color: var(--lm-muted);
    font-size: 11px;
}

.fm-recent-lineup[b-ao62ydgcii]  .mud-icon-root {
    position: absolute;
    right: 7px;
    bottom: 7px;
    color: #7de67a;
}

.fm-lineup-picker-row[b-ao62ydgcii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    width: auto;
    max-width: 100%;
}

.fm-lineup-picker-row span[b-ao62ydgcii] {
    color: #91a9bd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-lineup-picker-row b[b-ao62ydgcii] {
    min-width: 84px;
    padding: 6px 10px;
    border: 1px solid rgba(82, 121, 153, 0.2);
    border-radius: 6px;
    background: #0a141f;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.fm-lineup-select[b-ao62ydgcii] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.fm-drawer-section[b-ao62ydgcii]  .mud-select,
.fm-drawer-section[b-ao62ydgcii]  .mud-input-control,
.fm-drawer-section[b-ao62ydgcii]  .mud-input-control-input-container,
.fm-drawer-section[b-ao62ydgcii]  .mud-input,
.fm-drawer-section[b-ao62ydgcii]  .mud-input-outlined-border,
.fm-drawer-section[b-ao62ydgcii]  .mud-popover-cascading-value {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.fm-drawer-section[b-ao62ydgcii]  .mud-input-slot {
    height: auto !important;
    min-height: 56px;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.fm-lineup-select[b-ao62ydgcii]  .mud-input-control,
.fm-lineup-select[b-ao62ydgcii]  .mud-input-control-input-container,
.fm-lineup-select[b-ao62ydgcii]  .mud-input,
.fm-lineup-select[b-ao62ydgcii]  .mud-input-outlined-border,
.fm-lineup-select[b-ao62ydgcii]  .mud-popover-cascading-value {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.fm-lineup-select[b-ao62ydgcii]  .mud-input-slot {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-lineup-preview-list[b-ao62ydgcii] {
    overflow: hidden;
    border: 1px solid rgba(82, 121, 153, 0.2);
    border-radius: 7px;
    background: #0a141f;
}

.fm-lineup-preview-row[b-ao62ydgcii] {
    display: grid;
    grid-template-columns: 42px 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 31px;
    padding: 4px 8px;
    border-bottom: 1px solid rgba(82, 121, 153, 0.17);
}

.fm-lineup-preview-row:last-child[b-ao62ydgcii] {
    border-bottom: 0;
}

.fm-lineup-preview-row.is-empty[b-ao62ydgcii] {
    opacity: 0.68;
}

.fm-position-tag[b-ao62ydgcii] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    min-height: 22px;
    padding: 2px 6px;
    border-radius: 5px;
    background: #172431;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.fm-position-tag--gk[b-ao62ydgcii] { background: rgba(0, 149, 202, 0.32); }
.fm-position-tag--def[b-ao62ydgcii] { background: rgba(28, 118, 178, 0.38); }
.fm-position-tag--mid[b-ao62ydgcii] { background: rgba(60, 160, 82, 0.38); }
.fm-position-tag--att[b-ao62ydgcii] { background: rgba(190, 62, 72, 0.46); }

.fm-slot-number[b-ao62ydgcii] {
    color: #9cb4c8;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.fm-lineup-preview-row b[b-ao62ydgcii] {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-lineup-preview-row.is-empty b[b-ao62ydgcii] {
    color: var(--lm-muted);
    font-style: italic;
}

.fm-empty-lineup[b-ao62ydgcii] {
    display: grid;
    min-height: 130px;
    place-items: center;
    gap: 8px;
    padding: 18px;
    border: 1px dashed rgba(82, 121, 153, 0.28);
    border-radius: var(--lm-radius);
    background: #0a141f;
    color: var(--lm-muted);
    text-align: center;
}

.fm-empty-lineup b[b-ao62ydgcii] {
    color: #fff;
}

.fm-empty-lineup span[b-ao62ydgcii] {
    color: var(--lm-muted);
    font-size: 13px;
}

.fm-lineup-drawer-actions[b-ao62ydgcii] {
    position: sticky;
    bottom: -18px;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: auto;
    padding: 14px 0 0;
    border-top: 1px solid rgba(82, 121, 153, 0.2);
    background: linear-gradient(180deg, rgba(7, 17, 27, 0.78), #07111b 34%);
}

.fm-lineup-drawer-actions[b-ao62ydgcii]  .mud-button-root {
    min-height: 44px;
    border-radius: 7px;
    font-weight: 900;
    text-transform: none;
}

.fm-open-builder[b-ao62ydgcii] {
    align-self: flex-start;
}

@media (max-width: 1280px) {
    .fm-lineup-drawer[b-ao62ydgcii] {
        position: static;
        min-height: 0;
    }
}

@media (max-width: 900px) {
    .fm-lineup-drawer[b-ao62ydgcii] {
        position: fixed;
        inset: auto 0 0;
        z-index: 20;
        max-height: 82dvh;
        overflow: auto;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.42);
    }
}

@media (max-width: 640px) {
    .fm-recent-lineups[b-ao62ydgcii],
    .fm-lineup-quick-actions[b-ao62ydgcii],
    .fm-lineup-drawer-actions[b-ao62ydgcii] {
        grid-template-columns: 1fr;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueMatchweekStack.razor.rz.scp.css */
.fm-matchweek-stack[b-68bu1t1my0] {
    display: grid;
    gap: 12px;
}

.fm-matchweek-stack--split[b-68bu1t1my0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.fm-matchweeks-kicker[b-68bu1t1my0] {
    color: #91a9bd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fm-matchweek-stack--split .fm-matchweeks-kicker[b-68bu1t1my0],
.fm-matchweek-stack--split .fm-matchweek-empty[b-68bu1t1my0] {
    grid-column: 1 / -1;
}

.fm-matchweek-empty[b-68bu1t1my0] {
    display: grid;
    min-height: 170px;
    place-items: center;
    gap: 8px;
    border: 1px dashed rgba(82, 121, 153, 0.28);
    border-radius: var(--lm-radius);
    background: #050b12;
    color: var(--lm-muted);
    text-align: center;
}

.fm-matchweek-card[b-68bu1t1my0] {
    overflow: hidden;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #050b12;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.fm-matchweek-stack--split .fm-matchweek-card:first-of-type[b-68bu1t1my0] {
    border-color: rgba(245, 200, 75, 0.5);
    background:
        linear-gradient(90deg, rgba(245, 200, 75, 0.055), transparent 42%),
        #050b12;
}

.fm-matchweek-head[b-68bu1t1my0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 10px 14px;
    border: 0;
    background: #07131d;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease;
}

.fm-matchweek-head:hover[b-68bu1t1my0],
.fm-matchweek-head:focus-visible[b-68bu1t1my0],
.fm-matchweek-card.is-expanded .fm-matchweek-head[b-68bu1t1my0] {
    background: #081a26;
}

.fm-matchweek-icon[b-68bu1t1my0] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(132, 156, 176, 0.22);
    border-radius: 6px;
    background: #101b26;
    color: #a6bbcd;
}

.fm-matchweek-head-copy[b-68bu1t1my0] {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin-right: auto;
}

.fm-matchweek-head-copy b[b-68bu1t1my0] {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fm-matchweek-head-copy small[b-68bu1t1my0] {
    color: #9cb4c8;
    font-size: 11px;
    font-weight: 700;
}

.fm-matchweek-head-meta[b-68bu1t1my0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9cb4c8;
}

.fm-matchweek-head-meta b[b-68bu1t1my0] {
    color: #b5c7d6;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.fm-matchweek-list[b-68bu1t1my0] {
    display: grid;
    gap: 0;
    padding: 0 12px 10px;
}

.fm-matchweek-row[b-68bu1t1my0] {
    display: grid;
    grid-template-columns: 90px minmax(140px, 1fr) minmax(76px, auto) minmax(140px, 1fr) minmax(150px, auto) auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 10px 0;
    border-top: 1px solid rgba(82, 121, 153, 0.18);
    background: #050b12;
}

.fm-matchweek-stack--split .fm-matchweek-row[b-68bu1t1my0],
.fm-matchweek-stack--split .fm-matchweek-row.is-result[b-68bu1t1my0] {
    grid-template-columns: 70px minmax(0, 1fr) minmax(86px, max-content) minmax(118px, auto);
    min-height: 96px;
    gap: 8px 12px;
    padding: 10px 12px;
}

.fm-matchweek-stack--split .fm-matchweek-list[b-68bu1t1my0] {
    padding: 0;
}

.fm-matchweek-stack--split .fm-matchweek-row .fm-match-team span:last-child[b-68bu1t1my0],
.fm-matchweek-stack--split .fm-match-pair span[b-68bu1t1my0] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-matchweek-stack--split .fm-matchweek-row--compact .fm-match-date-block[b-68bu1t1my0] {
    grid-row: 1 / span 2;
}

.fm-matchweek-stack--split .fm-matchweek-row--compact .fm-matchweek-actions[b-68bu1t1my0] {
    grid-column: 1 / -1;
    justify-content: flex-start;
    min-width: 0;
}

.fm-matchweek-row:hover[b-68bu1t1my0],
.fm-matchweek-row.is-selected[b-68bu1t1my0] {
    background: #071622;
}

.fm-matchweek-row.is-result[b-68bu1t1my0] {
    grid-template-columns: 90px minmax(140px, 1fr) minmax(76px, auto) minmax(140px, 1fr) minmax(150px, auto) auto;
}

.fm-match-date-block[b-68bu1t1my0] {
    display: grid;
    gap: 2px;
}

.fm-match-date-block span[b-68bu1t1my0],
.fm-match-date-block b[b-68bu1t1my0] {
    color: #9cb4c8;
    font-size: 11px;
    line-height: 1.2;
}

.fm-match-date-block b[b-68bu1t1my0] {
    color: #fff;
    font-size: 12px;
}

.fm-matchweek-row--compact .fm-match-date-block[b-68bu1t1my0] {
    justify-items: center;
    min-width: 58px;
    padding: 7px 6px;
    border: 1px solid rgba(82, 121, 153, 0.22);
    border-radius: 6px;
    background: rgba(7, 19, 29, 0.96);
}

.fm-matchweek-row--compact .fm-match-date-block b[b-68bu1t1my0] {
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.fm-matchweek-row--compact .fm-match-date-block small[b-68bu1t1my0] {
    color: #9cb4c8;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fm-match-team[b-68bu1t1my0] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.fm-match-team span:last-child[b-68bu1t1my0] {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

.fm-match-pair[b-68bu1t1my0] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.fm-match-pair[b-68bu1t1my0]  .fm-team-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}

.fm-match-pair span[b-68bu1t1my0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.fm-match-pair b[b-68bu1t1my0] {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.18;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
}

.fm-match-pair small[b-68bu1t1my0],
.fm-match-window small[b-68bu1t1my0] {
    overflow: hidden;
    color: #9cb4c8;
    font-size: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-match-window[b-68bu1t1my0] {
    display: grid;
    justify-items: start;
    gap: 3px;
    min-width: 0;
}

.fm-match-window b[b-68bu1t1my0] {
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.fm-match-center[b-68bu1t1my0] {
    display: grid;
    justify-items: center;
    gap: 3px;
    min-width: 0;
    text-align: center;
}

.fm-match-center b[b-68bu1t1my0] {
    min-width: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.fm-matchweek-row.is-result .fm-match-center b[b-68bu1t1my0] {
    min-width: 58px;
    padding: 7px 8px;
    border: 1px solid rgba(91, 211, 66, 0.38);
    border-radius: 6px;
    background: rgba(91, 211, 66, 0.1);
    font-size: 18px;
    text-transform: none;
}

.fm-matchweek-row.is-upcoming .fm-match-center b[b-68bu1t1my0] {
    color: #fff;
}

.fm-match-center small[b-68bu1t1my0] {
    color: #9cb4c8;
    font-size: 11px;
    white-space: nowrap;
}

.fm-match-status-cell[b-68bu1t1my0] {
    display: grid;
    gap: 3px;
    justify-items: start;
}

.fm-match-status-cell small[b-68bu1t1my0] {
    color: #9cb4c8;
    font-size: 12px;
}

.fm-status-pill[b-68bu1t1my0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #101b26;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.fm-matchweek-row .fm-status-pill[b-68bu1t1my0] {
    min-height: 0;
    padding: 0;
    background: transparent;
    font-size: 11px;
}

.fm-status-pill[b-68bu1t1my0]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.fm-status-pill--completed[b-68bu1t1my0],
.fm-status-pill--ready[b-68bu1t1my0] {
    background: transparent;
    color: #5ce15f;
}

.fm-status-pill--pending[b-68bu1t1my0],
.fm-status-pill--warning[b-68bu1t1my0] {
    background: transparent;
    color: var(--lm-amber);
}

.fm-status-pill--locked[b-68bu1t1my0] {
    background: transparent;
    color: #00c8ff;
}

.fm-matchweek-actions[b-68bu1t1my0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    min-width: 128px;
}

.fm-matchweek-row--compact .fm-matchweek-actions[b-68bu1t1my0] {
    min-width: 158px;
}

.fm-row-lock[b-68bu1t1my0] {
    display: inline-grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 6px;
    color: #8fa5b7;
}

.fm-matchweek-actions[b-68bu1t1my0]  .mud-button-root {
    min-width: max-content;
    min-height: 32px;
    padding-inline: 12px;
    border-radius: 6px;
    font-weight: 900;
    text-transform: none;
    box-shadow: none;
}

.fm-matchweek-actions[b-68bu1t1my0]  .mud-button-label {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .fm-matchweek-stack--split[b-68bu1t1my0] {
        grid-template-columns: 1fr;
    }

    .fm-matchweek-stack--split .fm-matchweek-row[b-68bu1t1my0],
    .fm-matchweek-stack--split .fm-matchweek-row.is-result[b-68bu1t1my0],
    .fm-matchweek-row[b-68bu1t1my0],
    .fm-matchweek-row.is-result[b-68bu1t1my0] {
        grid-template-columns: 1fr;
        align-items: stretch;
        padding: 12px 0;
    }

    .fm-matchweek-row--compact[b-68bu1t1my0] {
        padding: 12px !important;
    }

    .fm-matchweek-row--compact .fm-match-date-block[b-68bu1t1my0] {
        grid-auto-flow: column;
        justify-content: start;
        justify-items: start;
        width: 100%;
        padding: 8px 10px;
    }

    .fm-matchweek-row--compact .fm-match-pair[b-68bu1t1my0] {
        align-items: flex-start;
    }

    .fm-matchweek-row--compact .fm-match-pair b[b-68bu1t1my0],
    .fm-matchweek-row--compact .fm-match-pair small[b-68bu1t1my0],
    .fm-matchweek-row--compact .fm-match-window small[b-68bu1t1my0] {
        white-space: normal;
    }

    .fm-match-center[b-68bu1t1my0] {
        justify-items: flex-start;
        grid-template-columns: auto auto;
        gap: 8px;
        text-align: left;
    }

    .fm-matchweek-actions[b-68bu1t1my0] {
        justify-content: flex-start;
        flex-wrap: wrap;
        min-width: 0;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueSeasonHero.razor.rz.scp.css */
.fm-league-muted[b-xoeh05oxe3] {
    color: var(--lm-muted);
}

.fm-league-season-hero[b-xoeh05oxe3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background:
        linear-gradient(90deg, rgba(0, 200, 255, 0.08), transparent 42%),
        #07111b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.fm-season-title[b-xoeh05oxe3] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 14px;
}

.fm-season-title[b-xoeh05oxe3]  .mud-typography-h5 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
}

.fm-league-metrics[b-xoeh05oxe3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fm-league-metrics span[b-xoeh05oxe3] {
    display: grid;
    min-width: 92px;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid rgba(82, 121, 153, 0.22);
    border-radius: 7px;
    background: #0b1723;
    color: #a6bbcd;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.fm-league-metrics b[b-xoeh05oxe3] {
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

@media (max-width: 900px) {
    .fm-league-season-hero[b-xoeh05oxe3] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .fm-league-season-hero[b-xoeh05oxe3] {
        gap: 12px;
        padding: 14px;
    }

    .fm-season-title[b-xoeh05oxe3]  .mud-typography-h5 {
        font-size: 20px;
    }

    .fm-league-metrics[b-xoeh05oxe3] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .fm-league-metrics span[b-xoeh05oxe3] {
        min-width: 0;
        padding: 8px 10px;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueSelector.razor.rz.scp.css */
.fm-league-selector[b-x1csb61ex3] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    min-height: min(760px, calc(100dvh - 160px));
    padding: 16px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: #07111b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.fm-league-selector-title[b-x1csb61ex3] {
    color: var(--lm-cyan);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.fm-league-selector-copy[b-x1csb61ex3] {
    margin-top: 8px;
    max-width: 210px;
    color: var(--lm-muted);
    font-size: 13px;
    line-height: 1.45;
}

.fm-league-choice-list[b-x1csb61ex3] {
    display: grid;
    gap: 10px;
}

.fm-league-choice[b-x1csb61ex3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(82, 121, 153, 0.2);
    border-radius: var(--lm-radius);
    background: #0a141f;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease;
}

.fm-league-choice:hover[b-x1csb61ex3],
.fm-league-choice:focus-visible[b-x1csb61ex3] {
    border-color: rgba(0, 200, 255, 0.36);
    background: #0c1d2b;
}

.fm-league-choice.is-active[b-x1csb61ex3] {
    border-color: var(--lm-cyan);
    background: #0a2736;
}

.fm-league-choice span[b-x1csb61ex3] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.fm-league-choice b[b-x1csb61ex3] {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.fm-league-choice small[b-x1csb61ex3] {
    color: var(--lm-muted);
    font-size: 12px;
}

.fm-refresh-rail[b-x1csb61ex3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 44px;
    margin-top: auto;
    border: 1px solid rgba(82, 121, 153, 0.24);
    border-radius: var(--lm-radius);
    background: #08131d;
    color: var(--lm-muted);
    cursor: pointer;
}

.fm-refresh-rail:hover[b-x1csb61ex3] {
    border-color: rgba(0, 200, 255, 0.32);
    color: #fff;
}

@media (max-width: 1280px) {
    .fm-league-selector[b-x1csb61ex3] {
        position: static;
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .fm-league-selector[b-x1csb61ex3] {
        padding: 12px;
    }
}
/* /Components/TeamManagement/LeagueManagement/FmLeagueTeamMark.razor.rz.scp.css */
.fm-team-mark[b-xby5iuvx6m] {
    display: inline-grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(0, 200, 255, 0.58);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.16), transparent 28%),
        linear-gradient(160deg, #0b5570, #061b2a 72%);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.035),
        0 0 18px rgba(0, 200, 255, 0.12);
}

.fm-team-mark img[b-xby5iuvx6m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Components/TeamManagement/TeamCalendarOverview.razor.rz.scp.css */
.tc-overview[b-7gldysnbu9] {
    display: grid;
    gap: 14px;
    min-height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(18, 29, 47, 0.94), rgba(8, 14, 24, 0.96));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28), 0 0 26px rgba(0, 160, 204, 0.06);
}

.tc-overview--compact[b-7gldysnbu9],
.tc-overview--overview[b-7gldysnbu9] {
    padding: 14px;
}

.tc-overview--micro[b-7gldysnbu9] {
    padding: 0;
    min-height: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.tc-overview--full[b-7gldysnbu9] {
    min-height: calc(100vh - 210px);
}

.tc-head[b-7gldysnbu9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.tc-title[b-7gldysnbu9] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
}

.tc-sub[b-7gldysnbu9] {
    margin-top: 2px;
    color: var(--pcw-text-muted);
    font-size: 0.78rem;
}

.tc-actions[b-7gldysnbu9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.tc-legend[b-7gldysnbu9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    font-weight: 800;
}

.tc-legend[b-7gldysnbu9]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #00c8ff;
}

.tc-legend--official[b-7gldysnbu9]::before { background: #ff5c7a; }
.tc-legend--team[b-7gldysnbu9]::before { background: #66bb6a; }
.tc-legend--birthday[b-7gldysnbu9]::before { background: #ffa726; }
.tc-legend--training[b-7gldysnbu9]::before,
.tc-legend--friendly[b-7gldysnbu9]::before,
.tc-legend--session[b-7gldysnbu9]::before { background: #00c8ff; }
.tc-legend--result[b-7gldysnbu9]::before { background: #68d391; }
.tc-legend--request[b-7gldysnbu9]::before { background: #f6c945; }
.tc-legend--platform[b-7gldysnbu9]::before { background: #ab47bc; }

.tc-grid[b-7gldysnbu9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 16px;
    align-items: stretch;
    min-width: 0;
}

.tc-overview--full .tc-grid[b-7gldysnbu9] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    gap: 18px;
}

.tc-overview--compact .tc-grid[b-7gldysnbu9],
.tc-overview--overview .tc-grid[b-7gldysnbu9] {
    grid-template-columns: minmax(0, 1fr) 250px;
}

.tc-overview--micro .tc-grid[b-7gldysnbu9] {
    grid-template-columns: 1fr;
    gap: 8px;
}

.tc-calendar[b-7gldysnbu9] {
    min-width: 0;
}

.tc-overview[b-7gldysnbu9]  .tc-pcw-calendar {
    --pcw-calendar-day-min-height: 78px;
    --pcw-calendar-entry-compact-min-height: 28px;
}

.tc-overview--full[b-7gldysnbu9]  .tc-pcw-calendar {
    --pcw-calendar-day-min-height: clamp(148px, 14vh, 184px);
    --pcw-calendar-entry-compact-min-height: 24px;
}

.tc-overview--compact[b-7gldysnbu9]  .tc-pcw-calendar,
.tc-overview--overview[b-7gldysnbu9]  .tc-pcw-calendar {
    --pcw-calendar-day-min-height: 66px;
    --pcw-calendar-entry-compact-min-height: 24px;
}

.tc-overview--micro[b-7gldysnbu9]  .tc-pcw-calendar {
    --pcw-calendar-day-min-height: 50px;
    --pcw-calendar-entry-compact-min-height: 20px;
}

.tc-agenda[b-7gldysnbu9] {
    min-width: 0;
    padding-left: 14px;
    border-left: 1px solid rgba(255,255,255,.08);
}

.tc-agenda-title[b-7gldysnbu9] {
    margin-bottom: 10px;
    color: rgba(255,255,255,.86);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tc-agenda-row[b-7gldysnbu9] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 9px 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.06);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.tc-date[b-7gldysnbu9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(0,200,255,.25);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0,200,255,.16), rgba(0,200,255,.08));
}

.tc-date span[b-7gldysnbu9] {
    color: #fff;
    font-weight: 900;
    line-height: 1;
}

.tc-date small[b-7gldysnbu9] {
    color: var(--pcw-text-muted);
    font-size: .63rem;
    text-transform: uppercase;
}

.tc-row-main[b-7gldysnbu9] {
    min-width: 0;
}

.tc-row-main strong[b-7gldysnbu9],
.tc-row-main span[b-7gldysnbu9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tc-row-main strong[b-7gldysnbu9] {
    color: #fff;
    font-size: .82rem;
}

.tc-row-main span[b-7gldysnbu9] {
    margin-top: 2px;
    color: var(--pcw-text-muted);
    font-size: .72rem;
}

.tc-agenda-row--team .tc-date[b-7gldysnbu9] { background: rgba(102,187,106,.12); border-color: rgba(102,187,106,.28); }
.tc-agenda-row--official .tc-date[b-7gldysnbu9] { background: rgba(255,92,122,.12); border-color: rgba(255,92,122,.36); }
.tc-agenda-row--session .tc-date[b-7gldysnbu9],
.tc-agenda-row--training .tc-date[b-7gldysnbu9],
.tc-agenda-row--friendly .tc-date[b-7gldysnbu9] { background: rgba(0,200,255,.12); border-color: rgba(0,200,255,.32); }
.tc-agenda-row--birthday .tc-date[b-7gldysnbu9] { background: rgba(255,167,38,.12); border-color: rgba(255,167,38,.32); }
.tc-agenda-row--result .tc-date[b-7gldysnbu9] { background: rgba(104,211,145,.12); border-color: rgba(104,211,145,.32); }
.tc-agenda-row--request .tc-date[b-7gldysnbu9] { background: rgba(246,201,69,.13); border-color: rgba(246,201,69,.36); }
.tc-agenda-row--platform .tc-date[b-7gldysnbu9] { background: rgba(171,71,188,.12); border-color: rgba(171,71,188,.32); }

.tc-empty[b-7gldysnbu9] {
    padding: 22px 0;
    color: var(--pcw-text-muted);
    font-size: .82rem;
}

.tc-modal-backdrop[b-7gldysnbu9] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(1, 5, 10, .72);
    backdrop-filter: blur(4px);
}

.tc-modal[b-7gldysnbu9] {
    width: min(560px, 100%);
    max-height: calc(100vh - 36px);
    overflow: auto;
    padding: 22px;
    border: 1px solid rgba(0,200,255,.22);
    border-radius: 8px;
    background: #121922;
    box-shadow: 0 22px 70px rgba(0,0,0,.42);
}

.tc-modal--event[b-7gldysnbu9] {
    width: min(720px, 100%);
}

.tc-event-detail[b-7gldysnbu9] {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}

.tc-event-detail b[b-7gldysnbu9] {
    color: #fff;
    font-size: 1rem;
}

.tc-event-detail p[b-7gldysnbu9] {
    margin: 0;
    color: var(--pcw-text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.tc-availability-summary[b-7gldysnbu9] {
    display: grid;
    gap: 10px;
}

.tc-availability-counts[b-7gldysnbu9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.tc-availability-count[b-7gldysnbu9] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
}

.tc-availability-count b[b-7gldysnbu9] {
    color: #fff;
    font-size: 1rem;
    line-height: 1;
}

.tc-availability-count small[b-7gldysnbu9] {
    overflow: hidden;
    color: var(--pcw-text-muted);
    font-size: .66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.tc-availability-count--accepted[b-7gldysnbu9] { border-color: rgba(89, 220, 137, .28); }
.tc-availability-count--tentative[b-7gldysnbu9] { border-color: rgba(246, 201, 69, .3); }
.tc-availability-count--declined[b-7gldysnbu9] { border-color: rgba(255, 92, 122, .3); }

.tc-availability-empty[b-7gldysnbu9] {
    color: var(--pcw-text-muted);
    font-size: .78rem;
}

.tc-availability-groups[b-7gldysnbu9] {
    display: grid;
    gap: 8px;
}

.tc-availability-group[b-7gldysnbu9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.tc-availability-group > span[b-7gldysnbu9] {
    min-width: 76px;
    color: rgba(255,255,255,.84);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tc-availability-group small[b-7gldysnbu9] {
    max-width: 100%;
    overflow: hidden;
    padding: 3px 8px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    color: rgba(255,255,255,.82);
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tc-availability-group--accepted small[b-7gldysnbu9] { border-color: rgba(89, 220, 137, .28); background: rgba(89, 220, 137, .1); }
.tc-availability-group--tentative small[b-7gldysnbu9] { border-color: rgba(246, 201, 69, .3); background: rgba(246, 201, 69, .1); }
.tc-availability-group--declined small[b-7gldysnbu9] { border-color: rgba(255, 92, 122, .3); background: rgba(255, 92, 122, .1); }

.tc-modal-head[b-7gldysnbu9] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.tc-modal-head h3[b-7gldysnbu9] {
    margin: 0;
    color: #fff;
    font-size: 1.1rem;
}

.tc-modal-head p[b-7gldysnbu9] {
    margin: 3px 0 0;
    color: var(--pcw-text-muted);
    font-size: .78rem;
}

.tc-modal-actions[b-7gldysnbu9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.tc-event-actions[b-7gldysnbu9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    align-items: stretch;
    justify-content: stretch;
    gap: 10px;
}

.tc-event-actions[b-7gldysnbu9]  .tc-event-action {
    width: 100%;
    min-height: 48px;
    border-radius: 8px;
}

.tc-event-actions[b-7gldysnbu9]  .tc-event-action .mud-button-label {
    min-width: 0;
    white-space: normal;
    line-height: 1.2;
    text-align: center;
}

.tc-event-actions[b-7gldysnbu9]  .tc-event-action .mud-button-start-icon {
    margin-inline-end: 8px;
}

.tc-action-note[b-7gldysnbu9] {
    grid-column: 1 / -1;
    color: var(--pcw-text-muted);
    font-size: .76rem;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .tc-head[b-7gldysnbu9] {
        flex-direction: column;
    }

    .tc-actions[b-7gldysnbu9] {
        justify-content: flex-start;
    }

    .tc-grid[b-7gldysnbu9],
    .tc-overview--full .tc-grid[b-7gldysnbu9],
    .tc-overview--compact .tc-grid[b-7gldysnbu9],
    .tc-overview--overview .tc-grid[b-7gldysnbu9] {
        grid-template-columns: 1fr;
    }

    .tc-agenda[b-7gldysnbu9] {
        padding-top: 14px;
        padding-left: 0;
        border-top: 1px solid rgba(255,255,255,.08);
        border-left: 0;
    }
}

@media (max-width: 480px) {
    .tc-overview[b-7gldysnbu9] {
        padding: 12px;
    }

    .tc-modal-backdrop[b-7gldysnbu9] {
        align-items: flex-start;
        padding: 12px;
    }

    .tc-modal[b-7gldysnbu9] {
        max-height: calc(100vh - 24px);
        padding: 16px;
    }

    .tc-event-actions[b-7gldysnbu9] {
        grid-template-columns: 1fr;
    }

    .tc-availability-counts[b-7gldysnbu9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/TeamManagement/TransferMessageDialog.razor.rz.scp.css */
.tm-offer-icon[b-47mnnxhb89],
[b-47mnnxhb89] .tm-offer-icon {
    color: var(--pcw-accent-cyan, #00c8ff);
}
/* /Components/Teams/MiniPitchPreview.razor.rz.scp.css */
/* ── Mini Pitch Preview ─────────────────────────────────── */

.mpp-svg[b-1ubfcy39yi] {
    width: 100%;
    height: 100%;
    display: block;
}
/* /Components/Teams/TeamAnalytics.razor.rz.scp.css */
.ta-loading[b-lqmued5ymb] {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

/* ── Stat row ────────────────────────────────── */
.ta-stat-row[b-lqmued5ymb] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.ta-stat-card[b-lqmued5ymb] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: .75rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
    flex: 1 1 80px;
}

.ta-stat-card.ta-win[b-lqmued5ymb]  { border-color: rgba(76,175,80,.4); }
.ta-stat-card.ta-draw[b-lqmued5ymb] { border-color: rgba(255,152,0,.4); }
.ta-stat-card.ta-loss[b-lqmued5ymb] { border-color: rgba(244,67,54,.4); }

.ta-stat-value[b-lqmued5ymb] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}

.ta-stat-value small[b-lqmued5ymb] {
    font-size: .85rem;
    opacity: .7;
}

.ta-stat-label[b-lqmued5ymb] {
    font-size: .7rem;
    color: var(--pcw-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: .2rem;
}

.ta-win .ta-stat-value[b-lqmued5ymb]  { color: #4caf50; }
.ta-draw .ta-stat-value[b-lqmued5ymb] { color: #ff9800; }
.ta-loss .ta-stat-value[b-lqmued5ymb] { color: #f44336; }

/* ── Recent form ─────────────────────────────── */
.ta-section[b-lqmued5ymb] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.ta-section-title[b-lqmued5ymb] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--pcw-text-muted);
    white-space: nowrap;
}

.ta-form-chips[b-lqmued5ymb] {
    display: flex;
    gap: .35rem;
}

.ta-form-chip[b-lqmued5ymb] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 700;
}

.ta-form-w[b-lqmued5ymb] { background: rgba(76,175,80,.25);  color: #4caf50; border: 1px solid rgba(76,175,80,.4); }
.ta-form-d[b-lqmued5ymb] { background: rgba(255,152,0,.2);   color: #ff9800; border: 1px solid rgba(255,152,0,.3); }
.ta-form-l[b-lqmued5ymb] { background: rgba(244,67,54,.2);   color: #f44336; border: 1px solid rgba(244,67,54,.3); }

/* ── Chart cards ─────────────────────────────── */
.ta-chart-card[b-lqmued5ymb] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    padding: 1rem 1.25rem .75rem;
    margin-bottom: 1.25rem;
}

/* ── Charts deferred loading skeleton ───────── */
.ta-charts-loading[b-lqmued5ymb] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.5rem 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    margin-bottom: 1.25rem;
}

.ta-charts-loading-text[b-lqmued5ymb] {
    font-size: .8rem;
    color: var(--pcw-text-muted);
}

/* ── Chart visibility container ──────────────────── */
.ta-charts-container[b-lqmued5ymb] {
    position: relative;
}

/* Hidden while ApexCharts initialises in the background.
   visibility:hidden keeps the element laid out (correct width for chart sizing)
   but invisible, so the skeleton shows on top without a layout jump. */
.ta-charts-hidden[b-lqmued5ymb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    pointer-events: none;
}

/* Revealed with a smooth fade-in once charts are drawn. */
.ta-charts-ready[b-lqmued5ymb] {
    animation: ta-chart-fadein-b-lqmued5ymb 0.4s ease-in-out;
}

@keyframes ta-chart-fadein-b-lqmued5ymb {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ta-chart-title[b-lqmued5ymb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: .75rem;
}

.ta-chart-icon[b-lqmued5ymb] {
    font-size: 1rem !important;
    color: #00c8ff;
}

/* ── Table columns ───────────────────────────── */
.ta-col-win[b-lqmued5ymb]  { color: #4caf50; }
.ta-col-draw[b-lqmued5ymb] { color: #ff9800; }
.ta-col-loss[b-lqmued5ymb] { color: #f44336; }

.ta-t-name[b-lqmued5ymb] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Responsive ──────────────────────────────── */
@media (max-width: 600px) {
    .ta-stat-card[b-lqmued5ymb] { min-width: 70px; padding: .6rem .75rem; }
    .ta-stat-value[b-lqmued5ymb] { font-size: 1.25rem; }
}
/* /Components/Teams/TeamFormStrip.razor.rz.scp.css */
/* ── TeamFormStrip ── */

.tfs-strip[b-7f5lls6t1n] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.tfs-label[b-7f5lls6t1n] {
    color: rgba(255,255,255,0.38);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-right: 4px;
}

.tfs-pill[b-7f5lls6t1n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .01em;
    transition: transform 0.1s;
}

.tfs-pill:hover[b-7f5lls6t1n] {
    transform: scale(1.1);
}

.tfs-pill--w[b-7f5lls6t1n] {
    background: rgba(0,230,118,0.14);
    color: #00e676;
    border: 1px solid rgba(0,230,118,0.28);
}

.tfs-pill--d[b-7f5lls6t1n] {
    background: rgba(255,193,7,0.12);
    color: #ffc107;
    border: 1px solid rgba(255,193,7,0.25);
}

.tfs-pill--l[b-7f5lls6t1n] {
    background: rgba(244,67,54,0.12);
    color: #f44336;
    border: 1px solid rgba(244,67,54,0.25);
}
/* /Components/Teams/TeamGameDataView.razor.rz.scp.css */
.tgd-page-shell[b-61zgbu89y1],
.tgd-empty-panel[b-61zgbu89y1] {
    --tgd-bg: #050b12;
    --tgd-panel: #071522;
    --tgd-border: rgba(77, 178, 226, 0.22);
    --tgd-accent: #00c8ff;
    --tgd-text: #f4f8fc;
    --tgd-muted: #aab8c7;
    --tgd-divider: rgba(255, 255, 255, 0.08);
}

.tgd-page-shell[b-61zgbu89y1] {
    width: min(calc(100% - 24px), 1680px);
    max-width: none;
    margin: 0 auto;
    padding: 24px;
    color: var(--tgd-text);
    background: var(--tgd-bg);
    box-sizing: border-box;
}

.tgd-page-shell[b-61zgbu89y1],
.tgd-page-shell *[b-61zgbu89y1],
.tgd-empty-panel[b-61zgbu89y1],
.tgd-empty-panel *[b-61zgbu89y1] {
    box-sizing: border-box;
}

.tgd-alert[b-61zgbu89y1] {
    margin-bottom: 14px;
}

.tgd-empty-panel[b-61zgbu89y1],
.tgd-loading-panel[b-61zgbu89y1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    gap: 12px;
    width: min(calc(100% - 24px), 1680px);
    margin: 24px auto;
    padding: 32px 16px;
    border: 1px dashed rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.5);
    color: var(--tgd-text);
    text-align: center;
}

.tgd-loading-panel[b-61zgbu89y1] {
    flex-direction: row;
    min-height: 180px;
    color: var(--tgd-muted);
    font-weight: 700;
}

.tgd-empty-panel .mud-icon-root[b-61zgbu89y1] {
    color: var(--tgd-accent);
    font-size: 3rem;
}

.tgd-empty-panel h3[b-61zgbu89y1] {
    margin: 0;
    color: var(--tgd-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.tgd-empty-panel p[b-61zgbu89y1] {
    margin: 0;
    color: var(--tgd-muted);
    font-size: 0.95rem;
    line-height: 1.45;
    font-weight: 500;
}

.tgd-meta-strip[b-61zgbu89y1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    margin-top: 14px;
    border: 1px solid var(--tgd-border);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.tgd-meta-strip div[b-61zgbu89y1] {
    min-width: 0;
    padding: 18px 22px;
    border-right: 1px solid var(--tgd-divider);
}

.tgd-meta-strip div:last-child[b-61zgbu89y1] {
    border-right: 0;
}

.tgd-meta-strip span[b-61zgbu89y1] {
    display: block;
    margin-bottom: 6px;
    color: var(--tgd-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tgd-meta-strip strong[b-61zgbu89y1] {
    display: block;
    overflow: hidden;
    color: var(--tgd-text);
    font-size: 1.05rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tgd-tabs-shell[b-61zgbu89y1] {
    overflow: hidden;
    margin-top: 14px;
    border: 1px solid var(--tgd-border);
    border-radius: 8px;
    background: var(--tgd-panel);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.tgd-custom-tabs[b-61zgbu89y1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--tgd-divider);
    background: rgba(5, 11, 18, 0.4);
}

.tgd-tab-button[b-61zgbu89y1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--tgd-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
    text-align: left;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.tgd-tab-button .mud-icon-root[b-61zgbu89y1] {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.tgd-tab-button span[b-61zgbu89y1] {
    min-width: 0;
}

.tgd-tab-button:hover[b-61zgbu89y1],
.tgd-tab-button--active[b-61zgbu89y1] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
    color: var(--tgd-accent);
}

.tgd-custom-panel[b-61zgbu89y1] {
    min-height: 260px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 16px;
}

@media (max-width: 960px) {
    .tgd-page-shell[b-61zgbu89y1] {
        width: min(calc(100% - 16px), 1680px);
        padding: 18px;
    }
}

@media (max-width: 700px) {
    .tgd-page-shell[b-61zgbu89y1] {
        width: 100%;
        padding: 12px;
    }

    .tgd-meta-strip[b-61zgbu89y1] {
        grid-template-columns: 1fr;
    }

    .tgd-meta-strip div[b-61zgbu89y1] {
        border-right: 0;
        border-bottom: 1px solid var(--tgd-divider);
        padding: 14px;
    }

    .tgd-meta-strip div:last-child[b-61zgbu89y1] {
        border-bottom: 0;
    }

    .tgd-custom-tabs[b-61zgbu89y1] {
        padding: 10px;
    }

    .tgd-custom-panel[b-61zgbu89y1] {
        padding: 12px;
    }
}

@media (max-width: 520px) {
    .tgd-tab-button[b-61zgbu89y1] {
        flex: 1 1 100%;
        justify-content: flex-start;
        min-height: 44px;
    }
}
/* /Components/Teams/TeamHeroHeader.razor.rz.scp.css */
/* ── TeamHeroHeader ── */

.tph-hero[b-muxd0u7sxx] {
    position: relative;
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,0.07);
    box-shadow: 0 6px 32px rgba(0,0,0,0.4);
}

.tph-hero-radial[b-muxd0u7sxx] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 40%, rgba(102,0,187,0.35) 0%, transparent 65%);
    pointer-events: none;
}

.tph-hero-content[b-muxd0u7sxx] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 28px 26px;
}

.tph-logo-wrap[b-muxd0u7sxx] {
    flex-shrink: 0;
}

.tph-logo-img[b-muxd0u7sxx] {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    border: 2px solid rgba(0,200,255,0.35);
    object-fit: contain;
    background: rgba(0,0,0,0.35);
    box-shadow: 0 0 24px rgba(0,200,255,0.15);
}

.tph-logo-placeholder[b-muxd0u7sxx] {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tph-identity[b-muxd0u7sxx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tph-name-row[b-muxd0u7sxx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.tph-name[b-muxd0u7sxx] {
    margin: 0;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.01em;
}

.tph-tag[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.45);
    font-size: .78rem;
    font-weight: 600;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 5px;
    padding: 2px 8px;
    letter-spacing: .03em;
}

.tph-verified[b-muxd0u7sxx] {
    color: #00e676 !important;
    font-size: 1.15rem !important;
}

.tph-recruit-pill[b-muxd0u7sxx] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-radius: 20px;
    padding: 3px 10px;
}

.tph-desc[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.65);
    font-size: .875rem;
    line-height: 1.6;
    margin: 0;
    white-space: pre-line;
}

.tph-desc--clamped[b-muxd0u7sxx] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;
}

.tph-readmore[b-muxd0u7sxx] {
    align-self: flex-start;
    background: none;
    border: none;
    color: #00c8ff;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
    justify-content: flex-start;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    transition: color 0.15s;
}

.tph-readmore:hover[b-muxd0u7sxx] {
    color: #4dd8ff;
    text-decoration: underline;
}

.tph-meta-row[b-muxd0u7sxx] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.tph-meta-item[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.38);
    font-size: .78rem;
}

.tph-socials-row[b-muxd0u7sxx] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tph-social-btn[b-muxd0u7sxx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.tph-social-btn:hover[b-muxd0u7sxx] {
    background: rgba(0,200,255,0.12);
    color: #fff;
    border-color: rgba(0,200,255,0.3);
}

.tph-social-btn--discord[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.9);
}

.tph-social-btn--twitter[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.9);
}

.tph-social-btn--twitch[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.9);
}

.tph-social-btn--youtube[b-muxd0u7sxx] {
    color: rgba(255,255,255,0.9);
}

.tph-social-btn--discord:hover[b-muxd0u7sxx] {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.28);
}

.tph-social-btn--twitter:hover[b-muxd0u7sxx] {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.28);
}

.tph-social-btn--twitch:hover[b-muxd0u7sxx] {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.28);
}

.tph-social-btn--youtube:hover[b-muxd0u7sxx] {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.28);
}

@media (max-width: 600px) {
    .tph-hero-content[b-muxd0u7sxx] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 22px 18px;
        gap: 16px;
    }

    .tph-name-row[b-muxd0u7sxx] {
        justify-content: center;
    }

    .tph-meta-row[b-muxd0u7sxx] {
        justify-content: center;
    }

    .tph-socials-row[b-muxd0u7sxx] {
        justify-content: center;
    }

    .tph-readmore[b-muxd0u7sxx] {
        align-self: center;
        text-align: center;
    }
}

.tph-tags-row[b-muxd0u7sxx] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}

.tph-pos-badge[b-muxd0u7sxx] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    background: rgba(102, 0, 187, 0.25);
    border: 1px solid rgba(102, 0, 187, 0.5);
    color: rgba(255, 255, 255, 0.85);
}

.tph-playstyle-chip[b-muxd0u7sxx] {
    font-size: .72rem !important;
    height: 22px !important;
}
/* /Components/Teams/TeamRecentMatches.razor.rz.scp.css */
/* ── TeamRecentMatches ── */

.trm-header[b-8u4foglogh] {
    font-size: .82rem;
    font-weight: 700;
    color: #00c8ff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.trm-empty[b-8u4foglogh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 36px 0;
    gap: 10px;
}

.trm-table-head[b-8u4foglogh] {
    display: grid;
    grid-template-columns: 1fr 1fr auto auto auto;
    gap: 12px;
    padding: 0 0 8px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 2px;
}

.trm-th[b-8u4foglogh] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: rgba(255,255,255,0.28);
}

.trm-th--score[b-8u4foglogh],
.trm-th--result[b-8u4foglogh],
.trm-th--date[b-8u4foglogh] {
    text-align: center;
}

.trm-list[b-8u4foglogh] {
    display: flex;
    flex-direction: column;
}

.trm-row[b-8u4foglogh] {
    display: grid;
    grid-template-columns: 4px 1fr 1fr auto auto auto;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,0.035);
    transition: background 0.12s;
    border-radius: 4px;
}

.trm-row:last-child[b-8u4foglogh] {
    border-bottom: none;
}

.trm-row:hover[b-8u4foglogh] {
    background: rgba(255,255,255,0.025);
}

.trm-bar[b-8u4foglogh] {
    width: 4px;
    height: 30px;
    border-radius: 2px;
    flex-shrink: 0;
}

.trm-bar--w[b-8u4foglogh] { background: #00e676; }
.trm-bar--d[b-8u4foglogh] { background: #ffc107; }
.trm-bar--l[b-8u4foglogh] { background: #f44336; }

.trm-opponent[b-8u4foglogh] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.trm-opp-logo[b-8u4foglogh] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    object-fit: contain;
    background: rgba(0,0,0,0.25);
    flex-shrink: 0;
}

.trm-opp-logo-placeholder[b-8u4foglogh] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trm-opp-name[b-8u4foglogh] {
    color: rgba(255,255,255,0.88);
    font-size: .84rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trm-competition[b-8u4foglogh] {
    color: rgba(255,255,255,0.38);
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trm-score[b-8u4foglogh] {
    color: rgba(255,255,255,0.9);
    font-size: .84rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
    white-space: nowrap;
}

.trm-result-chip[b-8u4foglogh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: .65rem;
    font-weight: 800;
    flex-shrink: 0;
}

.trm-result-chip--w[b-8u4foglogh] { background: rgba(0,230,118,0.14); color: #00e676; border: 1px solid rgba(0,230,118,0.28); }
.trm-result-chip--d[b-8u4foglogh] { background: rgba(255,193,7,0.12);  color: #ffc107; border: 1px solid rgba(255,193,7,0.25); }
.trm-result-chip--l[b-8u4foglogh] { background: rgba(244,67,54,0.12);  color: #f44336; border: 1px solid rgba(244,67,54,0.25); }

.trm-date[b-8u4foglogh] {
    color: rgba(255,255,255,0.28);
    font-size: .72rem;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .trm-table-head[b-8u4foglogh] {
        display: none;
    }

    .trm-row[b-8u4foglogh] {
        grid-template-columns: 4px 1fr auto auto;
    }

    .trm-competition[b-8u4foglogh],
    .trm-date[b-8u4foglogh] {
        display: none;
    }
}
/* /Components/Teams/TeamRosterList.razor.rz.scp.css */
.trl-shell[b-19xavuv2al] {
    position: relative;
    overflow: hidden;
    min-height: 240px;
    padding: 8px 0 4px;
}

.trl-empty[b-19xavuv2al] {
    display: grid;
    justify-items: center;
    gap: 10px;
    min-height: 220px;
    padding: 34px 18px;
    text-align: center;
    border: 1px dashed rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.025);
}

.trl-empty .mud-icon-root[b-19xavuv2al] {
    color: rgba(255,255,255,0.24);
    font-size: 2.5rem;
}

.trl-empty h2[b-19xavuv2al],
.trl-empty p[b-19xavuv2al] {
    margin: 0;
}

.trl-empty h2[b-19xavuv2al] {
    color: rgba(255,255,255,0.84);
    font-size: 1rem;
    font-weight: 900;
}

.trl-empty p[b-19xavuv2al] {
    max-width: 520px;
    color: var(--pcw-text-muted);
    font-size: .86rem;
    line-height: 1.55;
}

.trl-section[b-19xavuv2al] {
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
}

.trl-section:last-child[b-19xavuv2al] {
    margin-bottom: 0;
}

.trl-section-title[b-19xavuv2al] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: rgba(255,255,255,0.88);
    font-size: 0.98rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.trl-section-icon[b-19xavuv2al] {
    font-size: 1.25rem !important;
}

.trl-section--goalkeepers .trl-section-icon[b-19xavuv2al] { color: #ffd740 !important; }
.trl-section--defenders .trl-section-icon[b-19xavuv2al] { color: #4aa3ff !important; }
.trl-section--midfielders .trl-section-icon[b-19xavuv2al] { color: #63d471 !important; }
.trl-section--forwards .trl-section-icon[b-19xavuv2al] { color: #ff5757 !important; }
.trl-section--unassigned .trl-section-icon[b-19xavuv2al] { color: rgba(255,255,255,0.42) !important; }

.trl-count[b-19xavuv2al] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    color: rgba(255,255,255,0.58);
    background: rgba(255,255,255,0.08);
    font-size: 0.72rem;
    letter-spacing: 0;
}

.trl-grid[b-19xavuv2al] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 10px;
}

.trl-card[b-19xavuv2al] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 112px;
    padding: 12px 13px 10px;
    background: rgba(20, 26, 34, 0.86);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    overflow: hidden;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.trl-card-flag[b-19xavuv2al] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 112px;
    height: 54px;
    object-fit: cover;
    opacity: 0.5;
    filter: saturate(1.1) contrast(1.08);
    pointer-events: none;
    -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.82) 34%, #000 100%),
        linear-gradient(180deg, #000 0%, #000 64%, transparent 100%);
    mask-image:
        linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.82) 34%, #000 100%),
        linear-gradient(180deg, #000 0%, #000 64%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    border-top-right-radius: 8px;
}

.trl-card[b-19xavuv2al]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(20,26,34,0.96) 0%, rgba(20,26,34,0.86) 48%, rgba(20,26,34,0.12) 100%);
}

.trl-card:hover[b-19xavuv2al] {
    background: rgba(23, 31, 41, 0.94);
    border-color: rgba(0,200,255,0.25);
    transform: translateY(-1px);
}

.trl-top[b-19xavuv2al] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.trl-avatar[b-19xavuv2al] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.58);
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    flex-shrink: 0;
}

.trl-avatar .mud-icon-root[b-19xavuv2al] {
    font-size: 1.1rem;
}

.trl-section--goalkeepers .trl-avatar[b-19xavuv2al] { border-color: rgba(255,215,64,0.35); }
.trl-section--defenders .trl-avatar[b-19xavuv2al] { border-color: rgba(74,163,255,0.34); }
.trl-section--midfielders .trl-avatar[b-19xavuv2al] { border-color: rgba(99,212,113,0.34); }
.trl-section--forwards .trl-avatar[b-19xavuv2al] { border-color: rgba(255,87,87,0.34); }

.trl-identity[b-19xavuv2al] {
    min-width: 0;
    flex: 1;
}

.trl-name-row[b-19xavuv2al] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.trl-name[b-19xavuv2al] {
    color: #fff;
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.65);
}

.trl-name--link[b-19xavuv2al] {
    text-decoration: none;
}

.trl-name--link:hover[b-19xavuv2al] {
    color: #00c8ff;
}

.trl-subline[b-19xavuv2al] {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,0.42);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.trl-stats[b-19xavuv2al] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.trl-stat[b-19xavuv2al] {
    min-width: 0;
}

.trl-stat-value[b-19xavuv2al] {
    display: block;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.1;
}

.trl-stat-value--blue[b-19xavuv2al] {
    color: #45aaff;
}

.trl-stat-value--green[b-19xavuv2al] {
    color: #5bd36e;
}

.trl-stat-label[b-19xavuv2al] {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,0.35);
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trl-actions[b-19xavuv2al] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 7px;
}

.trl-role-pill[b-19xavuv2al] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 128px;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trl-role-pill--manager[b-19xavuv2al] {
    color: #4dd8ff;
    background: rgba(0, 200, 255, 0.14);
    border: 1px solid rgba(0, 200, 255, 0.3);
}

.trl-role-pill--captain[b-19xavuv2al] {
    color: #ffd740;
    background: rgba(255, 215, 64, 0.13);
    border: 1px solid rgba(255, 215, 64, 0.28);
}

.trl-role-pill--trial[b-19xavuv2al] {
    color: #c7a7ff;
    background: rgba(145, 70, 255, 0.13);
    border: 1px solid rgba(145, 70, 255, 0.28);
}

.trl-role-pill--player[b-19xavuv2al] {
    color: rgba(255,255,255,0.58);
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
}

.trl-view[b-19xavuv2al] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    background: transparent;
    border: 0;
    color: rgba(255,255,255,0.54);
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
}

.trl-view .mud-icon-root[b-19xavuv2al] {
    font-size: 1rem;
}

.trl-view:hover[b-19xavuv2al] {
    color: #00c8ff;
}

@media (max-width: 700px) {
    .trl-grid[b-19xavuv2al] {
        grid-template-columns: 1fr;
    }

    .trl-section-title[b-19xavuv2al] {
        letter-spacing: 0.1em;
    }
}
/* /Components/Teams/TeamRosterPlayerDialog.razor.rz.scp.css */
.trd-dialog[b-586flx1ere] {
    position: relative;
    padding: 22px;
    color: #fff;
    background: #141a22;
    border: 1px solid rgba(255,255,255,0.08);
}

.trd-close[b-586flx1ere] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 0;
    color: rgba(255,255,255,0.64);
    cursor: pointer;
}

.trd-close:hover[b-586flx1ere] {
    color: #fff;
}

.trd-heading[b-586flx1ere] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 40px 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.trd-avatar[b-586flx1ere] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.64);
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.16);
    flex-shrink: 0;
}

.trd-avatar .mud-icon-root[b-586flx1ere] {
    font-size: 2rem;
}

.trd-identity[b-586flx1ere] {
    flex: 1;
    min-width: 0;
}

.trd-identity h2[b-586flx1ere] {
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
}

.trd-identity span[b-586flx1ere] {
    color: rgba(255,255,255,0.44);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.trd-rating[b-586flx1ere] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 42px;
    padding: 0 10px;
    border-radius: 10px;
    color: #ffd740;
    background: rgba(255,215,64,0.13);
    border: 1px solid rgba(255,215,64,0.42);
    font-size: 1.2rem;
    font-weight: 900;
}

.trd-stat-grid[b-586flx1ere] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.trd-stat-card[b-586flx1ere] {
    min-height: 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 14px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
}

.trd-stat-icon[b-586flx1ere] {
    font-size: 1.55rem !important;
}

.trd-stat-icon--blue[b-586flx1ere],
.trd-stat-value--blue[b-586flx1ere],
.trd-blue[b-586flx1ere] {
    color: #45aaff;
}

.trd-stat-icon--green[b-586flx1ere],
.trd-stat-value--green[b-586flx1ere],
.trd-green[b-586flx1ere] {
    color: #5bd36e;
}

.trd-stat-icon--purple[b-586flx1ere],
.trd-stat-value--purple[b-586flx1ere],
.trd-purple[b-586flx1ere] {
    color: #d48cff;
}

.trd-stat-icon--gold[b-586flx1ere],
.trd-stat-value--gold[b-586flx1ere] {
    color: #ffd740;
}

.trd-stat-label[b-586flx1ere] {
    color: rgba(255,255,255,0.38);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

.trd-stat-value[b-586flx1ere] {
    color: #fff;
    font-size: 1.45rem;
    line-height: 1;
}

.trd-averages[b-586flx1ere] {
    margin-top: 16px;
    padding: 16px 18px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
}

.trd-averages > span[b-586flx1ere] {
    display: block;
    margin-bottom: 10px;
    color: rgba(255,255,255,0.38);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trd-averages div[b-586flx1ere] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: rgba(255,255,255,0.7);
}

.trd-actions[b-586flx1ere] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

@media (max-width: 560px) {
    .trd-stat-grid[b-586flx1ere] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Teams/TeamSidebar.razor.rz.scp.css */
/* ── TeamSidebar ── */

.tm-sidebar[b-syof7w1cku] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 8px;
    background: rgba(13, 19, 32, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
}

.tm-sidebar-item[b-syof7w1cku] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.15s ease;
    font-size: 0.875rem;
    font-family: inherit;
    text-align: left;
    width: 100%;
}

.tm-sidebar-item:hover[b-syof7w1cku] {
    background: rgba(0, 200, 255, 0.06);
    color: rgba(255, 255, 255, 0.85);
}

.tm-sidebar-item--active[b-syof7w1cku] {
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    font-weight: 600;
}

.tm-sidebar-item--active .tm-sidebar-icon[b-syof7w1cku] {
    color: #00c8ff;
}

.tm-sidebar-icon[b-syof7w1cku] {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.tm-sidebar-label[b-syof7w1cku] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Collapse to icon-only on smaller screens ── */
@media (max-width: 960px) {
    .tm-sidebar-label[b-syof7w1cku] {
        display: none;
    }

    .tm-sidebar-item[b-syof7w1cku] {
        justify-content: center;
        padding: 10px;
    }

    .tm-sidebar-icon[b-syof7w1cku] {
        margin: 0;
    }
}
/* /Components/Teams/TeamSuperCard.razor.rz.scp.css */
/* ── TeamSuperCard — premium esports hub panel ──────────── */

.tsc-card[b-kgsffg4sfq] {
    background: #0e1420;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
}

.tsc-card:hover[b-kgsffg4sfq] {
    border-color: rgba(0, 200, 255, 0.22);
    box-shadow: 0 0 22px rgba(0, 200, 255, 0.08), 0 4px 24px rgba(0, 0, 0, 0.5);
    transform: translateY(-1px);
}

/* ── ZONE 1: HEADER STRIP ───────────────────────────────── */

.tsc-header[b-kgsffg4sfq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 16px 14px;
    overflow: hidden;
    min-height: 90px;
}

.tsc-header-gradient[b-kgsffg4sfq] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #12172e 0%, #1c2170 40%, #4b0082 80%, #6600bb 100%);
    opacity: 0.85;
    z-index: 0;
}

.tsc-header > *[b-kgsffg4sfq] {
    position: relative;
    z-index: 1;
}

/* Logo */
.tsc-logo-menu[b-kgsffg4sfq] {
    flex-shrink: 0;
}

.tsc-logo-btn[b-kgsffg4sfq] {
    position: relative;
    cursor: pointer;
}

.tsc-avatar[b-kgsffg4sfq] {
    width: 64px !important;
    height: 64px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.tsc-avatar-default[b-kgsffg4sfq] {
    background: rgba(100, 0, 200, 0.35) !important;
}

.tsc-logo-overlay[b-kgsffg4sfq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.tsc-logo-btn:hover .tsc-logo-overlay[b-kgsffg4sfq] {
    opacity: 1;
}

/* Name block */
.tsc-header-info[b-kgsffg4sfq] {
    flex: 1;
    min-width: 0;
}

.tsc-name-row[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
}

.tsc-team-name[b-kgsffg4sfq] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.tsc-rename-btn[b-kgsffg4sfq] {
    opacity: 0.45;
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 2px !important;
}

.tsc-rename-btn:hover[b-kgsffg4sfq] {
    opacity: 1;
}

.tsc-rename-row[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
}

/* Badges */
.tsc-badge-row[b-kgsffg4sfq] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.tsc-badge[b-kgsffg4sfq] {
    display: inline-flex;
    align-items: center;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.tsc-badge-tag[b-kgsffg4sfq] {
    background: rgba(0, 200, 255, 0.18);
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.3);
}

.tsc-badge-formation[b-kgsffg4sfq] {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.tsc-badge-ready[b-kgsffg4sfq] {
    background: rgba(0, 200, 100, 0.18);
    color: #69f0ae;
    border: 1px solid rgba(105, 240, 174, 0.25);
}

.tsc-badge-locked[b-kgsffg4sfq] {
    background: rgba(0, 200, 255, 0.15);
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.3);
}

/* ── ZONE 2: PERFORMANCE BARS ──────────────────────────── */

.tsc-stats-zone[b-kgsffg4sfq] {
    padding: 10px 16px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.02);
}

.tsc-record-row[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.tsc-record-pill[b-kgsffg4sfq] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
}

.tsc-record-w[b-kgsffg4sfq] {
    background: rgba(105, 240, 174, 0.18);
    color: #69f0ae;
}

.tsc-record-d[b-kgsffg4sfq] {
    background: rgba(255, 255, 255, 0.1);
    color: #9e9e9e;
}

.tsc-record-l[b-kgsffg4sfq] {
    background: rgba(255, 82, 82, 0.18);
    color: #ff5252;
}

.tsc-record-sep[b-kgsffg4sfq] {
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.75rem;
}

.tsc-record-rating[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ffd54f;
    margin-left: auto;
}

.tsc-bar-row[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.tsc-bar-label[b-kgsffg4sfq] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.45);
    width: 56px;
    flex-shrink: 0;
}

.tsc-bar-track[b-kgsffg4sfq] {
    flex: 1;
    height: 5px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

.tsc-bar-fill[b-kgsffg4sfq] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.5s ease;
}

.tsc-bar-win[b-kgsffg4sfq] {
    background: linear-gradient(90deg, #00c8ff, #69f0ae);
}

.tsc-bar-goals[b-kgsffg4sfq] {
    background: linear-gradient(90deg, #ff9800, #ffd54f);
}

.tsc-bar-val[b-kgsffg4sfq] {
    font-size: 0.65rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.65);
    width: 30px;
    text-align: right;
    flex-shrink: 0;
}

.tsc-no-data[b-kgsffg4sfq] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.3);
    margin: 0;
    padding: 4px 0;
    font-style: italic;
}

/* ── ZONES 3+5: PITCH + FORM ──────────────────────────── */

.tsc-mid-zone[b-kgsffg4sfq] {
    display: flex;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    align-items: flex-start;
}

.tsc-pitch-wrap[b-kgsffg4sfq] {
    width: 72px;
    height: 96px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.tsc-right-col[b-kgsffg4sfq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
}

/* Trophy row */
.tsc-trophy-row[b-kgsffg4sfq] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tsc-trophy-chip[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 213, 79, 0.14);
    border: 1px solid rgba(255, 213, 79, 0.25);
    border-radius: 10px;
    padding: 2px 8px;
    cursor: default;
}

.tsc-trophy-count[b-kgsffg4sfq] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffd54f;
}

/* Form pills */
.tsc-form-row[b-kgsffg4sfq] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.tsc-form-pill[b-kgsffg4sfq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.tsc-form-w[b-kgsffg4sfq] {
    background: rgba(105, 240, 174, 0.2);
    color: #69f0ae;
    border: 1px solid rgba(105, 240, 174, 0.35);
}

.tsc-form-l[b-kgsffg4sfq] {
    background: rgba(255, 82, 82, 0.2);
    color: #ff5252;
    border: 1px solid rgba(255, 82, 82, 0.35);
}

.tsc-form-d[b-kgsffg4sfq] {
    background: rgba(255, 255, 255, 0.08);
    color: #9e9e9e;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* Division badge */
.tsc-division-badge[b-kgsffg4sfq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.62rem;
    font-weight: 600;
    color: #ffd54f;
    background: rgba(255, 213, 79, 0.1);
    border: 1px solid rgba(255, 213, 79, 0.2);
    border-radius: 8px;
    padding: 2px 8px;
    align-self: flex-start;
}

/* ── ZONE 6: TEAM META ──────────────────────────────────── */

.tsc-meta-zone[b-kgsffg4sfq] {
    padding: 8px 16px 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.tsc-meta-row[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    font-size: 0.75rem;
    color: #9eaab8;
}

[b-kgsffg4sfq] .tsc-meta-icon {
    font-size: 13px !important;
    color: #4a5568;
    flex-shrink: 0;
    width: 16px;
}

.tsc-meta-val[b-kgsffg4sfq] {
    color: #cdd5e0;
    font-size: 0.75rem;
}

.tsc-meta-mono[b-kgsffg4sfq] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.7rem;
    color: #6b7a8d;
}

.tsc-meta-muted[b-kgsffg4sfq] {
    color: rgba(255, 255, 255, 0.25);
    font-size: 0.72rem;
    font-style: italic;
}

.tsc-meta-action[b-kgsffg4sfq] {
    opacity: 0.4;
    padding: 2px !important;
}

.tsc-meta-action:hover[b-kgsffg4sfq] {
    opacity: 0.85;
}

.tsc-ea-edit[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.tsc-meta-hint[b-kgsffg4sfq] {
    opacity: 0.7;
}

/* ── ZONE 7: ACTION BAR ─────────────────────────────────── */

.tsc-action-bar[b-kgsffg4sfq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.2);
}

.tsc-btn-primary[b-kgsffg4sfq] {
    font-weight: 600 !important;
}

.tsc-delete-btn[b-kgsffg4sfq] {
    opacity: 0.4;
    transition: opacity 0.15s ease;
}

.tsc-delete-btn:hover[b-kgsffg4sfq] {
    opacity: 0.85;
}
/* /Components/Teams/TeamTwitchEmbed.razor.rz.scp.css */
/* ── TeamTwitchEmbed ── */

.tte-wrap[b-z0i42e3kg0] {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(145,70,255,0.25);
    background: rgba(10,10,18,0.7);
}

/* ── Header ── */

.tte-header[b-z0i42e3kg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 10px;
}

.tte-header-label[b-z0i42e3kg0] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(255,255,255,0.55);
    text-transform: uppercase;
    flex: 1;
}

.tte-open-link[b-z0i42e3kg0] {
    font-size: .7rem;
    font-weight: 600;
    color: #9146ff;
    text-decoration: none;
    opacity: .75;
    transition: opacity .15s;
}

.tte-open-link:hover[b-z0i42e3kg0] {
    opacity: 1;
    text-decoration: underline;
}

/* ── Facade (shown before user clicks) ── */

.tte-facade[b-z0i42e3kg0] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, #0e0118 0%, #1a0033 60%, #2a0052 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s;
}

.tte-facade:hover[b-z0i42e3kg0] {
    background: linear-gradient(135deg, #130220 0%, #210040 60%, #360070 100%);
}

.tte-facade-inner[b-z0i42e3kg0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.tte-facade-channel[b-z0i42e3kg0] {
    font-size: 1.05rem;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    letter-spacing: .02em;
}

.tte-facade-hint[b-z0i42e3kg0] {
    font-size: .72rem;
    color: rgba(255,255,255,0.4);
    letter-spacing: .04em;
}

/* ── Live player (shown after click) ── */

.tte-player[b-z0i42e3kg0] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.tte-iframe[b-z0i42e3kg0] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* ── Footer ── */

.tte-footer[b-z0i42e3kg0] {
    display: flex;
    align-items: center;
    padding: 10px 16px 12px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.tte-footer-text[b-z0i42e3kg0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tte-footer-channel[b-z0i42e3kg0] {
    font-size: .72rem;
    color: rgba(255,255,255,0.35);
}

.tte-footer-title[b-z0i42e3kg0] {
    font-size: .85rem;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
}
/* /Components/Teams/TeamView.razor.rz.scp.css */
/* ── TeamView shared layout ── */

.tv-loading[b-ggsfgd9au1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 60px 0;
    flex-direction: column;
}

.tv-title-row[b-ggsfgd9au1] {
    margin-bottom: 12px;
}

.tv-header[b-ggsfgd9au1] {
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    padding: 24px;
    margin-bottom: 16px;
}

[b-ggsfgd9au1] .tv-tabs .mud-tabs-header {
    background: transparent;
}

.tv-no-ea[b-ggsfgd9au1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 24px;
    max-width: 500px;
    margin: 0 auto;
}
/* /Components/Tournaments/AdminMatchRow.razor.rz.scp.css */
.amr-row[b-j9580fhj3e] {
    display: grid;
    grid-template-columns: 74px 112px minmax(118px, 1fr) 126px minmax(118px, 1fr) 88px 96px 112px;
    align-items: center;
    gap: 8px;
    min-width: 910px;
    min-height: 58px;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(40, 67, 96, 0.82);
    background: linear-gradient(90deg, rgba(11, 23, 39, 0.92), rgba(8, 17, 30, 0.78));
    color: #f7fbff;
    box-shadow: inset 3px 0 0 rgba(0, 189, 242, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.amr-row:nth-child(even)[b-j9580fhj3e] {
    background: linear-gradient(90deg, rgba(14, 28, 47, 0.98), rgba(11, 21, 36, 0.86));
    box-shadow: inset 3px 0 0 rgba(0, 189, 242, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.amr-row:hover[b-j9580fhj3e] {
    background: linear-gradient(90deg, rgba(18, 39, 63, 0.98), rgba(14, 29, 49, 0.95));
    box-shadow: inset 3px 0 0 rgba(0, 189, 242, 0.72), 0 8px 24px rgba(0, 0, 0, 0.18);
}

.amr-drawer-mode[b-j9580fhj3e] {
    min-height: 52px;
    cursor: pointer;
}

.amr-drawer-mode:hover[b-j9580fhj3e] {
    box-shadow: inset 3px 0 0 rgba(0, 189, 242, 0.72), 0 8px 24px rgba(0, 0, 0, 0.18);
}

.amr-selected[b-j9580fhj3e] {
    background: rgba(0, 189, 242, 0.11);
    box-shadow: inset 0 0 0 1px rgba(0, 189, 242, 0.92), inset 3px 0 0 #00bdf2;
}

.amr-row.amr-dirty[b-j9580fhj3e] {
    background: rgba(0, 189, 242, 0.08);
}

.amr-row.amr-locked[b-j9580fhj3e] {
    opacity: 0.82;
}

.amr-row.amr-pending-removal[b-j9580fhj3e] {
    background: rgba(244, 67, 54, 0.08);
}

.amr-row.amr-pending-forfeit[b-j9580fhj3e] {
    background: rgba(255, 193, 7, 0.08);
}

.amr-match-cell[b-j9580fhj3e],
.amr-stage-cell[b-j9580fhj3e] {
    display: grid;
    gap: 2px;
}

.amr-match-cell strong[b-j9580fhj3e],
.amr-stage-cell strong[b-j9580fhj3e] {
    color: #f7fbff;
    font-size: 0.8rem;
    font-weight: 850;
    letter-spacing: 0;
}

.amr-match-cell small[b-j9580fhj3e],
.amr-stage-cell small[b-j9580fhj3e],
.amr-schedule-cell[b-j9580fhj3e] {
    color: #91a4bc;
    font-size: 0.72rem;
    line-height: 1.2;
}

.amr-team[b-j9580fhj3e] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.86rem;
    font-weight: 780;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.amr-team span[b-j9580fhj3e] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.amr-placeholder[b-j9580fhj3e] {
    opacity: 0.45;
}

.amr-ea-icon[b-j9580fhj3e] {
    color: #00bdf2;
    opacity: 0.78;
}

.amr-lock-icon[b-j9580fhj3e] {
    color: #91a4bc;
}

.amr-score-area[b-j9580fhj3e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
}

.amr-score-editor[b-j9580fhj3e] {
    justify-self: center;
    min-width: 118px;
    padding: 2px 4px;
    border-radius: 8px;
}

.amr-row.amr-inline-score .amr-score-editor[b-j9580fhj3e] {
    background: rgba(0, 189, 242, 0.045);
    box-shadow: inset 0 0 0 1px rgba(0, 189, 242, 0.08);
}

.amr-input[b-j9580fhj3e] {
    width: 38px;
    min-height: 34px;
    padding: 4px;
    border: 1px solid rgba(0, 189, 242, 0.34);
    border-radius: 7px;
    background: rgba(5, 11, 18, 0.72);
    color: #f7fbff;
    font-size: 0.94rem;
    font-weight: 850;
    text-align: center;
    outline: none;
    -moz-appearance: textfield;
}

.amr-input[b-j9580fhj3e]::-webkit-outer-spin-button,
.amr-input[b-j9580fhj3e]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.amr-input:focus[b-j9580fhj3e] {
    border-color: #00bdf2;
    box-shadow: 0 0 0 2px rgba(0, 189, 242, 0.18);
}

.amr-input:disabled[b-j9580fhj3e] {
    cursor: not-allowed;
    opacity: 0.58;
}

.amr-dash[b-j9580fhj3e] {
    color: #91a4bc;
    font-weight: 850;
}

.amr-score[b-j9580fhj3e] {
    min-width: 62px;
    padding: 6px 10px;
    border: 1px solid rgba(0, 189, 242, 0.24);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(9, 23, 38, 0.94), rgba(5, 11, 18, 0.76));
    color: #f7fbff;
    font-size: 1rem;
    font-weight: 950;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.amr-score-special[b-j9580fhj3e],
.amr-badge-forfeit[b-j9580fhj3e] {
    border-color: rgba(255, 193, 7, 0.32);
    background: rgba(255, 193, 7, 0.12);
    color: #ffc107;
}

.amr-badge-auto[b-j9580fhj3e],
.amr-badge-forfeit[b-j9580fhj3e],
.amr-badge-3rd[b-j9580fhj3e],
.amr-editing-note[b-j9580fhj3e],
.amr-pending-badge[b-j9580fhj3e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 850;
    white-space: nowrap;
}

.amr-badge-auto[b-j9580fhj3e],
.amr-editing-note[b-j9580fhj3e] {
    background: rgba(0, 189, 242, 0.12);
    color: #00bdf2;
}

.amr-badge-3rd[b-j9580fhj3e] {
    background: rgba(205, 127, 50, 0.16);
    color: #cd7f32;
}

.amr-pending-badge--danger[b-j9580fhj3e] {
    background: rgba(244, 67, 54, 0.13);
    color: #ff6b61;
}

.amr-pending-badge--warning[b-j9580fhj3e] {
    background: rgba(255, 193, 7, 0.13);
    color: #ffc107;
}

.amr-waiting[b-j9580fhj3e] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.amr-status-badge[b-j9580fhj3e] {
    justify-self: start;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 850;
}

.amr-status-badge--completed[b-j9580fhj3e] {
    background: rgba(34, 197, 94, 0.13);
    color: #22c55e;
}

.amr-status-badge--ongoing[b-j9580fhj3e] {
    background: rgba(255, 193, 7, 0.13);
    color: #ffc107;
}

.amr-status-badge--scheduled[b-j9580fhj3e] {
    background: rgba(0, 189, 242, 0.11);
    color: #00bdf2;
}

.amr-actions[b-j9580fhj3e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 0;
}

.amr-btn-icon[b-j9580fhj3e],
.amr-btn-settings[b-j9580fhj3e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 32px;
    border: 1px solid rgba(43, 75, 109, 0.78);
    border-radius: 7px;
    background: rgba(16, 27, 45, 0.82);
    color: #91a4bc;
    cursor: pointer;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.amr-manage-button[b-j9580fhj3e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 92px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(0, 189, 242, 0.46);
    border-radius: 6px;
    background: rgba(0, 189, 242, 0.08);
    color: #00bdf2;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.amr-btn-icon:hover:not(:disabled)[b-j9580fhj3e],
.amr-btn-settings:hover[b-j9580fhj3e],
.amr-manage-button:hover[b-j9580fhj3e] {
    border-color: rgba(0, 189, 242, 0.48);
    background: rgba(0, 189, 242, 0.12);
    color: #f7fbff;
    box-shadow: 0 0 18px rgba(0, 189, 242, 0.12);
}

.amr-btn-icon:disabled[b-j9580fhj3e] {
    cursor: not-allowed;
    opacity: 0.42;
}

.amr-btn-ea[b-j9580fhj3e] {
    color: #00bdf2;
}

@media (max-width: 760px) {
    .amr-row[b-j9580fhj3e] {
        grid-template-columns: 74px 106px minmax(128px, 1fr) 126px minmax(128px, 1fr) 88px 96px 112px;
        min-width: 930px;
    }

    .amr-row.amr-drawer-mode[b-j9580fhj3e] {
        grid-template-columns: 1fr;
        min-width: 0;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(40, 67, 96, 0.82);
        border-radius: 8px;
        background:
            radial-gradient(circle at 0% 0%, rgba(0, 189, 242, 0.1), transparent 42%),
            linear-gradient(180deg, rgba(12, 25, 43, 0.98), rgba(7, 16, 28, 0.94));
    }

    .amr-row.amr-drawer-mode .amr-match-cell[b-j9580fhj3e],
    .amr-row.amr-drawer-mode .amr-stage-cell[b-j9580fhj3e],
    .amr-row.amr-drawer-mode .amr-team[b-j9580fhj3e],
    .amr-row.amr-drawer-mode .amr-score-area[b-j9580fhj3e],
    .amr-row.amr-drawer-mode .amr-actions[b-j9580fhj3e] {
        width: 100%;
    }

    .amr-row.amr-drawer-mode .amr-match-cell[b-j9580fhj3e],
    .amr-row.amr-drawer-mode .amr-stage-cell[b-j9580fhj3e] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .amr-row.amr-drawer-mode .amr-team[b-j9580fhj3e] {
        min-height: 28px;
    }

    .amr-row.amr-drawer-mode .amr-score-area[b-j9580fhj3e] {
        justify-content: center;
        padding: 8px;
        border: 1px solid rgba(43, 75, 109, 0.62);
        border-radius: 8px;
        background: rgba(5, 11, 18, 0.44);
    }

    .amr-row.amr-drawer-mode .amr-actions[b-j9580fhj3e] {
        justify-content: stretch;
    }

    .amr-row.amr-drawer-mode .amr-score-editor[b-j9580fhj3e] {
        justify-content: flex-start;
    }

    .amr-row.amr-drawer-mode .amr-manage-button[b-j9580fhj3e] {
        width: 100%;
    }
}
/* /Components/Tournaments/AutoResolveDialog.razor.rz.scp.css */
.ar-compare[b-mshkvzcyka] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: start;
}

.ar-team[b-mshkvzcyka] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 14px;
}

.ar-team-winner[b-mshkvzcyka] {
    border-color: #00c8ff;
    background: rgba(0,200,255,0.06);
}

.ar-team-name[b-mshkvzcyka] {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 8px;
    color: #e0e8f0;
}

.ar-winner-badge[b-mshkvzcyka] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(0,200,255,0.15);
    color: #00c8ff;
    margin-bottom: 8px;
}

.ar-stat[b-mshkvzcyka] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 0.84rem;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.ar-label[b-mshkvzcyka] {
    color: rgba(255,255,255,0.5);
}

.ar-value[b-mshkvzcyka] {
    font-weight: 600;
    color: #e0e8f0;
}

.ar-vs[b-mshkvzcyka] {
    align-self: center;
    font-weight: 700;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.3);
    padding-top: 30px;
}
/* /Components/Tournaments/BatchSaveBar.razor.rz.scp.css */
.batch-save-bar[b-03ial6gcwn] {
    position: fixed;
    bottom: 0;
    left: var(--cad-sidebar-width, 0);
    right: 0;
    z-index: 1100;
    background: rgba(8, 17, 30, 0.96);
    border-top: 1px solid var(--cad-border, rgba(0,200,255,0.2));
    box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
    padding: 8px 24px;
    animation: slideUp-b-03ial6gcwn 0.2s ease-out;
}

@media (max-width: 1023px) {
    .batch-save-bar[b-03ial6gcwn] {
        left: 0;
    }
}

.batch-save-content[b-03ial6gcwn] {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.batch-save-text[b-03ial6gcwn] {
    font-size: 0.875rem;
    color: #e0e8f0;
}

@keyframes slideUp-b-03ial6gcwn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* /Components/Tournaments/CompetitionTestFlowVerificationRunner.razor.rz.scp.css */
.verification-target-picker[b-ncd3uk1y52] {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.verification-target-toolbar[b-ncd3uk1y52] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.verification-target-table[b-ncd3uk1y52] {
    max-height: 240px;
    overflow: auto;
    border: 1px solid rgba(43, 75, 109, 0.8);
    border-radius: 8px;
    background: rgba(7, 17, 29, 0.72);
}

.verification-target-table table[b-ncd3uk1y52] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.verification-target-table th[b-ncd3uk1y52] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 12px;
    color: rgba(169, 184, 201, 0.92);
    background: rgba(8, 17, 30, 0.96);
    font-size: 0.72rem;
    font-weight: 850;
    text-align: left;
    text-transform: uppercase;
}

.verification-target-table td[b-ncd3uk1y52] {
    padding: 10px 12px;
    border-top: 1px solid rgba(43, 75, 109, 0.46);
    color: var(--pcw-text-muted);
    vertical-align: middle;
}

.verification-target-row[b-ncd3uk1y52] {
    transition: background 150ms ease, box-shadow 150ms ease;
}

.verification-target-row:hover[b-ncd3uk1y52] {
    background: rgba(0, 189, 242, 0.06);
}

.verification-target-row.is-selected[b-ncd3uk1y52] {
    background: rgba(34, 197, 94, 0.1);
    box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.82);
}

.verification-target-table strong[b-ncd3uk1y52],
.verification-target-table span[b-ncd3uk1y52],
.verification-target-table small[b-ncd3uk1y52] {
    display: block;
}

.verification-target-table strong[b-ncd3uk1y52] {
    color: var(--pcw-text-primary);
    font-size: 0.88rem;
    font-weight: 800;
}

.verification-target-table small[b-ncd3uk1y52] {
    margin-top: 2px;
    color: rgba(169, 184, 201, 0.72);
    font-size: 0.76rem;
}

.verification-target-empty[b-ncd3uk1y52] {
    color: rgba(169, 184, 201, 0.78);
    font-size: 0.84rem;
    text-align: center;
}

@media (max-width: 640px) {
    .verification-target-toolbar[b-ncd3uk1y52] {
        grid-template-columns: 1fr;
    }

    .verification-target-table[b-ncd3uk1y52] {
        max-height: 280px;
    }
}
/* /Components/Tournaments/CompetitionTestSeedManifestPanel.razor.rz.scp.css */
.qa-manifest[b-kvxpjkcpi5] {
    display: grid;
    gap: 14px;
}

.qa-manifest__header[b-kvxpjkcpi5] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.qa-manifest__actions[b-kvxpjkcpi5],
.qa-manifest__row-actions[b-kvxpjkcpi5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.qa-manifest__section[b-kvxpjkcpi5] {
    display: grid;
    gap: 6px;
}

.qa-manifest__section-title[b-kvxpjkcpi5] {
    color: var(--pcw-text-muted);
    display: block;
    font-weight: 700;
}

.qa-manifest__rows[b-kvxpjkcpi5] {
    display: grid;
    gap: 8px;
}

.qa-manifest__row[b-kvxpjkcpi5] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px 12px;
}

.qa-manifest__row-main[b-kvxpjkcpi5] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.qa-manifest__row-main span[b-kvxpjkcpi5],
.qa-manifest__row-main small[b-kvxpjkcpi5] {
    color: var(--pcw-text-muted);
    overflow-wrap: anywhere;
}

.qa-manifest__link[b-kvxpjkcpi5] {
    color: inherit;
    font-weight: 700;
    text-decoration: none;
}

.qa-manifest__link:hover[b-kvxpjkcpi5] {
    color: #00c8ff;
    text-decoration: underline;
}

.qa-manifest__chips[b-kvxpjkcpi5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.qa-manifest__chip[b-kvxpjkcpi5] {
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: 999px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    line-height: 1;
    min-height: 26px;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 6px 10px;
}

.qa-manifest__chip:hover[b-kvxpjkcpi5] {
    border-color: rgba(0, 200, 255, 0.6);
}

.qa-manifest__more[b-kvxpjkcpi5] {
    align-items: center;
    color: var(--pcw-text-muted);
    display: inline-flex;
    font-size: 0.75rem;
    min-height: 26px;
}

@media (max-width: 700px) {
    .qa-manifest__header[b-kvxpjkcpi5],
    .qa-manifest__row[b-kvxpjkcpi5] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .qa-manifest__header[b-kvxpjkcpi5] {
        display: grid;
    }

    .qa-manifest__actions[b-kvxpjkcpi5],
    .qa-manifest__row-actions[b-kvxpjkcpi5] {
        justify-content: flex-start;
    }
}
/* /Components/Tournaments/CustomKnockoutSeedingDialog.razor.rz.scp.css */
.ck-dialog[b-7ygpsqpuc5] {
    width: min(920px, calc(100vw - 24px));
}

.ck-loading[b-7ygpsqpuc5] {
    min-height: 180px;
    justify-content: center;
}

.ck-toolbar[b-7ygpsqpuc5] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ck-slots[b-7ygpsqpuc5] {
    display: grid;
    gap: 10px;
    max-height: min(58vh, 620px);
    overflow: auto;
    padding-right: 2px;
}

.ck-slot[b-7ygpsqpuc5] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 12px;
}

.ck-slot-title[b-7ygpsqpuc5] {
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ck-slot-title span[b-7ygpsqpuc5] {
    color: var(--pcw-text-primary);
    font-weight: 700;
}

.ck-slot-title small[b-7ygpsqpuc5] {
    color: var(--pcw-text-muted);
    min-width: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .ck-toolbar[b-7ygpsqpuc5],
    .ck-slot-title[b-7ygpsqpuc5] {
        align-items: stretch;
        flex-direction: column;
    }

    .ck-slot-title small[b-7ygpsqpuc5] {
        text-align: left;
        white-space: normal;
    }
}
/* /Components/Tournaments/DrawWheel.razor.rz.scp.css */
.dw-root[b-q75r4eby08] {
    --dw-wheel-size: clamp(320px, 44vw, 680px);
    display: grid;
    grid-template-columns: minmax(150px, 0.62fr) minmax(280px, var(--dw-wheel-size)) minmax(150px, 0.62fr);
    align-items: center;
    gap: 18px;
    width: 100%;
}

.dw-root.is-dense[b-q75r4eby08] {
    --dw-wheel-size: clamp(430px, 55vw, 820px);
}

.dw-root.is-ultra-dense[b-q75r4eby08] {
    --dw-wheel-size: clamp(500px, 60vw, 940px);
}

.dw-stage[b-q75r4eby08] {
    position: relative;
    width: min(var(--dw-wheel-size), 100%);
    aspect-ratio: 1;
    justify-self: center;
    border-radius: 999px;
    isolation: isolate;
    background:
        linear-gradient(145deg, rgba(141, 203, 255, 0.1), rgba(2, 11, 24, 0) 42%),
        radial-gradient(circle at 50% 50%, rgba(0, 175, 255, 0.22), rgba(6, 20, 38, 0.9) 56%, rgba(1, 7, 17, 0.98)),
        conic-gradient(from 0deg, rgba(0, 175, 255, 0.18), rgba(255, 208, 116, 0.12), rgba(117, 87, 255, 0.16), rgba(0, 175, 255, 0.18));
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.42),
        0 0 52px rgba(0, 175, 255, 0.11),
        inset 0 0 0 1px rgba(141, 203, 255, 0.24),
        inset 0 0 0 10px rgba(2, 11, 24, 0.34);
}

.dw-stage[b-q75r4eby08]::before,
.dw-stage[b-q75r4eby08]::after {
    position: absolute;
    z-index: 0;
    content: "";
    border-radius: inherit;
    pointer-events: none;
}

.dw-stage[b-q75r4eby08]::before {
    inset: -8px;
    background:
        conic-gradient(from 30deg, rgba(0, 175, 255, 0), rgba(0, 175, 255, 0.36), rgba(117, 87, 255, 0.14), rgba(255, 208, 116, 0.28), rgba(0, 175, 255, 0));
    opacity: 0.55;
    filter: blur(10px);
}

.dw-stage[b-q75r4eby08]::after {
    inset: 10%;
    border: 1px solid rgba(141, 203, 255, 0.1);
    background:
        linear-gradient(rgba(141, 203, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(141, 203, 255, 0.045) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: radial-gradient(circle, transparent 0 22%, #000 23% 100%);
    opacity: 0.45;
}

.dw-root.is-clickable .dw-stage[b-q75r4eby08] {
    outline: none;
}

.dw-root.can-spin .dw-stage[b-q75r4eby08] {
    cursor: pointer;
}

.dw-root.can-spin .dw-stage:hover[b-q75r4eby08],
.dw-root.can-spin .dw-stage:focus-visible[b-q75r4eby08] {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(0, 175, 255, 0.2), inset 0 0 0 1px rgba(141, 203, 255, 0.36);
}

.dw-wheel[b-q75r4eby08] {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.38));
}

.dw-wheel-rotor[b-q75r4eby08] {
    transform: rotate(var(--dw-rotation));
    transform-box: view-box;
    transform-origin: 50px 50px;
}

.is-spinning .dw-wheel-rotor[b-q75r4eby08] {
    animation: dw-spin-to-b-q75r4eby08 var(--dw-spin-duration) cubic-bezier(.08, .78, .12, 1) both;
}

.dw-pointer[b-q75r4eby08] {
    position: absolute;
    z-index: 4;
    top: -9px;
    left: 50%;
    width: 42px;
    height: 58px;
    transform: translateX(-50%);
    filter: drop-shadow(0 10px 22px rgba(255, 208, 116, 0.36));
}

.dw-pointer[b-q75r4eby08]::before {
    position: absolute;
    inset: 0;
    content: "";
    clip-path: polygon(50% 100%, 4% 0, 96% 0);
    background: linear-gradient(180deg, #fff5cb 0%, #ffd074 36%, #00afff 100%);
}

.dw-pointer[b-q75r4eby08]::after {
    position: absolute;
    top: 6px;
    left: 50%;
    width: 5px;
    height: 28px;
    content: "";
    border-radius: 999px;
    background: rgba(2, 11, 24, 0.45);
    transform: translateX(-50%);
}

.dw-blade[b-q75r4eby08] {
    stroke: rgba(2, 11, 24, 0.74);
    stroke-width: 0.42;
}

.dw-blade-sheen[b-q75r4eby08],
.dw-wheel-glass[b-q75r4eby08],
.dw-rim-glow[b-q75r4eby08],
.dw-rim-inner[b-q75r4eby08],
.dw-rim-tick[b-q75r4eby08],
.dw-center-halo[b-q75r4eby08] {
    pointer-events: none;
}

.dw-blade-sheen[b-q75r4eby08] {
    opacity: 0.52;
    mix-blend-mode: screen;
}

.dw-blade-group.is-selected .dw-blade[b-q75r4eby08] {
    stroke: #ffd074;
    stroke-width: 1.1;
    filter: brightness(1.18) drop-shadow(0 0 2.5px rgba(255, 208, 116, 0.75));
}

.dw-blade-label[b-q75r4eby08] {
    fill: #fff;
    font-size: 2.5px;
    font-weight: 900;
    paint-order: stroke;
    stroke: rgba(2, 11, 24, 0.76);
    stroke-width: 0.68px;
    stroke-linejoin: round;
    pointer-events: none;
}

.dw-blade-label-dense[b-q75r4eby08] {
    font-size: 1.2px;
    stroke-width: 0.32px;
}

.dw-blade-logo[b-q75r4eby08],
.dw-blade-logo-fallback[b-q75r4eby08] {
    pointer-events: none;
}

.dw-blade-logo-fallback[b-q75r4eby08] {
    fill: rgba(2, 11, 24, 0.66);
    stroke: rgba(255, 255, 255, 0.42);
    stroke-width: 0.24;
}

.dw-blade-logo-text[b-q75r4eby08] {
    fill: #fff;
    font-size: 1.35px;
    font-weight: 900;
    pointer-events: none;
}

.dw-center-disc[b-q75r4eby08] {
    fill: rgba(2, 11, 24, 0.94);
    stroke: rgba(0, 175, 255, 0.64);
    stroke-width: 0.68;
    filter: drop-shadow(0 0 4px rgba(0, 175, 255, 0.5));
}

.dw-wheel-glass[b-q75r4eby08] {
    opacity: 0.78;
}

.dw-rim-glow[b-q75r4eby08] {
    stroke-width: 1.2;
    opacity: 0.94;
}

.dw-rim-inner[b-q75r4eby08] {
    fill: none;
    stroke: rgba(2, 11, 24, 0.82);
    stroke-width: 1.5;
}

.dw-rim-tick[b-q75r4eby08] {
    stroke: rgba(141, 203, 255, 0.32);
    stroke-linecap: round;
    stroke-width: 0.28;
}

.dw-rim-tick.is-major[b-q75r4eby08] {
    stroke: rgba(255, 208, 116, 0.72);
    stroke-width: 0.46;
}

.dw-center-halo[b-q75r4eby08] {
    fill: rgba(0, 175, 255, 0.08);
    stroke: rgba(255, 208, 116, 0.26);
    stroke-width: 0.45;
}

.dw-empty-ring[b-q75r4eby08] {
    fill: rgba(9, 24, 45, 0.85);
    stroke: rgba(141, 203, 255, 0.24);
    stroke-width: 1;
}

.dw-center[b-q75r4eby08] {
    position: absolute;
    z-index: 5;
    inset: 50% auto auto 50%;
    width: 24%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    color: #fff;
    text-align: center;
    pointer-events: none;
}

.dw-center strong[b-q75r4eby08] {
    max-width: 86%;
    overflow: hidden;
    color: #fff;
    font-size: clamp(0.78rem, 1.5vw, 1.08rem);
    font-weight: 950;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dw-center span[b-q75r4eby08] {
    max-width: 84%;
    overflow: hidden;
    color: #ffd074;
    font-size: clamp(0.56rem, 1vw, 0.72rem);
    font-weight: 800;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.dw-root.is-dense .dw-center[b-q75r4eby08] {
    gap: 0;
}

.dw-root.is-dense .dw-center strong[b-q75r4eby08] {
    font-size: clamp(0.66rem, 1.08vw, 0.94rem);
}

.dw-root.is-dense .dw-center span[b-q75r4eby08] {
    font-size: clamp(0.48rem, 0.78vw, 0.62rem);
}

.dw-side[b-q75r4eby08] {
    display: grid;
    gap: 8px;
    max-height: 760px;
    overflow: auto;
    padding: 4px;
    scrollbar-width: thin;
}

.dw-side-left[b-q75r4eby08] {
    justify-self: end;
}

.dw-side-right[b-q75r4eby08] {
    justify-self: start;
}

.dw-rail-item[b-q75r4eby08] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(141, 203, 255, 0.16);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.68);
}

.dw-rail-item.is-selected[b-q75r4eby08] {
    border-color: rgba(255, 208, 116, 0.8);
    background: rgba(255, 208, 116, 0.13);
    box-shadow: 0 0 22px rgba(255, 208, 116, 0.12);
}

.dw-rail-logo[b-q75r4eby08] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(141, 203, 255, 0.22);
    border-radius: 50%;
    background: rgba(2, 11, 24, 0.72);
    color: #c8d4e3;
    font-size: 0.7rem;
    font-weight: 900;
}

.dw-rail-logo img[b-q75r4eby08] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dw-rail-item strong[b-q75r4eby08],
.dw-rail-item small[b-q75r4eby08] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dw-rail-item strong[b-q75r4eby08] {
    color: #fff;
    font-size: 0.86rem;
    font-weight: 850;
}

.dw-rail-item small[b-q75r4eby08] {
    margin-top: 1px;
    color: #8fa6bd;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.dw-celebration[b-q75r4eby08] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(255, 208, 116, 0.42);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 208, 116, 0.15), rgba(0, 175, 255, 0.1));
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
}

.dw-celebration img[b-q75r4eby08] {
    width: 86px;
    height: 68px;
    border-radius: 8px;
    object-fit: cover;
}

.dw-celebration span[b-q75r4eby08],
.dw-celebration small[b-q75r4eby08] {
    display: block;
    color: #ffd074;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dw-celebration strong[b-q75r4eby08] {
    display: block;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: clamp(1.25rem, 3vw, 2rem);
    font-weight: 950;
    line-height: 1.05;
}

@keyframes dw-spin-to-b-q75r4eby08 {
    from {
        transform: rotate(var(--dw-start-rotation));
    }

    to {
        transform: rotate(var(--dw-rotation));
    }
}

@media (prefers-reduced-motion: reduce) {
    .is-spinning .dw-wheel-rotor[b-q75r4eby08] {
        animation-duration: 1ms;
    }
}

@media (max-width: 1180px) {
    .dw-root[b-q75r4eby08],
    .dw-root.is-dense[b-q75r4eby08],
    .dw-root.is-ultra-dense[b-q75r4eby08] {
        --dw-wheel-size: min(86vw, 680px);
        grid-template-columns: 1fr;
    }

    .dw-side[b-q75r4eby08] {
        width: 100%;
        max-height: 180px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-self: stretch;
    }

    .dw-side-left[b-q75r4eby08] {
        order: 2;
    }

    .dw-stage[b-q75r4eby08] {
        order: 1;
    }

    .dw-side-right[b-q75r4eby08] {
        order: 3;
    }
}

@media (max-width: 640px) {
    .dw-root[b-q75r4eby08],
    .dw-root.is-dense[b-q75r4eby08],
    .dw-root.is-ultra-dense[b-q75r4eby08] {
        --dw-wheel-size: min(94vw, 520px);
        gap: 12px;
    }

    .dw-side[b-q75r4eby08] {
        grid-template-columns: 1fr;
        max-height: 230px;
    }

    .dw-rail-item[b-q75r4eby08] {
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 7px 9px;
    }

    .dw-rail-logo[b-q75r4eby08] {
        width: 30px;
        height: 30px;
    }

    .dw-celebration[b-q75r4eby08] {
        grid-template-columns: 1fr;
    }

    .dw-celebration img[b-q75r4eby08] {
        width: 100%;
        height: 120px;
    }
}
/* /Components/Tournaments/EaAutoCheckCard.razor.rz.scp.css */
.ea-check-wrap[b-4q06zlp6g7]  .ea-check-card {
    overflow: hidden;
    border-color: rgba(0, 189, 242, 0.24) !important;
    background: linear-gradient(180deg, rgba(16, 33, 54, 0.94), rgba(8, 18, 31, 0.94)) !important;
}

.ea-check-wrap[b-4q06zlp6g7]  .ea-check-row {
    gap: 12px;
    flex-wrap: wrap;
}

.ea-check-wrap[b-4q06zlp6g7]  .ea-check-title,
.ea-check-wrap[b-4q06zlp6g7]  .ea-check-actions {
    min-width: 0;
    flex-wrap: wrap;
}

.ea-check-wrap[b-4q06zlp6g7]  .ea-check-actions {
    justify-content: flex-end;
}

.ea-check-wrap[b-4q06zlp6g7]  .mud-table-container {
    overflow-x: auto;
}

.ea-check-wrap[b-4q06zlp6g7]  th,
.ea-check-wrap[b-4q06zlp6g7]  td {
    white-space: nowrap;
}

.ea-check-wrap[b-4q06zlp6g7]  td:first-child {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640px) {
    .ea-check-wrap[b-4q06zlp6g7]  .ea-check-row {
        align-items: stretch !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    .ea-check-wrap[b-4q06zlp6g7]  .ea-check-title,
    .ea-check-wrap[b-4q06zlp6g7]  .ea-check-actions,
    .ea-check-wrap[b-4q06zlp6g7]  .ea-check-actions .mud-button-root {
        width: 100%;
    }

    .ea-check-wrap[b-4q06zlp6g7]  .ea-check-actions {
        justify-content: stretch;
    }
}
/* /Components/Tournaments/EditTournamentForm.razor.rz.scp.css */
    .ct-hero[b-qz89y4hrgu] {
        background: linear-gradient(135deg, rgba(0,135,179,0.25) 0%, rgba(100,50,200,0.3) 100%);
        border: 1px solid rgba(0,200,255,0.12);
        border-radius: 10px;
        padding: 16px 20px;
        margin-bottom: 16px;
    }

    .ct-hero-content[b-qz89y4hrgu] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .ct-edit-tabs[b-qz89y4hrgu] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 16px;
        padding: 8px;
        border: 1px solid rgba(0, 200, 255, 0.12);
        border-radius: 10px;
        background:
            linear-gradient(90deg, rgba(0, 200, 255, 0.07), transparent 46%),
            rgba(10, 16, 25, 0.86);
    }

    .ct-edit-tab[b-qz89y4hrgu] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        padding: 8px 14px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
        color: rgba(230, 241, 255, 0.72);
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, transform 0.16s ease;
    }

    .ct-edit-tab:hover[b-qz89y4hrgu],
    .ct-edit-tab:focus-visible[b-qz89y4hrgu] {
        border-color: rgba(0, 200, 255, 0.35);
        background: rgba(0, 200, 255, 0.1);
        color: #fff;
        outline: none;
    }

    .ct-edit-tab--active[b-qz89y4hrgu] {
        border-color: rgba(0, 200, 255, 0.65);
        background: linear-gradient(180deg, rgba(0, 200, 255, 0.18), rgba(0, 200, 255, 0.08));
        color: #fff;
        box-shadow: inset 0 -2px 0 #00c8ff, 0 0 16px rgba(0, 200, 255, 0.08);
    }

    .ct-edit-tab .mud-icon-root[b-qz89y4hrgu] {
        color: #00c8ff;
        font-size: 1.05rem;
    }

    .ct-tab-panel[b-qz89y4hrgu] {
        animation: ctPanelIn-b-qz89y4hrgu 0.18s ease;
    }

    .ct-section-card[b-qz89y4hrgu] {
        background: #141a22;
        border: 1px solid rgba(0, 135, 179, 0.15);
        border-radius: 10px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .ct-section-card:hover[b-qz89y4hrgu] {
        border-color: rgba(0, 200, 255, 0.25);
        box-shadow: 0 0 16px rgba(0, 200, 255, 0.06);
    }

    .ct-section-compact .mud-card-content[b-qz89y4hrgu] {
        padding: 12px 16px !important;
    }

    .ct-section-header[b-qz89y4hrgu] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }

    .ct-preview-grid[b-qz89y4hrgu] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 8px;
        margin-top: 10px;
    }

    .ct-preview-stat[b-qz89y4hrgu] {
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 8px;
        padding: 10px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: border-color 0.15s ease;
    }

    .ct-preview-stat:hover[b-qz89y4hrgu] {
        border-color: rgba(0,200,255,0.18);
    }

    .ct-stat-label[b-qz89y4hrgu] {
        display: block;
        font-size: 0.7rem;
        color: rgba(255,255,255,0.45);
        font-weight: 500;
    }

    .ct-stat-value[b-qz89y4hrgu] {
        display: block;
        font-size: 1.1rem;
        font-weight: 800;
        color: #fff;
        line-height: 1.2;
    }

.ct-branding-grid[b-qz89y4hrgu] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.1fr);
    gap: 16px;
    margin-top: 14px;
}

.ct-branding-controls[b-qz89y4hrgu] {
    display: grid;
    gap: 10px;
}

.ct-upload-tile[b-qz89y4hrgu] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 12px 14px;
    border: 1px dashed rgba(0, 200, 255, 0.38);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.12), rgba(11, 15, 20, 0.52)),
        #101820;
    cursor: pointer;
    overflow: hidden;
}

.ct-upload-tile:hover[b-qz89y4hrgu] {
    border-color: rgba(0, 200, 255, 0.7);
    box-shadow: 0 0 16px rgba(0, 200, 255, 0.1);
}

.ct-upload-tile input[type="file"][b-qz89y4hrgu],
.ct-upload-tile[b-qz89y4hrgu]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.ct-upload-tile .mud-icon-root[b-qz89y4hrgu] {
    color: #00c8ff;
    font-size: 26px;
}

.ct-upload-tile span[b-qz89y4hrgu] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ct-upload-tile strong[b-qz89y4hrgu] {
    color: #fff;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ct-upload-tile small[b-qz89y4hrgu] {
    color: rgba(224, 236, 255, 0.68);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ct-upload-tile--wide[b-qz89y4hrgu] {
    min-height: 84px;
}

.ct-color-row[b-qz89y4hrgu] {
    display: grid;
    grid-template-columns: 1fr 44px auto;
    align-items: center;
    gap: 8px;
}

.ct-color-row input[type="color"][b-qz89y4hrgu] {
    width: 44px;
    height: 40px;
    padding: 2px;
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: 6px;
    background: #0b0f14;
}

.ct-branding-alerts[b-qz89y4hrgu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ct-branding-alerts span[b-qz89y4hrgu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    color: rgba(224, 236, 255, 0.76);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.72rem;
    font-weight: 750;
}

.ct-branding-alerts .mud-icon-root[b-qz89y4hrgu] {
    color: #9eeaff;
    font-size: 16px;
}

.ct-branding-preview[b-qz89y4hrgu] {
    position: relative;
    min-height: 220px;
    border: 1px solid color-mix(in srgb, var(--ct-brand-color) 46%, rgba(0, 200, 255, 0.2));
    border-radius: 8px;
    background:
        linear-gradient(110deg, rgba(0, 200, 255, 0.14), rgba(4, 10, 16, 0.86)),
        repeating-linear-gradient(105deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 28px),
        #071019;
    overflow: hidden;
}

.ct-branding-preview > img[b-qz89y4hrgu] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.42;
}

.ct-branding-preview-overlay[b-qz89y4hrgu] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 82% 42%, color-mix(in srgb, var(--ct-brand-color) 22%, transparent), transparent 30%),
        linear-gradient(90deg, rgba(5, 10, 15, 0.94), rgba(5, 10, 15, 0.62) 58%, rgba(5, 10, 15, 0.9));
}

.ct-branding-preview-content[b-qz89y4hrgu] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    padding: 22px;
    gap: 12px;
}

.ct-branding-status[b-qz89y4hrgu] {
    align-self: flex-start;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    padding: 5px 12px;
    color: #eaf4ff;
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ct-branding-title-row[b-qz89y4hrgu] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ct-branding-title-row strong[b-qz89y4hrgu] {
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    line-height: 1.03;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.45);
}

.ct-branding-logo[b-qz89y4hrgu] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid color-mix(in srgb, var(--ct-brand-color) 58%, rgba(255, 255, 255, 0.14));
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.32);
    flex: 0 0 auto;
}

.ct-branding-logo img[b-qz89y4hrgu] {
    width: 72%;
    height: 72%;
    object-fit: contain;
}

.ct-branding-preview-content small[b-qz89y4hrgu] {
    color: rgba(224, 236, 255, 0.78);
    font-weight: 700;
}

.ct-branding-preview-actions[b-qz89y4hrgu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ct-branding-preview-actions span[b-qz89y4hrgu] {
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 6px;
    padding: 7px 12px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ct-branding-preview-actions span + span[b-qz89y4hrgu] {
    border-color: color-mix(in srgb, var(--ct-brand-color) 70%, #00c8ff);
    background: color-mix(in srgb, var(--ct-brand-color) 72%, #00c8ff);
    color: #041018;
}

@media (max-width: 900px) {
    .ct-edit-tabs[b-qz89y4hrgu] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ct-edit-tabs[b-qz89y4hrgu]::-webkit-scrollbar {
        display: none;
    }

    .ct-edit-tab[b-qz89y4hrgu] {
        flex: 0 0 auto;
    }

    .ct-branding-grid[b-qz89y4hrgu] {
        grid-template-columns: 1fr;
    }

    .ct-color-row[b-qz89y4hrgu] {
        grid-template-columns: 1fr 44px;
    }

    .ct-color-row .mud-button-root[b-qz89y4hrgu] {
        grid-column: 1 / -1;
    }
}

@keyframes ctPanelIn-b-qz89y4hrgu {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

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

/* Competition admin redesign overrides */
.ct-hero[b-qz89y4hrgu] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--cad-border, rgba(0,200,255,0.12));
    border-radius: 0;
    padding: 0 0 18px;
    margin-bottom: 16px;
}

.ct-settings-shell[b-qz89y4hrgu] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) 310px;
    gap: 16px;
    align-items: start;
}

.ct-edit-tabs[b-qz89y4hrgu] {
    position: sticky;
    top: calc(var(--cad-topbar-height, 72px) + 24px);
    display: grid;
    flex-wrap: nowrap;
    margin: 0;
    border-color: var(--cad-border, rgba(0, 200, 255, 0.12));
    border-radius: 12px;
    background: var(--cad-surface, rgba(10, 16, 25, 0.86));
}

.ct-edit-tab[b-qz89y4hrgu] {
    justify-content: flex-start;
    min-width: 0;
}

.ct-section-card[b-qz89y4hrgu] {
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.96), rgba(11, 21, 36, 0.96));
    border-color: var(--cad-border, rgba(0, 135, 179, 0.15));
    border-radius: 12px;
}

.ct-summary-card[b-qz89y4hrgu] {
    position: sticky;
    top: calc(var(--cad-topbar-height, 72px) + 24px);
    min-height: 260px;
    padding: 18px;
    border: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    border-radius: 12px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--ct-brand-color, #00c8ff) 10%, transparent), transparent 42%),
        linear-gradient(180deg, rgba(16, 27, 45, 0.96), rgba(5, 11, 18, 0.96));
}

.ct-summary-title[b-qz89y4hrgu] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f7fbff;
    font-size: 0.92rem;
    font-weight: 850;
}

.ct-summary-title .mud-icon-root[b-qz89y4hrgu] {
    color: var(--cad-primary, #00bdf2);
}

.ct-summary-list[b-qz89y4hrgu] {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.ct-summary-list span[b-qz89y4hrgu] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(230, 241, 255, 0.82);
    font-size: 0.84rem;
}

.ct-summary-list .mud-icon-root[b-qz89y4hrgu] {
    color: var(--cad-text-muted, #91a4bc);
    font-size: 1.05rem;
}

.ct-summary-card p[b-qz89y4hrgu] {
    margin: 22px 0 0;
    color: var(--cad-text-muted, #91a4bc);
    font-size: 0.84rem;
    line-height: 1.55;
}

[b-qz89y4hrgu] .ct-tab-panel {
    min-width: 0;
}

@media (max-width: 900px) {
    .ct-settings-shell[b-qz89y4hrgu] {
        grid-template-columns: 1fr;
    }

    .ct-edit-tabs[b-qz89y4hrgu] {
        position: static;
        display: flex;
        overflow-x: auto;
    }

    .ct-summary-card[b-qz89y4hrgu] {
        position: static;
    }
}
/* /Components/Tournaments/GroupStageContent.razor.rz.scp.css */
/* ── Group Stage Content — group nav, standings, round matches ── */

/* ── Group navigation row ── */
.mm-group-nav[b-4dla0i19ok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid var(--cad-border, rgba(0, 200, 255, 0.14));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
}

.mm-group-nav-right[b-4dla0i19ok] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Group pill bar ── */
.mm-group-bar[b-4dla0i19ok] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.mm-group-pill[b-4dla0i19ok] {
    min-height: 40px;
    padding: 6px 13px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(16, 27, 45, 0.8);
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mm-group-pill:hover[b-4dla0i19ok] {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.mm-group-pill-active[b-4dla0i19ok] {
    background: rgba(0, 189, 242, 0.18);
    color: var(--cad-primary, #00c8ff);
    border-color: var(--cad-primary, #00c8ff);
}

.mm-group-pill-active:hover[b-4dla0i19ok] {
    background: #00b0e0;
    color: #000;
}

.mm-group-pill-done:not(.mm-group-pill-active)[b-4dla0i19ok] {
    border-color: rgba(76,175,80,0.5);
    color: #4caf50;
}

.mm-group-pill-count[b-4dla0i19ok] {
    font-size: 0.68rem;
    opacity: 0.7;
}

.mm-group-pill-active .mm-group-pill-count[b-4dla0i19ok] {
    opacity: 0.8;
}

.mm-open-count[b-4dla0i19ok] {
    font-size: 0.8rem;
    color: var(--pcw-text-muted, rgba(255,255,255,0.45));
    white-space: nowrap;
}

/* ── Team search results ── */
.mm-search-results[b-4dla0i19ok] {
    background: rgba(13,19,32,0.95);
    border: 1px solid rgba(0,200,255,0.2);
    border-radius: 6px;
    margin-bottom: 12px;
    max-height: 200px;
    overflow-y: auto;
}

.mm-search-item[b-4dla0i19ok] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    color: #e0e8f0;
    font-size: 0.82rem;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.1s;
}

.mm-search-item:hover[b-4dla0i19ok] {
    background: rgba(0,200,255,0.08);
}

.mm-search-team[b-4dla0i19ok] {
    font-weight: 600;
}

.mm-search-group[b-4dla0i19ok] {
    font-size: 0.72rem;
    color: rgba(255,255,255,0.4);
    padding: 2px 8px;
    background: rgba(255,255,255,0.06);
    border-radius: 4px;
}

/* ── Group progress ── */
.mm-group-progress[b-4dla0i19ok] {
    margin-bottom: 12px;
}

/* ── Two-column layout ── */
.mm-two-col[b-4dla0i19ok] {
    display: grid;
    grid-template-columns: auto 1px 1fr;
    min-height: 300px;
    border-radius: 12px;
    overflow: hidden;
}

.mm-left[b-4dla0i19ok] {
    padding: 16px;
    position: sticky;
    top: 0;
    align-self: start;
    overflow-x: auto;
}

.mm-divider[b-4dla0i19ok] {
    background: rgba(255,255,255,0.08);
    width: 1px;
    align-self: stretch;
}

.mm-right[b-4dla0i19ok] {
    padding: 16px;
    min-width: 0;
    overflow: hidden;
}

/* ── Round pill bar ── */
.mm-round-bar[b-4dla0i19ok] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
}

.mm-round-pill[b-4dla0i19ok] {
    min-height: 36px;
    padding: 5px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(16, 27, 45, 0.8);
    color: rgba(255,255,255,0.55);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.mm-round-pill:hover[b-4dla0i19ok] {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.mm-round-pill-active[b-4dla0i19ok] {
    background: rgba(0, 189, 242, 0.18);
    color: var(--cad-primary, #00c8ff);
    border-color: var(--cad-primary, #00c8ff);
}

.mm-round-pill-active:hover[b-4dla0i19ok] {
    background: #00b0e0;
    color: #000;
}

.mm-round-pill-done:not(.mm-round-pill-active)[b-4dla0i19ok] {
    border-color: rgba(76,175,80,0.5);
    color: #4caf50;
}

.mm-round-toolbar[b-4dla0i19ok] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mm-round-info[b-4dla0i19ok] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Standings table ── */
.mm-standings-table[b-4dla0i19ok] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.mm-standings-table th[b-4dla0i19ok] {
    color: rgba(255,255,255,0.45);
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--cad-border, rgba(255,255,255,0.08));
    background: rgba(8, 17, 30, 0.82);
    white-space: nowrap;
}

.mm-standings-table td[b-4dla0i19ok] {
    padding: 9px 8px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.72);
    color: #e0e8f0;
}

.mm-col-pos[b-4dla0i19ok] {
    width: 30px;
    text-align: center;
}

.mm-col-team[b-4dla0i19ok] {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.mm-col-stat[b-4dla0i19ok] {
    width: 36px;
    text-align: center;
    color: rgba(255,255,255,0.7);
}

.mm-col-pts[b-4dla0i19ok] {
    width: 42px;
    text-align: center;
    font-weight: 700;
}

.mm-row-qualify[b-4dla0i19ok] {
    border-left: 3px solid #00c8ff;
}

.mm-row-best3rd[b-4dla0i19ok] {
    border-left: 3px solid #cd7f32;
}

.mm-badge-best3rd[b-4dla0i19ok] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(205,127,50,0.18);
    color: #cd7f32;
    letter-spacing: 0.4px;
    margin-left: 5px;
    vertical-align: middle;
    text-transform: uppercase;
}

.mm-row-placeholder[b-4dla0i19ok] {
    opacity: 0.35;
}

.mm-row-highlight[b-4dla0i19ok] {
    background: rgba(0,200,255,0.08) !important;
    animation: highlightPulse-b-4dla0i19ok 2s ease-out;
}

.mm-standings-table tbody tr:hover[b-4dla0i19ok] {
    background: rgba(255,255,255,0.03);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .mm-group-nav[b-4dla0i19ok] {
        flex-direction: column;
        align-items: stretch;
    }

    .mm-group-nav-right[b-4dla0i19ok] {
        flex-wrap: wrap;
    }

    .mm-two-col[b-4dla0i19ok] {
        grid-template-columns: 1fr;
    }

    .mm-divider[b-4dla0i19ok] {
        width: auto;
        height: 1px;
    }

    .mm-left[b-4dla0i19ok] {
        position: static;
    }

    .mm-col-team[b-4dla0i19ok] {
        max-width: 120px;
    }
}

@keyframes highlightPulse-b-4dla0i19ok {
    0% { background: rgba(0,200,255,0.2); }
    100% { background: rgba(0,200,255,0.08); }
}

/* Compact admin redesign */
.mm-group-progress[b-4dla0i19ok] {
    display: none;
}

.mm-two-col[b-4dla0i19ok] {
    grid-template-columns: 1fr;
    min-height: 0;
    border: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.88), rgba(8, 17, 30, 0.9));
}

.mm-right[b-4dla0i19ok] {
    order: 1;
    padding: 0;
    overflow-x: auto;
}

.mm-left[b-4dla0i19ok] {
    order: 2;
    position: static;
    padding: 14px;
    border-top: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    background: rgba(5, 11, 18, 0.28);
}

.mm-left[b-4dla0i19ok]::before {
    content: "Standings";
    display: block;
    margin: 0 0 10px;
    color: var(--cad-text-muted, #91a4bc);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mm-divider[b-4dla0i19ok] {
    display: none;
}

.mm-round-bar[b-4dla0i19ok] {
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 12px 14px;
    border-bottom: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    background: rgba(5, 11, 18, 0.34);
}

.mm-round-bar[b-4dla0i19ok]::before {
    content: "Round:";
    margin-right: auto;
    color: var(--cad-text-muted, #91a4bc);
    font-size: 0.78rem;
    font-weight: 700;
}

.mm-round-toolbar[b-4dla0i19ok] {
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border-bottom: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    background: rgba(11, 21, 36, 0.78);
}

.mm-round-info[b-4dla0i19ok] {
    min-width: 170px;
}

.mm-round-toolbar + .mud-progress-linear[b-4dla0i19ok],
.mm-right > .mud-progress-linear[b-4dla0i19ok] {
    display: none;
}

.mm-right > .amr-row:first-of-type[b-4dla0i19ok] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* /Components/Tournaments/KnockoutContent.razor.rz.scp.css */
/* ── Knockout Content — round filter pills ── */

.mm-ko-round-bar[b-v0r4koe9vl] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.mm-ko-pill[b-v0r4koe9vl] {
    min-height: 38px;
    padding: 6px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(16, 27, 45, 0.8);
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.mm-ko-pill:hover[b-v0r4koe9vl] {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.mm-ko-pill-active[b-v0r4koe9vl] {
    background: rgba(0, 189, 242, 0.18);
    color: var(--cad-primary, #00c8ff);
    border-color: var(--cad-primary, #00c8ff);
}

.mm-ko-pill-active:hover[b-v0r4koe9vl] {
    background: #00b0e0;
    color: #000;
}

.mm-ko-pill-done:not(.mm-ko-pill-active)[b-v0r4koe9vl] {
    border-color: rgba(76,175,80,0.5);
    color: #4caf50;
}

.mm-ko-pill-count[b-v0r4koe9vl] {
    font-size: 0.68rem;
    opacity: 0.7;
}

.mm-ko-pill-active .mm-ko-pill-count[b-v0r4koe9vl] {
    opacity: 0.8;
}
/* /Components/Tournaments/ManageMatchesPanel.razor.rz.scp.css */
.mm-admin-page[b-4tafrx6lsb] {
    display: grid;
    gap: 16px;
}

.mm-admin-header[b-4tafrx6lsb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 0 0 12px;
}

.mm-back-link[b-4tafrx6lsb] {
    margin-left: -8px;
    color: #91a4bc !important;
}

.mm-title-row[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.mm-title-row[b-4tafrx6lsb]  .mud-typography-h4 {
    color: #f7fbff;
    font-size: 1.5rem;
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: 0;
}

.mm-subtitle[b-4tafrx6lsb] {
    color: #91a4bc !important;
    margin-top: 4px;
}

.mm-live-pill[b-4tafrx6lsb] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 10px;
    border: 1px solid rgba(0, 189, 242, 0.24);
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.11);
    color: #00bdf2;
    font-size: 0.72rem;
    font-weight: 850;
}

.mm-header-actions[b-4tafrx6lsb] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mm-live-alert[b-4tafrx6lsb] {
    margin-bottom: 0 !important;
    border-color: rgba(29, 49, 72, 0.82) !important;
    background: rgba(11, 21, 36, 0.78) !important;
}

.mm-ops-filterbar[b-4tafrx6lsb] {
    position: sticky;
    top: 72px;
    z-index: 8;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 170px 170px 170px auto auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(16, 31, 51, 0.96), rgba(7, 16, 28, 0.94));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(14px);
}

.mm-filter-search[b-4tafrx6lsb],
.mm-filter-select[b-4tafrx6lsb] {
    min-width: 0;
}

.mm-native-select[b-4tafrx6lsb] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(43, 75, 109, 0.84);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.74);
    color: #f7fbff;
    font-size: 0.82rem;
    font-weight: 700;
    outline: none;
}

.mm-filter-button[b-4tafrx6lsb],
.mm-reset-button[b-4tafrx6lsb],
.mm-tool-button[b-4tafrx6lsb],
.mm-apply-button[b-4tafrx6lsb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(43, 75, 109, 0.84);
    border-radius: 8px;
    background: rgba(16, 27, 45, 0.82);
    color: #d7e7f7;
    font-size: 0.8rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.mm-filter-button:hover[b-4tafrx6lsb],
.mm-reset-button:hover[b-4tafrx6lsb],
.mm-tool-button:hover[b-4tafrx6lsb],
.mm-apply-button:hover[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.48);
    background: rgba(0, 189, 242, 0.12);
    box-shadow: 0 0 18px rgba(0, 189, 242, 0.12);
}

.mm-reset-button[b-4tafrx6lsb] {
    color: #91a4bc;
}

.mm-ops-contextbar[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(120px, 0.55fr));
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(29, 49, 72, 0.74);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 189, 242, 0.13), transparent 32%),
        linear-gradient(90deg, rgba(8, 18, 31, 0.96), rgba(11, 24, 42, 0.88));
}

.mm-context-item[b-4tafrx6lsb] {
    display: grid;
    gap: 3px;
    min-width: 0;
    min-height: 52px;
    padding: 9px 11px;
    border: 1px solid rgba(43, 75, 109, 0.56);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.44);
}

.mm-context-item span[b-4tafrx6lsb] {
    overflow: hidden;
    color: #91a4bc;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mm-context-item strong[b-4tafrx6lsb] {
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.95rem;
    font-weight: 950;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mm-context-item--primary[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.34);
    background: linear-gradient(90deg, rgba(0, 189, 242, 0.11), rgba(5, 11, 18, 0.42));
}

.mm-context-item--primary strong[b-4tafrx6lsb] {
    color: #74d7ff;
}

.mm-workspace[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: minmax(248px, 300px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.mm-stage-rail[b-4tafrx6lsb],
.mm-filter-card[b-4tafrx6lsb],
.mm-match-board[b-4tafrx6lsb],
.mm-support-card[b-4tafrx6lsb] {
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.9), rgba(8, 17, 30, 0.9));
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
}

.mm-stage-rail[b-4tafrx6lsb] {
    position: sticky;
    top: 88px;
}

.mm-stage-rail[b-4tafrx6lsb] {
    display: grid;
    gap: 16px;
    max-height: calc(100dvh - 112px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 14px;
    scrollbar-gutter: stable;
}

.mm-rail-section[b-4tafrx6lsb] {
    display: grid;
    gap: 8px;
}

.mm-rail-section h3[b-4tafrx6lsb],
.mm-filter-heading h3[b-4tafrx6lsb],
.mm-support-card h3[b-4tafrx6lsb] {
    margin: 0;
    color: #91a4bc;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mm-stage-button[b-4tafrx6lsb],
.mm-nav-row[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #b8c7d8;
    font-size: 0.79rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

.mm-nav-row[b-4tafrx6lsb] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.mm-stage-button span[b-4tafrx6lsb],
.mm-nav-row span[b-4tafrx6lsb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mm-stage-button strong[b-4tafrx6lsb],
.mm-nav-row strong[b-4tafrx6lsb] {
    min-width: 28px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.1);
    color: #00bdf2;
    font-size: 0.68rem;
    text-align: center;
}

.mm-stage-button:hover:not(:disabled)[b-4tafrx6lsb],
.mm-nav-row:hover[b-4tafrx6lsb] {
    background: rgba(0, 189, 242, 0.08);
    color: #f7fbff;
}

.mm-stage-button.is-active[b-4tafrx6lsb],
.mm-nav-row.is-active[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.42);
    background: linear-gradient(90deg, rgba(0, 189, 242, 0.18), rgba(0, 189, 242, 0.06));
    color: #00bdf2;
    box-shadow: inset 3px 0 0 #00bdf2;
}

.mm-stage-button:disabled[b-4tafrx6lsb] {
    cursor: not-allowed;
    opacity: 0.42;
}

.mm-rail-standings[b-4tafrx6lsb] {
    max-height: 420px;
    overflow: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(29, 49, 72, 0.72);
    scrollbar-gutter: stable;
}

.mm-rail-standings-table[b-4tafrx6lsb] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.7rem;
}

.mm-rail-standings-table th[b-4tafrx6lsb],
.mm-rail-standings-table td[b-4tafrx6lsb] {
    padding: 6px 4px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.62);
    color: #d7e7f7;
    text-align: left;
    vertical-align: middle;
}

.mm-rail-standings-table th[b-4tafrx6lsb] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(10, 22, 38, 0.98);
    color: #91a4bc;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.mm-rail-standings-table th:first-child[b-4tafrx6lsb],
.mm-rail-standings-table td:first-child[b-4tafrx6lsb] {
    width: 24px;
}

.mm-rail-standings-table th:nth-child(3)[b-4tafrx6lsb],
.mm-rail-standings-table td:nth-child(3)[b-4tafrx6lsb],
.mm-rail-standings-table th:nth-child(4)[b-4tafrx6lsb],
.mm-rail-standings-table td:nth-child(4)[b-4tafrx6lsb] {
    width: 34px;
    text-align: right;
}

.mm-rail-standings-table td:nth-child(2)[b-4tafrx6lsb] {
    overflow: hidden;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mm-match-board[b-4tafrx6lsb] {
    min-width: 0;
    overflow: hidden;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.mm-board-header[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
}

.mm-board-header h2[b-4tafrx6lsb] {
    margin: 0;
    color: #f7fbff;
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: 0;
}

.mm-board-header p[b-4tafrx6lsb] {
    margin: 4px 0 0;
    color: #91a4bc;
    font-size: 0.78rem;
}

.mm-editor-selectors[b-4tafrx6lsb] {
    display: grid;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
    background:
        linear-gradient(90deg, rgba(0, 189, 242, 0.06), transparent 34%),
        rgba(5, 11, 18, 0.28);
}

.mm-editor-selector-block[b-4tafrx6lsb] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.mm-editor-selector-meta[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.mm-editor-selector-label[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mm-editor-selector-meta > span:last-child[b-4tafrx6lsb] {
    color: #5f7894;
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

.mm-editor-selector-list[b-4tafrx6lsb] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 3px;
    scrollbar-gutter: stable;
}

.mm-editor-selector-chip[b-4tafrx6lsb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid rgba(43, 75, 109, 0.72);
    border-radius: 8px;
    background: rgba(16, 27, 45, 0.68);
    color: #b8c7d8;
    font-size: 0.76rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.mm-editor-selector-chip span[b-4tafrx6lsb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mm-editor-selector-chip strong[b-4tafrx6lsb] {
    min-width: 28px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.1);
    color: #00bdf2;
    font-size: 0.66rem;
    text-align: center;
}

.mm-editor-selector-chip:hover[b-4tafrx6lsb],
.mm-editor-selector-chip.is-active[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.48);
    background: rgba(0, 189, 242, 0.12);
    color: #f7fbff;
    box-shadow: 0 0 18px rgba(0, 189, 242, 0.1);
}

.mm-editor-selector-chip.is-active[b-4tafrx6lsb] {
    color: #00bdf2;
}

.mm-board-tools[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mm-live-chip[b-4tafrx6lsb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
}

.mm-live-chip--live[b-4tafrx6lsb] {
    background: rgba(34, 197, 94, 0.12);
    color: #22c55e;
}

.mm-live-chip--pending[b-4tafrx6lsb] {
    background: rgba(0, 189, 242, 0.12);
    color: #00bdf2;
}

.mm-live-chip--offline[b-4tafrx6lsb] {
    background: rgba(255, 193, 7, 0.12);
    color: #ffc107;
}

.mm-table-shell[b-4tafrx6lsb] {
    max-height: calc(100dvh - 366px);
    min-height: 300px;
    overflow: auto;
    scrollbar-gutter: stable;
}

.mm-table-head[b-4tafrx6lsb] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: 74px 112px minmax(118px, 1fr) 126px minmax(118px, 1fr) 88px 96px 112px;
    gap: 8px;
    min-width: 910px;
    padding: 11px 12px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
    background: rgba(5, 11, 18, 0.92);
    color: #91a4bc;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mm-empty-state[b-4tafrx6lsb] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 180px;
    color: #91a4bc;
    font-weight: 750;
}

.mm-table-footer[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px 16px;
    color: #91a4bc;
    font-size: 0.78rem;
}

.mm-pagination[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mm-pagination button[b-4tafrx6lsb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    border: 1px solid rgba(43, 75, 109, 0.78);
    border-radius: 7px;
    background: rgba(16, 27, 45, 0.82);
    color: #d7e7f7;
    font-weight: 850;
    cursor: pointer;
}

.mm-pagination button.is-active[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.62);
    background: #0b91db;
    color: #fff;
}

.mm-pagination button:disabled[b-4tafrx6lsb] {
    opacity: 0.42;
    cursor: not-allowed;
}

.mm-filter-card[b-4tafrx6lsb] {
    display: grid;
    gap: 16px;
    padding: 16px;
}

.mm-filter-panel[b-4tafrx6lsb] {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 1040;
    width: min(380px, 100vw);
    padding: 18px;
    background: rgba(5, 11, 18, 0.62);
    transform: translateX(100%);
    transition: transform 0.2s ease;
}

.mm-filter-panel.is-open[b-4tafrx6lsb] {
    transform: translateX(0);
}

.mm-filter-heading[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mm-filter-heading button[b-4tafrx6lsb] {
    display: inline-flex;
    border: 0;
    background: transparent;
    color: #91a4bc;
}

.mm-filter-group[b-4tafrx6lsb] {
    display: grid;
    gap: 8px;
}

.mm-filter-group > label[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.72rem;
    font-weight: 850;
}

.mm-filter-check[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #d7e7f7 !important;
    font-size: 0.8rem !important;
    font-weight: 750 !important;
}

.mm-filter-check input[b-4tafrx6lsb] {
    width: 16px;
    height: 16px;
    accent-color: #00bdf2;
}

.mm-apply-button[b-4tafrx6lsb] {
    width: 100%;
    border-color: rgba(0, 189, 242, 0.52);
    background: linear-gradient(135deg, #0b91db, #00bdf2);
    color: #fff;
}

.mm-side-stats[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(29, 49, 72, 0.72);
}

.mm-side-stat[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 58px;
    padding: 10px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(11, 21, 36, 0.92), rgba(5, 11, 18, 0.72));
    color: #d7e7f7;
}

.mm-side-stat[b-4tafrx6lsb]  .mud-icon-root {
    flex: 0 0 auto;
    color: #00bdf2;
}

.mm-side-stat--success[b-4tafrx6lsb]  .mud-icon-root {
    color: #31d982;
}

.mm-side-stat--warning[b-4tafrx6lsb]  .mud-icon-root {
    color: #f4c430;
}

.mm-side-stat--muted[b-4tafrx6lsb]  .mud-icon-root {
    color: #74d7ff;
}

.mm-side-stat-text[b-4tafrx6lsb] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.mm-side-stat-text strong[b-4tafrx6lsb] {
    color: #f7fbff;
    font-size: 1rem;
    line-height: 1;
    font-weight: 900;
}

.mm-side-stat-text span[b-4tafrx6lsb] {
    overflow: hidden;
    color: #91a4bc;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mm-ea-log-title[b-4tafrx6lsb],
.mm-ea-log-row[b-4tafrx6lsb],
.mm-best-third-row[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mm-ea-log-title button[b-4tafrx6lsb] {
    border: 0;
    background: transparent;
    color: #00bdf2;
    font-size: 0.72rem;
    font-weight: 850;
}

.mm-ea-log-row[b-4tafrx6lsb] {
    padding: 7px 0;
    border-top: 1px solid rgba(29, 49, 72, 0.62);
    color: #91a4bc;
    font-size: 0.72rem;
}

.mm-ea-log-row strong[b-4tafrx6lsb] {
    color: #f7fbff;
}

.mm-swiss-panel[b-4tafrx6lsb] {
    padding: 16px;
}

.mm-support-grid[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.8fr) minmax(240px, 0.8fr);
    gap: 16px;
}

.mm-support-card[b-4tafrx6lsb] {
    padding: 16px;
}

.mm-support-card p[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.82rem;
}

.mm-mini-standings[b-4tafrx6lsb] {
    width: 100%;
    margin-top: 12px;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.mm-mini-standings th[b-4tafrx6lsb],
.mm-mini-standings td[b-4tafrx6lsb] {
    padding: 8px 7px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.68);
    color: #d7e7f7;
    text-align: left;
}

.mm-mini-standings th[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.mm-best-third-row[b-4tafrx6lsb] {
    padding: 8px 0;
    border-bottom: 1px solid rgba(29, 49, 72, 0.68);
    color: #d7e7f7;
    font-size: 0.78rem;
}

.mm-best-third-row.is-qualifying strong[b-4tafrx6lsb] {
    color: #00bdf2;
}

.tm-inspector[b-4tafrx6lsb] {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 100%;
}

.tm-inspector-hero[b-4tafrx6lsb] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.86);
    border-radius: 8px;
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 189, 242, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(12, 28, 46, 0.98), rgba(4, 13, 25, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 38px rgba(0, 0, 0, 0.18);
}

.tm-inspector-meta[b-4tafrx6lsb],
.tm-inspector-footerline[b-4tafrx6lsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.tm-inspector-meta[b-4tafrx6lsb] {
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(122, 210, 255, 0.12);
    color: #8ca2bb;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tm-inspector-meta > span:not(.amr-status-badge)[b-4tafrx6lsb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-scoreboard-team[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(122, 210, 255, 0.12);
    border-radius: 8px;
    background: rgba(2, 9, 18, 0.42);
}

.tm-scoreboard-team b[b-4tafrx6lsb] {
    min-width: 0;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-scoreboard-team strong[b-4tafrx6lsb] {
    color: #fff;
    font-size: 1.65rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 0 18px rgba(0, 189, 242, 0.24);
}

.tm-inspector-footerline[b-4tafrx6lsb] {
    padding-top: 2px;
    color: #8ca2bb;
    font-size: 0.72rem;
    font-weight: 850;
}

.tm-inspector-footerline b[b-4tafrx6lsb] {
    color: #00bdf2;
    font-size: 0.8rem;
    letter-spacing: 0;
}

.tm-inspector-team[b-4tafrx6lsb] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
    text-align: center;
}

.tm-inspector-team b[b-4tafrx6lsb] {
    max-width: 100%;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.82rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-team-badge[b-4tafrx6lsb] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(0, 189, 242, 0.36);
    border-radius: 999px;
    background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.14), rgba(0, 189, 242, 0.08));
    color: #fff;
    font-size: 0.86rem;
    font-weight: 950;
}

.tm-team-badge img[b-4tafrx6lsb] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tm-inspector[b-4tafrx6lsb]  .tm-team-badge {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(0, 189, 242, 0.36);
    border-radius: 999px;
    background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.14), rgba(0, 189, 242, 0.08));
    color: #fff;
    font-size: 0.86rem;
    font-weight: 950;
}

.tm-inspector[b-4tafrx6lsb]  .tm-team-badge img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
}

.tm-inspector-scoreline[b-4tafrx6lsb] {
    display: grid;
    justify-items: center;
    gap: 6px;
    min-width: 72px;
}

.tm-inspector-scoreline strong[b-4tafrx6lsb] {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

.tm-inspector-tabs[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.42);
}

.tm-inspector-tabs[b-4tafrx6lsb]  .tm-inspector-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 38px;
    padding: 0 8px;
    border: 1px solid rgba(43, 75, 109, 0.78);
    border-radius: 7px;
    background: rgba(16, 27, 45, 0.72);
    color: #d7e7f7;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.tm-inspector-tabs[b-4tafrx6lsb]  .tm-inspector-tab:hover {
    border-color: rgba(0, 189, 242, 0.48);
    background: rgba(0, 189, 242, 0.12);
    color: #f7fbff;
    box-shadow: 0 0 18px rgba(0, 189, 242, 0.1);
}

.tm-inspector-tabs[b-4tafrx6lsb]  .tm-inspector-tab span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-inspector-tabs[b-4tafrx6lsb]  .tm-inspector-tab b {
    min-width: 17px;
    padding: 1px 5px;
    border-radius: 999px;
    background: rgba(255, 82, 82, 0.2);
    color: #ff6b7a;
    font-size: 0.66rem;
}

.tm-inspector-tabs[b-4tafrx6lsb]  .tm-inspector-tab.is-active {
    border-color: rgba(0, 189, 242, 0.64);
    background: linear-gradient(180deg, rgba(0, 189, 242, 0.22), rgba(0, 189, 242, 0.1));
    color: #f7fbff;
    box-shadow: inset 0 0 0 1px rgba(0, 189, 242, 0.18), 0 0 20px rgba(0, 189, 242, 0.12);
}

.tm-inspector-section[b-4tafrx6lsb] {
    display: grid;
    gap: 10px;
}

.tm-section-heading[b-4tafrx6lsb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 0;
}

.tm-section-heading span[b-4tafrx6lsb] {
    display: block;
    margin-bottom: 2px;
    color: #00bdf2;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.tm-section-heading h3[b-4tafrx6lsb] {
    margin: 0;
    color: #f7fbff;
    font-size: 1rem;
    font-weight: 950;
}

.tm-section-heading > b[b-4tafrx6lsb] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.08);
    color: #bcecff;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.tm-score-editor[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.tm-score-editor label[b-4tafrx6lsb] {
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 8px;
    background: rgba(7, 18, 31, 0.76);
}

.tm-score-editor label > span[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tm-score-editor label > b[b-4tafrx6lsb] {
    min-width: 0;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.76rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-score-editor[b-4tafrx6lsb]  .mud-input-control,
.tm-score-editor[b-4tafrx6lsb]  .mud-input-control > .mud-input-control-input-container {
    margin: 0;
}

.tm-score-editor[b-4tafrx6lsb]  .mud-input-root {
    min-height: 42px;
    background: rgba(2, 9, 18, 0.64);
}

.tm-score-editor[b-4tafrx6lsb]  input {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 950;
}

.tm-context-grid[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tm-inspector-mini-card[b-4tafrx6lsb],
.tm-pending-strip[b-4tafrx6lsb] {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(9, 23, 38, 0.94), rgba(3, 11, 21, 0.92));
}

.tm-inspector-mini-card span[b-4tafrx6lsb] {
    color: #91a4bc;
    font-size: 0.72rem;
}

.tm-inspector-mini-card b[b-4tafrx6lsb] {
    min-width: 0;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-pending-strip[b-4tafrx6lsb] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    color: #d7e7f7;
    font-size: 0.78rem;
}

.tm-pending-strip .mud-icon-root[b-4tafrx6lsb] {
    color: #00bdf2;
}

.tm-pending-strip--ea[b-4tafrx6lsb] {
    border-color: rgba(0, 189, 242, 0.34);
    background: rgba(0, 189, 242, 0.08);
}

.tm-pending-strip button[b-4tafrx6lsb] {
    border: 0;
    background: transparent;
    color: #00bdf2;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.tm-forfeit-actions[b-4tafrx6lsb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (max-width: 1400px) {
    .mm-ops-filterbar[b-4tafrx6lsb] {
        grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(140px, 160px)) auto auto;
    }
}

@media (max-width: 1024px) {
    .mm-admin-header[b-4tafrx6lsb] {
        align-items: stretch;
        flex-direction: column;
    }

    .mm-header-actions[b-4tafrx6lsb],
    .mm-header-actions[b-4tafrx6lsb]  .mud-button-root {
        width: 100%;
    }

    .mm-ops-filterbar[b-4tafrx6lsb] {
        grid-template-columns: 1fr 1fr;
        top: 62px;
    }

    .mm-ops-contextbar[b-4tafrx6lsb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mm-workspace[b-4tafrx6lsb] {
        grid-template-columns: 1fr;
    }

    .mm-stage-rail[b-4tafrx6lsb] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }

    .mm-rail-standings[b-4tafrx6lsb] {
        max-height: 320px;
    }

    .mm-support-grid[b-4tafrx6lsb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mm-ops-filterbar[b-4tafrx6lsb],
    .mm-ops-contextbar[b-4tafrx6lsb],
    .mm-stage-rail[b-4tafrx6lsb] {
        grid-template-columns: 1fr;
    }

    .mm-ops-filterbar[b-4tafrx6lsb] {
        position: static;
    }

    .mm-context-item[b-4tafrx6lsb] {
        min-height: 48px;
    }

    .mm-editor-selector-list[b-4tafrx6lsb] {
        margin-right: -10px;
        padding-right: 10px;
    }

    .mm-table-shell[b-4tafrx6lsb] {
        display: grid;
        gap: 10px;
        min-height: 0;
        max-height: none;
        overflow: visible;
        padding: 10px;
    }

    .mm-table-head[b-4tafrx6lsb] {
        display: none;
    }

    .mm-board-header[b-4tafrx6lsb],
    .mm-table-footer[b-4tafrx6lsb] {
        align-items: stretch;
        flex-direction: column;
    }

    .tm-inspector-hero[b-4tafrx6lsb],
    .tm-forfeit-actions[b-4tafrx6lsb] {
        grid-template-columns: 1fr;
    }

    .tm-inspector-scoreline[b-4tafrx6lsb] {
        order: -1;
    }

    .tm-inspector-tabs[b-4tafrx6lsb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
/* /Components/Tournaments/ManageRegistrationsPanel.razor.rz.scp.css */
.mr-page-header[b-o8z6tq7qy8] {
    margin-bottom: 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--cad-border, rgba(0, 200, 255, 0.14));
}

.mr-page-header[b-o8z6tq7qy8]  .mud-typography-h4 {
    color: var(--cad-text-primary, #fff) !important;
    font-size: 1.65rem;
    line-height: 1.15;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.mr-stat-grid[b-o8z6tq7qy8] {
    margin-bottom: 16px;
}

.mr-filter-row[b-o8z6tq7qy8] {
    display: grid;
    grid-template-columns: minmax(260px, 1.45fr) repeat(4, minmax(140px, 1fr)) auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--cad-border, rgba(0, 200, 255, 0.14));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
}

.mr-tools-panel[b-o8z6tq7qy8] {
    margin: 0 0 16px;
    border: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.66);
    overflow: hidden;
}

.mr-tools-panel > summary[b-o8z6tq7qy8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 50px;
    padding: 0 14px;
    color: var(--cad-text, #f7fbff);
    cursor: pointer;
    list-style: none;
}

.mr-tools-panel > summary[b-o8z6tq7qy8]::-webkit-details-marker {
    display: none;
}

.mr-tools-panel > summary span[b-o8z6tq7qy8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.mr-tools-panel > summary .mud-icon-root[b-o8z6tq7qy8] {
    color: var(--cad-primary, #00bdf2);
}

.mr-tools-panel > summary small[b-o8z6tq7qy8] {
    color: var(--cad-text-muted, #91a4bc);
    font-size: 0.78rem;
}

.mr-tools-panel[open][b-o8z6tq7qy8] {
    padding-bottom: 12px;
}

.mr-tools-panel[open] > summary[b-o8z6tq7qy8] {
    border-bottom: 1px solid var(--cad-border, rgba(29, 49, 72, 0.82));
    margin-bottom: 12px;
}

.mr-tools-panel[b-o8z6tq7qy8]  .pcw-card {
    margin: 0 12px 12px !important;
    background: rgba(16, 27, 45, 0.78) !important;
}

[b-o8z6tq7qy8] .mr-table {
    overflow-x: auto;
    scrollbar-color: rgba(0, 189, 242, 0.45) rgba(5, 12, 22, 0.72);
    scrollbar-width: thin;
}

[b-o8z6tq7qy8] .mr-table .mud-table-cell {
    height: 56px;
}

[b-o8z6tq7qy8] .mr-table .mud-table-root {
    min-width: 860px;
}

[b-o8z6tq7qy8] .mr-table .mud-table-head {
    background: rgba(8, 17, 30, 0.82);
}

[b-o8z6tq7qy8] .mr-table .mud-table-head .mud-table-cell {
    color: var(--cad-text-muted, #91a4bc);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-o8z6tq7qy8] .mr-table .mud-table-row {
    background: rgba(8, 17, 30, 0.42);
}

[b-o8z6tq7qy8] .mr-table .mud-table-row:hover {
    background: rgba(16, 27, 45, 0.9);
}

[b-o8z6tq7qy8] .pcw-card {
    overflow: hidden;
}

@media (max-width: 1200px) {
    .mr-filter-row[b-o8z6tq7qy8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mr-filter-row[b-o8z6tq7qy8] {
        grid-template-columns: 1fr;
    }

    .mr-page-header[b-o8z6tq7qy8]  .mud-stack-row {
        align-items: stretch !important;
    }
}
/* /Components/Tournaments/ManageTournamentsPanel.razor.rz.scp.css */
.mt-header-row[b-8z3zeyj8ic] {
    gap: 16px;
    flex-wrap: wrap;
}

.mt-filter-row[b-8z3zeyj8ic] {
    padding: 12px;
    border: 1px solid var(--cad-border, rgba(0, 200, 255, 0.12));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
    flex-wrap: wrap;
}

[b-8z3zeyj8ic] .mt-table-compact {
    overflow-x: auto;
    scrollbar-color: rgba(0, 189, 242, 0.45) rgba(5, 12, 22, 0.72);
    scrollbar-width: thin;
}

[b-8z3zeyj8ic] .mt-table-compact table {
    min-width: 1460px;
}

[b-8z3zeyj8ic] .mt-table-compact .mud-table-cell {
    height: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
}

[b-8z3zeyj8ic] .mt-table-compact td:first-child {
    min-width: 520px;
}

[b-8z3zeyj8ic] .mt-tournament-name {
    display: block;
    max-width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-8z3zeyj8ic] .mt-table-compact .mt-actions-cell {
    min-width: 540px;
    width: 540px;
}

.cad-action-row[b-8z3zeyj8ic] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.cad-action-row[b-8z3zeyj8ic]  .mud-button-root {
    min-width: 72px;
    height: 36px;
    max-width: 100%;
    white-space: nowrap;
}

.cad-action-row[b-8z3zeyj8ic]  .mud-icon-button {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 88, 110, 0.28);
    border-radius: 8px;
}

@media (max-width: 767px) {
    .mt-header-row[b-8z3zeyj8ic] {
        align-items: stretch !important;
    }

    .mt-header-row[b-8z3zeyj8ic]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Tournaments/MmHeader.razor.rz.scp.css */
/* ── ManageMatches Header ─────────────────────────────── */
.mm-header[b-6mbzclwxlm] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--cad-border, rgba(0,200,255,0.1));
    border-radius: 0;
    padding: 0 0 18px;
    margin-bottom: 18px;
}
/* /Components/Tournaments/TaSectionCard.razor.rz.scp.css */
/* ── Tournament Admin Section Card ────────────────────────── */
.ta-section[b-sgahnxne23] {
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.96), rgba(11, 21, 36, 0.96));
    border: 1px solid var(--cad-border, rgba(255, 255, 255, 0.06));
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ta-section:hover[b-sgahnxne23] {
    border-color: rgba(0, 200, 255, 0.15);
    box-shadow: 0 0 20px rgba(0, 200, 255, 0.04);
}

.ta-section-header[b-sgahnxne23] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--cad-border, rgba(255, 255, 255, 0.06));
    font-size: 0.92rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.2px;
}

.ta-section-body[b-sgahnxne23] {
    padding: 16px;
}
/* /Components/Tournaments/TaStatCard.razor.rz.scp.css */
/* ── Tournament Admin Stat Card ───────────────────────────── */
.ta-stat[b-f0to6bmvoh] {
    background: linear-gradient(135deg, rgba(16, 27, 45, 0.98), rgba(11, 21, 36, 0.92));
    border: 1px solid var(--cad-border, rgba(255, 255, 255, 0.06));
    border-left: 3px solid var(--ta-stat-accent, #00c8ff);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ta-stat:hover[b-f0to6bmvoh] {
    border-color: rgba(255, 255, 255, 0.12);
    border-left-color: var(--ta-stat-accent, #00c8ff);
    box-shadow: 0 0 16px rgba(0, 200, 255, 0.06);
}

.ta-stat-icon-wrap[b-f0to6bmvoh] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    flex-shrink: 0;
}

.ta-stat-content[b-f0to6bmvoh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ta-stat-value[b-f0to6bmvoh] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

.ta-stat-label[b-f0to6bmvoh] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 2px;
}
/* /Components/Tournaments/TaSubNav.razor.rz.scp.css */
/* ── Tournament Admin Sub-Navigation ─────────────────── */

.ta-subnav[b-5d3y9cl9dy] {
    background: rgba(18, 23, 46, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    position: sticky;
    top: 56px;
    z-index: 99;
}

.ta-subnav-inner[b-5d3y9cl9dy] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px;
}

.ta-subnav-items[b-5d3y9cl9dy] {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ta-subnav-items[b-5d3y9cl9dy]::-webkit-scrollbar {
    display: none;
}

/* ── Nav Item ────────────────────────────────────────── */

.ta-subnav-item[b-5d3y9cl9dy] {
    display: inline-flex;
    align-items: center;
    padding: 13px 20px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: color 0.2s;
    white-space: nowrap;
}

.ta-subnav-item:hover[b-5d3y9cl9dy] {
    color: rgba(255, 255, 255, 0.8);
}

.ta-subnav-item.active[b-5d3y9cl9dy] {
    color: #00c8ff;
}

.ta-subnav-item.active[b-5d3y9cl9dy]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #00c8ff;
    border-radius: 2px 2px 0 0;
}

/* ── Responsive ──────────────────────────────────────── */

@media (max-width: 768px) {
    .ta-subnav-inner[b-5d3y9cl9dy] {
        padding: 0 8px;
        overflow-x: auto;
        min-width: 0;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .ta-subnav-item[b-5d3y9cl9dy] {
        padding: 10px 14px;
        font-size: 0.8rem;
    }
}
/* /Components/Tournaments/TaTopBar.razor.rz.scp.css */
/* ── TA Top Bar — domain-specific styles only ────────── */
/* Shared top-bar shell styles are in ManagementTopBar.razor.css */
/* Shared nav-item styles are in ManagementNavItem.razor.css    */

/* ── Tournament Identity ────────────────────────────── */
.ta-identity[b-mbd0n8vvcj] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 4px;
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.ta-identity:hover[b-mbd0n8vvcj] {
    opacity: 0.8;
}

[b-mbd0n8vvcj] .ta-identity-avatar {
    width: 36px;
    height: 36px;
    border: 2px solid rgba(0, 200, 255, 0.35);
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(0, 200, 255, 0.15);
}

.ta-identity-text[b-mbd0n8vvcj] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ta-identity-name[b-mbd0n8vvcj] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 1.2px;
    text-shadow: 0 0 14px rgba(0, 200, 255, 0.3);
}

.ta-identity-sub[b-mbd0n8vvcj] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* ── Info Strip Items ───────────────────────────────── */
.ta-info-item[b-mbd0n8vvcj] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0 6px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

/* ── Mobile: stack identity text ────────────────────── */
@media (max-width: 599px) {
    .ta-identity[b-mbd0n8vvcj] {
        padding-right: 12px;
        border-right: none;
        margin-right: 0;
    }

    .ta-identity-name[b-mbd0n8vvcj] {
        font-size: 0.85rem;
        letter-spacing: 0.8px;
    }
}
/* /Components/Tournaments/TournamentCard.razor.rz.scp.css */
    .tournament-card[b-fsamo9mqcy] {
        background: #141a22;
        border: 1px solid rgba(0, 135, 179, 0.15);
        border-radius: 12px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .tournament-card:hover[b-fsamo9mqcy] {
        border-color: rgba(0, 200, 255, 0.35);
        box-shadow: 0 0 16px rgba(0, 200, 255, 0.08);
    }

    .tc-logo[b-fsamo9mqcy] {
        flex-shrink: 0;
    }
/* /Components/Tournaments/TournamentDetailPanel.razor.rz.scp.css */
.tournament-command-center[b-rlzjskta6n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(260px, 360px);
    align-items: stretch;
    gap: 12px;
    margin-bottom: 22px;
    padding: 14px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(7, 17, 29, 0.96), rgba(13, 40, 62, 0.78));
}

.tournament-command-center__main[b-rlzjskta6n] {
    display: grid;
    align-content: center;
    gap: 3px;
    min-width: 0;
}

.tournament-command-center__main span[b-rlzjskta6n] {
    color: var(--cad-primary, #00bdf2);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.tournament-command-center__main strong[b-rlzjskta6n] {
    overflow: hidden;
    color: var(--cad-text-primary, #f7fbff);
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournament-command-center__main small[b-rlzjskta6n] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.76rem;
    font-weight: 700;
}

.tournament-command-center__actions[b-rlzjskta6n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.tournament-setup-checklist[b-rlzjskta6n] {
    display: grid;
    gap: 12px;
    margin-bottom: 22px;
    padding: 18px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.84), rgba(8, 20, 34, 0.95));
}

.tournament-setup-checklist__header[b-rlzjskta6n] {
    display: flex;
    gap: 10px;
    color: var(--cad-primary, #00bdf2);
}

.tournament-setup-checklist__header h3[b-rlzjskta6n] {
    margin: 0;
    color: var(--cad-text-primary, #f7fbff);
    font-size: 1rem;
    font-weight: 900;
}

.tournament-setup-checklist__header p[b-rlzjskta6n] {
    margin: 4px 0 0;
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.82rem;
}

.tournament-setup-checklist__items[b-rlzjskta6n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tournament-setup-check[b-rlzjskta6n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid rgba(29, 49, 72, 0.75);
    border-radius: 10px;
    color: var(--cad-text-secondary, #c7d2df);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.tournament-setup-check:hover[b-rlzjskta6n] {
    border-color: rgba(0, 189, 242, 0.4);
    background: rgba(0, 189, 242, 0.08);
}

.tournament-setup-check span[b-rlzjskta6n] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournament-setup-check.is-complete[b-rlzjskta6n] {
    color: #35e879;
}

.tournament-setup-check.is-open[b-rlzjskta6n] {
    color: #ffc107;
}

@media (max-width: 1120px) {
    .tournament-command-center[b-rlzjskta6n] {
        grid-template-columns: 1fr;
    }

    .tournament-command-center__actions[b-rlzjskta6n] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .tournament-setup-checklist__items[b-rlzjskta6n] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Tournaments/TournamentEmbedLinksCard.razor.rz.scp.css */
.ta-embed-card[b-p9xtbfcrf4] {
    margin-bottom: 24px;
    border: 1px solid rgba(0, 200, 255, .12);
    border-radius: 12px;
    padding: 18px;
    background: rgba(10, 17, 31, .72);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.ta-embed-card__header[b-p9xtbfcrf4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.ta-embed-card__header span[b-p9xtbfcrf4] {
    color: #00c8ff;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ta-embed-card__header h3[b-p9xtbfcrf4] {
    margin: 2px 0 4px;
    color: #fff;
    font-size: 1.15rem;
}

.ta-embed-card__header p[b-p9xtbfcrf4] {
    margin: 0;
    max-width: 72ch;
    color: #8b95a8;
    font-size: .88rem;
}

.ta-embed-list[b-p9xtbfcrf4] {
    display: grid;
    gap: 10px;
}

.ta-embed-row[b-p9xtbfcrf4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, .035);
}

.ta-embed-row__icon[b-p9xtbfcrf4] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(0, 200, 255, .1);
    color: #00c8ff;
}

.ta-embed-row__copy[b-p9xtbfcrf4] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.ta-embed-row__copy strong[b-p9xtbfcrf4] {
    color: #fff;
}

.ta-embed-row__copy span[b-p9xtbfcrf4] {
    color: #8b95a8;
    font-size: .84rem;
}

.ta-embed-row__copy code[b-p9xtbfcrf4] {
    display: block;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b8e8ff;
    font-size: .78rem;
}

.ta-embed-row__actions[b-p9xtbfcrf4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ta-embed-row--noteligible[b-p9xtbfcrf4] {
    opacity: .72;
}

@media (max-width: 840px) {
    .ta-embed-card__header[b-p9xtbfcrf4],
    .ta-embed-row[b-p9xtbfcrf4] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .ta-embed-row__actions[b-p9xtbfcrf4] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Tournaments/TournamentEmbedPreviewDialog.razor.rz.scp.css */
.ta-embed-preview[b-r9p2ponecc] {
    display: grid;
    gap: 10px;
}

.ta-embed-preview__bar[b-r9p2ponecc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #eaf4ff;
}

.ta-embed-preview__bar span[b-r9p2ponecc] {
    color: #8b95a8;
    font-size: .78rem;
}

.ta-embed-preview iframe[b-r9p2ponecc] {
    width: 100%;
    height: min(720px, 72vh);
    border: 0;
    border-radius: 8px;
    background: #07111d;
}

@media (max-width: 700px) {
    .ta-embed-preview__bar[b-r9p2ponecc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ta-embed-preview iframe[b-r9p2ponecc] {
        height: 70vh;
    }
}
/* /Components/Tournaments/TournamentExplorerFilters.razor.rz.scp.css */
.te-filter-bar[b-e84q3984qw] {
    position: sticky;
    top: 72px;
    z-index: 5;
    margin: -4px 0 26px;
    padding: 14px;
    border: 1px solid rgba(130, 180, 255, 0.13);
    border-radius: 14px;
    background: rgba(6, 15, 28, 0.92);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
}

.te-filter-toggle[b-e84q3984qw] {
    display: none;
}

.te-filter-fields[b-e84q3984qw] {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(150px, 1fr));
    gap: 12px;
}

.te-filter-search[b-e84q3984qw],
.te-filter-item[b-e84q3984qw] {
    min-width: 0;
}

.te-filter-bar[b-e84q3984qw]  .mud-input-control {
    margin: 0;
}

.te-filter-bar[b-e84q3984qw]  .mud-input-outlined-border {
    border-color: rgba(128, 168, 220, 0.18) !important;
}

@media (max-width: 1100px) {
    .te-filter-bar[b-e84q3984qw] {
        position: static;
    }

    .te-filter-fields[b-e84q3984qw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .te-filter-search[b-e84q3984qw] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .te-filter-bar[b-e84q3984qw] {
        padding: 12px;
    }

    .te-filter-toggle[b-e84q3984qw] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 40px;
        margin-left: auto;
        border: 1px solid rgba(0, 200, 255, 0.34);
        border-radius: 10px;
        color: #00c8ff;
        background: rgba(0, 200, 255, 0.08);
        cursor: pointer;
    }

    .te-filter-fields[b-e84q3984qw] {
        display: none;
        grid-template-columns: 1fr;
        margin-top: 12px;
    }

    .te-filter-fields--open[b-e84q3984qw] {
        display: grid;
    }
}
/* /Components/Tournaments/TournamentExplorerHero.razor.rz.scp.css */
.te-hero[b-96q0svv2uv] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 0.92fr) minmax(260px, 0.72fr);
    align-items: center;
    gap: 24px;
    min-height: 250px;
    margin-bottom: 0;
    padding: 46px 58px;
    border: 1px solid rgba(0, 149, 255, 0.26);
    border-radius: 12px 12px 0 0;
    background:
        linear-gradient(90deg, rgba(1, 6, 15, 0.9) 0%, rgba(1, 6, 15, 0.74) 46%, rgba(1, 9, 24, 0.18) 76%),
        url("/images/tournaments/tournament-explorer-hero.webp") center / cover no-repeat;
    box-shadow: inset 0 -1px 0 rgba(0, 200, 255, 0.2), 0 22px 90px rgba(0, 0, 0, 0.28);
}

.te-hero[b-96q0svv2uv]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.34), transparent 45%),
        linear-gradient(0deg, rgba(2, 7, 16, 0.18), rgba(2, 7, 16, 0));
    pointer-events: none;
}

.te-hero[b-96q0svv2uv]::after {
    content: "";
    position: absolute;
    inset: auto 8% 0 36%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 200, 255, 0.7), transparent);
}

.te-hero-mark[b-96q0svv2uv] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(0, 190, 255, 0.62);
    border-radius: 9px;
    color: #00c8ff;
    background: rgba(0, 125, 225, 0.14);
    box-shadow: inset 0 0 22px rgba(0, 200, 255, 0.09), 0 0 24px rgba(0, 150, 255, 0.16);
}

.te-hero-mark[b-96q0svv2uv]  .mud-icon-root {
    font-size: 2.1rem;
    filter: drop-shadow(0 0 10px rgba(0, 200, 255, 0.48));
}

.te-hero-copy[b-96q0svv2uv] {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.te-hero h1[b-96q0svv2uv] {
    margin: 0 0 12px;
    font-size: 3.25rem;
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 28px rgba(0, 140, 255, 0.22);
    white-space: nowrap;
}

.te-hero p[b-96q0svv2uv] {
    margin: 0;
    max-width: 520px;
    color: rgba(232, 239, 255, 0.72);
    font-size: 1.18rem;
    line-height: 1.55;
}

@media (max-width: 1240px) {
    .te-hero[b-96q0svv2uv] {
        grid-template-columns: auto minmax(0, 1fr) minmax(200px, 320px);
        padding: 38px 34px;
    }

    .te-hero h1[b-96q0svv2uv] {
        white-space: normal;
    }
}

@media (max-width: 720px) {
    .te-hero[b-96q0svv2uv] {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 0;
        gap: 14px;
        padding: 28px 18px 34px;
    }

    .te-hero-mark[b-96q0svv2uv] {
        width: 52px;
        height: 52px;
        border-radius: 8px;
    }

    .te-hero-mark[b-96q0svv2uv]  .mud-icon-root {
        font-size: 1.65rem;
    }

    .te-hero h1[b-96q0svv2uv] {
        font-size: 2.12rem;
    }

    .te-hero p[b-96q0svv2uv] {
        font-size: 0.98rem;
    }
}
/* /Components/Tournaments/TournamentExplorerList.razor.rz.scp.css */
.te-section[b-4slc9qvu3a] {
    margin-top: 26px;
}

.te-section-header[b-4slc9qvu3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    color: #fff;
}

.te-section-header > div:first-child[b-4slc9qvu3a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.te-section-icon[b-4slc9qvu3a] {
    color: #00c8ff !important;
}

.te-section-title[b-4slc9qvu3a] {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.te-count-pill[b-4slc9qvu3a] {
    padding: 4px 10px;
    border-radius: 999px;
    color: rgba(222, 231, 250, 0.74);
    background: rgba(140, 175, 225, 0.11);
    font-size: 0.8rem;
    font-weight: 800;
}

.te-sort-label[b-4slc9qvu3a] {
    color: rgba(222, 231, 250, 0.62);
    font-size: 0.9rem;
    font-weight: 700;
}

.te-row-list[b-4slc9qvu3a] {
    overflow: hidden;
    border: 1px solid rgba(132, 177, 230, 0.16);
    border-radius: 12px;
    background: rgba(5, 13, 24, 0.82);
}

.te-row-list[aria-busy="True"][b-4slc9qvu3a] {
    opacity: 0.62;
}

.te-pagination[b-4slc9qvu3a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.te-page-number[b-4slc9qvu3a],
[b-4slc9qvu3a] .te-page-btn {
    display: grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid rgba(126, 166, 220, 0.16);
    border-radius: 8px;
    color: rgba(236, 244, 255, 0.78);
    background: rgba(8, 18, 34, 0.78);
    font-weight: 800;
}

.te-page-number--active[b-4slc9qvu3a] {
    color: #fff;
    border-color: rgba(0, 149, 255, 0.75);
    background: rgba(0, 149, 255, 0.28);
    box-shadow: 0 0 18px rgba(0, 149, 255, 0.22);
}

@media (max-width: 720px) {
    .te-section-header[b-4slc9qvu3a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .te-sort-label[b-4slc9qvu3a] {
        font-size: 0.8rem;
    }
}
/* /Components/Tournaments/TournamentExplorerSpotlight.razor.rz.scp.css */
.te-spotlight-grid[b-pmau9u9hhm] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 1fr);
    gap: 22px;
    margin-bottom: 28px;
}

.te-featured-card[b-pmau9u9hhm],
.te-registration-panel[b-pmau9u9hhm] {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    border: 1px solid rgba(80, 170, 255, 0.2);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(10, 21, 43, 0.88), rgba(5, 10, 19, 0.96));
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
}

.te-featured-card[b-pmau9u9hhm] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("/images/tournaments/tournament-explorer-hero.webp");
    background-size: cover;
    background-position: center;
}

.te-featured-shade[b-pmau9u9hhm] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 74% 28%, rgba(116, 65, 255, 0.36), transparent 30%),
        linear-gradient(90deg, rgba(3, 7, 15, 0.94), rgba(3, 7, 15, 0.36));
}

.te-badge-row[b-pmau9u9hhm] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    padding: 20px 22px 0;
}

.te-badge[b-pmau9u9hhm] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.te-badge--live[b-pmau9u9hhm] {
    color: #fff;
    background: linear-gradient(180deg, #ff465a, #d91633);
    box-shadow: 0 0 18px rgba(255, 36, 70, 0.35);
}

.te-badge--premium[b-pmau9u9hhm] {
    color: #ffe88c;
    background: rgba(255, 204, 45, 0.14);
    border: 1px solid rgba(255, 204, 45, 0.28);
}

.te-featured-body[b-pmau9u9hhm] {
    position: relative;
    z-index: 1;
    padding: 0 22px 22px;
}

.te-featured-body h2[b-pmau9u9hhm] {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    font-weight: 900;
}

.te-featured-meta[b-pmau9u9hhm] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: rgba(235, 242, 255, 0.76);
    font-weight: 700;
}

.te-featured-meta span[b-pmau9u9hhm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.te-featured-meta[b-pmau9u9hhm]  .mud-icon-root {
    font-size: 1.1rem;
    color: rgba(235, 242, 255, 0.75);
}

.te-registration-panel[b-pmau9u9hhm] {
    padding: 22px;
}

.te-section-kicker[b-pmau9u9hhm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #f5f8ff;
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.te-live-dot[b-pmau9u9hhm] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #27e18c;
    box-shadow: 0 0 16px rgba(39, 225, 140, 0.8);
}

.te-registration-row[b-pmau9u9hhm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 108px;
    padding: 16px;
    border: 1px solid rgba(142, 180, 235, 0.12);
    border-radius: 12px;
    color: inherit;
    background: rgba(8, 18, 34, 0.78);
    text-align: left;
    cursor: pointer;
}

.te-registration-icon[b-pmau9u9hhm] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #00b7ff;
    background: rgba(0, 149, 255, 0.1);
    border: 1px solid rgba(0, 149, 255, 0.28);
}

.te-registration-main[b-pmau9u9hhm] {
    display: grid;
    gap: 8px;
}

.te-registration-main strong[b-pmau9u9hhm] {
    color: #fff;
    font-size: 1.12rem;
}

.te-registration-main small[b-pmau9u9hhm],
.te-registration-date[b-pmau9u9hhm] {
    color: rgba(222, 231, 250, 0.68);
    font-weight: 700;
}

.te-row-chevron[b-pmau9u9hhm] {
    color: rgba(235, 242, 255, 0.72) !important;
}

.te-empty-mini[b-pmau9u9hhm] {
    color: rgba(235, 242, 255, 0.54);
}

@media (max-width: 1100px) {
    .te-spotlight-grid[b-pmau9u9hhm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .te-registration-row[b-pmau9u9hhm] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .te-registration-date[b-pmau9u9hhm] {
        display: none;
    }
}
/* /Components/Tournaments/TournamentRulesEditor.razor.rz.scp.css */
.tr-editor[b-e6emnknnr6] {
    border: 1px solid rgba(0, 200, 255, .18);
}

.tr-editor-header[b-e6emnknnr6] {
    align-items: center;
    gap: 10px;
}

.tr-template-bar[b-e6emnknnr6] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(180px, 1fr) minmax(150px, .7fr) minmax(150px, .8fr) auto;
    gap: 10px;
    align-items: center;
    margin: 14px 0;
    padding: 12px;
    border: 1px solid rgba(0, 200, 255, .14);
    background: rgba(2, 14, 24, .42);
    border-radius: 8px;
}

.tr-editor-grid[b-e6emnknnr6] {
    display: grid;
    grid-template-columns: minmax(210px, 260px) 1fr;
    gap: 14px;
}

.tr-section-list[b-e6emnknnr6],
.tr-section-editor[b-e6emnknnr6] {
    border: 1px solid rgba(0, 200, 255, .14);
    background: rgba(2, 12, 20, .52);
    border-radius: 8px;
    padding: 12px;
}

.tr-section-list[b-e6emnknnr6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tr-section-button[b-e6emnknnr6] {
    width: 100%;
    min-height: 42px;
    display: grid;
    grid-template-columns: 24px 1fr auto;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(139, 149, 168, .16);
    background: rgba(12, 20, 31, .72);
    color: #d8e5f0;
    border-radius: 6px;
    padding: 8px 10px;
    text-align: left;
    font-weight: 800;
}

.tr-section-button--active[b-e6emnknnr6] {
    border-color: rgba(0, 200, 255, .55);
    color: #fff;
    background: rgba(0, 200, 255, .12);
}

.tr-section-button small[b-e6emnknnr6] {
    color: #00c8ff;
}

.tr-section-fields[b-e6emnknnr6] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.tr-rule-items[b-e6emnknnr6] {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.tr-rule-item[b-e6emnknnr6] {
    display: grid;
    grid-template-columns: 28px minmax(180px, .55fr) minmax(260px, 1fr) 36px;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(139, 149, 168, .14);
    background: rgba(9, 16, 26, .74);
    border-radius: 8px;
}

.tr-rule-item > .mud-icon-root[b-e6emnknnr6] {
    color: #8b95a8;
}

@media (max-width: 980px) {
    .tr-template-bar[b-e6emnknnr6],
    .tr-editor-grid[b-e6emnknnr6],
    .tr-section-fields[b-e6emnknnr6],
    .tr-rule-item[b-e6emnknnr6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/TransferMarket/AvailabilityDayCard.razor.rz.scp.css */
.tm-availability-day-card[b-pm2csogkps] {
    min-width: 0;
    min-height: var(--tm-availability-card-min-height, 62px);
    padding: var(--tm-availability-card-padding, 9px 10px);
    border: 1px solid transparent;
    border-radius: var(--tm-availability-card-radius, 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    transition:
        border-color 180ms ease-out,
        box-shadow 180ms ease-out,
        background 180ms ease-out,
        opacity 180ms ease-out;
}

.tm-availability-day-card--active[b-pm2csogkps] {
    background: linear-gradient(180deg, rgba(0,156,255,.2), rgba(0,72,150,.16));
    border-color: rgba(29,161,255,.74);
    box-shadow:
        inset 0 0 18px rgba(29,161,255,.08),
        0 0 18px rgba(29,161,255,.24);
}

.tm-availability-day-card--inactive[b-pm2csogkps] {
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.07);
    opacity: .52;
}

.tm-availability-day-card__day[b-pm2csogkps] {
    color: rgba(255,255,255,.58);
    font-size: var(--tm-availability-day-size, 12px);
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}

.tm-availability-day-card--active .tm-availability-day-card__day[b-pm2csogkps] {
    color: #22d3ff;
    text-shadow: 0 0 12px rgba(34,211,255,.46);
}

.tm-availability-day-card__time[b-pm2csogkps] {
    color: #ffffff;
    font-size: var(--tm-availability-time-size, 10px);
    font-weight: 700;
    line-height: 1.12;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.tm-availability-day-card__time--range[b-pm2csogkps] {
    display: grid;
    justify-items: center;
    gap: 1px;
}

.tm-availability-day-card__time-separator[b-pm2csogkps] {
    color: rgba(255,255,255,.48);
    font-size: .82em;
    line-height: .8;
}

@media (max-width: 420px) {
    .tm-availability-day-card[b-pm2csogkps] {
        min-height: var(--tm-availability-card-min-height, 58px);
        padding: var(--tm-availability-card-padding, 8px 7px);
    }

    .tm-availability-day-card__time[b-pm2csogkps] {
        font-size: var(--tm-availability-time-size, 9px);
    }
}
/* /Components/TransferMarket/AvailabilityGrid.razor.rz.scp.css */
.tm-availability-grid[b-8szgij5i34] {
    display: grid;
    grid-template-columns: repeat(var(--tm-availability-columns, 7), minmax(var(--tm-availability-card-min-width, 0), 1fr));
    gap: var(--tm-availability-gap, 10px);
    width: 100%;
}

@media (max-width: 760px) {
    .tm-availability-grid[b-8szgij5i34] {
        grid-template-columns: repeat(var(--tm-availability-columns, 2), minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .tm-availability-grid[b-8szgij5i34] {
        grid-template-columns: repeat(var(--tm-availability-columns, 2), minmax(0, 1fr));
        gap: var(--tm-availability-gap, 8px);
    }
}
/* /Components/TransferMarket/ClubLogoCard.razor.rz.scp.css */
.tm-club-logo-card[b-tvoahy92cc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.tm-club-logo-card__mark[b-tvoahy92cc] {
    position: relative;
    width: 220px;
    max-width: 100%;
    aspect-ratio: 1;
    border: 1px solid rgba(80,130,210,.24);
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 38%, rgba(29,161,255,.16), transparent 40%),
        linear-gradient(145deg, rgba(14,22,54,.92), rgba(8,13,31,.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 18px 44px rgba(0,0,0,.32);
}

.tm-club-logo-card__mark[b-tvoahy92cc]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 42%, rgba(0,0,0,.24));
    pointer-events: none;
}

.tm-club-logo-card__flag-bg[b-tvoahy92cc],
.tm-club-logo-card__shade[b-tvoahy92cc] {
    position: absolute;
    inset: 0;
}

.tm-club-logo-card__flag-bg[b-tvoahy92cc] {
    background-position: center;
    background-size: cover;
    opacity: .13;
}

.tm-club-logo-card__shade[b-tvoahy92cc] {
    background:
        linear-gradient(180deg, rgba(3,9,20,.12), rgba(3,9,20,.7)),
        radial-gradient(circle at 50% 38%, rgba(34,211,255,.13), transparent 44%);
}

.tm-club-logo-card__image[b-tvoahy92cc],
.tm-club-logo-card__placeholder[b-tvoahy92cc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.tm-club-logo-card__image[b-tvoahy92cc] {
    object-fit: contain;
    padding: 14px;
    filter: drop-shadow(0 14px 28px rgba(0,0,0,.42));
}

.tm-club-logo-card__placeholder[b-tvoahy92cc] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm-club-logo-card__placeholder[b-tvoahy92cc]  .mud-icon-root {
    color: rgba(255,255,255,.28);
    font-size: 148px !important;
    filter: drop-shadow(0 0 30px rgba(29,161,255,.16));
}

.tm-club-logo-card__socials[b-tvoahy92cc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 767px) {
    .tm-club-logo-card[b-tvoahy92cc] {
        align-items: center;
        width: 100%;
    }

    .tm-club-logo-card__mark[b-tvoahy92cc] {
        width: clamp(156px, 44vw, 208px);
    }
}

@media (max-width: 420px) {
    .tm-club-logo-card__mark[b-tvoahy92cc] {
        width: clamp(136px, 48vw, 176px);
        border-radius: 14px;
    }

    .tm-club-logo-card__image[b-tvoahy92cc] {
        padding: 12px;
    }

    .tm-club-logo-card__placeholder[b-tvoahy92cc]  .mud-icon-root {
        font-size: 112px !important;
    }
}
/* /Components/TransferMarket/ClubProfileModal.razor.rz.scp.css */
.tm-profile-modal[b-1bwnp0jtwa] {
    --tm-profile-bg: linear-gradient(135deg, #06152d 0%, #0b1235 54%, #111650 100%);
    --tm-profile-card: rgba(8,22,48,.72);
    --tm-profile-border: rgba(80,130,210,.24);
    --tm-profile-cyan: #22d3ff;
    --tm-profile-blue: #1da1ff;
    --tm-profile-text: #f4f7ff;
    --tm-profile-muted: #a7b3cc;
    --tm-profile-faint: #6f7d99;
    --tm-profile-radius-lg: 20px;
    --tm-profile-radius-md: 14px;
    position: relative;
    width: min(1000px, calc(100vw - 28px));
    max-width: 100%;
    max-height: calc(100dvh - 28px);
    margin: 0 auto;
    border: 1px solid rgba(34,211,255,.22);
    border-radius: var(--tm-profile-radius-lg);
    overflow: hidden;
    color: var(--tm-profile-text);
    background:
        radial-gradient(circle at 9% 12%, rgba(29,161,255,.16), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(181,92,255,.18), transparent 30%),
        var(--tm-profile-bg);
    box-shadow:
        0 28px 82px rgba(0,0,0,.62),
        0 0 0 1px rgba(255,255,255,.035),
        0 0 48px rgba(29,161,255,.12);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.tm-profile-modal[b-1bwnp0jtwa],
.tm-profile-modal *[b-1bwnp0jtwa] {
    box-sizing: border-box;
}

.tm-club-profile-modal[b-1bwnp0jtwa] {
    --tm-section-card-padding: 14px 16px;
    --tm-section-card-header-gap: 9px;
    --tm-section-card-label-size: 12px;
    --tm-availability-gap: 7px;
    --tm-availability-card-min-height: 46px;
    --tm-availability-card-padding: 7px 8px;
    --tm-availability-day-size: 11px;
    --tm-availability-time-size: 9px;
}

.tm-profile-modal__close[b-1bwnp0jtwa] {
    position: absolute;
    z-index: 5;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.04);
    cursor: pointer;
    transition:
        background 170ms ease-out,
        border-color 170ms ease-out,
        color 170ms ease-out,
        transform 170ms ease-out;
}

.tm-profile-modal__close:hover[b-1bwnp0jtwa] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.2);
    color: #ffffff;
    transform: translateY(-1px);
}

.tm-profile-modal__close:focus-visible[b-1bwnp0jtwa] {
    outline: 2px solid #22d3ff;
    outline-offset: 3px;
}

.tm-profile-modal__close .mud-icon-root[b-1bwnp0jtwa] {
    font-size: 20px !important;
}

.tm-profile-modal__body[b-1bwnp0jtwa] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 24px;
    padding-right: 48px;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(34,211,255,.45) rgba(255,255,255,.05);
}

.tm-profile-modal__body[b-1bwnp0jtwa]::-webkit-scrollbar {
    width: 8px;
}

.tm-profile-modal__body[b-1bwnp0jtwa]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(34,211,255,.38);
}

.tm-club-profile-modal__hero[b-1bwnp0jtwa] {
    display: grid;
    grid-template-columns: 154px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.tm-club-profile-modal__logo[b-1bwnp0jtwa] {
    min-width: 0;
}

.tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card__mark {
    width: 154px;
    border-radius: 15px;
}

.tm-profile-modal__identity[b-1bwnp0jtwa] {
    min-width: 0;
    padding-right: 38px;
}

.tm-profile-modal__name-row[b-1bwnp0jtwa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    min-width: 0;
}

.tm-profile-modal__name-row h2[b-1bwnp0jtwa] {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    font-size: 32px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.02;
    overflow-wrap: anywhere;
    text-transform: uppercase;
    text-shadow: 0 6px 20px rgba(0,0,0,.56);
}

.tm-profile-modal__verified[b-1bwnp0jtwa] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #0aa4ff, #1b6eff);
    box-shadow: 0 0 18px rgba(29,161,255,.44);
}

.tm-profile-modal__verified .mud-icon-root[b-1bwnp0jtwa] {
    font-size: 17px !important;
}

.tm-profile-modal__meta-row[b-1bwnp0jtwa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 11px;
    min-width: 0;
}

.tm-profile-modal__meta-line[b-1bwnp0jtwa] {
    min-width: 0;
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    color: var(--tm-profile-muted);
    font-size: 13px;
}

.tm-profile-modal__meta-line span[b-1bwnp0jtwa] {
    color: var(--tm-profile-faint);
    font-weight: 850;
    text-transform: uppercase;
}

.tm-profile-modal__meta-line strong[b-1bwnp0jtwa] {
    min-width: 0;
    color: #ffffff;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.tm-club-profile-modal__social-row[b-1bwnp0jtwa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    margin-top: 12px;
}

.tm-club-profile-modal__sections[b-1bwnp0jtwa] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
}

.tm-profile-modal__chip-row[b-1bwnp0jtwa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

[b-1bwnp0jtwa] .tm-club-profile-modal__availability {
    --tm-availability-columns: 4;
    --tm-availability-card-min-width: 0;
}

.tm-club-profile-modal__manager-list[b-1bwnp0jtwa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.tm-club-profile-modal__manager-row[b-1bwnp0jtwa] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(80,130,210,.18);
    border-radius: 11px;
    background: rgba(6,17,38,.56);
}

.tm-club-profile-modal__manager-main[b-1bwnp0jtwa],
.tm-club-profile-modal__manager-discord[b-1bwnp0jtwa] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tm-club-profile-modal__manager-main strong[b-1bwnp0jtwa],
.tm-club-profile-modal__manager-discord strong[b-1bwnp0jtwa] {
    min-width: 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.tm-club-profile-modal__manager-main span[b-1bwnp0jtwa],
.tm-club-profile-modal__manager-discord span[b-1bwnp0jtwa] {
    color: rgba(167,179,204,.72);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.1;
    text-transform: uppercase;
}

.tm-club-profile-modal__manager-discord strong[b-1bwnp0jtwa] {
    color: #58aaff;
}

.tm-club-profile-modal__manager-contact[b-1bwnp0jtwa] {
    min-width: 96px;
    min-height: 34px;
    border: 1px solid rgba(34,211,255,.65);
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(36,172,255,.88), rgba(23,112,255,.9));
    box-shadow: 0 0 18px rgba(29,161,255,.22);
    cursor: pointer;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .03em;
    text-transform: uppercase;
    transition:
        transform 160ms ease-out,
        box-shadow 160ms ease-out,
        filter 160ms ease-out;
}

.tm-club-profile-modal__manager-contact:hover:not(:disabled)[b-1bwnp0jtwa] {
    transform: translateY(-1px);
    filter: brightness(1.07);
    box-shadow: 0 0 24px rgba(29,161,255,.32);
}

.tm-club-profile-modal__manager-contact:focus-visible[b-1bwnp0jtwa] {
    outline: 2px solid #22d3ff;
    outline-offset: 2px;
}

.tm-club-profile-modal__manager-contact:disabled[b-1bwnp0jtwa] {
    cursor: default;
    opacity: .48;
    filter: grayscale(.3);
}

.tm-club-profile-modal__manager-contact .mud-icon-root[b-1bwnp0jtwa] {
    font-size: 16px !important;
}

.tm-club-profile-modal__empty[b-1bwnp0jtwa],
.tm-profile-modal__message[b-1bwnp0jtwa] {
    margin: 0;
    color: rgba(244,247,255,.78);
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.tm-profile-modal__message[b-1bwnp0jtwa] {
    font-style: italic;
    white-space: pre-wrap;
}

.tm-club-profile-modal__empty[b-1bwnp0jtwa] {
    color: rgba(167,179,204,.78);
}

.tm-profile-modal__footer[b-1bwnp0jtwa] {
    flex: 0 0 auto;
    display: grid;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid rgba(80,130,210,.2);
    background:
        linear-gradient(180deg, rgba(6,11,26,.72), rgba(4,9,22,.96)),
        rgba(4,9,22,.92);
    box-shadow: 0 -16px 34px rgba(0,0,0,.22);
}

.tm-profile-modal__footer--club[b-1bwnp0jtwa] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tm-profile-modal__footer--club.tm-profile-modal__footer--count-1[b-1bwnp0jtwa] {
    grid-template-columns: 1fr;
}

.tm-profile-modal__footer--club.tm-profile-modal__footer--count-3[b-1bwnp0jtwa] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tm-profile-modal__footer--club[b-1bwnp0jtwa]  .tm-premium-action {
    --tm-action-height: 46px;
    --tm-action-radius: 14px;
    gap: 8px;
    min-width: 0;
    padding-inline: 14px;
    font-size: 12px;
    letter-spacing: .03em;
}

.tm-profile-modal__footer--club[b-1bwnp0jtwa]  .tm-premium-action__icon {
    font-size: 19px !important;
}

@media (max-width: 899px) {
    .tm-profile-modal[b-1bwnp0jtwa] {
        width: min(100%, calc(100vw - 12px));
        max-height: calc(100dvh - 12px);
    }

    .tm-profile-modal__body[b-1bwnp0jtwa] {
        padding: 18px 16px;
        padding-right: 46px;
    }

    .tm-club-profile-modal__hero[b-1bwnp0jtwa] {
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 14px;
    }

    .tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card {
        align-items: flex-start;
    }

    .tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card__mark {
        width: 118px;
    }

    .tm-profile-modal__identity[b-1bwnp0jtwa] {
        padding-right: 0;
    }

    .tm-profile-modal__name-row h2[b-1bwnp0jtwa] {
        font-size: 27px;
    }
}

@media (max-width: 640px) {
    .tm-profile-modal[b-1bwnp0jtwa] {
        border-radius: 18px;
    }

    .tm-profile-modal__body[b-1bwnp0jtwa] {
        padding: 14px 12px;
        padding-right: 44px;
    }

    .tm-club-profile-modal__hero[b-1bwnp0jtwa] {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    .tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card__mark {
        width: 82px;
        border-radius: 12px;
    }

    .tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card__image {
        padding: 8px;
    }

    .tm-profile-modal__name-row[b-1bwnp0jtwa] {
        gap: 7px;
    }

    .tm-profile-modal__name-row h2[b-1bwnp0jtwa] {
        font-size: 21px;
        line-height: 1.08;
    }

    .tm-profile-modal__verified[b-1bwnp0jtwa] {
        width: 21px;
        height: 21px;
    }

    .tm-profile-modal__verified .mud-icon-root[b-1bwnp0jtwa] {
        font-size: 15px !important;
    }

    .tm-profile-modal__meta-row[b-1bwnp0jtwa] {
        gap: 8px;
        margin-top: 8px;
    }

    .tm-profile-modal__meta-line[b-1bwnp0jtwa] {
        font-size: 12px;
    }

    [b-1bwnp0jtwa] .tm-club-profile-modal__availability {
        --tm-section-card-header-gap: 9px;
        --tm-section-card-label-size: 12px;
        --tm-availability-columns: 2;
        --tm-availability-gap: 7px;
        --tm-availability-card-min-height: 44px;
        --tm-availability-card-padding: 7px 6px;
        --tm-availability-card-radius: 9px;
        --tm-availability-day-size: 10px;
        --tm-availability-time-size: 9px;
    }

    .tm-club-profile-modal__manager-row[b-1bwnp0jtwa] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .tm-club-profile-modal__manager-contact[b-1bwnp0jtwa] {
        width: 100%;
        min-height: 38px;
    }

    .tm-profile-modal__footer--club[b-1bwnp0jtwa] {
        gap: 6px;
        padding: 10px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    }

    .tm-profile-modal__footer--club[b-1bwnp0jtwa]  .tm-premium-action {
        --tm-action-height: 58px;
        --tm-action-radius: 13px;
        flex-direction: column;
        gap: 4px;
        padding: 5px 4px;
        font-size: clamp(9px, 2.45vw, 10.5px);
        line-height: 1.08;
    }

    .tm-profile-modal__footer--club[b-1bwnp0jtwa]  .tm-premium-action__icon {
        font-size: 18px !important;
    }

    .tm-profile-modal__footer--club[b-1bwnp0jtwa]  .tm-premium-action__label {
        white-space: normal;
    }
}

@media (max-width: 420px) {
    .tm-profile-modal__close[b-1bwnp0jtwa] {
        top: 9px;
        right: 9px;
        width: 34px;
        height: 34px;
    }

    .tm-profile-modal__body[b-1bwnp0jtwa] {
        padding-left: 10px;
        padding-right: 42px;
    }

    .tm-club-profile-modal__hero[b-1bwnp0jtwa] {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 10px;
    }

    .tm-club-profile-modal[b-1bwnp0jtwa]  .tm-club-logo-card__mark {
        width: 74px;
    }

    .tm-profile-modal__name-row h2[b-1bwnp0jtwa] {
        font-size: 19px;
    }
}
/* /Components/TransferMarket/MiniPitch.razor.rz.scp.css */
.tm-mini-pitch[b-kuko37fbbc] {
    width: 100%;
    min-height: 0;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

.tm-mini-pitch[b-kuko37fbbc]  .ppd-root {
    width: 100%;
}

.tm-mini-pitch[b-kuko37fbbc]  .ppd-pitch-wrap {
    width: 100%;
    height: auto;
    min-height: 0;
}

.tm-mini-pitch[b-kuko37fbbc]  .ppd-pitch-svg {
    width: 100%;
    height: auto;
    min-height: 0;
}

.tm-mini-pitch[b-kuko37fbbc]  .ppd-pitch-svg rect:first-of-type {
    fill: rgba(3,10,22,.48);
}

@media (max-width: 899px) {
    .tm-mini-pitch[b-kuko37fbbc] {
        max-width: 320px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .tm-mini-pitch[b-kuko37fbbc] {
        max-width: 100%;
        border-radius: 12px;
    }
}

@media (max-width: 420px) {
    .tm-mini-pitch[b-kuko37fbbc] {
        max-width: 100%;
        border-radius: 10px;
    }
}
/* /Components/TransferMarket/MyPlayerTransferPostPanel.razor.rz.scp.css */
/* Shared with MyTransferPostPanel — player variant specifics */

.tmpp-form[b-t77svebldz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tmpp-post-wrap[b-t77svebldz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.07);
    background: linear-gradient(180deg, rgba(20, 27, 36, 0.95), rgba(14, 19, 27, 0.95));
}

.tmpp-tip-alert[b-t77svebldz] {
    border-radius: 10px;
    border-color: rgba(0,200,255,0.24) !important;
    background: rgba(0,200,255,0.05) !important;
    max-width: 680px;
}

.tmpp-tip-alert--create[b-t77svebldz] {
    margin-bottom: 10px;
}

.tmpp-inline-link[b-t77svebldz] {
    margin-left: 8px;
}

.tmpp-face-panel[b-t77svebldz] {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.035);
}

.tmpp-face-preview[b-t77svebldz] {
    position: relative;
    width: 82px;
    height: 82px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(160deg, #151a30, #200a38);
}

.tmpp-face-preview--large[b-t77svebldz] {
    width: 104px;
    height: 104px;
}

.tmpp-face-preview img[b-t77svebldz] {
    position: absolute;
    bottom: -3px;
    left: 50%;
    height: 84px;
    transform: translateX(-50%);
    object-fit: contain;
}

.tmpp-face-content[b-t77svebldz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.tmpp-face-actions[b-t77svebldz] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px;
}

.tmpp-face-review-pill[b-t77svebldz] {
    width: max-content;
    padding: 3px 8px;
    border: 1px solid rgba(255, 193, 7, 0.32);
    border-radius: 999px;
    color: #ffd86b;
    background: rgba(255, 193, 7, 0.1);
    font-size: 0.68rem;
    font-weight: 800;
}

.tmpp-face-crop-panel[b-t77svebldz] {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
}

.tmpp-face-crop-stage[b-t77svebldz] {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 45%),
        #111722;
}

.tmpp-face-crop-stage img[b-t77svebldz] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
}

.tmpp-face-cutout[b-t77svebldz] {
    position: absolute;
    inset: 8%;
    border: 2px solid rgba(0, 200, 255, 0.82);
    border-radius: 46% 46% 16% 16% / 34% 34% 18% 18%;
    box-shadow:
        0 0 0 999px rgba(0, 0, 0, 0.34),
        0 0 18px rgba(0, 200, 255, 0.24);
    pointer-events: none;
}

.tmpp-face-crop-controls[b-t77svebldz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

@media (max-width: 720px) {
    .tmpp-face-panel[b-t77svebldz],
    .tmpp-face-crop-panel[b-t77svebldz] {
        grid-template-columns: 1fr;
    }

    .tmpp-face-panel[b-t77svebldz] {
        display: grid;
    }
}

/* ── Bump row ──────────────────────────────────────────────────────────────── */

.tmpp-bump-row[b-t77svebldz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(0,200,100,0.05);
    border: 1px solid rgba(0,200,100,0.12);
    border-radius: 8px;
    flex-wrap: wrap;
}
/* /Components/TransferMarket/MyTransferPostPanel.razor.rz.scp.css */
.tmpp-empty[b-g9hm0tjp17],
.tmpp-create-wrap[b-g9hm0tjp17] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 24px;
    color: rgba(255,255,255,0.5);
}

/* ── Active Post ─────────────────────────────────────── */

.tmpp-post-wrap[b-g9hm0tjp17] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(122, 210, 255, 0.14);
    background:
        radial-gradient(circle at 100% 0%, rgba(109, 61, 255, 0.14), transparent 36%),
        linear-gradient(180deg, rgba(18, 29, 47, 0.94), rgba(8, 14, 24, 0.96));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.tmpp-post-header[b-g9hm0tjp17] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.tmpp-status-badge[b-g9hm0tjp17] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-radius: 20px;
    padding: 4px 12px;
    flex-shrink: 0;
}

.tmpp-status-draft[b-g9hm0tjp17]     { background: rgba(255,183,0,0.12); color: #ffb700; }
.tmpp-status-published[b-g9hm0tjp17] { background: rgba(0,230,118,0.12); color: #00e676; }
.tmpp-status-closed[b-g9hm0tjp17]    { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.4); }
.tmpp-status-archived[b-g9hm0tjp17]  { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.25); }

/* ── Team preview ────────────────────────────────────── */

.tmpp-team-preview[b-g9hm0tjp17] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(0,200,255,0.045);
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 12px;
    padding: 12px 16px;
}

.tmpp-team-logo[b-g9hm0tjp17] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.tmpp-team-name[b-g9hm0tjp17] {
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
}

.tmpp-team-tag[b-g9hm0tjp17] {
    font-size: .8rem;
    color: rgba(255,255,255,0.4);
}

/* ── Form ────────────────────────────────────────────── */

.tmpp-form[b-g9hm0tjp17] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tmpp-actions[b-g9hm0tjp17] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

/* ── Create ──────────────────────────────────────────── */

.tmpp-create-select[b-g9hm0tjp17] {
    width: 100%;
    max-width: 480px;
    margin-bottom: 8px;
}

.tmpp-tip-alert[b-g9hm0tjp17] {
    border-radius: 10px;
    border-color: rgba(0,200,255,0.24) !important;
    background: rgba(0,200,255,0.05) !important;
    max-width: 680px;
}

.tmpp-tip-alert--create[b-g9hm0tjp17] {
    margin-bottom: 10px;
}

.tmpp-create-actions[b-g9hm0tjp17] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
}

/* ── Bump row ──────────────────────────────────────────── */

.tmpp-bump-row[b-g9hm0tjp17] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(0,200,100,0.05);
    border: 1px solid rgba(0,200,100,0.12);
    border-radius: 10px;
    flex-wrap: wrap;
}
/* /Components/TransferMarket/PlayerAvatarCard.razor.rz.scp.css */
.tm-player-avatar-card[b-q7kzz6eh7w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    min-width: 0;
}

.tm-player-avatar-card__media[b-q7kzz6eh7w] {
    position: relative;
    width: 210px;
    max-width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid rgba(80,130,210,.24);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(9,16,33,.98), rgba(3,9,20,.98));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 44px rgba(0,0,0,.36);
}

.tm-player-avatar-card__flag-bg[b-q7kzz6eh7w],
.tm-player-avatar-card__shade[b-q7kzz6eh7w],
.tm-player-avatar-card__image[b-q7kzz6eh7w] {
    position: absolute;
    inset: 0;
}

.tm-player-avatar-card__flag-bg[b-q7kzz6eh7w] {
    background-position: center;
    background-size: cover;
    opacity: .14;
}

.tm-player-avatar-card__shade[b-q7kzz6eh7w] {
    background:
        linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.72)),
        radial-gradient(circle at 50% 28%, rgba(34,211,255,.1), transparent 44%);
}

.tm-player-avatar-card__image[b-q7kzz6eh7w] {
    inset: auto auto 0 50%;
    width: auto;
    max-width: 116%;
    height: 100%;
    max-height: 100%;
    transform: translateX(-50%);
    display: block;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 18px 30px rgba(0,0,0,.48));
}

@media (max-width: 899px) {
    .tm-player-avatar-card[b-q7kzz6eh7w] {
        align-items: center;
        width: 100%;
    }

    .tm-player-avatar-card__media[b-q7kzz6eh7w] {
        width: clamp(156px, 38vw, 204px);
    }
}

@media (max-width: 420px) {
    .tm-player-avatar-card__media[b-q7kzz6eh7w] {
        width: clamp(136px, 46vw, 176px);
        border-radius: 14px;
    }
}
/* /Components/TransferMarket/PlayerInfoCard.razor.rz.scp.css */
.tm-player-info-card[b-vnf45zjo4b] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 22px 24px;
    border: 1px solid var(--tm-profile-border);
    border-radius: var(--tm-profile-radius-md);
    background: linear-gradient(135deg, rgba(8,22,48,.78), rgba(4,13,31,.86));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 18px 38px rgba(0,0,0,.24);
}

.tm-player-info-card__icon[b-vnf45zjo4b] {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255,255,255,.06);
}

.tm-player-info-card__icon .mud-icon-root[b-vnf45zjo4b] {
    font-size: 23px !important;
}

.tm-player-info-card__copy[b-vnf45zjo4b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tm-player-info-card__label[b-vnf45zjo4b] {
    color: rgba(244,247,255,.5);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tm-player-info-card__value[b-vnf45zjo4b] {
    color: #ffffff;
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .tm-player-info-card[b-vnf45zjo4b] {
        padding: 18px;
        gap: 14px;
    }
}
/* /Components/TransferMarket/PlayerProfileModal.razor.rz.scp.css */
.tm-profile-modal[b-2weospznc9] {
    --tm-profile-bg: linear-gradient(145deg, #07101f 0%, #030814 100%);
    --tm-profile-card: rgba(8,22,48,.72);
    --tm-profile-border: rgba(80,130,210,.25);
    --tm-profile-cyan: #22d3ff;
    --tm-profile-blue: #1da1ff;
    --tm-profile-text: #f4f7ff;
    --tm-profile-muted: #a7b3cc;
    --tm-profile-faint: #6f7d99;
    --tm-profile-radius-lg: 18px;
    --tm-profile-radius-md: 12px;
    position: relative;
    width: min(1080px, calc(100vw - 16px));
    max-width: 100%;
    max-height: calc(100dvh - 24px);
    margin: 0 auto;
    border: 1px solid rgba(80,130,210,.34);
    border-radius: var(--tm-profile-radius-lg);
    overflow: hidden;
    color: var(--tm-profile-text);
    background:
        radial-gradient(circle at 18% 18%, rgba(29,161,255,.12), transparent 30%),
        radial-gradient(circle at 82% 20%, rgba(181,92,255,.1), transparent 32%),
        var(--tm-profile-bg);
    box-shadow:
        0 28px 82px rgba(0,0,0,.66),
        0 0 0 1px rgba(255,255,255,.035),
        0 0 44px rgba(29,161,255,.1);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.tm-profile-modal[b-2weospznc9],
.tm-profile-modal *[b-2weospznc9] {
    box-sizing: border-box;
}

.tm-player-profile-modal[b-2weospznc9] {
    --tm-section-card-padding: 14px 16px;
    --tm-section-card-header-gap: 9px;
    --tm-section-card-label-size: 12px;
    --tm-availability-gap: 7px;
    --tm-availability-card-min-height: 46px;
    --tm-availability-card-padding: 7px 8px;
    --tm-availability-day-size: 11px;
    --tm-availability-time-size: 9px;
}

.tm-profile-modal__close[b-2weospznc9] {
    position: absolute;
    z-index: 5;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.04);
    cursor: pointer;
    transition:
        background 170ms ease-out,
        border-color 170ms ease-out,
        color 170ms ease-out,
        transform 170ms ease-out;
}

.tm-profile-modal__close:hover[b-2weospznc9] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.2);
    color: #ffffff;
    transform: translateY(-1px);
}

.tm-profile-modal__close:focus-visible[b-2weospznc9] {
    outline: 2px solid #22d3ff;
    outline-offset: 3px;
}

.tm-profile-modal__close .mud-icon-root[b-2weospznc9] {
    font-size: 20px !important;
}

.tm-profile-modal__body[b-2weospznc9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 24px;
    padding-right: 48px;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(34,211,255,.45) rgba(255,255,255,.05);
}

.tm-profile-modal__body[b-2weospznc9]::-webkit-scrollbar {
    width: 8px;
}

.tm-profile-modal__body[b-2weospznc9]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(34,211,255,.38);
}

.tm-player-profile-modal__hero[b-2weospznc9] {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr) 214px;
    gap: 18px;
    align-items: start;
    min-width: 0;
}

.tm-player-profile-modal__avatar[b-2weospznc9] {
    min-width: 0;
}

.tm-player-profile-modal[b-2weospznc9]  .tm-player-avatar-card__media {
    width: 148px;
    border-radius: 14px;
}

.tm-profile-modal__identity[b-2weospznc9] {
    min-width: 0;
    padding-right: 38px;
}

.tm-profile-modal__name-row[b-2weospznc9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    margin-bottom: 10px;
}

.tm-profile-modal__name-row h2[b-2weospznc9] {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    font-size: 31px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.03;
    overflow-wrap: anywhere;
    text-transform: uppercase;
    text-shadow: 0 5px 18px rgba(0,0,0,.7);
}

.tm-profile-modal__premium[b-2weospznc9] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #f2b84b, #d68516);
    box-shadow: 0 0 18px rgba(242,184,75,.38);
}

.tm-profile-modal__premium .mud-icon-root[b-2weospznc9] {
    font-size: 17px !important;
}

.tm-player-profile-modal__social-row[b-2weospznc9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 12px;
}

.tm-player-profile-modal__meta-grid[b-2weospznc9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
    gap: 8px;
    min-width: 0;
}

.tm-player-profile-modal__meta-item[b-2weospznc9] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(80,130,210,.22);
    border-radius: 11px;
    background: rgba(7,18,42,.58);
    color: var(--tm-profile-muted);
}

.tm-player-profile-modal__meta-item span[b-2weospznc9] {
    color: rgba(167,179,204,.78);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.1;
    text-transform: uppercase;
}

.tm-player-profile-modal__meta-item strong[b-2weospznc9] {
    min-width: 0;
    color: #58aaff;
    font-size: 13px;
    font-weight: 950;
    overflow-wrap: anywhere;
    text-align: right;
}

.tm-player-profile-modal__meta-item--muted strong[b-2weospznc9] {
    color: rgba(244,247,255,.55);
}

.tm-player-profile-modal__content-grid[b-2weospznc9] {
    display: block;
    margin-top: 18px;
    min-width: 0;
}

.tm-player-profile-modal__main-stack[b-2weospznc9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-2weospznc9] .tm-player-profile-modal__availability {
    --tm-availability-columns: 4;
    --tm-availability-card-min-width: 0;
    width: 100%;
    min-width: 0;
    text-align: left;
}

.tm-player-profile-modal__pitch[b-2weospznc9] {
    min-width: 0;
    display: flex;
    padding: 12px;
    border: 1px solid var(--tm-profile-border);
    border-radius: var(--tm-profile-radius-md);
    background: linear-gradient(135deg, rgba(8,18,40,.72), rgba(5,10,24,.82));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 16px 34px rgba(0,0,0,.18);
}

.tm-player-profile-modal__info-grid[b-2weospznc9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-profile-modal__fact {
    padding: 14px 16px;
    gap: 13px;
    min-width: 0;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-profile-modal__fact--wide {
    grid-column: 1 / -1;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-info-card__icon {
    width: 34px;
    height: 34px;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-info-card__icon .mud-icon-root {
    font-size: 20px !important;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-info-card__label {
    font-size: 11px;
    letter-spacing: .07em;
}

.tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-info-card__value {
    font-size: 17px;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

[b-2weospznc9] .tm-player-profile-modal__message-card {
    --tm-section-card-padding: 14px 16px;
    background: linear-gradient(135deg, rgba(13,23,54,.76), rgba(18,17,55,.68));
}

.tm-profile-modal__message[b-2weospznc9] {
    margin: 0;
    color: rgba(244,247,255,.78);
    font-size: 14px;
    font-style: italic;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.tm-profile-modal__footer[b-2weospznc9] {
    flex: 0 0 auto;
    display: grid;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid rgba(80,130,210,.2);
    background:
        linear-gradient(180deg, rgba(5,9,20,.72), rgba(3,8,18,.96)),
        rgba(3,8,18,.92);
    box-shadow: 0 -16px 34px rgba(0,0,0,.22);
}

.tm-profile-modal__footer--player[b-2weospznc9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tm-profile-modal__footer--player[b-2weospznc9]  .tm-premium-action {
    --tm-action-height: 44px;
    --tm-action-radius: 14px;
    gap: 8px;
    min-width: 0;
    padding-inline: 14px;
    font-size: 12px;
    letter-spacing: .03em;
}

.tm-profile-modal__footer--player[b-2weospznc9]  .tm-premium-action__icon {
    font-size: 19px !important;
}

@media (max-width: 899px) {
    .tm-profile-modal[b-2weospznc9] {
        width: min(100%, calc(100vw - 12px));
        max-height: calc(100dvh - 12px);
    }

    .tm-profile-modal__body[b-2weospznc9] {
        padding: 18px 16px;
        padding-right: 46px;
    }

    .tm-player-profile-modal__hero[b-2weospznc9] {
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 14px;
    }

    .tm-player-profile-modal[b-2weospznc9]  .tm-player-avatar-card {
        align-items: flex-start;
    }

    .tm-player-profile-modal[b-2weospznc9]  .tm-player-avatar-card__media {
        width: 112px;
    }

    .tm-profile-modal__identity[b-2weospznc9] {
        padding-right: 0;
    }

    .tm-profile-modal__name-row h2[b-2weospznc9] {
        font-size: 26px;
    }

    .tm-player-profile-modal__pitch[b-2weospznc9] {
        grid-column: 1 / -1;
        width: min(250px, 100%);
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .tm-profile-modal[b-2weospznc9] {
        border-radius: 18px;
    }

    .tm-profile-modal__body[b-2weospznc9] {
        padding: 14px 12px;
        padding-right: 44px;
    }

    .tm-player-profile-modal__hero[b-2weospznc9] {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    .tm-player-profile-modal[b-2weospznc9]  .tm-player-avatar-card__media {
        width: 86px;
    }

    .tm-profile-modal__name-row[b-2weospznc9] {
        gap: 7px;
        margin-bottom: 8px;
    }

    .tm-profile-modal__name-row h2[b-2weospznc9] {
        font-size: 21px;
        line-height: 1.08;
    }

    .tm-profile-modal__premium[b-2weospznc9] {
        width: 21px;
        height: 21px;
    }

    .tm-profile-modal__premium .mud-icon-root[b-2weospznc9] {
        font-size: 15px !important;
    }

    .tm-player-profile-modal__social-row[b-2weospznc9] {
        gap: 7px;
        margin-bottom: 9px;
    }

    .tm-player-profile-modal__meta-grid[b-2weospznc9] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .tm-player-profile-modal__meta-item[b-2weospznc9] {
        padding: 8px 9px;
        gap: 8px;
    }

    .tm-player-profile-modal__meta-item span[b-2weospznc9] {
        font-size: 10px;
    }

    .tm-player-profile-modal__meta-item strong[b-2weospznc9] {
        font-size: 12px;
    }

    [b-2weospznc9] .tm-player-profile-modal__availability {
        --tm-section-card-header-gap: 9px;
        --tm-section-card-label-size: 12px;
        --tm-availability-columns: 2;
        --tm-availability-gap: 7px;
        --tm-availability-card-min-height: 44px;
        --tm-availability-card-padding: 7px 6px;
        --tm-availability-card-radius: 9px;
        --tm-availability-day-size: 10px;
        --tm-availability-time-size: 9px;
    }

    .tm-player-profile-modal__info-grid[b-2weospznc9] {
        grid-template-columns: 1fr;
    }

    .tm-player-profile-modal__info-grid[b-2weospznc9]  .tm-player-profile-modal__fact--wide {
        grid-column: auto;
    }

    .tm-profile-modal__footer--player[b-2weospznc9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        padding: 10px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    }

    .tm-profile-modal__footer--player[b-2weospznc9]  .tm-premium-action {
        --tm-action-height: 58px;
        --tm-action-radius: 13px;
        flex-direction: column;
        gap: 4px;
        padding: 5px 4px;
        font-size: clamp(9px, 2.45vw, 10.5px);
        line-height: 1.08;
    }

    .tm-profile-modal__footer--player[b-2weospznc9]  .tm-premium-action__icon {
        font-size: 18px !important;
    }

    .tm-profile-modal__footer--player[b-2weospznc9]  .tm-premium-action__label {
        white-space: normal;
    }
}

@media (max-width: 420px) {
    .tm-profile-modal__close[b-2weospznc9] {
        top: 9px;
        right: 9px;
        width: 34px;
        height: 34px;
    }

    .tm-profile-modal__body[b-2weospznc9] {
        padding-left: 10px;
        padding-right: 42px;
    }

    .tm-player-profile-modal__hero[b-2weospznc9] {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 10px;
    }

    .tm-player-profile-modal[b-2weospznc9]  .tm-player-avatar-card__media {
        width: 76px;
        border-radius: 12px;
    }

    .tm-profile-modal__name-row h2[b-2weospznc9] {
        font-size: 19px;
    }

    [b-2weospznc9] .tm-player-profile-modal__availability {
        --tm-section-card-header-gap: 8px;
        --tm-section-card-label-size: 11px;
        --tm-availability-gap: 6px;
        --tm-availability-card-min-height: 42px;
        --tm-availability-card-padding: 6px 5px;
        --tm-availability-day-size: 10px;
        --tm-availability-time-size: 9px;
    }
}
/* /Components/TransferMarket/PremiumActionButton.razor.rz.scp.css */
.tm-premium-action[b-8r8930suwv] {
    --tm-action-height: 76px;
    --tm-action-radius: 22px;
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: var(--tm-action-height);
    padding: 0 28px;
    border-radius: var(--tm-action-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 1px solid transparent;
    overflow: hidden;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: clamp(16px, 1.2vw, 21px);
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    transition:
        transform 180ms ease-out,
        border-color 180ms ease-out,
        box-shadow 180ms ease-out,
        filter 180ms ease-out,
        opacity 180ms ease-out;
}

.tm-premium-action[b-8r8930suwv]::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: calc(var(--tm-action-radius) - 1px);
    background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 42%);
    opacity: .58;
    pointer-events: none;
    z-index: -1;
}

.tm-premium-action:hover[b-8r8930suwv] {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.tm-premium-action:active[b-8r8930suwv] {
    transform: translateY(0) scale(.98);
    filter: brightness(.96);
}

.tm-premium-action:focus-visible[b-8r8930suwv] {
    outline: 2px solid #22d3ff;
    outline-offset: 3px;
}

.tm-premium-action--disabled[b-8r8930suwv],
.tm-premium-action:disabled[b-8r8930suwv] {
    cursor: not-allowed;
    opacity: .45;
    transform: none;
    filter: none;
}

.tm-premium-action--disabled:hover[b-8r8930suwv],
.tm-premium-action:disabled:hover[b-8r8930suwv] {
    transform: none;
    filter: none;
}

.tm-premium-action__icon[b-8r8930suwv] {
    flex: 0 0 auto;
    font-size: clamp(28px, 2.05vw, 36px) !important;
    line-height: 1;
}

.tm-premium-action__label[b-8r8930suwv] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.tm-premium-action--secondary[b-8r8930suwv] {
    color: #1da1ff;
    background: linear-gradient(135deg, rgba(3,15,34,.94), rgba(5,25,56,.84));
    border: 2px solid #049cff;
    box-shadow:
        inset 0 0 20px rgba(29,161,255,.08),
        0 0 22px rgba(29,161,255,.22),
        0 18px 44px rgba(0,0,0,.36);
    text-shadow: 0 0 18px rgba(29,161,255,.45);
}

.tm-premium-action--secondary:hover[b-8r8930suwv] {
    border-color: #22d3ff;
    box-shadow:
        inset 0 0 24px rgba(29,161,255,.14),
        0 0 34px rgba(29,161,255,.36),
        0 22px 54px rgba(0,0,0,.42);
}

.tm-premium-action--primary-green[b-8r8930suwv] {
    background: linear-gradient(135deg, #00d4a6 0%, #00e889 100%);
    border-color: rgba(0,255,210,.8);
    color: #ffffff;
    box-shadow:
        0 0 28px rgba(0,255,190,.32),
        0 22px 54px rgba(0,0,0,.36);
    text-shadow: 0 2px 10px rgba(0,70,50,.35);
}

.tm-premium-action--primary-green:hover[b-8r8930suwv] {
    border-color: rgba(125,255,230,.95);
    box-shadow:
        0 0 40px rgba(0,255,190,.44),
        0 24px 58px rgba(0,0,0,.42);
}

.tm-premium-action--primary-blue[b-8r8930suwv] {
    background: linear-gradient(135deg, #17b7ff 0%, #086aff 100%);
    border-color: rgba(75,190,255,.9);
    color: #ffffff;
    box-shadow:
        0 0 28px rgba(0,130,255,.35),
        0 22px 54px rgba(0,0,0,.36);
    text-shadow: 0 2px 10px rgba(0,45,120,.4);
}

.tm-premium-action--primary-blue:hover[b-8r8930suwv] {
    border-color: rgba(160,225,255,.98);
    box-shadow:
        0 0 42px rgba(0,130,255,.48),
        0 24px 58px rgba(0,0,0,.42);
}

.tm-premium-action--player-blue[b-8r8930suwv] {
    background: linear-gradient(135deg, #1f74ff 0%, #20b8ff 100%);
    border-color: rgba(120,190,255,.9);
    color: #ffffff;
    box-shadow:
        0 0 28px rgba(33,133,255,.35),
        0 20px 46px rgba(0,0,0,.34);
}

.tm-premium-action--neutral[b-8r8930suwv] {
    background: linear-gradient(135deg, rgba(6,12,28,.96), rgba(8,16,34,.98));
    border-color: rgba(255,255,255,.14);
    color: #ffffff;
    box-shadow:
        inset 0 0 18px rgba(255,255,255,.035),
        0 16px 38px rgba(0,0,0,.32);
}

.tm-premium-action--neutral:hover[b-8r8930suwv] {
    border-color: rgba(255,255,255,.28);
    box-shadow:
        inset 0 0 22px rgba(255,255,255,.055),
        0 0 24px rgba(120,190,255,.16),
        0 20px 48px rgba(0,0,0,.38);
}

@media (max-width: 640px) {
    .tm-premium-action[b-8r8930suwv] {
        --tm-action-height: 64px;
        --tm-action-radius: 18px;
        width: 100%;
        padding: 0 20px;
        gap: 16px;
        font-size: clamp(16px, 4.2vw, 18px);
    }

    .tm-premium-action__icon[b-8r8930suwv] {
        font-size: 28px !important;
    }
}
/* /Components/TransferMarket/SectionCard.razor.rz.scp.css */
.tm-section-card[b-14whij3vu4] {
    padding: var(--tm-section-card-padding, 24px 26px);
    border: 1px solid var(--tm-profile-border);
    border-radius: var(--tm-profile-radius-md);
    background:
        linear-gradient(135deg, rgba(12,27,58,.78), rgba(22,19,62,.7));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 16px 34px rgba(0,0,0,.18);
}

.tm-section-card__header[b-14whij3vu4] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: var(--tm-section-card-header-gap, 14px);
}

.tm-section-card__icon[b-14whij3vu4] {
    color: var(--tm-profile-cyan);
    font-size: 18px !important;
}

.tm-section-card__label[b-14whij3vu4] {
    color: rgba(244,247,255,.48);
    font-size: var(--tm-section-card-label-size, 13px);
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.tm-section-card__body[b-14whij3vu4] {
    min-width: 0;
}

.tm-section-card--flat[b-14whij3vu4] {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.tm-section-card--message[b-14whij3vu4] {
    border-left-color: rgba(34,211,255,.62);
    border-left-width: 3px;
}

@media (max-width: 640px) {
    .tm-section-card[b-14whij3vu4] {
        padding: var(--tm-section-card-padding, 18px);
    }
}
/* /Components/TransferMarket/SocialButton.razor.rz.scp.css */
.tm-social-button[b-atofgkj79s] {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,.065);
    text-decoration: none;
    transition:
        transform 170ms ease-out,
        border-color 170ms ease-out,
        background 170ms ease-out,
        color 170ms ease-out,
        box-shadow 170ms ease-out;
}

.tm-social-button:hover[b-atofgkj79s] {
    transform: translateY(-1px);
    border-color: rgba(34,211,255,.62);
    background: rgba(34,211,255,.13);
    color: #22d3ff;
    box-shadow: 0 0 18px rgba(34,211,255,.2);
}

.tm-social-button:focus-visible[b-atofgkj79s] {
    outline: 2px solid #22d3ff;
    outline-offset: 3px;
}

.tm-social-button[b-atofgkj79s]  svg,
.tm-social-button[b-atofgkj79s]  path {
    width: 17px;
    height: 17px;
    fill: currentColor !important;
}

@media (max-width: 640px) {
    .tm-social-button[b-atofgkj79s] {
        width: 34px;
        height: 34px;
    }

    .tm-social-button[b-atofgkj79s]  svg,
    .tm-social-button[b-atofgkj79s]  path {
        width: 15px;
        height: 15px;
    }
}
/* /Components/TransferMarket/TagChip.razor.rz.scp.css */
.tm-tag-chip[b-ei7jwblwvz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 13px;
    border: 1px solid rgba(96,165,250,.22);
    border-radius: 999px;
    background: rgba(8,20,46,.7);
    color: rgba(244,247,255,.82);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
    transition:
        border-color 180ms ease-out,
        box-shadow 180ms ease-out,
        opacity 180ms ease-out;
}

.tm-tag-chip--position[b-ei7jwblwvz] {
    border-color: rgba(244,180,0,.48);
    background: linear-gradient(135deg, rgba(244,180,0,.18), rgba(102,65,0,.16));
    color: #ffd666;
}

.tm-tag-chip--playstyle[b-ei7jwblwvz] {
    border-color: rgba(181,92,255,.5);
    background: linear-gradient(135deg, rgba(73,38,150,.48), rgba(35,28,92,.62));
    color: #d9c4ff;
}

.tm-tag-chip--meta[b-ei7jwblwvz] {
    border-color: rgba(29,161,255,.42);
    background: rgba(29,161,255,.1);
    color: #9bdcff;
}

.tm-tag-chip--active[b-ei7jwblwvz] {
    box-shadow: 0 0 16px rgba(29,161,255,.16);
}

.tm-tag-chip--inactive[b-ei7jwblwvz] {
    opacity: .45;
    box-shadow: none;
}

@media (max-width: 420px) {
    .tm-tag-chip[b-ei7jwblwvz] {
        min-height: 28px;
        padding: 6px 10px;
        font-size: 12px;
        white-space: normal;
    }
}
/* /Components/TransferMarket/TransferMarketDetailDrawer.razor.rz.scp.css */
/* ── Transfer Market Detail Drawer ─────────────────────── */

/* Overlay backdrop */
.tmd-overlay[b-ob6ukaf9el] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 1199;
}

.tmd-overlay--open[b-ob6ukaf9el] {
    display: block;
}

/* Drawer panel */
.tmd-drawer[b-ob6ukaf9el] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 380px;
    max-width: 100vw;
    background: #0e1225;
    border-left: 1px solid rgba(255,255,255,0.08);
    box-shadow: -8px 0 32px rgba(0,0,0,0.45);
    z-index: 1200;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
}

.tmd-drawer--open[b-ob6ukaf9el] {
    transform: translateX(0);
}

/* Close button */
.tmd-close-btn[b-ob6ukaf9el] {
    position: sticky;
    top: 12px;
    align-self: flex-end;
    margin: 12px 12px 0 0;
    flex-shrink: 0;
}

/* Loading / empty states */
.tmd-loading[b-ob6ukaf9el],
.tmd-empty[b-ob6ukaf9el] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 48px 24px;
    text-align: center;
}

/* Content wrapper */
.tmd-content[b-ob6ukaf9el] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4px 20px 28px;
}

/* ── Header ─────────────────────────────────────────────── */

.tmd-header[b-ob6ukaf9el] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.tmd-logo-wrap[b-ob6ukaf9el] {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tmd-logo[b-ob6ukaf9el] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tmd-logo-placeholder[b-ob6ukaf9el] {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tmd-avatar[b-ob6ukaf9el] {
    flex-shrink: 0;
}

.tmd-identity[b-ob6ukaf9el] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.tmd-name[b-ob6ukaf9el] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tmd-tag[b-ob6ukaf9el] {
    font-size: .8rem;
    color: rgba(255,255,255,0.45);
}

.tmd-flag[b-ob6ukaf9el] {
    margin-top: 2px;
}

.tmd-status-wrap[b-ob6ukaf9el] {
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Section ────────────────────────────────────────────── */

.tmd-section[b-ob6ukaf9el] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tmd-section-label[b-ob6ukaf9el] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
}

/* ── Chips ──────────────────────────────────────────────── */

.tmd-chips[b-ob6ukaf9el] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tmd-chips--wrap[b-ob6ukaf9el] {
    flex-wrap: wrap;
}

/* ── Message ────────────────────────────────────────────── */

.tmd-message[b-ob6ukaf9el] {
    font-size: .88rem;
    font-style: italic;
    color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.03);
    border-left: 3px solid rgba(0,200,255,0.3);
    border-radius: 0 6px 6px 0;
    padding: 10px 14px;
    margin: 0;
    line-height: 1.5;
    word-break: break-word;
}

/* ── Published date ─────────────────────────────────────── */

.tmd-published[b-ob6ukaf9el] {
    font-size: .75rem;
    color: rgba(255,255,255,0.3);
    margin: 0;
}

/* ── Actions ────────────────────────────────────────────── */

.tmd-actions[b-ob6ukaf9el] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

/* ── Mobile ─────────────────────────────────────────────── */

@media (max-width: 480px) {
    .tmd-drawer[b-ob6ukaf9el] {
        width: 100vw;
    }
}
/* /Components/TransferMarket/TransferMarketPlayerCard.razor.rz.scp.css */
/* ── Premium Player Card ────────────────────────────────────────────────── */

.tmc-player[b-c226n9mwky] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    background: #111827;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 6px 24px rgba(0,0,0,0.55);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.tmc-player:hover[b-c226n9mwky] {
    transform: translateY(-4px) scale(1.012);
    box-shadow: 0 14px 40px rgba(0,180,255,0.18), 0 0 0 1px rgba(0,200,255,0.22);
    border-color: rgba(0,200,255,0.35);
}

/* ── Portrait zone ── */

.tmc-player-visual[b-c226n9mwky] {
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden;
    background: linear-gradient(160deg, #151a30 0%, #1a1f3c 55%, #200a38 100%);
    flex-shrink: 0;
}

/* Faded flag fills the visual zone */
.tmc-player-flag-bg[b-c226n9mwky] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.13;
    pointer-events: none;
}

/* Gradient fade from visual zone into footer */
.tmc-player-visual-overlay[b-c226n9mwky] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(10,14,28,0.15) 0%,
        rgba(10,14,28,0.0)  30%,
        rgba(10,14,28,0.55) 75%,
        rgba(17,24,39,1)   100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Position badge — top left */
.tmc-player-pos-corner[b-c226n9mwky] {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}

.tmc-pos-main[b-c226n9mwky] {
    font-size: .72rem;
    font-weight: 900;
    color: #001321;
    background: linear-gradient(135deg, #36e7ff, #8affd2);
    border: 1px solid rgba(120,255,220,0.75);
    border-radius: 5px;
    padding: 2px 7px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tmc-pos-alt[b-c226n9mwky] {
    font-size: .62rem;
    font-weight: 700;
    color: rgba(255,255,255,0.7);
    background: rgba(0,0,0,0.45);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    padding: 1px 6px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Portrait image — centered, bottom-anchored */
.tmc-player-portrait[b-c226n9mwky] {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    height: 153px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: top center;
    display: block;
    filter: drop-shadow(0 4px 14px rgba(0,0,0,0.7));
    z-index: 1;
}

/* ── Info footer strip ── */

.tmc-player-footer[b-c226n9mwky] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    padding: 10px 12px 10px;
    background: #111827;
}

.tmc-player-name[b-c226n9mwky] {
    font-size: .92rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.tmc-player-name-row[b-c226n9mwky] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.tmc-premium-badge[b-c226n9mwky] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ffe8a3;
    background: linear-gradient(135deg, rgba(255, 184, 0, 0.22), rgba(255, 221, 87, 0.08));
    border: 1px solid rgba(255, 213, 79, 0.5);
    border-radius: 999px;
    padding: 2px 6px 2px 4px;
    box-shadow: 0 0 14px rgba(255, 193, 7, 0.18);
}

.tmc-player-meta-row[b-c226n9mwky] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.tmc-player-discord-id[b-c226n9mwky] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 190px;
    color: rgba(223, 227, 255, 0.88);
    font-size: .62rem;
    font-weight: 800;
}

.tmc-player-discord-id .mud-icon-root[b-c226n9mwky] {
    flex: 0 0 auto;
    font-size: .82rem;
    color: #9ba4ff;
}

.tmc-player-contact-row[b-c226n9mwky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    flex-wrap: wrap;
}

.tmc-player-days[b-c226n9mwky] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 3px;
    flex: 1 1 126px;
}

.tmc-player-day-chip[b-c226n9mwky] {
    font-size: .52rem;
    font-weight: 800;
    line-height: 1;
    color: rgba(150, 168, 215, 0.48);
    background: rgba(66, 78, 118, 0.2);
    border: 1px solid rgba(116, 130, 180, 0.2);
    border-radius: 6px;
    padding: 3px 2px;
    text-align: center;
}

.tmc-player-day-chip--active[b-c226n9mwky] {
    color: #5ec6ff;
    background: rgba(0, 116, 255, 0.2);
    border-color: rgba(0, 163, 255, 0.55);
}

.tmc-player-discord[b-c226n9mwky] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    max-width: 112px;
    color: #dfe3ff;
    background: rgba(88,101,242,0.18);
    border: 1px solid rgba(88,101,242,0.42);
    border-radius: 999px;
    padding: 2px 7px;
    font-size: .6rem;
    font-weight: 800;
    text-decoration: none;
    cursor: default;
}

.tmc-player-discord .mud-icon-root[b-c226n9mwky] {
    flex: 0 0 auto;
    font-size: .85rem;
}

.tmc-player-discord span[b-c226n9mwky] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tmc-player-time[b-c226n9mwky] {
    font-size: .6rem;
    color: rgba(255,255,255,0.25);
    margin-left: auto;
}

/* ── Message ── */

.tmc-player-message[b-c226n9mwky] {
    font-size: .74rem;
    font-style: italic;
    color: rgba(255,255,255,0.48);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* ── Actions ── */

.tmc-player-actions[b-c226n9mwky] {
    display: flex;
    gap: 6px;
    margin-top: auto;
    padding-top: 2px;
}

.tmc-btn[b-c226n9mwky] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 7px;
    padding: 6px 8px;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: .04em;
    transition: background 0.15s, box-shadow 0.15s;
    border: none;
    white-space: nowrap;
}

.tmc-btn--primary[b-c226n9mwky] {
    background: linear-gradient(135deg, #0074e8, #003eb5);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,100,255,0.3);
}

.tmc-btn--primary:hover[b-c226n9mwky] {
    background: linear-gradient(135deg, #1a86f5, #1a50cc);
    box-shadow: 0 4px 14px rgba(0,100,255,0.45);
}

.tmc-btn--ghost[b-c226n9mwky] {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.1);
}

.tmc-btn--ghost:hover[b-c226n9mwky] {
    background: rgba(255,255,255,0.11);
}

/* /Components/TransferMarket/TransferMarketRequestCenter.razor.rz.scp.css */
.tm-requests-head[b-lyfnalgff7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    background: rgba(255,255,255,0.035);
}

.tm-request-filters[b-lyfnalgff7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tm-request-filter[b-lyfnalgff7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.68);
    font-size: .86rem;
    font-weight: 800;
    cursor: pointer;
}

.tm-request-filter span[b-lyfnalgff7] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(0,200,255,0.14);
    color: #00c8ff;
    text-align: center;
}

.tm-request-filter--active[b-lyfnalgff7] {
    color: #fff;
    border-color: rgba(0,200,255,0.42);
    background: rgba(0,200,255,0.12);
}

.tm-request-list[b-lyfnalgff7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tm-request-row[b-lyfnalgff7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    background: rgba(7,10,20,0.66);
}

.tm-request-main[b-lyfnalgff7] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tm-request-main .mud-icon-root[b-lyfnalgff7] {
    color: #00c8ff;
    margin-top: 2px;
}

.tm-request-title[b-lyfnalgff7] {
    color: #fff;
    font-weight: 800;
}

.tm-request-meta[b-lyfnalgff7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    color: var(--pcw-text-muted);
    font-size: .82rem;
}

.tm-request-meta span[b-lyfnalgff7] {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-request-side[b-lyfnalgff7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
}

.tm-request-status[b-lyfnalgff7] {
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0.12);
}

.tm-request-status--pending[b-lyfnalgff7] {
    color: #00c8ff;
    background: rgba(0,200,255,0.12);
}

.tm-request-status--accepted[b-lyfnalgff7] {
    color: #00e676;
    background: rgba(0,230,118,0.12);
}

.tm-request-status--rejected[b-lyfnalgff7] {
    color: #ff8a80;
    background: rgba(255,82,82,0.12);
}

.tm-request-status--withdrawn[b-lyfnalgff7] {
    color: #ffd54f;
    background: rgba(255,213,79,0.12);
}

@media (max-width: 720px) {
    .tm-requests-head[b-lyfnalgff7],
    .tm-request-row[b-lyfnalgff7] {
        align-items: stretch;
        flex-direction: column;
    }

    .tm-request-side[b-lyfnalgff7] {
        justify-content: flex-start;
    }
}
/* /Components/TransferMarket/TransferMarketScoutDialog.razor.rz.scp.css */
[b-03eo0l0fuh] .mud-dialog.tmsd-dialog--player {
    width: min(1120px, calc(100vw - 16px));
    max-width: none;
    margin: 8px;
    overflow: visible;
    border-radius: 18px;
    background: transparent;
    box-shadow: none;
}

[b-03eo0l0fuh] .tmsd-dialog--player .mud-dialog-content {
    padding: 0;
    overflow: visible;
    background: transparent;
}

[b-03eo0l0fuh] .tmsd-dialog--player .mud-dialog-actions,
[b-03eo0l0fuh] .tmsd-dialog--player .mud-dialog-title {
    display: none;
}

.tmsd-loading[b-03eo0l0fuh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    width: min(620px, calc(100vw - 36px));
    padding: 36px;
    margin: 0 auto;
    border: 1px solid rgba(80,130,210,.26);
    border-radius: 18px;
    color: #f4f7ff;
    background: linear-gradient(145deg, rgba(7,16,31,.98), rgba(3,8,20,.98));
    box-shadow: 0 30px 90px rgba(0,0,0,.62);
}

.tm-profile-form[b-03eo0l0fuh] {
    padding: 18px;
    border: 1px solid rgba(34,211,255,.18);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(5,18,40,.86), rgba(8,16,34,.88));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 38px rgba(0,0,0,.22);
}

.tm-profile-form__title[b-03eo0l0fuh] {
    margin-bottom: 12px;
    color: #22d3ff;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tm-profile-form[b-03eo0l0fuh]  .mud-input-control,
.tm-profile-form[b-03eo0l0fuh]  .mud-input-label {
    color: rgba(244,247,255,.82);
}

.tm-profile-form[b-03eo0l0fuh]  .mud-input-slot {
    color: #ffffff;
}

.tm-profile-social-svg[b-03eo0l0fuh] {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

@media (max-width: 640px) {
    [b-03eo0l0fuh] .mud-dialog.tmsd-dialog--player {
        position: fixed;
        inset: auto max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 12px);
        margin: 0 !important;
        display: flex;
        flex-direction: column;
    }

    [b-03eo0l0fuh] .tmsd-dialog--player .mud-dialog-content {
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .tm-profile-form[b-03eo0l0fuh] {
        padding: 18px;
    }
}
/* /Components/TransferMarket/TransferMarketTeamCard.razor.rz.scp.css */
/* ── Premium Team Card ──────────────────────────────────────────────────── */

.tmc-team[b-nzpg3lzacv] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(160deg, #0d1226 0%, #181d38 55%, #1a0a2e 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
    padding: 0 0 12px 0;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.tmc-team-visual[b-nzpg3lzacv] {
    position: relative;
    flex-shrink: 0;
    background: linear-gradient(160deg, #131b33 0%, #1d2040 55%, #27103e 100%);
}

.tmc-team-footer[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    background: #111827;
    padding-bottom: 12px;
}

.tmc-team:hover[b-nzpg3lzacv] {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 16px 48px rgba(0,180,255,0.14), 0 0 0 1px rgba(0,200,255,0.22);
    border-color: rgba(0,200,255,0.3);
}

/* ── Flag bg ── */

.tmc-team-flag-bg[b-nzpg3lzacv] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.07;
    pointer-events: none;
    z-index: 0;
}

.tmc-team-overlay[b-nzpg3lzacv] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(8,12,26,0.25) 0%,
        rgba(8,12,26,0.05) 45%,
        rgba(8,12,26,0.65) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* ── Header ── */

.tmc-team-header[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 16px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.tmc-team-logo-wrap[b-nzpg3lzacv] {
    flex-shrink: 0;
}

.tmc-team-logo[b-nzpg3lzacv] {
    width: 92px;
    height: 92px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(0,0,0,0.55);
    border: 1px solid rgba(0,200,255,0.2);
}

.tmc-team-logo-placeholder[b-nzpg3lzacv] {
    width: 92px;
    height: 92px;
    background: rgba(255,255,255,0.04);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,200,255,0.22);
}

.tmc-team-identity[b-nzpg3lzacv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 4px;
}

.tmc-team-name-row[b-nzpg3lzacv] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tmc-team-name[b-nzpg3lzacv] {
    font-size: clamp(1rem, 3vw, 1.4rem);
    font-weight: 800;
    color: #fff;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: hidden;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 1.15;
}

.tmc-team-tag[b-nzpg3lzacv] {
    font-size: .68rem;
    color: rgba(255,255,255,0.55);
    letter-spacing: .04em;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    padding: 2px 7px;
    border-radius: 999px;
}

.tmc-team-identity-row[b-nzpg3lzacv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    flex-wrap: wrap;
}

.tmc-team-flag[b-nzpg3lzacv] {
    font-size: .8rem;
}

.tmc-discord-badge[b-nzpg3lzacv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #dfe3ff;
    background: rgba(88,101,242,0.18);
    border: 1px solid rgba(88,101,242,0.42);
    border-radius: 999px;
    padding: 2px 8px;
    font-size: .66rem;
    font-weight: 800;
}

.tmc-discord-badge .mud-icon-root[b-nzpg3lzacv] {
    font-size: .9rem;
}

.tmc-team-days[b-nzpg3lzacv] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.tmc-team-days-row[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    padding: 8px 16px 0;
}

.tmc-team-days-row .tmc-team-days[b-nzpg3lzacv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.tmc-day-chip[b-nzpg3lzacv] {
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .03em;
    color: rgba(150, 168, 215, 0.58);
    background: rgba(66, 78, 118, 0.22);
    border: 1px solid rgba(116, 130, 180, 0.22);
    border-radius: 8px;
    padding: 4px 7px;
    text-align: center;
}

.tmc-day-chip--active[b-nzpg3lzacv] {
    color: #5ec6ff;
    background: rgba(0, 116, 255, 0.2);
    border-color: rgba(0, 163, 255, 0.6);
    box-shadow: inset 0 0 0 1px rgba(0,175,255,0.2);
}

/* ── Sections ── */

.tmc-team-section[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 0;
}

.tmc-team-body[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
    margin-top: 0;
}

.tmc-team-body:empty[b-nzpg3lzacv] {
    display: none;
}

.tmc-team-body:empty + .tmc-team-section--description[b-nzpg3lzacv] {
    margin-top: 0;
    border-top: 0;
    padding-top: 18px;
}

.tmc-team-section--description[b-nzpg3lzacv] {
    margin-top: 6px;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 14px;
}

.tmc-section-label[b-nzpg3lzacv] {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .03em;
    color: rgba(255,255,255,0.5);
}

.tmc-chip-row[b-nzpg3lzacv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.tmc-chip-more[b-nzpg3lzacv] {
    font-size: .7rem;
    color: rgba(255,255,255,0.55);
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 2px 7px;
}

/* ── Message ── */

.tmc-team-message[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    font-size: .9rem;
    color: rgba(255,255,255,0.78);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.35;
}

.tmc-team-message--muted[b-nzpg3lzacv] {
    color: rgba(255,255,255,0.42);
    font-style: italic;
}

/* ── Timestamp ── */

.tmc-team-time[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    font-size: .68rem;
    color: rgba(255,255,255,0.35);
    padding: 12px 16px 0;
    text-align: right;
}

@media (max-width: 900px) {
    .tmc-team-body[b-nzpg3lzacv] {
        grid-template-columns: 1fr;
    }

    .tmc-team-logo[b-nzpg3lzacv],
    .tmc-team-logo-placeholder[b-nzpg3lzacv] {
        width: 72px;
        height: 72px;
    }

    .tmc-team-name[b-nzpg3lzacv] {
        font-size: 1.2rem;
    }

    .tmc-team-days-row[b-nzpg3lzacv] {
        padding-top: 6px;
    }
}

.tmc-team[b-nzpg3lzacv] {
    height: 100%;
    min-height: 372px;
    background: #111827;
    padding: 0;
}

.tmc-team-visual[b-nzpg3lzacv] {
    background: linear-gradient(160deg, #131b33 0%, #1d2040 55%, #191f32 100%);
}

.tmc-team-footer[b-nzpg3lzacv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-bottom: 0;
}

.tmc-team-section--description[b-nzpg3lzacv] {
    flex: 1 1 auto;
}

.tmc-team-card-bottom[b-nzpg3lzacv] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 8px;
    margin-top: auto;
    padding: 12px 16px 14px;
}

.tmc-team-card-bottom .tmc-team-days[b-nzpg3lzacv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.tmc-team-time[b-nzpg3lzacv] {
    padding: 0;
}

/* /Components/TransferMarket/TransferMarketTeamDialog.razor.rz.scp.css */
[b-1zfznm29hw] .mud-dialog.tmsd-dialog--team {
    width: min(1080px, calc(100vw - 28px));
    max-width: none;
    margin: 18px;
    overflow: visible;
    border-radius: 24px;
    background: transparent;
    box-shadow: none;
}

[b-1zfznm29hw] .tmsd-dialog--team .mud-dialog-content {
    padding: 0;
    overflow: visible;
    background: transparent;
}

[b-1zfznm29hw] .tmsd-dialog--team .mud-dialog-actions,
[b-1zfznm29hw] .tmsd-dialog--team .mud-dialog-title {
    display: none;
}

.tmsd-loading[b-1zfznm29hw] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    width: min(620px, calc(100vw - 36px));
    padding: 36px;
    margin: 0 auto;
    border: 1px solid rgba(34,211,255,.18);
    border-radius: 22px;
    color: #f4f7ff;
    background: linear-gradient(145deg, rgba(6,21,45,.98), rgba(9,13,30,.98));
    box-shadow: 0 30px 90px rgba(0,0,0,.58);
}

.tm-profile-form[b-1zfznm29hw] {
    padding: 18px;
    border: 1px solid rgba(34,211,255,.18);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(5,18,40,.86), rgba(11,20,52,.78));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 38px rgba(0,0,0,.22);
}

.tm-profile-form__title[b-1zfznm29hw] {
    margin-bottom: 12px;
    color: #22d3ff;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tm-profile-form[b-1zfznm29hw]  .mud-input-control,
.tm-profile-form[b-1zfznm29hw]  .mud-input-label {
    color: rgba(244,247,255,.82);
}

.tm-profile-form[b-1zfznm29hw]  .mud-input-slot {
    color: #ffffff;
}

.tm-profile-social-svg[b-1zfznm29hw] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

@media (max-width: 640px) {
    [b-1zfznm29hw] .mud-dialog.tmsd-dialog--team {
        position: fixed;
        inset: auto max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 12px);
        margin: 0 !important;
        display: flex;
        flex-direction: column;
    }

    [b-1zfznm29hw] .tmsd-dialog--team .mud-dialog-content {
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .tm-profile-form[b-1zfznm29hw] {
        padding: 18px;
    }
}
/* /Components/Transfers/TransferNegotiationPanel.razor.rz.scp.css */
/* ── Transfer Negotiation Panel ─────────────────────────── */

.tn-header[b-eqrifuc54x] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tn-teams[b-eqrifuc54x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.tn-team[b-eqrifuc54x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tn-meta[b-eqrifuc54x] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* ── Messages ──────────────────────────────────────────── */

.tn-messages[b-eqrifuc54x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
    padding: 8px 0;
}

.tn-msg[b-eqrifuc54x] {
    padding: 10px 14px;
    border-radius: 10px;
    max-width: 85%;
}

.tn-msg-offer[b-eqrifuc54x] {
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.15);
    align-self: flex-start;
}

.tn-msg-counter[b-eqrifuc54x] {
    background: rgba(255, 165, 0, 0.08);
    border: 1px solid rgba(255, 165, 0, 0.15);
    align-self: flex-end;
}

.tn-msg-header[b-eqrifuc54x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    gap: 12px;
}

/* ── Reply ─────────────────────────────────────────────── */

.tn-reply[b-eqrifuc54x] {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding-top: 12px;
}

/* ── Action Groups ─────────────────────────────────────── */

.tn-action-group[b-eqrifuc54x] {
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* ── Counter-Offer Cards ───────────────────────────────── */

.tn-co-card[b-eqrifuc54x] {
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 2px;
}

.tn-co-manager[b-eqrifuc54x] {
    background: rgba(0, 200, 255, 0.06);
    border: 1px solid rgba(0, 200, 255, 0.25);
    align-self: flex-start;
}

.tn-co-player[b-eqrifuc54x] {
    background: rgba(255, 165, 0, 0.06);
    border: 1px solid rgba(255, 165, 0, 0.25);
    align-self: flex-end;
}

.tn-co-header[b-eqrifuc54x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.tn-co-badge[b-eqrifuc54x] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(255, 165, 0, 0.18);
    color: #ffa500;
    border: 1px solid rgba(255, 165, 0, 0.35);
    text-transform: uppercase;
}

.tn-co-tags[b-eqrifuc54x] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* ── Celebration Card ──────────────────────────────────── */

.tn-celebration-card[b-eqrifuc54x] {
    border: 1px solid rgba(0, 230, 118, 0.35) !important;
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.05) 0%, rgba(0, 200, 83, 0.03) 100%);
}

.tn-celebration-header[b-eqrifuc54x] {
    text-align: center;
    padding: 8px 0 4px;
}

.tn-celebration-links[b-eqrifuc54x] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 4px;
}

/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 600px) {
    .tn-teams[b-eqrifuc54x] {
        flex-direction: column;
        gap: 12px;
    }

    .tn-msg[b-eqrifuc54x] {
        max-width: 95%;
    }

    .tn-meta[b-eqrifuc54x] {
        flex-direction: column;
        gap: 6px;
    }
}
/* /Components/Transfers/TransferOfferCard.razor.rz.scp.css */
/* ── Transfer Offer Card ────────────────────────────────── */

.toc-card[b-j0xz2jysg8] {
    transition: border-color 0.2s ease;
}

.toc-card:hover[b-j0xz2jysg8] {
    border-color: rgba(0, 200, 255, 0.2);
}

.toc-layout[b-j0xz2jysg8] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.toc-player[b-j0xz2jysg8] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 160px;
    flex: 1;
}

.toc-direction[b-j0xz2jysg8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    justify-content: center;
}

.toc-team-block[b-j0xz2jysg8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toc-status[b-j0xz2jysg8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 100px;
}

.toc-actions[b-j0xz2jysg8] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 768px) {
    .toc-layout[b-j0xz2jysg8] {
        flex-direction: column;
        align-items: stretch;
    }

    .toc-player[b-j0xz2jysg8],
    .toc-direction[b-j0xz2jysg8],
    .toc-status[b-j0xz2jysg8],
    .toc-actions[b-j0xz2jysg8] {
        justify-content: center;
    }

    .toc-actions[b-j0xz2jysg8] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Components/Wiki/WikiArticleReader.razor.rz.scp.css */
.wiki-reader-page[b-gubebwal30] {
    --wiki-accent: #00afff;
    min-height: 100vh;
    padding: 28px 56px 72px;
    color: rgba(235, 242, 249, 0.94);
}

.wiki-reader-page > *[b-gubebwal30] {
    width: min(1560px, 100%);
    margin-inline: auto;
}

.wiki-reader-loading[b-gubebwal30] {
    display: grid;
    min-height: 320px;
    place-items: center;
}

.wiki-reader-empty[b-gubebwal30] {
    display: grid;
    justify-items: start;
    gap: 16px;
    padding: 42px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.82);
}

.wiki-reader-empty[b-gubebwal30]  .mud-icon-root {
    color: var(--wiki-accent);
    font-size: 42px !important;
}

.wiki-reader-empty h1[b-gubebwal30],
.wiki-reader-hero h1[b-gubebwal30],
.wiki-reader-plain-head h1[b-gubebwal30] {
    margin: 0;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0;
}

.wiki-reader-empty p[b-gubebwal30],
.wiki-reader-hero p[b-gubebwal30] {
    max-width: 760px;
    margin: 0;
    color: rgba(210, 222, 236, 0.82);
    line-height: 1.65;
}

.wiki-reader-shell[b-gubebwal30] {
    display: grid;
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) minmax(190px, 230px);
    gap: 26px;
    align-items: start;
}

.wiki-reader-shell--single[b-gubebwal30] {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 230px);
}

.wiki-reader-nav[b-gubebwal30],
.wiki-reader-toc[b-gubebwal30] {
    position: sticky;
    top: calc(var(--welcome-header-height, 78px) + 12px);
    align-self: start;
    display: grid;
    gap: 16px;
    max-height: calc(100dvh - var(--welcome-header-height, 78px) - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.72);
    scrollbar-width: thin;
    z-index: 2;
}

.wiki-reader-nav-title[b-gubebwal30],
.wiki-reader-toc div[b-gubebwal30] {
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wiki-reader-nav-group[b-gubebwal30] {
    display: grid;
    gap: 7px;
}

.wiki-reader-nav-group span[b-gubebwal30] {
    color: rgba(160, 189, 214, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
}

.wiki-reader-nav a[b-gubebwal30],
.wiki-reader-toc a[b-gubebwal30],
.wiki-reader-nav-empty[b-gubebwal30] {
    color: rgba(220, 232, 243, 0.76);
    text-decoration: none;
    line-height: 1.4;
}

.wiki-reader-search[b-gubebwal30] {
    margin-top: -4px;
}

.wiki-reader-search[b-gubebwal30]  .mud-input-root {
    background: rgba(0, 0, 0, 0.16);
}

.wiki-reader-nav-empty[b-gubebwal30] {
    margin: 0;
    font-size: 0.9rem;
}

.wiki-reader-nav a[b-gubebwal30] {
    padding: 8px 10px;
    border-radius: 7px;
}

.wiki-reader-nav a:hover[b-gubebwal30],
.wiki-reader-nav a.is-active[b-gubebwal30],
.wiki-reader-toc a:hover[b-gubebwal30] {
    color: #fff;
    background: color-mix(in srgb, var(--wiki-accent) 12%, transparent);
}

.wiki-reader-article[b-gubebwal30] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.wiki-reader-offline-banner[b-gubebwal30] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 208, 116, 0.34);
    border-radius: 8px;
    background: rgba(255, 208, 116, 0.1);
    color: rgba(255, 236, 195, 0.92);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.wiki-reader-offline-banner[b-gubebwal30]  .mud-icon-root {
    color: #ffd074;
}

.wiki-reader-hero[b-gubebwal30],
.wiki-reader-plain-head[b-gubebwal30] {
    display: grid;
    gap: 24px;
    padding: 32px 34px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    background: rgba(5, 17, 34, 0.82);
}

.wiki-reader-hero[b-gubebwal30] {
    grid-template-columns: 1fr;
    align-items: center;
}

.wiki-reader-hero--media[b-gubebwal30] {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
}

.wiki-reader-hero span[b-gubebwal30],
.wiki-reader-plain-head span[b-gubebwal30] {
    display: block;
    margin-bottom: 12px;
    color: var(--wiki-accent);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wiki-reader-hero h1[b-gubebwal30],
.wiki-reader-plain-head h1[b-gubebwal30] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.04;
}

.wiki-reader-plain-head[b-gubebwal30] {
    gap: 10px;
    background: transparent;
}

.wiki-reader-plain-head p[b-gubebwal30] {
    max-width: 760px;
    margin: 0;
    color: rgba(210, 222, 236, 0.82);
    line-height: 1.65;
}

.wiki-reader-hero img[b-gubebwal30] {
    width: 100%;
    aspect-ratio: 16 / 10;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.wiki-reader-body[b-gubebwal30] {
    padding: 34px;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.78);
}

.wiki-reader-body[b-gubebwal30]  h2,
.wiki-reader-body[b-gubebwal30]  h3 {
    scroll-margin-top: 92px;
    margin: 34px 0 10px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0;
}

.wiki-reader-body[b-gubebwal30]  h2:first-child,
.wiki-reader-body[b-gubebwal30]  h3:first-child {
    margin-top: 0;
}

.wiki-reader-body[b-gubebwal30]  h2 {
    font-size: 1.42rem;
}

.wiki-reader-body[b-gubebwal30]  h3 {
    color: rgba(235, 242, 249, 0.92);
    font-size: 1.12rem;
}

.wiki-reader-body[b-gubebwal30]  p,
.wiki-reader-body[b-gubebwal30]  li {
    color: rgba(218, 230, 241, 0.88);
    font-size: 1rem;
    line-height: 1.76;
}

.wiki-reader-body[b-gubebwal30]  p {
    margin: 0 0 16px;
}

.wiki-reader-body[b-gubebwal30]  ul,
.wiki-reader-body[b-gubebwal30]  ol {
    display: grid;
    gap: 10px;
    margin: 14px 0 20px;
    padding-left: 22px;
}

.wiki-reader-body[b-gubebwal30]  figure {
    margin: 24px 0;
}

.wiki-reader-body[b-gubebwal30]  img {
    max-width: 100%;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
}

.wiki-reader-body[b-gubebwal30]  figcaption {
    margin-top: 8px;
    color: rgba(172, 194, 214, 0.78);
    font-size: 0.86rem;
}

.wiki-reader-body[b-gubebwal30]  .wiki-screenshot {
    padding: 10px;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(5, 13, 24, 0.58);
}

.wiki-reader-body[b-gubebwal30]  .wiki-checklist,
.wiki-reader-body[b-gubebwal30]  .wiki-role-list {
    padding: 16px 18px 16px 34px;
    border: 1px solid rgba(88, 143, 190, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.wiki-reader-toc[b-gubebwal30] {
    gap: 10px;
}

.wiki-reader-toc a[b-gubebwal30] {
    display: block;
    padding: 4px 0 4px 10px;
    border-left: 2px solid rgba(88, 143, 190, 0.2);
    font-size: 0.9rem;
}

.wiki-reader-toc a.level-3[b-gubebwal30] {
    padding-left: 22px;
    font-size: 0.84rem;
}

.wiki-reader-page--reference .wiki-reader-body[b-gubebwal30] {
    background: rgba(6, 16, 30, 0.9);
}

.wiki-reader-page--reference .wiki-reader-body[b-gubebwal30]  h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(88, 143, 190, 0.18);
}

.wiki-reader-page--compact .wiki-reader-article[b-gubebwal30],
.wiki-reader-page--compact .wiki-reader-body[b-gubebwal30] {
    gap: 12px;
}

.wiki-reader-page--compact .wiki-reader-hero[b-gubebwal30],
.wiki-reader-page--compact .wiki-reader-plain-head[b-gubebwal30],
.wiki-reader-page--compact .wiki-reader-body[b-gubebwal30] {
    padding: 24px;
}

.wiki-reader-page--compact .wiki-reader-body[b-gubebwal30]  p,
.wiki-reader-page--compact .wiki-reader-body[b-gubebwal30]  li {
    font-size: 0.96rem;
    line-height: 1.64;
}

@media (max-width: 1200px) {
    .wiki-reader-page[b-gubebwal30] {
        padding: 22px 28px 58px;
    }

    .wiki-reader-shell[b-gubebwal30],
    .wiki-reader-shell--single[b-gubebwal30] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wiki-reader-nav[b-gubebwal30],
    .wiki-reader-toc[b-gubebwal30] {
        top: calc(var(--welcome-header-height, 78px) + 8px);
        max-height: min(46dvh, 360px);
        background: rgba(3, 17, 38, 0.94);
        backdrop-filter: blur(10px);
    }

    .wiki-reader-nav[b-gubebwal30] {
        order: -1;
        z-index: 4;
    }

    .wiki-reader-toc[b-gubebwal30] {
        display: none;
    }
}

@media (max-width: 767px) {
    .wiki-reader-page[b-gubebwal30] {
        padding: 14px 14px 44px;
    }

    .wiki-reader-hero[b-gubebwal30],
    .wiki-reader-plain-head[b-gubebwal30],
    .wiki-reader-body[b-gubebwal30],
    .wiki-reader-empty[b-gubebwal30] {
        padding: 22px 18px;
    }

    .wiki-reader-hero[b-gubebwal30] {
        grid-template-columns: 1fr;
    }

    .wiki-reader-nav[b-gubebwal30] {
        top: calc(var(--welcome-header-height, 78px) + 6px);
        max-height: min(52dvh, 320px);
        padding: 14px;
    }
}
/* /Layout/AdminLayout.razor.rz.scp.css */
/* ─── Admin Button & Icon Utilities ─────────────────────────────────────────
 *
 * .admin-btn-back      — accent-coloured navigation/back button
 * .admin-btn-secondary — muted secondary/cancel action
 * .admin-icon-btn      — 40×40 px minimum tap/click target for icon buttons
 *
 * For MudBlazor buttons prefer Color="Color.Primary" / "Color.Secondary" /
 * "Color.Error" via the component parameter.
 * Use these CSS classes only for bespoke <button> / <a> elements that
 * cannot use MudBlazor color parameters.
 * ─────────────────────────────────────────────────────────────────────────── */

[b-7z33iw5xc4] .admin-btn-back {
    color: #73d7f2 !important;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 6px;
    transition: background 0.15s ease, color 0.15s ease;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

[b-7z33iw5xc4] .admin-btn-back:hover {
    background: rgba(0, 135, 179, 0.14);
    color: #d8f7ff !important;
    text-decoration: none;
}

[b-7z33iw5xc4] .admin-btn-back:focus-visible {
    outline: 2px solid #73d7f2;
    outline-offset: 2px;
}

[b-7z33iw5xc4] .admin-btn-secondary {
    color: rgba(255, 255, 255, 0.6) !important;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 6px 14px;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

[b-7z33iw5xc4] .admin-btn-secondary:hover {
    color: rgba(255, 255, 255, 0.85) !important;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.35);
}

[b-7z33iw5xc4] .admin-btn-secondary:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

[b-7z33iw5xc4] .admin-icon-btn {
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 8px !important;
}

[b-7z33iw5xc4] .admin-icon-btn:focus-visible {
    outline: 2px solid #73d7f2;
    outline-offset: 2px;
}

/* ─── Global MudBlazor icon button focus ring (admin pages) ── */

[b-7z33iw5xc4] .mud-icon-button:focus-visible {
    outline: 2px solid #73d7f2;
    outline-offset: 2px;
    border-radius: 50%;
}
/* /Layout/AdminTopNavBar.razor.rz.scp.css */
/* ── App Bar ──────────────────────────────────────────── */

[b-t10a1q6xgc] .mud-appbar.adm-topbar {
    background: linear-gradient(180deg, #0d1320 0%, #080d18 100%) !important;
    border-bottom: 1px solid rgba(72, 176, 209, 0.18) !important;
    box-shadow: 0 2px 40px rgba(0, 135, 179, 0.08), inset 0 -1px 0 rgba(0, 135, 179, 0.07) !important;
    height: 64px !important;
    backdrop-filter: blur(12px) !important;
}

[b-t10a1q6xgc] .mud-appbar.adm-topbar .mud-toolbar {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

/* ── Brand ────────────────────────────────────────────── */

.adm-brand[b-t10a1q6xgc] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 28px;
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

.adm-brand:hover[b-t10a1q6xgc] {
    opacity: 0.85;
    text-decoration: none;
}

.adm-brand-badge[b-t10a1q6xgc] {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, rgba(0,135,179,0.12), rgba(0,135,179,0.16));
    border: 1px solid rgba(115, 215, 242, 0.34);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 14px rgba(72, 176, 209, 0.18), inset 0 0 10px rgba(0,135,179,0.08);
    flex-shrink: 0;
    transition: box-shadow 0.2s ease;
}

.adm-brand:hover .adm-brand-badge[b-t10a1q6xgc] {
    box-shadow: 0 0 20px rgba(115, 215, 242, 0.28), inset 0 0 12px rgba(0,135,179,0.12);
}

[b-t10a1q6xgc] .adm-brand-icon {
    font-size: 18px !important;
    color: #0087b3;
}

.adm-brand-title[b-t10a1q6xgc] {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 0 18px rgba(115, 215, 242, 0.28);
    text-transform: uppercase;
}

/* ── Desktop Nav ──────────────────────────────────────── */

.adm-desktop-nav[b-t10a1q6xgc] {
    display: flex;
    align-items: stretch;
    gap: 0;
    height: 64px;
}

/* ── Nav Links ────────────────────────────────────────── */

[b-t10a1q6xgc] .adm-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 12px;
    height: 64px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
}

[b-t10a1q6xgc] .adm-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0087b3, transparent);
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(115, 215, 242, 0.42);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

[b-t10a1q6xgc] .adm-link:hover {
    color: #0087b3;
    background: rgba(0, 135, 179, 0.06);
    text-decoration: none;
}

[b-t10a1q6xgc] .adm-link:hover::after,
[b-t10a1q6xgc] .adm-link--active::after {
    transform: translateX(-50%) scaleX(1);
}

[b-t10a1q6xgc] .adm-link--active {
    color: #0087b3 !important;
    background: rgba(0, 135, 179, 0.07);
    text-decoration: none;
}

[b-t10a1q6xgc] .adm-chevron-sm {
    font-size: 14px !important;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

/* ── Dropdown Popovers ────────────────────────────────── */

[b-t10a1q6xgc] .adm-nav-popover .mud-popover-paper {
    background: #0f1520 !important;
    border: 1px solid rgba(72, 176, 209, 0.16) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0,135,179,0.06) !important;
    min-width: 200px;
    overflow: hidden;
    padding: 6px 0;
}

.adm-nav-popover-inner[b-t10a1q6xgc] {
    padding: 4px 0;
}

.adm-pop-label[b-t10a1q6xgc] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: rgba(115, 215, 242, 0.3);
    padding: 6px 16px 2px;
    margin: 0;
}

[b-t10a1q6xgc] .adm-nav-popover .mud-menu-item {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    border-radius: 0 !important;
}

[b-t10a1q6xgc] .adm-nav-popover .mud-menu-item:hover {
    background: rgba(0, 135, 179, 0.09) !important;
    color: #ddeeff !important;
}

[b-t10a1q6xgc] .adm-nav-popover .mud-menu-item .mud-icon-root {
    font-size: 16px !important;
    opacity: 0.55;
    margin-right: 10px !important;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}

[b-t10a1q6xgc] .adm-nav-popover .mud-menu-item:hover .mud-icon-root {
    opacity: 0.9;
}

[b-t10a1q6xgc] .adm-nav-popover .mud-divider {
    border-color: rgba(255, 255, 255, 0.07) !important;
    margin: 4px 0 !important;
}

/* ── Avatar / Account Button ──────────────────────────── */

.adm-avatar-btn[b-t10a1q6xgc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.2s ease, background 0.2s ease;
    margin-left: 4px;
}

.adm-avatar-btn:hover[b-t10a1q6xgc] {
    color: #0087b3;
    background: rgba(0, 135, 179, 0.08);
}

/* ── Mobile Overlay ───────────────────────────────────── */

.adm-mob-overlay[b-t10a1q6xgc] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1200;
    backdrop-filter: blur(3px);
    animation: adm-fade-in-b-t10a1q6xgc 0.2s ease forwards;
}

/* ── Mobile Slide-out Panel ───────────────────────────── */

.adm-mob-panel[b-t10a1q6xgc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100dvh;
    background: #0a0f1a;
    border-right: 1px solid rgba(0, 135, 179, 0.12);
    z-index: 1201;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    animation: adm-slide-in-b-t10a1q6xgc 0.22s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    padding-bottom: 24px;
}

.adm-mob-panel[b-t10a1q6xgc]::-webkit-scrollbar {
    display: none;
}

.adm-mob-brand-row[b-t10a1q6xgc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 18px 16px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.1);
    margin-bottom: 8px;
}

.adm-mob-brand-name[b-t10a1q6xgc] {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 0 12px rgba(115, 215, 242, 0.28);
    text-transform: uppercase;
}

/* ── Mobile MudNavMenu overrides ──────────────────────── */

[b-t10a1q6xgc] .adm-mob-panel .mud-nav-link {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    margin: 1px 8px !important;
    padding: 8px 12px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

[b-t10a1q6xgc] .adm-mob-panel .mud-nav-link:hover,
[b-t10a1q6xgc] .adm-mob-panel .mud-nav-link.active {
    background: rgba(0, 135, 179, 0.09) !important;
    color: #0087b3 !important;
}

[b-t10a1q6xgc] .adm-mob-panel .mud-nav-group-title {
    color: rgba(115, 215, 242, 0.34) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
    padding: 8px 20px 4px !important;
}

.adm-mob-subcategory[b-t10a1q6xgc] {
    color: rgba(115, 215, 242, 0.3);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    padding: 8px 20px 2px;
    margin: 0;
}

@keyframes adm-fade-in-b-t10a1q6xgc {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes adm-slide-in-b-t10a1q6xgc {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0); }
}

/* ── Responsive: hide desktop nav on mobile ───────────── */

@media (max-width: 959px) {
    .adm-desktop-nav[b-t10a1q6xgc] {
        display: none;
    }
    .adm-brand[b-t10a1q6xgc] {
        margin-right: 8px;
    }
}

.adm-action-badge[b-t10a1q6xgc] {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #ffca28;
    color: #0a0f1a;
    font-size: 10px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    pointer-events: none;
    box-shadow: 0 0 12px rgba(255, 202, 40, 0.42);
}
/* /Layout/BotAdminLayout.razor.rz.scp.css */
.bot-admin-frame[b-5b3hygnhf1] {
    --bot-admin-accent: #0087b3;
    --bot-admin-accent-hover: #0a6f95;
    --bot-admin-accent-soft: rgba(0, 135, 179, 0.16);
    --bot-admin-accent-border: rgba(72, 176, 209, 0.34);
    --bot-admin-accent-text: #73d7f2;
    --bot-admin-field: #081320;
    --bot-admin-field-raised: #0b1728;
    --bot-admin-border-muted: rgba(148, 163, 184, 0.18);
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 288px minmax(0, 1fr);
    align-items: stretch;
    background:
        radial-gradient(circle at 18% 12%, rgba(0, 135, 179, 0.14), transparent 30%),
        radial-gradient(circle at 78% 0%, rgba(139, 92, 246, 0.12), transparent 32%),
        linear-gradient(90deg,
            #020814 0,
            #020814 288px,
            #030712 288px,
            #07111f 100%);
    color: #f8fbff;
    overflow-x: clip;
    position: relative;
}

.bot-admin-frame[b-5b3hygnhf1]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 288px;
    background:
        linear-gradient(180deg, rgba(2, 8, 20, 0.98), rgba(5, 18, 33, 0.98)),
        #020814;
    border-right: 1px solid rgba(72, 176, 209, 0.22);
    box-shadow: 18px 0 54px rgba(0, 135, 179, 0.08);
    pointer-events: none;
    z-index: 0;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-root {
    border-radius: 7px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-filled-primary {
    border: 1px solid rgba(105, 206, 235, 0.24) !important;
    color: #f4fbff !important;
    background: linear-gradient(180deg, var(--bot-admin-accent), #006f95) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-filled-primary:hover {
    background: linear-gradient(180deg, #0a7fa6, #005f82) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-outlined-primary {
    border-color: var(--bot-admin-accent-border) !important;
    color: var(--bot-admin-accent-text) !important;
    background: rgba(0, 135, 179, 0.08) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-outlined-primary:hover {
    border-color: rgba(115, 215, 242, 0.54) !important;
    color: #d8f7ff !important;
    background: rgba(0, 135, 179, 0.16) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-text-primary {
    color: var(--bot-admin-accent-text) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-button-text-primary:hover {
    background: rgba(0, 135, 179, 0.12) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-control {
    margin-top: 0 !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-control > .mud-input-control-input-container {
    margin-top: 0 !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-outlined {
    background: rgba(8, 19, 32, 0.92) !important;
    border-radius: 7px !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-outlined-border {
    border-color: var(--bot-admin-border-muted) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input:hover .mud-input-outlined-border {
    border-color: rgba(115, 215, 242, 0.42) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--bot-admin-accent-text) !important;
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.24) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-label,
.bot-admin-frame[b-5b3hygnhf1]  .mud-input-label-outlined {
    color: rgba(184, 199, 214, 0.8) !important;
}

.bot-admin-frame[b-5b3hygnhf1]  .mud-input-slot,
.bot-admin-frame[b-5b3hygnhf1]  .mud-select-input,
.bot-admin-frame[b-5b3hygnhf1]  .mud-input-control-input-container input,
.bot-admin-frame[b-5b3hygnhf1]  .mud-input-control-input-container textarea {
    color: #f4fbff !important;
}

.bot-admin-sidebar[b-5b3hygnhf1] {
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px 18px 18px;
    background:
        linear-gradient(180deg, rgba(2, 8, 20, 0.98), rgba(5, 18, 33, 0.98)),
        #020814;
    border-right: 1px solid rgba(72, 176, 209, 0.22);
    box-shadow: 18px 0 54px rgba(0, 135, 179, 0.08);
    z-index: 11;
    align-self: start;
    overflow: hidden;
    position: sticky;
    z-index: 2;
}

.bot-admin-sidebar-head[b-5b3hygnhf1] {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px 18px;
    border-bottom: 1px solid rgba(72, 176, 209, 0.16);
}

.bot-admin-brand[b-5b3hygnhf1] {
    min-width: 0;
    display: grid;
    gap: 9px;
}

.bot-admin-brand-logo[b-5b3hygnhf1] {
    width: 126px;
    max-width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 0 18px rgba(0, 135, 179, 0.3));
}

.bot-admin-brand-copy[b-5b3hygnhf1] {
    min-width: 0;
}

.bot-admin-kicker[b-5b3hygnhf1] {
    color: var(--bot-admin-accent-text);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bot-admin-title[b-5b3hygnhf1] {
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 850;
}

.bot-admin-status-card[b-5b3hygnhf1] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 2px;
    padding: 12px;
    border: 1px solid rgba(72, 176, 209, 0.18);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(8, 17, 31, 0.88));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.bot-admin-status-card > div[b-5b3hygnhf1] {
    min-width: 0;
}

.bot-admin-status-card strong[b-5b3hygnhf1],
.bot-admin-status-card span[b-5b3hygnhf1] {
    display: block;
}

.bot-admin-status-card strong[b-5b3hygnhf1] {
    color: #f8fbff;
    font-size: 0.84rem;
    text-transform: uppercase;
}

.bot-admin-status-card span[b-5b3hygnhf1] {
    color: #8aa2ba;
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-admin-status-dot[b-5b3hygnhf1] {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    border-radius: 50%;
    background: #80848e;
    box-shadow: 0 0 0 3px rgba(128, 132, 142, 0.18);
}

.bot-admin-status-dot--online[b-5b3hygnhf1] {
    background: #00e676;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.18), 0 0 18px rgba(0, 230, 118, 0.54);
}

.bot-admin-nav[b-5b3hygnhf1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 2px 8px;
    scrollbar-color: rgba(181, 186, 193, 0.26) transparent;
}

.bot-admin-nav-section[b-5b3hygnhf1] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.bot-admin-nav-empty[b-5b3hygnhf1] {
    min-height: 96px;
    display: grid;
    place-items: center;
    gap: 6px;
    padding: 18px 10px;
    border: 1px dashed rgba(181, 186, 193, 0.22);
    border-radius: 8px;
    color: #949ba4;
    text-align: center;
    font-size: 0.82rem;
}

.bot-admin-nav-empty .mud-icon-root[b-5b3hygnhf1] {
    color: #b5bac1;
}

.bot-admin-nav-label[b-5b3hygnhf1] {
    margin: 0 8px 5px;
    color: var(--bot-admin-accent-text);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[b-5b3hygnhf1] .bot-admin-nav-link {
    min-height: 38px;
    width: 100%;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9fb4c8;
    background: transparent;
    font-size: 0.84rem;
    font-weight: 650;
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

[b-5b3hygnhf1] .bot-admin-nav-link:hover,
[b-5b3hygnhf1] .bot-admin-nav-link--active {
    color: #f8fbff;
    background: rgba(0, 135, 179, 0.1);
    text-decoration: none;
}

[b-5b3hygnhf1] .bot-admin-nav-link:focus-visible {
    outline: 2px solid var(--bot-admin-accent-text);
    outline-offset: 2px;
}

[b-5b3hygnhf1] .bot-admin-nav-link--active {
    color: var(--bot-admin-accent-text);
    border: 1px solid var(--bot-admin-accent-border);
    background:
        linear-gradient(90deg, rgba(0, 135, 179, 0.18), rgba(109, 75, 216, 0.08)),
        rgba(2, 132, 199, 0.08);
    box-shadow: inset 3px 0 0 var(--bot-admin-accent), 0 0 24px rgba(0, 135, 179, 0.12);
}

[b-5b3hygnhf1] .bot-admin-nav-link .mud-icon-root {
    color: inherit;
    flex: 0 0 20px;
    font-size: 18px;
}

[b-5b3hygnhf1] .bot-admin-nav-link span {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-admin-sidebar-footer[b-5b3hygnhf1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(72, 176, 209, 0.16);
}

.bot-admin-footer-link[b-5b3hygnhf1] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(72, 176, 209, 0.14);
    border-radius: 8px;
    color: #9fb4c8;
    background: rgba(8, 17, 31, 0.78);
    font-size: 0.78rem;
    font-weight: 750;
    text-decoration: none;
}

.bot-admin-footer-link:hover[b-5b3hygnhf1],
.bot-admin-footer-link:focus-visible[b-5b3hygnhf1] {
    color: #f8fbff;
    border-color: rgba(72, 176, 209, 0.42);
    background: rgba(0, 135, 179, 0.12);
    text-decoration: none;
}

.bot-admin-footer-link .mud-icon-root[b-5b3hygnhf1],
.bot-admin-footer-link[b-5b3hygnhf1]  .mud-icon-root {
    font-size: 18px;
}

.bot-admin-main[b-5b3hygnhf1] {
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 62% 0%, rgba(0, 135, 179, 0.12), transparent 26%),
        linear-gradient(180deg, #030712, #07111f 48%, #050a13);
    position: relative;
    z-index: 1;
}

.bot-admin-mobile-bar[b-5b3hygnhf1] {
    display: none;
}

.bot-admin-mobile-close[b-5b3hygnhf1],
[b-5b3hygnhf1] .bot-admin-mobile-close {
    display: none;
}

.bot-admin-mobile-backdrop[b-5b3hygnhf1] {
    display: none;
}

@media (max-width: 960px) {
    .bot-admin-frame[b-5b3hygnhf1] {
        display: block;
        min-height: 100dvh;
        background: #030712;
    }

    .bot-admin-frame[b-5b3hygnhf1]::before {
        display: none;
    }

    .bot-admin-sidebar[b-5b3hygnhf1] {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(84vw, 320px);
        height: 100dvh;
        max-height: 100dvh;
        transform: translateX(-105%);
        transition: transform 0.2s ease;
        box-shadow: 24px 0 70px rgba(0, 0, 0, 0.58);
        z-index: 30;
    }

    .bot-admin-sidebar--open[b-5b3hygnhf1] {
        transform: translateX(0);
    }

    .bot-admin-mobile-close[b-5b3hygnhf1],
    [b-5b3hygnhf1] .bot-admin-mobile-close {
        display: inline-flex !important;
    }

    .bot-admin-mobile-backdrop[b-5b3hygnhf1] {
        position: fixed;
        inset: 0;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, 0.54);
        z-index: 20;
    }

    .bot-admin-mobile-bar[b-5b3hygnhf1] {
        position: sticky;
        top: 0;
        z-index: 8;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 8px 12px;
        background: rgba(3, 7, 18, 0.94);
        border-bottom: 1px solid rgba(72, 176, 209, 0.18);
        backdrop-filter: blur(16px);
    }

    .bot-admin-mobile-bar span[b-5b3hygnhf1],
    .bot-admin-mobile-bar small[b-5b3hygnhf1] {
        display: block;
    }

    .bot-admin-mobile-bar span[b-5b3hygnhf1] {
        color: #f8fbff;
        font-weight: 800;
    }

    .bot-admin-mobile-bar small[b-5b3hygnhf1] {
        color: #8aa2ba;
    }
}
/* /Layout/EmbedLayout.razor.rz.scp.css */
.embed-layout[b-gsiue3pfoy] {
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background: var(--pcw-bg, #07111d);
    color: var(--pcw-text, #f4f7fb);
}
/* /Layout/LeagueAdminLayout.razor.rz.scp.css */
.la-content[b-huavwgalft] {
    background-color: transparent;
    min-height: calc(100vh - 72px);
}

.la-content[b-huavwgalft]  .pcw-admin-shell {
    max-width: 1440px;
    margin-inline: auto;
}

[b-huavwgalft] .pcw-card {
    background: linear-gradient(180deg, rgba(22, 48, 74, 0.9), rgba(13, 30, 50, 0.96));
    border: 1px solid rgba(108, 164, 208, 0.3);
    border-radius: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[b-huavwgalft] .pcw-card:hover {
    border-color: rgba(24, 202, 255, 0.28);
    box-shadow: 0 0 18px rgba(24, 202, 255, 0.07);
}

[b-huavwgalft] .mud-table-container {
    background: transparent !important;
}

[b-huavwgalft] .mud-table-head th {
    color: rgba(226, 239, 255, 0.68) !important;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-bottom-color: rgba(112, 154, 190, 0.22) !important;
}

[b-huavwgalft] .mud-table-body td {
    border-bottom-color: rgba(112, 154, 190, 0.12) !important;
    font-size: 0.85rem;
}

[b-huavwgalft] .mud-table-row:hover {
    background: rgba(24, 202, 255, 0.08) !important;
}

.league-context-card[b-huavwgalft] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(82, 132, 174, 0.88);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(24, 50, 76, 0.9), rgba(12, 28, 48, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.league-context-card > span[b-huavwgalft],
.league-context-card small[b-huavwgalft] {
    color: var(--cad-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
}

.league-context-card > span[b-huavwgalft] {
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.league-context-card strong[b-huavwgalft] {
    overflow: hidden;
    color: var(--cad-text-primary);
    font-size: 0.82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-open-items-float[b-huavwgalft] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1000;
    width: min(340px, calc(100vw - 44px));
}

.admin-open-items-float[b-huavwgalft]  .open-items-rail {
    max-height: min(440px, calc(100dvh - 44px));
    overflow: auto;
    border-radius: 8px;
    border-color: rgba(0, 189, 242, 0.34);
    border-bottom: 2px solid rgba(0, 135, 179, 0.72);
    background: #132132;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46);
}

.admin-open-items-float[b-huavwgalft]  .open-items-rail__list {
    max-height: 310px;
    overflow: auto;
}

@media (max-width: 640px) {
    .admin-open-items-float[b-huavwgalft] {
        left: 14px;
        right: 14px;
        bottom: 14px;
        width: auto;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ── Main Content ─────────────────────────────────────── */

[b-v6e2fkyso1] .mud-main-content.pcw-main-content {
    background-color: #0b0f14 !important;
    min-height: 100vh !important;
}

.pcw-page-wrap[b-v6e2fkyso1] {
    padding: 0 32px 28px;
    max-width: 2000px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: hidden;
}

.pcw-page-wrap--league-detail[b-v6e2fkyso1] {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    overflow-x: clip;
}

.pcw-page-wrap--competition-detail[b-v6e2fkyso1] {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    overflow-x: clip;
}

@media (max-width: 600px) {
    .pcw-page-wrap[b-v6e2fkyso1] {
        padding: 0 12px 16px;
    }

    .pcw-page-wrap--league-detail[b-v6e2fkyso1] {
        padding-left: 0;
        padding-right: 0;
    }

    .pcw-page-wrap--competition-detail[b-v6e2fkyso1] {
        padding-left: 0;
        padding-right: 0;
    }
}
/* /Layout/OnboardingLayout.razor.rz.scp.css */
.pcw-onboarding-topbar[b-it6fhres91] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    min-height: 64px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.08);
    background: rgba(6, 13, 24, 0.96);
    box-shadow: none;
}

.onboarding-topbar-shell[b-it6fhres91] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 38px;
}

.onboarding-topbar-brand[b-it6fhres91] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.onboarding-topbar-brand:hover[b-it6fhres91] {
    opacity: 0.85;
}

.onboarding-topbar-brand img[b-it6fhres91] {
    display: block;
    width: auto;
    height: 36px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 135, 179, 0.5));
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.onboarding-topbar-brand:hover img[b-it6fhres91] {
    opacity: 0.9;
    filter: drop-shadow(0 0 12px rgba(0, 135, 179, 0.75));
}

.onboarding-topbar-brand:focus-visible[b-it6fhres91] {
    outline: 2px solid #0087b3;
    outline-offset: 6px;
}

.pcw-onboarding-main-content[b-it6fhres91] {
    min-height: 100vh !important;
    padding-top: 0 !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(0, 135, 179, 0.08), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(117, 87, 255, 0.07), transparent 28%),
        #020b18 !important;
}

.onboarding-layout-loading[b-it6fhres91] {
    display: grid;
    min-height: 100vh;
    place-items: center;
}

@media (max-width: 520px) {
    .pcw-onboarding-topbar[b-it6fhres91] {
        min-height: 56px;
    }

    .onboarding-topbar-shell[b-it6fhres91] {
        padding: 0 16px;
    }

    .onboarding-topbar-brand img[b-it6fhres91] {
        height: 32px;
    }
}
/* /Layout/PartnerLayout.razor.rz.scp.css */
.partner-layout-state[b-euzzmwg7ka] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background:
        radial-gradient(circle at 48% -12%, rgba(24, 202, 255, 0.12), transparent 32%),
        radial-gradient(circle at 90% 8%, rgba(168, 85, 247, 0.09), transparent 30%),
        #06111d;
}

.partner-admin-content[b-euzzmwg7ka] {
    min-width: 0;
}

.partner-admin-context-card[b-euzzmwg7ka] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 112px;
    padding: 14px;
    border: 1px solid rgba(38, 60, 84, 0.92);
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--partner-accent, #18caff) 24%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(15, 30, 49, 0.94), rgba(8, 19, 32, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.partner-admin-context-logo[b-euzzmwg7ka] {
    --partner-accent: #18caff;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background:
        radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--partner-accent) 42%, transparent), transparent 58%),
        linear-gradient(135deg, rgba(24, 202, 255, 0.22), rgba(22, 30, 39, 0.96));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), inset 0 0 0 2px rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.partner-admin-context-logo img[b-euzzmwg7ka] {
    width: 100%;
    height: 100%;
    padding: 6px;
    object-fit: contain;
}

.partner-admin-context-logo span[b-euzzmwg7ka] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 950;
}

.partner-admin-context-copy[b-euzzmwg7ka] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.partner-admin-context-copy strong[b-euzzmwg7ka],
.partner-admin-quick-links strong[b-euzzmwg7ka] {
    overflow: hidden;
    color: var(--cad-text-primary);
    font-size: 0.9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-admin-context-copy small[b-euzzmwg7ka] {
    overflow: hidden;
    color: var(--cad-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-admin-context-back[b-euzzmwg7ka] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--cad-primary);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
}

.partner-admin-context-back:hover[b-euzzmwg7ka] {
    color: var(--cad-primary-hover);
}

.partner-admin-quick-links[b-euzzmwg7ka] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.86);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.72);
}

.partner-admin-quick-links h3[b-euzzmwg7ka] {
    margin: 0 0 2px;
    color: #8ea2ba;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.partner-admin-quick-links a[b-euzzmwg7ka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    color: var(--cad-text-secondary);
    font-size: 0.76rem;
    font-weight: 750;
    text-decoration: none;
}

.partner-admin-quick-links a:hover[b-euzzmwg7ka] {
    color: var(--cad-primary);
}

@media (max-width: 1023px) {
    .partner-admin-context-card[b-euzzmwg7ka] {
        min-height: 104px;
    }
}
/* /Layout/PlayerManagementLayout.razor.rz.scp.css */
/* Layout styles now provided by ManagementLayout */
/* /Layout/TeamManagementLayout.razor.rz.scp.css */
/* Layout styles now provided by ManagementLayout */
/* /Layout/TopNavBar.razor.rz.scp.css */
/* ── App Bar ─────────────────────────────────────────── */

[b-y7bu7briya] .mud-appbar.pcw-topbar {
    background: linear-gradient(180deg, #0d1524 0%, #0a0f1a 100%) !important;
    border-bottom: 1px solid rgba(0, 135, 179, 0.22) !important;
    box-shadow: 0 2px 40px rgba(0, 135, 179, 0.1), inset 0 -1px 0 rgba(0, 135, 179, 0.06) !important;
    height: 64px !important;
    backdrop-filter: blur(12px) !important;
    overflow: visible !important;
    /* iOS safe-area: push content away from notch/Dynamic Island */
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
}

[b-y7bu7briya] .mud-appbar.pcw-topbar-onboarding {
    background: linear-gradient(180deg, #0d1524 0%, #0a0f1a 100%) !important;
    border-bottom: 1px solid rgba(0, 135, 179, 0.12) !important;
    height: 64px !important;
    backdrop-filter: blur(12px) !important;
    overflow: visible !important;
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
}

    [b-y7bu7briya] .mud-appbar.pcw-topbar-onboarding .mud-toolbar {
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
    }

[b-y7bu7briya] .mud-appbar.pcw-topbar .mud-toolbar {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

/* ── Brand ───────────────────────────────────────────── */

.pcw-brand[b-y7bu7briya] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 36px;
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

.pcw-brand:hover[b-y7bu7briya] {
    opacity: 0.85;
}

/* ── Brand Logo ────────────────────────────────── */

.pcw-brand-logo[b-y7bu7briya] {
    height: 36px;
    width: auto;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 135, 179, 0.5));
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.pcw-brand:hover .pcw-brand-logo[b-y7bu7briya] {
    filter: drop-shadow(0 0 12px rgba(0, 135, 179, 0.75));
    opacity: 0.9;
}

/* ── Desktop Nav ─────────────────────────────────────── */

.pcw-desktop-nav[b-y7bu7briya] {
    display: flex;
    align-items: stretch;
    gap: 0;
    height: 64px;
    flex-shrink: 1;
    min-width: 0;
    /* Horizontal scroll instead of clipping when links don't fit */
    overflow-x: auto;
    overflow-y: hidden;
    /* Hide scrollbar on all browsers */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pcw-desktop-nav[b-y7bu7briya]::-webkit-scrollbar {
    display: none;
}

/* ── GlobalSearchBar (flex-shrink so it yields space to right icons) ── */

[b-y7bu7briya] .mud-appbar.pcw-topbar .gsb-wrapper {
    flex: 1 1 auto;
    min-width: 80px;
    max-width: 280px;
}

/* ── Nav Links (NavLink renders <a>, so ::deep is required) ── */

[b-y7bu7briya] .pcw-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 15px;
    height: 64px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
    text-decoration: none;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
}

[b-y7bu7briya] .pcw-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0087b3, transparent);
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(0, 135, 179, 0.8);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

[b-y7bu7briya] .pcw-link:hover {
    color: #0087b3;
    background: rgba(0, 135, 179, 0.05);
}

[b-y7bu7briya] .pcw-link:hover::after {
    transform: translateX(-50%) scaleX(1);
}

[b-y7bu7briya] .pcw-link--active {
    color: #0087b3 !important;
    background: rgba(0, 135, 179, 0.07) !important;
}

[b-y7bu7briya] .pcw-link--active::after {
    transform: translateX(-50%) scaleX(1) !important;
}

/* dropdown trigger span (rendered directly, scope attr present) */
.pcw-link--btn[b-y7bu7briya] {
    user-select: none;
}

.pcw-chevron-sm[b-y7bu7briya] {
    font-size: 16px !important;
    opacity: 0.6;
    margin-left: -2px;
    transition: transform 0.2s ease;
}

/* ── Right actions group (bot pill, feedback, discord, admin) ──────── */
/* flex-shrink: 0 guarantees these icons are never clipped on resize.   */

.pcw-right-actions[b-y7bu7briya] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0;
}

/* Notification / auth actions also never shrink */
.pcw-notif-wrap[b-y7bu7briya] {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 4px;
    flex-shrink: 0;
}

/* ── Bot Status Pill ─────────────────────────────────── */

.pcw-bot-pill[b-y7bu7briya] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px 3px 7px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-right: 4px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.pcw-bot-pill--on[b-y7bu7briya] {
    background: rgba(0, 200, 100, 0.1);
    border-color: rgba(0, 200, 100, 0.28);
    color: #00e676;
}

.pcw-bot-pill--off[b-y7bu7briya] {
    background: rgba(255, 50, 50, 0.08);
    border-color: rgba(255, 50, 50, 0.22);
    color: #ff5252;
}

.pcw-bot-icon[b-y7bu7briya] {
    font-size: 14px !important;
}

.pcw-bot-label[b-y7bu7briya] {
    display: none;
}

/* ── Icon Action Buttons ─────────────────────────────── */

[b-y7bu7briya] .pcw-icon-action .mud-icon-button {
    color: rgba(255, 255, 255, 0.6) !important;
    transition: color 0.2s ease !important;
}

[b-y7bu7briya] .pcw-icon-action .mud-icon-button:hover {
    color: #0087b3 !important;
    background: rgba(0, 135, 179, 0.07) !important;
}

/* ── Avatar Button ───────────────────────────────────── */

/* ── Sign In Button ──────────────────────────────────── */

[b-y7bu7briya] .pcw-signin-btn {
    border-color: rgba(0, 135, 179, 0.45) !important;
    color: #0087b3 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    margin-left: 8px !important;
}

[b-y7bu7briya] .pcw-signin-btn:hover {
    border-color: #0087b3 !important;
    background: rgba(0, 135, 179, 0.08) !important;
    box-shadow: 0 0 14px rgba(0, 135, 179, 0.18) !important;
}

/* ── User Panel (in MudMenu ChildContent — needs ::deep) ── */

/* ── Mobile Hamburger ────────────────────────────────── */

.pcw-hamburger[b-y7bu7briya] {
    display: none !important;
}

/* ── Mobile Drawer ───────────────────────────────────── */

.pcw-drawer-brand-row[b-y7bu7briya] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 16px 14px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.14);
    flex-shrink: 0;
}

.pcw-drawer-icon[b-y7bu7briya] {
    font-size: 22px;
    filter: drop-shadow(0 0 6px rgba(0, 135, 179, 0.6));
}

.pcw-drawer-name[b-y7bu7briya] {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3.5px;
    color: #0087b3;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(0, 135, 179, 0.3);
}

.pcw-drawer-footer[b-y7bu7briya] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid rgba(0, 135, 179, 0.1);
    margin-top: auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.45);
    flex-shrink: 0;
}

.pcw-drawer-bot-status[b-y7bu7briya] {
    margin-left: auto;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
}

/* ── Responsive Breakpoints ──────────────────────────── */

@media (max-width: 960px) {
    .pcw-desktop-nav[b-y7bu7briya] {
        display: none;
    }

    .pcw-hamburger[b-y7bu7briya] {
        display: flex !important;
    }

    .pcw-brand[b-y7bu7briya] {
        margin-right: 0;
    }

    [b-y7bu7briya] .pcw-signin-btn {
        display: none !important;
    }
}

/* ── Mobile right-side scroll strip ─────────────────────────────────────── */
/* Wraps search + language + messages + notifications + avatar on mobile.   */
/* Scrolls horizontally when icons don't fit, hiding the scrollbar itself.  */

.pcw-mobile-right-scroll[b-y7bu7briya] {
    display: flex;
    align-items: center;
    flex-shrink: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.pcw-mobile-right-scroll[b-y7bu7briya]::-webkit-scrollbar {
    display: none;
}

@media (min-width: 961px) {
    .pcw-bot-label[b-y7bu7briya] {
        display: inline;
    }
}

@media (max-width: 1200px) and (min-width: 961px) {
    [b-y7bu7briya] .pcw-link {
        padding: 0 11px;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .pcw-brand[b-y7bu7briya] {
        margin-right: 20px;
    }

    /* Bot pill label hidden at this range; pill itself hidden below 1100px */
    .pcw-bot-label[b-y7bu7briya] {
        display: none;
    }
}

/* Between tablet and small desktop: hide search bar to keep icon row intact.
   The MudSpacer still fills any leftover gap. */
@media (max-width: 1100px) and (min-width: 961px) {
    [b-y7bu7briya] .mud-appbar.pcw-topbar .gsb-wrapper {
        display: none;
    }

    .pcw-bot-pill[b-y7bu7briya] {
        display: none;
    }
}

/* ── Mobile Overlay / Panel ──────────────────────── */

/* ── Notification Bell ───────────────────────────── */

.pcw-notif-btn[b-y7bu7briya] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255,255,255,0.75);
    transition: background 0.15s, color 0.15s;
}

.pcw-notif-btn:hover[b-y7bu7briya] {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.pcw-notif-badge[b-y7bu7briya] {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    background: #f44336;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
}

.pcw-notif-backdrop[b-y7bu7briya] {
    position: fixed;
    inset: 0;
    z-index: 999;
}


.pcw-mob-overlay[b-y7bu7briya] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1299;
}

/* ── Mobile Search Overlay ───────────────────────── */

.pcw-mob-search-overlay[b-y7bu7briya] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1400;
    background: #0a0f1a;
    border-bottom: 1px solid rgba(0, 135, 179, 0.22);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
    animation: pcw-search-slide-b-y7bu7briya 0.2s ease;
}

.pcw-mob-search-bar[b-y7bu7briya] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    height: 64px;
}

.pcw-mob-search-bar[b-y7bu7briya]  .gsb-wrapper {
    flex: 1;
    margin: 0;
}

.pcw-mob-search-bar[b-y7bu7briya]  .gsb-input-row {
    width: 100%;
}

.pcw-mob-search-bar[b-y7bu7briya]  .gsb-dropdown {
    max-height: calc(100dvh - 80px);
    width: min(380px, calc(100vw - 32px));
}

@keyframes pcw-search-slide-b-y7bu7briya {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

.pcw-mob-panel[b-y7bu7briya] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(360px, 88vw);
    background: linear-gradient(180deg, #0b1220 0%, #070d17 100%);
    border-right: 1px solid rgba(0, 135, 179, 0.22);
    box-shadow: 18px 0 44px rgba(0, 0, 0, 0.38);
    z-index: 1300;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: pcw-slide-in-b-y7bu7briya 0.25s ease;
}

.pcw-drawer-brand-row[b-y7bu7briya] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 16px 12px 14px 18px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.12);
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.10), rgba(10, 15, 26, 0.0));
    flex-shrink: 0;
}

.pcw-drawer-logo[b-y7bu7briya] {
    height: 34px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(0, 135, 179, 0.45));
}

.pcw-drawer-title[b-y7bu7briya] {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.66);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.pcw-drawer-scroll[b-y7bu7briya] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 8px 10px 14px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.35) transparent;
}

.pcw-drawer-section-label[b-y7bu7briya] {
    margin: 12px 8px 6px;
    padding-left: 42px;
    color: #0087b3;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link {
    min-height: 44px;
    margin: 2px 0;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.78);
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link:hover {
    background: rgba(0, 135, 179, 0.08);
    color: #fff;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link.active,
[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link.mud-nav-link-active {
    background: rgba(0, 135, 179, 0.12);
    border-left: 3px solid #0087b3;
    color: #fff;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link .mud-nav-link-text {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: 0;
    white-space: normal;
    line-height: 1.2;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-link .mud-icon-root {
    color: rgba(255, 255, 255, 0.58);
    font-size: 23px;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-group > .mud-nav-link {
    margin-top: 8px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

[b-y7bu7briya] .pcw-drawer-nav .mud-nav-group > .mud-nav-link .mud-nav-link-text {
    font-size: 15px;
    font-weight: 800;
}

[b-y7bu7briya] .pcw-drawer-nav .mud-navmenu {
    padding: 0;
}

.pcw-drawer-icon[b-y7bu7briya] {
    display: none;
}

@keyframes pcw-slide-in-b-y7bu7briya {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0); }
}
/* /Layout/TournamentAdminLayout.razor.rz.scp.css */
/* ─── Tournament Admin Content Area ──────────────────────── */

.ta-content[b-g5ajo63100] {
    background-color: transparent;
    min-height: calc(100vh - 72px);
}

.ta-content[b-g5ajo63100]  .mud-container-maxwidth-xl,
.ta-content[b-g5ajo63100]  .mud-container-maxwidth-lg {
    max-width: 1440px;
}

/* ─── Content area enhancements ──────────────────────────── */

[b-g5ajo63100] .pcw-card {
    background: linear-gradient(180deg, rgba(22, 48, 74, 0.9), rgba(13, 30, 50, 0.96));
    border: 1px solid rgba(108, 164, 208, 0.3);
    border-radius: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[b-g5ajo63100] .pcw-card:hover {
    border-color: rgba(24, 202, 255, 0.28);
    box-shadow: 0 0 18px rgba(24, 202, 255, 0.07);
}

/* ─── MudTabs Revolt styling ─────────────────────────────── */

[b-g5ajo63100] .mud-tabs-toolbar {
    background: rgba(14, 28, 45, 0.78) !important;
    border: 1px solid rgba(92, 132, 166, 0.24);
    border-radius: 12px;
    margin-bottom: 16px;
}

[b-g5ajo63100] .mud-tab.mud-tab-active {
    color: #18caff !important;
}

/* ─── MudSimpleTable Revolt styling ──────────────────────── */

[b-g5ajo63100] .mud-table-container {
    background: transparent !important;
}

[b-g5ajo63100] .mud-table-head th {
    color: rgba(226, 239, 255, 0.68) !important;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-bottom-color: rgba(112, 154, 190, 0.22) !important;
}

[b-g5ajo63100] .mud-table-body td {
    border-bottom-color: rgba(112, 154, 190, 0.12) !important;
    font-size: 0.85rem;
}

[b-g5ajo63100] .mud-table-row:hover {
    background: rgba(24, 202, 255, 0.08) !important;
}

.tournament-context-card[b-g5ajo63100] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 3px 12px;
    align-items: center;
    min-height: 112px;
    padding: 14px;
    border: 1px solid rgba(90, 144, 188, 0.88);
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 10%, rgba(24, 202, 255, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(24, 50, 76, 0.98), rgba(12, 28, 48, 0.99));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.tournament-context-logo[b-g5ajo63100] {
    grid-row: 1 / span 4;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(198, 166, 66, 0.9), rgba(22, 30, 39, 0.96));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), inset 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.tournament-context-logo img[b-g5ajo63100] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tournament-context-logo span[b-g5ajo63100] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 950;
}

.tournament-context-card > span[b-g5ajo63100],
.tournament-context-card small[b-g5ajo63100],
.tournament-portal-card small[b-g5ajo63100] {
    color: var(--cad-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournament-context-card > span[b-g5ajo63100] {
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.tournament-context-card strong[b-g5ajo63100],
.tournament-portal-card strong[b-g5ajo63100] {
    overflow: hidden;
    color: var(--cad-text-primary);
    font-size: 0.9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournament-context-back[b-g5ajo63100] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--cad-primary);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
}

.tournament-context-meta[b-g5ajo63100] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.tournament-context-meta span[b-g5ajo63100] {
    min-width: 0;
    max-width: 100%;
    padding: 2px 7px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 999px;
    color: #9eeaff;
    background: rgba(0, 135, 179, 0.08);
    font-size: 0.62rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournament-portal-card[b-g5ajo63100],
.tournament-quick-links[b-g5ajo63100] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(70, 106, 138, 0.82);
    border-radius: 8px;
    background: rgba(12, 26, 43, 0.82);
}

.tournament-quick-links h3[b-g5ajo63100] {
    margin: 0 0 2px;
    color: #8ea2ba;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tournament-quick-links a[b-g5ajo63100] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    color: var(--cad-text-secondary);
    font-size: 0.76rem;
    font-weight: 750;
    text-decoration: none;
}

.tournament-quick-links a:hover[b-g5ajo63100] {
    color: var(--cad-primary);
}

.admin-open-items-float[b-g5ajo63100] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1000;
    width: min(340px, calc(100vw - 44px));
}

.admin-open-items-float[b-g5ajo63100]  .open-items-rail {
    max-height: min(440px, calc(100dvh - 44px));
    overflow: auto;
    border-radius: 8px;
    border-color: rgba(0, 189, 242, 0.34);
    border-bottom: 2px solid rgba(0, 135, 179, 0.72);
    background: #132132;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46);
}

.admin-open-items-float[b-g5ajo63100]  .open-items-rail__list {
    max-height: 310px;
    overflow: auto;
}

@media (max-width: 640px) {
    .admin-open-items-float[b-g5ajo63100] {
        left: 14px;
        right: 14px;
        bottom: 14px;
        width: auto;
    }
}
/* /Layout/WelcomeLayout.razor.rz.scp.css */
.welcome-layout[b-kj5v542941] {
    --welcome-header-height: 78px;

    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    overflow-x: clip;
    background: #020b18;
}

.welcome-layout--wiki[b-kj5v542941] {
    overflow: visible;
}

.welcome-auth-redirect[b-kj5v542941] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    gap: 18px;
    align-content: center;
    background: #0a0e14;
}

.welcome-auth-redirect img[b-kj5v542941] {
    width: 92px;
    height: 92px;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(0, 135, 179, 0.42));
}

.welcome-auth-redirect__bar[b-kj5v542941] {
    width: 128px;
    height: 2px;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(0, 135, 179, 0.12);
}

.welcome-auth-redirect__bar span[b-kj5v542941] {
    display: block;
    width: 45%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #0087b3, transparent);
    animation: welcomeAuthRedirectBar-b-kj5v542941 1.6s ease-in-out infinite;
}

@keyframes welcomeAuthRedirectBar-b-kj5v542941 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(500%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .welcome-auth-redirect__bar span[b-kj5v542941] {
        animation: none;
        transform: translateX(70%);
    }
}

.welcome-topbar[b-kj5v542941] {
    position: absolute;
    z-index: 1000;
    min-height: 0;
    flex: 0 0 0;
}

.welcome-topbar[b-kj5v542941]  .welcome-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    min-height: var(--welcome-header-height);
    padding: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: background 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, backdrop-filter 0.24s ease;
}

.welcome-topbar[b-kj5v542941]  .welcome-header--account,
.welcome-topbar[b-kj5v542941]  .welcome-header--scrolled,
.welcome-topbar[b-kj5v542941]  .welcome-header--menu-open {
    background: rgba(2, 10, 22, 0.82) !important;
    border-bottom: 1px solid rgba(88, 143, 190, 0.18);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
}

@supports (animation-timeline: scroll()) {
    .welcome-topbar[b-kj5v542941]  .welcome-header {
        animation: welcome-header-scroll-b-kj5v542941 both linear;
        animation-timeline: scroll(root);
        animation-range: 0 120px;
    }

    @keyframes welcome-header-scroll-b-kj5v542941 {
        from {
            background: rgba(0, 0, 0, 0);
            border-bottom-color: transparent;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        to {
            background: rgba(2, 10, 22, 0.82);
            border-bottom-color: rgba(88, 143, 190, 0.18);
            box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
            backdrop-filter: blur(14px) saturate(120%);
            -webkit-backdrop-filter: blur(14px) saturate(120%);
        }
    }
}

.welcome-shell[b-kj5v542941] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    width: min(1180px, 100%);
    min-height: var(--welcome-header-height);
    margin: 0 auto;
    padding: 0 32px;
}

.welcome-brand-link[b-kj5v542941] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.welcome-logo[b-kj5v542941] {
    width: auto;
    height: 30px;
    display: block;
}

.welcome-desktop-nav[b-kj5v542941] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2vw, 30px);
    min-width: 0;
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.18s ease;
    white-space: nowrap;
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 2px;
    border-radius: 999px;
    background: #00afff;
    box-shadow: 0 0 12px rgba(0, 175, 255, 0.78);
    opacity: 0;
    transform: scaleX(0.4);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link:hover,
.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link.active {
    color: #fff;
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link--placeholder {
    cursor: default;
    opacity: 0.78;
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link--placeholder:hover {
    color: rgba(255, 255, 255, 0.84);
}

.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link.active::after {
    opacity: 1;
    transform: scaleX(1);
}

.welcome-nav-group[b-kj5v542941] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.welcome-nav-link--button[b-kj5v542941] {
    gap: 4px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.welcome-nav-link--button[b-kj5v542941]  .mud-icon-root {
    font-size: 18px !important;
}

.welcome-nav-dropdown[b-kj5v542941] {
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    min-width: 210px;
    padding: 8px;
    border: 1px solid rgba(88, 143, 190, 0.24);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.98);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.38), 0 0 22px rgba(0, 175, 255, 0.08);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.welcome-nav-group:hover .welcome-nav-dropdown[b-kj5v542941],
.welcome-nav-group:focus-within .welcome-nav-dropdown[b-kj5v542941] {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.welcome-nav-dropdown[b-kj5v542941]  .welcome-nav-dropdown-link {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.welcome-nav-dropdown[b-kj5v542941]  .welcome-nav-dropdown-link:hover,
.welcome-nav-dropdown[b-kj5v542941]  .welcome-nav-dropdown-link.active {
    background: rgba(0, 175, 255, 0.12);
    color: #fff;
}

.welcome-actions[b-kj5v542941] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
}

.welcome-auth-link[b-kj5v542941] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.welcome-auth-link:hover[b-kj5v542941] {
    transform: translateY(-2px);
}

.welcome-auth-link:focus-visible[b-kj5v542941],
.welcome-menu-button:focus-visible[b-kj5v542941],
.welcome-notification-btn:focus-visible[b-kj5v542941],
.welcome-desktop-nav[b-kj5v542941]  .welcome-nav-link:focus-visible,
.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link:focus-visible {
    outline: 3px solid rgba(40, 196, 255, 0.45);
    outline-offset: 3px;
}

.welcome-auth-link--ghost[b-kj5v542941] {
    border-color: rgba(0, 175, 255, 0.48);
    background: rgba(0, 175, 255, 0.05);
    color: #28c4ff;
}

.welcome-auth-link--ghost:hover[b-kj5v542941] {
    border-color: rgba(40, 196, 255, 0.82);
    background: rgba(0, 175, 255, 0.12);
    color: #fff;
}

.welcome-auth-link--filled[b-kj5v542941] {
    background: linear-gradient(180deg, #28c4ff, #00afff);
    color: #02101c;
    box-shadow: 0 10px 22px rgba(0, 175, 255, 0.2);
}

.welcome-auth-link--filled:hover[b-kj5v542941] {
    box-shadow: 0 14px 28px rgba(0, 175, 255, 0.3);
}

.welcome-notification-btn[b-kj5v542941],
.welcome-menu-button[b-kj5v542941],
.welcome-profile-btn[b-kj5v542941] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(88, 143, 190, 0.28);
    border-radius: 50%;
    background: rgba(4, 17, 38, 0.64);
    color: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.welcome-notification-btn:hover[b-kj5v542941],
.welcome-menu-button:hover[b-kj5v542941],
.welcome-profile-btn:hover[b-kj5v542941] {
    border-color: rgba(40, 196, 255, 0.7);
    background: rgba(0, 175, 255, 0.1);
    color: #fff;
    box-shadow: 0 0 16px rgba(0, 175, 255, 0.18);
}

.welcome-notification-btn[b-kj5v542941]  .mud-icon-root,
.welcome-menu-button[b-kj5v542941]  .mud-icon-root {
    font-size: 22px !important;
}

.welcome-menu-button[b-kj5v542941] {
    display: none;
}

.welcome-mobile-backdrop[b-kj5v542941] {
    position: fixed;
    inset: var(--welcome-header-height) 0 0;
    background: rgba(1, 7, 16, 0.62);
}

.welcome-mobile-panel[b-kj5v542941] {
    position: fixed;
    top: var(--welcome-header-height);
    left: 16px;
    right: 16px;
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(88, 143, 190, 0.26);
    border-radius: 10px;
    background: rgba(3, 17, 38, 0.98);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42), 0 0 30px rgba(0, 175, 255, 0.08);
}

.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link.active,
.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link:hover {
    background: rgba(0, 175, 255, 0.12);
    color: #fff;
}

.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link--placeholder {
    cursor: default;
    opacity: 0.78;
}

.welcome-mobile-panel[b-kj5v542941]  .welcome-mobile-link--placeholder:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.84);
}

.welcome-mobile-group-label[b-kj5v542941] {
    display: flex;
    align-items: center;
    min-height: 28px;
    padding: 10px 14px 0;
    color: rgba(255, 208, 116, 0.78);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.welcome-mobile-actions[b-kj5v542941] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(88, 143, 190, 0.18);
}

.welcome-mobile-action[b-kj5v542941] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid rgba(88, 143, 190, 0.28);
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.welcome-mobile-action:hover[b-kj5v542941] {
    transform: translateY(-2px);
}

.welcome-mobile-action:active[b-kj5v542941] {
    transform: translateY(0);
}

.welcome-mobile-action:focus-visible[b-kj5v542941] {
    outline: 3px solid rgba(40, 196, 255, 0.45);
    outline-offset: 3px;
}

.welcome-mobile-action--ghost[b-kj5v542941] {
    background: rgba(0, 175, 255, 0.04);
    color: #28c4ff;
}

.welcome-mobile-action--ghost:hover[b-kj5v542941] {
    border-color: rgba(40, 196, 255, 0.7);
    color: #fff;
    box-shadow: 0 0 18px rgba(0, 175, 255, 0.12);
}

.welcome-mobile-action--filled[b-kj5v542941] {
    border-color: transparent;
    background: linear-gradient(180deg, #28c4ff, #00afff);
    color: #02101c;
    box-shadow: 0 12px 24px rgba(0, 175, 255, 0.22);
}

.welcome-content[b-kj5v542941] {
    flex: 1;
    width: 100%;
    min-width: 0;
    overflow-x: clip;
    overflow-y: auto;
}

.welcome-content--public-page[b-kj5v542941] {
    width: 100vw;
    max-width: 100vw;
    padding: calc(var(--welcome-header-height) + 24px) 0 42px;
}

.welcome-content--wiki[b-kj5v542941] {
    overflow: visible;
}

.welcome-footer[b-kj5v542941] {
    border-top: 1px solid rgba(88, 143, 190, 0.18);
    background: #020b18;
    color: rgba(210, 222, 236, 0.78);
}

.welcome-footer__grid[b-kj5v542941] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 42px 32px 28px;
}

.welcome-footer__brand img[b-kj5v542941] {
    height: 30px;
    margin-bottom: 16px;
}

.welcome-footer__brand p[b-kj5v542941] {
    max-width: 360px;
    margin: 0;
}

.welcome-footer nav[b-kj5v542941] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.welcome-footer h2[b-kj5v542941] {
    margin: 0 0 4px;
    color: #fff;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.welcome-footer a[b-kj5v542941] {
    color: rgba(210, 222, 236, 0.76);
    text-decoration: none;
}

.welcome-footer a:hover[b-kj5v542941] {
    color: #ffd074;
}

.welcome-footer__bottom[b-kj5v542941] {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 0 32px 28px;
    color: rgba(210, 222, 236, 0.52);
    font-size: 0.82rem;
}

@media (max-width: 1020px) {
    .welcome-shell[b-kj5v542941] {
        padding: 0 24px;
    }
}

@media (max-width: 760px) {
    .welcome-shell[b-kj5v542941] {
        grid-template-columns: auto auto;
        justify-content: space-between;
    }

    .welcome-desktop-nav[b-kj5v542941] {
        display: none;
    }

    .welcome-menu-button[b-kj5v542941] {
        display: inline-flex;
    }

    .welcome-footer__grid[b-kj5v542941] {
        grid-template-columns: 1fr 1fr;
        padding-inline: 24px;
    }
}

@media (max-width: 640px) {
    .welcome-layout[b-kj5v542941] {
        --welcome-header-height: 68px;
    }

    .welcome-shell[b-kj5v542941] {
        padding: 0 16px;
    }

    .welcome-logo[b-kj5v542941] {
        height: 27px;
    }

    .welcome-actions[b-kj5v542941] {
        gap: 7px;
    }

    .welcome-auth-link[b-kj5v542941] {
        display: none;
    }

    .welcome-notification-btn[b-kj5v542941],
    .welcome-menu-button[b-kj5v542941],
    .welcome-profile-btn[b-kj5v542941] {
        width: 36px;
        height: 36px;
    }

    .welcome-mobile-panel[b-kj5v542941] {
        left: 12px;
        right: 12px;
    }

    .welcome-content--public-page[b-kj5v542941] {
        padding: calc(var(--welcome-header-height) + 16px) 0 28px;
    }

    .welcome-footer__grid[b-kj5v542941] {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 32px 16px 24px;
    }

    .welcome-footer__bottom[b-kj5v542941] {
        padding: 0 16px 24px;
    }
}
/* /Pages/Admin/AdminBuilder.razor.rz.scp.css */
.builder-admin-page[b-pdwpvxfz0t] {
    min-width: 0;
}

.builder-admin-page[b-pdwpvxfz0t]  .pcw-admin-hero {
    padding: 20px 24px;
    border-color: rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 38px rgba(0, 0, 0, 0.28);
}

.builder-admin-page[b-pdwpvxfz0t]  .pcw-admin-title,
.builder-admin-page[b-pdwpvxfz0t]  .pcw-admin-subtitle {
    letter-spacing: 0;
}

.builder-admin-workspace[b-pdwpvxfz0t] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.builder-panel[b-pdwpvxfz0t],
.builder-command-panel[b-pdwpvxfz0t],
.builder-table-panel[b-pdwpvxfz0t] {
    min-width: 0;
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.94)),
        rgba(8, 14, 24, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.builder-panel--loading[b-pdwpvxfz0t] {
    display: grid;
    gap: 10px;
    padding: 16px;
    color: rgba(226, 235, 248, 0.74);
    font-size: 13px;
}

.builder-status-grid[b-pdwpvxfz0t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.builder-status-card[b-pdwpvxfz0t] {
    display: grid;
    gap: 5px;
    min-width: 0;
    min-height: 92px;
    padding: 14px;
    border: 1px solid rgba(0, 135, 179, 0.18);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(8, 17, 30, 0.78)),
        rgba(7, 14, 24, 0.76);
}

.builder-status-card strong[b-pdwpvxfz0t] {
    min-width: 0;
    color: #f7fbff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.builder-status-card span:not(.builder-card-eyebrow)[b-pdwpvxfz0t] {
    min-width: 0;
    color: rgba(207, 220, 238, 0.74);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.builder-card-eyebrow[b-pdwpvxfz0t],
.builder-section-kicker[b-pdwpvxfz0t] {
    color: #67c7e3;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.builder-status-card--good[b-pdwpvxfz0t] {
    border-color: rgba(121, 230, 173, 0.32);
    background:
        linear-gradient(135deg, rgba(54, 209, 154, 0.13), rgba(8, 17, 30, 0.8)),
        rgba(7, 14, 24, 0.78);
}

.builder-status-card--warning[b-pdwpvxfz0t],
.builder-status-card--empty[b-pdwpvxfz0t] {
    border-color: rgba(255, 193, 58, 0.36);
    background:
        linear-gradient(135deg, rgba(255, 193, 58, 0.13), rgba(8, 17, 30, 0.8)),
        rgba(7, 14, 24, 0.78);
}

.builder-command-panel[b-pdwpvxfz0t],
.builder-table-panel[b-pdwpvxfz0t] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 16px;
}

.builder-section-header[b-pdwpvxfz0t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.builder-section-header--compact[b-pdwpvxfz0t] {
    margin-bottom: 8px;
}

.builder-section-header h2[b-pdwpvxfz0t],
.builder-section-header h3[b-pdwpvxfz0t],
.builder-section-header p[b-pdwpvxfz0t] {
    margin: 0;
}

.builder-section-header h2[b-pdwpvxfz0t] {
    color: #f7fbff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
}

.builder-section-header h3[b-pdwpvxfz0t] {
    color: #f7fbff;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
}

.builder-section-header p[b-pdwpvxfz0t],
.builder-muted[b-pdwpvxfz0t] {
    color: rgba(207, 220, 238, 0.72);
    font-size: 12px;
    line-height: 1.45;
}

.builder-command-grid[b-pdwpvxfz0t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-command-button {
    justify-content: flex-start;
    min-height: 42px;
    border-color: rgba(0, 135, 179, 0.34);
    color: #9ddff0;
    background: rgba(0, 88, 118, 0.14);
    text-align: left;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-command-button .mud-button-label {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-command-button--primary {
    color: #eefbff;
    border-color: rgba(0, 135, 179, 0.62);
    background: linear-gradient(135deg, #006a8e, #004c68);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-command-button--debug {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.38);
    background: rgba(255, 193, 58, 0.08);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-command-button--danger {
    color: #ff98a9;
    border-color: rgba(255, 91, 111, 0.38);
    background: rgba(255, 91, 111, 0.08);
}

.builder-message[b-pdwpvxfz0t] {
    margin-top: 2px;
}

.builder-link-result[b-pdwpvxfz0t] {
    display: grid;
    gap: 8px;
    max-height: min(260px, 36dvh);
    overflow: auto;
    padding: 12px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.44);
    scrollbar-gutter: stable;
}

.builder-result-grid[b-pdwpvxfz0t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.builder-result-grid span[b-pdwpvxfz0t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 999px;
    color: rgba(226, 235, 248, 0.82);
    background: rgba(7, 14, 24, 0.62);
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.builder-result-grid strong[b-pdwpvxfz0t] {
    color: #f7fbff;
}

.builder-result-grid .is-good[b-pdwpvxfz0t] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.builder-result-grid .is-warning[b-pdwpvxfz0t] {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.38);
    background: rgba(255, 193, 58, 0.1);
}

.builder-chip-cloud[b-pdwpvxfz0t],
.builder-inline-chip-row[b-pdwpvxfz0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.builder-data-workspace[b-pdwpvxfz0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
}

.builder-table-toolbar[b-pdwpvxfz0t] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.builder-table-toolbar--single[b-pdwpvxfz0t] {
    grid-template-columns: minmax(220px, 420px);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-table-toolbar .mud-input-root {
    min-height: 40px;
    background: rgba(7, 14, 25, 0.66);
}

.builder-chip-filter[b-pdwpvxfz0t] {
    justify-content: flex-end;
}

.builder-table-wrap[b-pdwpvxfz0t] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table {
    background: transparent;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table .mud-table-container {
    max-height: 520px;
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table .mud-table-container::-webkit-scrollbar,
.builder-link-result[b-pdwpvxfz0t]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table .mud-table-container::-webkit-scrollbar-thumb,
.builder-link-result[b-pdwpvxfz0t]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table .mud-table-container::-webkit-scrollbar-track,
.builder-link-result[b-pdwpvxfz0t]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table table {
    min-width: 760px;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: rgba(226, 235, 248, 0.9);
    background: rgba(19, 31, 48, 0.98);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table td {
    color: rgba(226, 235, 248, 0.86);
    font-size: 12px;
    line-height: 1.35;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table tbody tr:nth-child(odd) td {
    background: rgba(20, 31, 47, 0.78);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table tbody tr:nth-child(even) td {
    background: rgba(6, 13, 24, 0.82);
}

.builder-admin-page[b-pdwpvxfz0t]  .builder-data-table tr:hover td {
    background: rgba(0, 135, 179, 0.06);
}

.builder-row-title[b-pdwpvxfz0t] {
    display: inline-block;
    min-width: 0;
    color: #f7fbff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.builder-requirements[b-pdwpvxfz0t] {
    display: inline-block;
    min-width: 0;
    max-width: 340px;
    color: rgba(207, 220, 238, 0.75);
    overflow-wrap: anywhere;
}

.builder-actions-head[b-pdwpvxfz0t],
.builder-actions-cell[b-pdwpvxfz0t] {
    text-align: right;
    white-space: nowrap;
}

.builder-actions-cell[b-pdwpvxfz0t] {
    min-width: 92px;
}

.builder-action-muted[b-pdwpvxfz0t] {
    opacity: 0.45;
}

.builder-progress[b-pdwpvxfz0t],
.builder-empty-alert[b-pdwpvxfz0t] {
    margin-top: 2px;
}

@media (max-width: 1320px) {
    .builder-status-grid[b-pdwpvxfz0t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .builder-command-grid[b-pdwpvxfz0t] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }

    .builder-data-workspace[b-pdwpvxfz0t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .builder-admin-page[b-pdwpvxfz0t]  .pcw-admin-hero {
        gap: 14px;
        padding: 18px;
    }

    .builder-status-grid[b-pdwpvxfz0t],
    .builder-command-grid[b-pdwpvxfz0t],
    .builder-result-grid[b-pdwpvxfz0t],
    .builder-table-toolbar[b-pdwpvxfz0t],
    .builder-table-toolbar--single[b-pdwpvxfz0t] {
        grid-template-columns: 1fr;
    }

    .builder-command-panel[b-pdwpvxfz0t],
    .builder-table-panel[b-pdwpvxfz0t] {
        padding: 12px;
        border-radius: 8px;
    }

    .builder-chip-filter[b-pdwpvxfz0t] {
        justify-content: flex-start;
    }

    .builder-admin-page[b-pdwpvxfz0t]  .builder-data-table .mud-table-container {
        max-height: min(520px, 60dvh);
    }

    .builder-admin-page[b-pdwpvxfz0t]  .builder-data-table table {
        min-width: 680px;
    }

    .builder-link-result[b-pdwpvxfz0t] {
        max-height: min(320px, 48dvh);
    }
}

@media (max-width: 520px) {
    .builder-status-card[b-pdwpvxfz0t] {
        min-height: 82px;
        padding: 12px;
    }

    .builder-status-card strong[b-pdwpvxfz0t] {
        font-size: 20px;
    }

    .builder-section-header h2[b-pdwpvxfz0t] {
        font-size: 16px;
    }

    .builder-admin-page[b-pdwpvxfz0t]  .builder-command-button {
        width: 100%;
    }
}
/* /Pages/Admin/AdminChangelog.razor.rz.scp.css */
.acl-page[b-p9o75j2kn3] {
    display: grid;
    gap: 14px;
    padding: 0;
}

[b-p9o75j2kn3] .pcw-admin-shell {
    max-width: 1540px;
    padding: 18px 18px 30px;
}

[b-p9o75j2kn3] .pcw-admin-hero {
    margin-bottom: 14px;
}

.acl-loading-card[b-p9o75j2kn3],
.acl-error-card[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 220px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 8px;
    background: rgba(4, 14, 26, 0.78);
    color: rgba(232, 244, 255, 0.82);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
}

.acl-error-card[b-p9o75j2kn3] {
    justify-content: flex-start;
    min-height: 72px;
    padding: 16px;
    border-color: rgba(255, 92, 122, 0.34);
    color: #ffb8c4;
}

.acl-summary-grid[b-p9o75j2kn3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.acl-summary-card[b-p9o75j2kn3] {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 15%, rgba(0, 135, 179, 0.18), transparent 36%),
        rgba(4, 13, 24, 0.9);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.acl-summary-card strong[b-p9o75j2kn3] {
    display: block;
    margin-top: 4px;
    color: #f7fbff;
    font-size: 1.3rem;
    line-height: 1.1;
}

.acl-summary-card small[b-p9o75j2kn3],
.acl-summary-label[b-p9o75j2kn3] {
    display: block;
    color: rgba(195, 218, 236, 0.72);
    font-size: 0.76rem;
    line-height: 1.35;
}

.acl-summary-label[b-p9o75j2kn3] {
    color: #6fc6de;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.acl-summary-card--release[b-p9o75j2kn3] {
    border-color: rgba(255, 185, 82, 0.32);
}

.acl-summary-card--guarded[b-p9o75j2kn3] {
    border-color: rgba(129, 111, 225, 0.32);
}

.acl-workspace[b-p9o75j2kn3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 12px;
    align-items: start;
}

.acl-entry-panel[b-p9o75j2kn3],
.acl-release-panel[b-p9o75j2kn3] {
    min-width: 0;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 8px;
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 135, 179, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(5, 16, 29, 0.98), rgba(4, 11, 21, 0.96));
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24);
}

.acl-entry-panel[b-p9o75j2kn3] {
    padding: 14px;
}

.acl-release-panel[b-p9o75j2kn3] {
    position: sticky;
    top: 12px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.acl-panel-head[b-p9o75j2kn3],
.acl-release-head[b-p9o75j2kn3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.acl-release-head[b-p9o75j2kn3] {
    display: grid;
    gap: 3px;
}

.acl-panel-head h2[b-p9o75j2kn3],
.acl-release-head h2[b-p9o75j2kn3] {
    margin: 2px 0 0;
    color: #f7fbff;
    font-size: 1.02rem;
    line-height: 1.2;
}

.acl-panel-head p[b-p9o75j2kn3],
.acl-release-head p[b-p9o75j2kn3] {
    margin: 4px 0 0;
    color: rgba(195, 218, 236, 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.acl-kicker[b-p9o75j2kn3] {
    color: #6fc6de;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.acl-panel-count[b-p9o75j2kn3] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.12);
    color: #8ed7e9;
    font-size: 0.72rem;
    font-weight: 800;
}

.acl-filter-row[b-p9o75j2kn3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 12px;
}

.acl-filter-button[b-p9o75j2kn3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(111, 198, 222, 0.22);
    border-radius: 8px;
    background: rgba(4, 13, 24, 0.78);
    color: rgba(232, 244, 255, 0.78);
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.acl-filter-button:hover[b-p9o75j2kn3],
.acl-filter-button--active[b-p9o75j2kn3] {
    border-color: rgba(0, 135, 179, 0.72);
    background: rgba(0, 135, 179, 0.2);
    color: #f7fbff;
}

.acl-filter-button strong[b-p9o75j2kn3] {
    color: #6fc6de;
    font-size: 0.78rem;
}

.acl-entry-scroll[b-p9o75j2kn3] {
    max-height: min(680px, calc(100dvh - 360px));
    min-height: 280px;
    overflow: auto;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.acl-version-group + .acl-version-group[b-p9o75j2kn3] {
    margin-top: 14px;
}

.acl-version-header[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
    padding: 0 2px;
    color: rgba(195, 218, 236, 0.68);
    font-size: 0.74rem;
}

.acl-version-title[b-p9o75j2kn3] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
    color: #f7fbff;
    font-size: 0.84rem;
    font-weight: 800;
}

.acl-version-title .mud-icon-root[b-p9o75j2kn3] {
    color: #6fc6de;
    font-size: 1rem;
}

.acl-entry-list[b-p9o75j2kn3] {
    display: grid;
    gap: 8px;
}

.acl-entry-card[b-p9o75j2kn3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(184px, auto);
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(111, 198, 222, 0.18);
    border-radius: 8px;
    background: rgba(5, 16, 29, 0.86);
}

.acl-entry-card:hover[b-p9o75j2kn3] {
    border-color: rgba(0, 135, 179, 0.48);
    background: rgba(7, 24, 39, 0.94);
}

.acl-entry-card--guarded[b-p9o75j2kn3] {
    border-color: rgba(255, 185, 82, 0.28);
    background:
        linear-gradient(90deg, rgba(255, 185, 82, 0.08), transparent 38%),
        rgba(5, 16, 29, 0.86);
}

.acl-entry-main[b-p9o75j2kn3] {
    min-width: 0;
}

.acl-entry-badges[b-p9o75j2kn3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.acl-entry-card h3[b-p9o75j2kn3] {
    margin: 0;
    color: #f7fbff;
    font-size: 0.92rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.acl-entry-card p[b-p9o75j2kn3] {
    margin: 5px 0 0;
    color: rgba(207, 226, 239, 0.72);
    font-size: 0.78rem;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.acl-entry-meta[b-p9o75j2kn3] {
    display: grid;
    align-content: space-between;
    gap: 10px;
    min-width: 0;
}

.acl-meta-grid[b-p9o75j2kn3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 3px 10px;
    color: rgba(195, 218, 236, 0.6);
    font-size: 0.7rem;
}

.acl-meta-grid strong[b-p9o75j2kn3] {
    min-width: 0;
    color: #f7fbff;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
    text-align: right;
}

.acl-actions[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
}

.acl-pill[b-p9o75j2kn3],
.pcw-cl-badge[b-p9o75j2kn3] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    max-width: 100%;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.pcw-cl-badge[b-p9o75j2kn3] {
    border-radius: 6px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.pcw-cl-added[b-p9o75j2kn3] {
    border: 1px solid rgba(32, 214, 144, 0.32);
    background: rgba(32, 214, 144, 0.13);
    color: #4be0a7;
}

.pcw-cl-fixed[b-p9o75j2kn3] {
    border: 1px solid rgba(0, 135, 179, 0.36);
    background: rgba(0, 135, 179, 0.15);
    color: #8ed7e9;
}

.pcw-cl-changed[b-p9o75j2kn3] {
    border: 1px solid rgba(255, 185, 82, 0.34);
    background: rgba(255, 185, 82, 0.13);
    color: #ffd18a;
}

.pcw-cl-removed[b-p9o75j2kn3] {
    border: 1px solid rgba(255, 92, 122, 0.34);
    background: rgba(255, 92, 122, 0.12);
    color: #ffb8c4;
}

.pcw-cl-perf[b-p9o75j2kn3] {
    border: 1px solid rgba(129, 111, 225, 0.34);
    background: rgba(129, 111, 225, 0.14);
    color: #c4b9ff;
}

.pcw-cl-security[b-p9o75j2kn3] {
    border: 1px solid rgba(255, 138, 92, 0.34);
    background: rgba(255, 138, 92, 0.12);
    color: #ffc0a6;
}

.acl-pill--public[b-p9o75j2kn3],
.acl-pill--released[b-p9o75j2kn3] {
    border: 1px solid rgba(32, 214, 144, 0.34);
    background: rgba(32, 214, 144, 0.13);
    color: #4be0a7;
}

.acl-pill--internal[b-p9o75j2kn3] {
    border: 1px solid rgba(0, 135, 179, 0.34);
    background: rgba(0, 135, 179, 0.14);
    color: #8ed7e9;
}

.acl-pill--admin[b-p9o75j2kn3],
.acl-pill--draft[b-p9o75j2kn3] {
    border: 1px solid rgba(255, 185, 82, 0.34);
    background: rgba(255, 185, 82, 0.12);
    color: #ffd18a;
}

.acl-release-meter[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(255, 185, 82, 0.28);
    border-radius: 8px;
    background: rgba(255, 185, 82, 0.08);
}

.acl-release-meter span[b-p9o75j2kn3] {
    color: rgba(232, 244, 255, 0.76);
    font-size: 0.78rem;
}

.acl-release-meter strong[b-p9o75j2kn3] {
    color: #ffd18a;
    font-size: 1.45rem;
    line-height: 1;
}

.acl-release-facts[b-p9o75j2kn3] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.acl-release-facts div[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(111, 198, 222, 0.12);
}

.acl-release-facts dt[b-p9o75j2kn3],
.acl-release-facts dd[b-p9o75j2kn3] {
    margin: 0;
    font-size: 0.76rem;
}

.acl-release-facts dt[b-p9o75j2kn3] {
    color: rgba(195, 218, 236, 0.68);
}

.acl-release-facts dd[b-p9o75j2kn3] {
    color: #f7fbff;
    font-weight: 800;
}

.acl-release-empty[b-p9o75j2kn3],
.acl-empty-state[b-p9o75j2kn3] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 150px;
    padding: 18px;
    border: 1px dashed rgba(111, 198, 222, 0.24);
    border-radius: 8px;
    color: rgba(195, 218, 236, 0.72);
    text-align: center;
}

.acl-release-empty[b-p9o75j2kn3] {
    min-height: 86px;
}

.acl-release-empty .mud-icon-root[b-p9o75j2kn3],
.acl-empty-state .mud-icon-root[b-p9o75j2kn3] {
    color: #6fc6de;
}

.acl-empty-state strong[b-p9o75j2kn3] {
    color: #f7fbff;
}

.acl-empty-state span[b-p9o75j2kn3] {
    max-width: 330px;
    font-size: 0.78rem;
}

.acl-dialog-title[b-p9o75j2kn3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.acl-dialog-title .mud-icon-root[b-p9o75j2kn3] {
    color: #6fc6de;
}

.acl-dialog-title .mud-typography[b-p9o75j2kn3] {
    color: #f7fbff;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .acl-workspace[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .acl-release-panel[b-p9o75j2kn3] {
        position: static;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.65fr);
        align-items: start;
    }
}

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

    .acl-entry-card[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .acl-entry-meta[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .acl-meta-grid strong[b-p9o75j2kn3] {
        text-align: left;
    }
}

@media (max-width: 760px) {
    [b-p9o75j2kn3] .pcw-admin-shell {
        padding: 14px 12px 24px;
    }

    .acl-summary-grid[b-p9o75j2kn3],
    .acl-release-panel[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .acl-panel-head[b-p9o75j2kn3] {
        display: grid;
    }

    .acl-panel-count[b-p9o75j2kn3] {
        justify-self: start;
    }

    .acl-filter-row[b-p9o75j2kn3] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acl-filter-button[b-p9o75j2kn3] {
        justify-content: space-between;
        width: 100%;
    }

    .acl-entry-scroll[b-p9o75j2kn3] {
        max-height: min(620px, 68dvh);
        min-height: 240px;
    }

    .acl-entry-meta[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .acl-actions[b-p9o75j2kn3] {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .acl-summary-grid[b-p9o75j2kn3],
    .acl-filter-row[b-p9o75j2kn3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .acl-entry-panel[b-p9o75j2kn3],
    .acl-release-panel[b-p9o75j2kn3] {
        padding: 12px;
    }

    .acl-version-header[b-p9o75j2kn3] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminDummyPlayers.razor.rz.scp.css */
.admin-dummy-workspace[b-ze8eswbe9m] {
    display: grid;
    gap: 14px;
}

.admin-dummy-summary-grid[b-ze8eswbe9m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-dummy-summary-card[b-ze8eswbe9m] {
    min-width: 0;
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(7, 95, 122, 0.06)),
        rgba(4, 11, 22, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-dummy-summary-card--active[b-ze8eswbe9m] {
    border-color: rgba(54, 209, 154, 0.26);
}

.admin-dummy-summary-icon[b-ze8eswbe9m] {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 135, 179, 0.26);
    border-radius: 9px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.15);
}

.admin-dummy-summary-card--active .admin-dummy-summary-icon[b-ze8eswbe9m] {
    color: #79e6ad;
    border-color: rgba(54, 209, 154, 0.32);
    background: rgba(54, 209, 154, 0.13);
}

.admin-dummy-summary-card span:last-child[b-ze8eswbe9m] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-dummy-summary-card strong[b-ze8eswbe9m] {
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.24rem;
    font-weight: 900;
    line-height: 1.1;
}

.admin-dummy-summary-card em[b-ze8eswbe9m] {
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-dummy-editor-card[b-ze8eswbe9m],
.admin-dummy-list-card[b-ze8eswbe9m],
.admin-dummy-medal-card[b-ze8eswbe9m] {
    overflow: hidden;
    border-radius: 10px;
}

[b-ze8eswbe9m] .admin-dummy-editor-card,
[b-ze8eswbe9m] .admin-dummy-list-card,
[b-ze8eswbe9m] .admin-dummy-medal-card {
    padding: 0 !important;
}

[b-ze8eswbe9m] .admin-dummy-editor-card > .mud-card-content,
[b-ze8eswbe9m] .admin-dummy-list-card > .mud-card-content,
[b-ze8eswbe9m] .admin-dummy-medal-card > .mud-card-content {
    padding: 14px !important;
}

.admin-dummy-section-title[b-ze8eswbe9m] {
    color: #67c7e3;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.admin-dummy-field-label[b-ze8eswbe9m] {
    display: block;
    margin-bottom: 2px;
    color: rgba(187, 207, 222, 0.72);
    font-weight: 750;
}

.admin-dummy-country-button[b-ze8eswbe9m] {
    height: 40px;
    justify-content: flex-start;
    gap: 8px;
    text-transform: none;
}

.admin-dummy-country-flag[b-ze8eswbe9m] {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 50%;
    object-fit: cover;
}

.admin-dummy-form-actions[b-ze8eswbe9m],
.admin-dummy-row-actions[b-ze8eswbe9m] {
    min-width: 0;
    flex-wrap: wrap;
}

.admin-dummy-toolbar[b-ze8eswbe9m] {
    display: grid;
    grid-template-columns: minmax(140px, 180px) max-content;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
}

.admin-dummy-filter[b-ze8eswbe9m] {
    min-width: 0;
}

.admin-dummy-toolbar-count[b-ze8eswbe9m] {
    color: rgba(187, 207, 222, 0.76);
    font-size: 0.78rem;
    font-weight: 850;
    white-space: nowrap;
}

.admin-dummy-table-wrap[b-ze8eswbe9m] {
    width: 100%;
    max-width: 100%;
    max-height: min(620px, calc(100vh - 390px));
    min-height: 280px;
    overflow: auto;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.admin-dummy-table-wrap[b-ze8eswbe9m]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-dummy-table-wrap[b-ze8eswbe9m]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.admin-dummy-table-wrap[b-ze8eswbe9m]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

[b-ze8eswbe9m] .admin-dummy-table {
    min-width: 1040px;
    background: transparent;
}

[b-ze8eswbe9m] .admin-dummy-table .mud-table-container {
    max-height: min(620px, calc(100vh - 390px)) !important;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
}

[b-ze8eswbe9m] .admin-dummy-table .mud-table-head .mud-table-cell {
    color: rgba(226, 235, 248, 0.78);
    background: rgba(22, 36, 56, 0.96);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-ze8eswbe9m] .admin-dummy-table .mud-table-row {
    background: rgba(7, 14, 24, 0.42);
}

[b-ze8eswbe9m] .admin-dummy-table .mud-table-row:hover {
    background: rgba(0, 135, 179, 0.08);
}

[b-ze8eswbe9m] .admin-dummy-table .mud-table-cell {
    border-bottom-color: rgba(125, 160, 210, 0.12);
    color: rgba(247, 251, 255, 0.9);
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-dummy-title[b-ze8eswbe9m],
.admin-dummy-wrap[b-ze8eswbe9m],
.admin-dummy-muted[b-ze8eswbe9m] {
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-dummy-title[b-ze8eswbe9m] {
    color: rgba(247, 251, 255, 0.96);
    font-weight: 850;
}

.admin-dummy-muted[b-ze8eswbe9m],
.admin-dummy-wrap[b-ze8eswbe9m] {
    color: rgba(187, 207, 222, 0.72);
}

.admin-dummy-action-cell[b-ze8eswbe9m] {
    text-align: right;
}

.admin-dummy-row-actions[b-ze8eswbe9m] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

[b-ze8eswbe9m] .admin-dummy-chip {
    height: auto !important;
    min-height: 22px;
    max-width: 100%;
    border-radius: 999px !important;
    font-weight: 850 !important;
    white-space: normal !important;
}

[b-ze8eswbe9m] .admin-dummy-chip .mud-chip-content {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-ze8eswbe9m] .admin-dummy-chip--warning {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #ffd37a !important;
}

.admin-dummy-empty[b-ze8eswbe9m] {
    display: block;
    padding: 24px;
    color: rgba(187, 207, 222, 0.72);
    text-align: center;
}

.admin-dummy-medal-card[b-ze8eswbe9m] {
    border: 1px solid rgba(245, 158, 11, 0.22);
}

.admin-dummy-medal-icon[b-ze8eswbe9m] {
    color: #ffd37a;
}

.adp-medal-list[b-ze8eswbe9m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: min(320px, 42dvh);
    overflow: auto;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.adp-medal-row[b-ze8eswbe9m] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.58);
    transition: background 0.15s ease;
}

.adp-medal-row:hover[b-ze8eswbe9m] {
    background: rgba(0, 135, 179, 0.08);
}

.adp-medal-copy[b-ze8eswbe9m] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 920px) {
    .admin-dummy-summary-grid[b-ze8eswbe9m] {
        grid-template-columns: 1fr;
    }

    .admin-dummy-toolbar[b-ze8eswbe9m] {
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .admin-dummy-toolbar-count[b-ze8eswbe9m] {
        white-space: normal;
    }

    .admin-dummy-table-wrap[b-ze8eswbe9m] {
        max-height: min(620px, 68dvh);
        overflow-x: hidden;
    }

    [b-ze8eswbe9m] .admin-dummy-editor-card > .mud-card-content,
    [b-ze8eswbe9m] .admin-dummy-list-card > .mud-card-content,
    [b-ze8eswbe9m] .admin-dummy-medal-card > .mud-card-content {
        padding: 10px !important;
    }

    [b-ze8eswbe9m] .admin-dummy-table {
        width: 100%;
        min-width: 0;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-container {
        width: 100%;
        max-height: min(620px, 68dvh) !important;
        overflow-x: hidden;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-root,
    [b-ze8eswbe9m] .admin-dummy-table .mud-table-body {
        display: block;
        width: 100% !important;
        max-width: 100%;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-head {
        display: none !important;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-row {
        display: grid;
        width: calc(100% - 20px) !important;
        box-sizing: border-box;
        gap: 0;
        margin: 10px;
        border: 1px solid rgba(125, 160, 210, 0.13);
        border-radius: 8px;
        background: rgba(7, 14, 24, 0.62);
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-cell {
        display: grid;
        grid-template-columns: minmax(82px, 0.34fr) minmax(0, 1fr);
        gap: 10px;
        min-width: 0;
        padding: 9px 10px;
        border-bottom-color: rgba(125, 160, 210, 0.09);
        white-space: normal;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-cell::before {
        content: attr(data-label);
        color: #67c7e3;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .admin-dummy-action-cell[b-ze8eswbe9m] {
        text-align: left;
    }

    .admin-dummy-row-actions[b-ze8eswbe9m] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .admin-dummy-summary-card[b-ze8eswbe9m] {
        min-height: 68px;
    }

    [b-ze8eswbe9m] .admin-dummy-table .mud-table-cell {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .adp-medal-row[b-ze8eswbe9m] {
        align-items: flex-start;
    }
}
/* /Pages/Admin/AdminEmailTemplates.razor.rz.scp.css */
.aet-page[b-uu95n3ady5] {
    --aet-bg: #050914;
    --aet-bg-soft: #08111f;
    --aet-panel: rgba(10, 19, 35, 0.92);
    --aet-panel-2: rgba(13, 25, 45, 0.88);
    --aet-border: rgba(126, 156, 214, 0.2);
    --aet-border-strong: rgba(0, 135, 179, 0.52);
    --aet-text: #eef5ff;
    --aet-muted: #9aa9c6;
    --aet-soft: #60708f;
    --aet-purple: #48b0d1;
    --aet-purple-strong: #075f7a;
    --aet-cyan: #67c7e3;
    --aet-green: #22c55e;
    --aet-warning: #f59e0b;
    --aet-danger: #ef4444;
    --aet-radius: 12px;
    --aet-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);

    min-height: calc(100vh - 96px);
    padding: 22px;
    color: var(--aet-text);
    border: 1px solid rgba(70, 99, 148, 0.34);
    border-radius: 18px;
    background:
        radial-gradient(circle at 76% 0%, rgba(0, 135, 179, 0.16), transparent 28%),
        radial-gradient(circle at 8% 14%, rgba(72, 176, 209, 0.1), transparent 24%),
        linear-gradient(180deg, #050914 0%, #08101c 100%);
    box-shadow: var(--aet-shadow);
}

.aet-header[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid var(--aet-border);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(12, 25, 45, 0.96), rgba(8, 16, 31, 0.96));
}

.aet-header-main[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.aet-header-icon[b-uu95n3ady5],
.aet-template-icon[b-uu95n3ady5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(135deg, #075f7a, #102d4a);
    box-shadow: 0 12px 26px rgba(0, 88, 118, 0.28);
}

.aet-header-icon[b-uu95n3ady5] {
    width: 50px;
    height: 50px;
}

[b-uu95n3ady5] .aet-header-icon .mud-icon-root {
    font-size: 30px;
}

.aet-header h1[b-uu95n3ady5],
.aet-card h2[b-uu95n3ady5],
.aet-empty-editor h2[b-uu95n3ady5] {
    margin: 0;
    color: #fff;
    font-weight: 850;
    letter-spacing: 0;
}

.aet-header h1[b-uu95n3ady5] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.aet-header p[b-uu95n3ady5],
.aet-helper[b-uu95n3ady5],
.aet-source-text[b-uu95n3ady5],
.aet-subject-override p[b-uu95n3ady5],
.aet-empty-editor p[b-uu95n3ady5] {
    margin: 0;
    color: var(--aet-muted);
    font-size: 0.9rem;
    line-height: 1.45;
}

.aet-header-actions[b-uu95n3ady5],
.aet-card-actions[b-uu95n3ady5],
.aet-action-bar-right[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.aet-workspace[b-uu95n3ady5] {
    display: grid;
    grid-template-columns: minmax(260px, 310px) minmax(520px, 1fr) minmax(360px, 440px);
    gap: 18px;
    align-items: start;
}

.aet-sidebar[b-uu95n3ady5],
.aet-card[b-uu95n3ady5],
.aet-empty-editor[b-uu95n3ady5] {
    border: 1px solid var(--aet-border);
    border-radius: var(--aet-radius);
    background: linear-gradient(180deg, var(--aet-panel), rgba(7, 15, 28, 0.92));
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.aet-sidebar[b-uu95n3ady5] {
    position: sticky;
    top: 82px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: calc(100vh - 128px);
    padding: 14px;
    min-width: 0;
}

.aet-card[b-uu95n3ady5] {
    padding: 18px;
}

.aet-editor[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.aet-preview[b-uu95n3ady5] {
    position: sticky;
    top: 82px;
    min-width: 0;
}

.aet-panel-head[b-uu95n3ady5],
.aet-card-head[b-uu95n3ady5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.aet-card h2[b-uu95n3ady5],
.aet-panel-head h2[b-uu95n3ady5] {
    margin: 2px 0 0;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.2;
}

.aet-kicker[b-uu95n3ady5] {
    display: block;
    color: var(--aet-soft);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.aet-count[b-uu95n3ady5],
.aet-badge[b-uu95n3ady5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid rgba(132, 154, 190, 0.28);
    border-radius: 7px;
    color: #dce8ff;
    background: rgba(78, 99, 136, 0.22);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.aet-badge-lang[b-uu95n3ady5] {
    color: #bfefff;
    border-color: rgba(72, 176, 209, 0.34);
    background: rgba(0, 135, 179, 0.1);
}

.aet-badge-enabled[b-uu95n3ady5] {
    color: #b9f6cf;
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.12);
}

.aet-badge-muted[b-uu95n3ady5] {
    color: #b1bdd3;
    border-color: rgba(148, 163, 184, 0.25);
    background: rgba(100, 116, 139, 0.16);
}

.aet-badge-warning[b-uu95n3ady5] {
    color: #ffe2aa;
    border-color: rgba(245, 158, 11, 0.38);
    background: rgba(245, 158, 11, 0.12);
}

.aet-template-list[b-uu95n3ady5],
.aet-translation-list[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    overflow: auto;
    padding-right: 2px;
}

.aet-template-list[b-uu95n3ady5] {
    flex: 1;
}

.aet-template-row[b-uu95n3ady5] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 10px;
    color: var(--aet-text);
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.aet-template-row:hover[b-uu95n3ady5] {
    border-color: rgba(126, 156, 214, 0.24);
    background: rgba(86, 111, 153, 0.14);
}

.aet-template-row.is-active[b-uu95n3ady5] {
    border-color: var(--aet-border-strong);
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.2), rgba(20, 31, 56, 0.72));
    box-shadow: inset 3px 0 0 var(--aet-purple);
}

.aet-template-icon[b-uu95n3ady5] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

.aet-template-copy[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.aet-template-copy strong[b-uu95n3ady5],
.aet-preview-subject strong[b-uu95n3ady5] {
    overflow: hidden;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aet-template-copy small[b-uu95n3ady5] {
    color: #b79cff;
    font-size: 0.75rem;
    font-weight: 750;
}

.aet-template-copy span[b-uu95n3ady5] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--aet-muted);
    font-size: 0.76rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.aet-template-badges[b-uu95n3ady5] {
    grid-column: 2;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.aet-sidebar-new[b-uu95n3ady5] {
    margin-top: auto !important;
}

.aet-form-grid[b-uu95n3ady5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.aet-field-wide[b-uu95n3ady5],
.aet-subject-override[b-uu95n3ady5],
.aet-key-tools[b-uu95n3ady5],
.aet-add-key[b-uu95n3ady5],
.aet-progress-row[b-uu95n3ady5],
.aet-meta-row[b-uu95n3ady5] {
    grid-column: 1 / -1;
}

.aet-toggle-card[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 10px;
    background: rgba(34, 197, 94, 0.08);
}

.aet-toggle-card span[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.aet-toggle-card strong[b-uu95n3ady5] {
    color: #eafff1;
    font-size: 0.9rem;
}

.aet-toggle-card small[b-uu95n3ady5] {
    color: var(--aet-muted);
    font-size: 0.75rem;
}

.aet-meta-row[b-uu95n3ady5],
.aet-progress-row[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px;
    color: var(--aet-muted);
    font-size: 0.8rem;
}

.aet-copy-btn[b-uu95n3ady5] {
    width: 28px !important;
    height: 28px !important;
    color: var(--aet-cyan) !important;
    border: 1px solid rgba(72, 176, 209, 0.24) !important;
    border-radius: 7px !important;
}

.aet-translation-toolbar[b-uu95n3ady5],
.aet-key-tools[b-uu95n3ady5],
.aet-add-key[b-uu95n3ady5],
.aet-action-bar[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.aet-lang-select[b-uu95n3ady5] {
    min-width: 210px;
}

.aet-deepl-switch[b-uu95n3ady5] {
    color: var(--aet-muted);
    white-space: nowrap;
}

.aet-progress-track[b-uu95n3ady5] {
    flex: 1 1 180px;
    height: 8px;
    min-width: 160px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(92, 112, 148, 0.24);
}

.aet-progress-fill[b-uu95n3ady5] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--aet-purple), var(--aet-green));
    transition: width 180ms ease;
}

.aet-subject-override[b-uu95n3ady5] {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    gap: 14px;
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background: rgba(83, 52, 164, 0.14);
}

.aet-subject-override h3[b-uu95n3ady5] {
    margin: 0 0 4px;
    color: #fff;
    font-size: 0.96rem;
}

.aet-key-tools[b-uu95n3ady5] {
    margin: 16px 0 12px;
}

.aet-key-search[b-uu95n3ady5] {
    flex: 1 1 260px;
}

.aet-missing-filter[b-uu95n3ady5] {
    color: var(--aet-muted);
}

.aet-translation-row[b-uu95n3ady5] {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) 42px;
    gap: 12px;
    align-items: start;
    padding: 12px;
    border: 1px solid rgba(126, 156, 214, 0.16);
    border-radius: 10px;
    background: rgba(11, 22, 39, 0.74);
}

.aet-translation-row:hover[b-uu95n3ady5] {
    border-color: rgba(0, 135, 179, 0.35);
    background: rgba(16, 29, 52, 0.86);
}

.aet-translation-row.is-missing[b-uu95n3ady5] {
    border-color: rgba(245, 158, 11, 0.24);
    background: rgba(245, 158, 11, 0.05);
}

.aet-translation-key[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.aet-translation-key code[b-uu95n3ady5] {
    display: block;
    overflow: hidden;
    padding: 6px 8px;
    color: #d7c5ff;
    border: 1px solid rgba(0, 135, 179, 0.26);
    border-radius: 7px;
    background: rgba(0, 135, 179, 0.1);
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aet-status-chip[b-uu95n3ady5] {
    width: fit-content;
}

.aet-translation-value[b-uu95n3ady5] {
    min-width: 0;
}

.aet-source-text[b-uu95n3ady5] {
    margin-top: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(126, 156, 214, 0.16);
    border-radius: 8px;
    background: rgba(5, 10, 20, 0.36);
    word-break: break-word;
}

.aet-source-text span[b-uu95n3ady5] {
    color: var(--aet-cyan);
    font-weight: 850;
}

.aet-translation-actions[b-uu95n3ady5] {
    display: flex;
    justify-content: center;
}

.aet-add-key[b-uu95n3ady5] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(126, 156, 214, 0.16);
}

.aet-key-add-input[b-uu95n3ady5] {
    flex: 1 1 240px;
}

.aet-placeholders[b-uu95n3ady5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.aet-placeholder-pill[b-uu95n3ady5] {
    color: #bff6ff !important;
    border-color: rgba(72, 176, 209, 0.32) !important;
    background: rgba(0, 135, 179, 0.08) !important;
    font-family: Consolas, "Courier New", monospace;
    cursor: pointer;
}

.aet-placeholder-pill:hover[b-uu95n3ady5] {
    box-shadow: 0 0 0 2px rgba(72, 176, 209, 0.18);
}

.aet-html-editor textarea[b-uu95n3ady5] {
    min-height: 480px !important;
    padding: 14px !important;
    font-family: Consolas, "Courier New", monospace !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
}

.aet-lock-note[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--aet-muted);
}

.aet-preview-card[b-uu95n3ady5] {
    padding: 16px;
}

.aet-preview-subject[b-uu95n3ady5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(126, 156, 214, 0.18);
    border-radius: 10px;
    background: rgba(5, 10, 20, 0.44);
}

.aet-preview-subject span[b-uu95n3ady5] {
    color: var(--aet-soft);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.aet-preview-frame-wrap[b-uu95n3ady5] {
    height: 650px;
    overflow: hidden;
    border: 1px solid rgba(126, 156, 214, 0.2);
    border-radius: 10px;
    background: #10131c;
}

.aet-preview-frame[b-uu95n3ady5] {
    display: block;
    width: 600px;
    height: 986px;
    border: none;
    background: #fff;
    transform: scale(0.66);
    transform-origin: top left;
}

.aet-preview-helper[b-uu95n3ady5] {
    margin-top: 10px;
    text-align: center;
}

.aet-action-bar[b-uu95n3ady5] {
    position: sticky;
    bottom: 12px;
    z-index: 4;
    justify-content: space-between;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.35);
    border-radius: 12px;
    background: rgba(5, 10, 20, 0.9);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(10px);
}

.aet-loading[b-uu95n3ady5],
.aet-empty[b-uu95n3ady5],
.aet-empty-editor[b-uu95n3ady5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aet-loading[b-uu95n3ady5] {
    min-height: 420px;
}

.aet-empty[b-uu95n3ady5] {
    flex-direction: column;
    gap: 8px;
    min-height: 150px;
    color: var(--aet-muted);
}

.aet-empty .mud-icon-root[b-uu95n3ady5] {
    color: rgba(154, 169, 198, 0.45);
    font-size: 32px;
}

.aet-empty-editor[b-uu95n3ady5] {
    grid-column: 2 / 4;
    flex-direction: column;
    gap: 8px;
    min-height: 420px;
}

.aet-empty-editor .mud-icon-root[b-uu95n3ady5] {
    color: rgba(72, 176, 209, 0.28);
    font-size: 64px;
}

.aet-empty-rows[b-uu95n3ady5] {
    min-height: 110px;
    border: 1px dashed rgba(126, 156, 214, 0.2);
    border-radius: 10px;
    background: rgba(5, 10, 20, 0.24);
}

.aet-btn[b-uu95n3ady5] {
    min-height: 40px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-transform: none !important;
}

.aet-btn-primary[b-uu95n3ady5] {
    color: #fff !important;
    background: linear-gradient(135deg, var(--aet-purple), var(--aet-purple-strong)) !important;
    box-shadow: 0 10px 24px rgba(0, 88, 118, 0.28) !important;
}

.aet-btn-cyan[b-uu95n3ady5] {
    color: #041019 !important;
    background: linear-gradient(135deg, #67e8f9, var(--aet-cyan)) !important;
}

.aet-btn-cyan-outline[b-uu95n3ady5] {
    color: #bff6ff !important;
    border-color: rgba(72, 176, 209, 0.52) !important;
    background: rgba(0, 135, 179, 0.07) !important;
}

.aet-btn-secondary[b-uu95n3ady5] {
    color: #dce8ff !important;
    border-color: rgba(126, 156, 214, 0.28) !important;
    background: rgba(20, 32, 54, 0.56) !important;
}

.aet-alert[b-uu95n3ady5] {
    margin: 18px 0;
}

[b-uu95n3ady5] .aet-page .mud-input-control {
    margin-top: 0;
}

[b-uu95n3ady5] .aet-page .mud-input-outlined-border {
    border-color: rgba(126, 156, 214, 0.24) !important;
}

[b-uu95n3ady5] .aet-page .mud-input-slot,
[b-uu95n3ady5] .aet-page .mud-input,
[b-uu95n3ady5] .aet-page .mud-select,
[b-uu95n3ady5] .aet-page .mud-input-label,
[b-uu95n3ady5] .aet-page .mud-input-helper-text {
    color: var(--aet-text) !important;
}

[b-uu95n3ady5] .aet-page .mud-input-helper-text {
    color: var(--aet-muted) !important;
}

[b-uu95n3ady5] .aet-page .mud-input-root {
    background: rgba(5, 10, 20, 0.28);
    border-radius: 8px;
}

@media (max-width: 1480px) {
    .aet-workspace[b-uu95n3ady5] {
        grid-template-columns: minmax(250px, 290px) minmax(500px, 1fr) minmax(330px, 380px);
    }
}

@media (max-width: 1220px) {
    .aet-workspace[b-uu95n3ady5] {
        grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    }

    .aet-preview[b-uu95n3ady5] {
        grid-column: 2;
        position: static;
    }
}

@media (max-width: 900px) {
    .aet-page[b-uu95n3ady5] {
        padding: 14px;
    }

    .aet-header[b-uu95n3ady5] {
        align-items: stretch;
        flex-direction: column;
    }

    .aet-header-actions[b-uu95n3ady5] {
        justify-content: stretch;
    }

    .aet-header-actions .mud-button-root[b-uu95n3ady5] {
        flex: 1 1 150px;
    }

    .aet-workspace[b-uu95n3ady5] {
        grid-template-columns: 1fr;
    }

    .aet-sidebar[b-uu95n3ady5],
    .aet-preview[b-uu95n3ady5] {
        position: static;
    }

    .aet-sidebar[b-uu95n3ady5] {
        max-height: 420px;
    }

    .aet-empty-editor[b-uu95n3ady5],
    .aet-preview[b-uu95n3ady5] {
        grid-column: auto;
    }

    .aet-form-grid[b-uu95n3ady5],
    .aet-subject-override[b-uu95n3ady5],
    .aet-translation-row[b-uu95n3ady5] {
        grid-template-columns: 1fr;
    }

    .aet-translation-actions[b-uu95n3ady5] {
        justify-content: flex-start;
    }

    .aet-preview-frame[b-uu95n3ady5] {
        height: 1180px;
        transform: scale(0.48);
    }

    .aet-preview-frame-wrap[b-uu95n3ady5] {
        height: 570px;
    }
}

@media (max-width: 560px) {
    .aet-header-main[b-uu95n3ady5] {
        align-items: flex-start;
    }

    .aet-header-icon[b-uu95n3ady5] {
        width: 42px;
        height: 42px;
    }

    .aet-card[b-uu95n3ady5],
    .aet-sidebar[b-uu95n3ady5] {
        padding: 12px;
    }

    .aet-action-bar[b-uu95n3ady5] {
        align-items: stretch;
        flex-direction: column;
    }

    .aet-action-bar-right[b-uu95n3ady5],
    .aet-action-bar .mud-button-root[b-uu95n3ady5] {
        width: 100%;
    }

    .aet-action-bar-right[b-uu95n3ady5] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminEvents.razor.rz.scp.css */
.ae-page[b-shpymky16s] {
    display: grid;
    gap: 14px;
}

[b-shpymky16s] .pcw-admin-shell {
    max-width: 1540px;
    padding: 18px 18px 30px;
}

[b-shpymky16s] .pcw-admin-hero {
    margin-bottom: 14px;
}

.ae-loading-card[b-shpymky16s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 220px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 8px;
    background: rgba(4, 14, 26, 0.78);
    color: rgba(232, 244, 255, 0.82);
}

.ae-summary-grid[b-shpymky16s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ae-summary-card[b-shpymky16s] {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 36%),
        rgba(4, 13, 24, 0.9);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.ae-summary-card span[b-shpymky16s] {
    display: block;
    color: #6fc6de;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.ae-summary-card strong[b-shpymky16s] {
    display: block;
    margin-top: 4px;
    color: #f7fbff;
    font-size: 1.3rem;
    line-height: 1.1;
}

.ae-summary-card small[b-shpymky16s] {
    display: block;
    color: rgba(195, 218, 236, 0.72);
    font-size: 0.76rem;
    line-height: 1.35;
}

.ae-summary-card--live[b-shpymky16s] {
    border-color: rgba(32, 214, 144, 0.28);
}

.ae-summary-card--draft[b-shpymky16s] {
    border-color: rgba(255, 185, 82, 0.3);
}

.ae-workspace[b-shpymky16s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 12px;
    align-items: start;
}

.ae-table-panel[b-shpymky16s],
.ae-inspector-panel[b-shpymky16s] {
    min-width: 0;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 8px;
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 135, 179, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(5, 16, 29, 0.98), rgba(4, 11, 21, 0.96));
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24);
}

.ae-table-panel[b-shpymky16s] {
    padding: 14px;
}

.ae-inspector-panel[b-shpymky16s] {
    position: sticky;
    top: 12px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.ae-panel-head[b-shpymky16s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    margin-bottom: 12px;
}

.ae-kicker[b-shpymky16s] {
    color: #6fc6de;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ae-panel-head h2[b-shpymky16s],
.ae-inspector-panel h2[b-shpymky16s] {
    margin: 2px 0 0;
    color: #f7fbff;
    font-size: 1.02rem;
    line-height: 1.2;
}

.ae-panel-head p[b-shpymky16s],
.ae-inspector-panel p[b-shpymky16s] {
    margin: 4px 0 0;
    color: rgba(195, 218, 236, 0.72);
    font-size: 0.78rem;
    line-height: 1.4;
}

.ae-panel-count[b-shpymky16s] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.12);
    color: #8ed7e9;
    font-size: 0.72rem;
    font-weight: 800;
}

.ae-table-wrap[b-shpymky16s] {
    max-height: min(620px, calc(100dvh - 390px));
    min-height: 320px;
    overflow: auto;
    border: 1px solid rgba(111, 198, 222, 0.16);
    border-radius: 8px;
    scrollbar-gutter: stable both-edges;
}

[b-shpymky16s] .ae-table {
    min-width: 840px;
    background: transparent !important;
}

[b-shpymky16s] .ae-table .mud-table-container {
    max-height: min(620px, calc(100dvh - 390px));
    overflow: auto;
    scrollbar-gutter: stable both-edges;
}

[b-shpymky16s] .ae-table .mud-table-head {
    background: rgba(3, 13, 24, 0.98);
}

[b-shpymky16s] .ae-table thead th {
    border-bottom: 1px solid rgba(111, 198, 222, 0.2) !important;
    color: #6fc6de !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}

[b-shpymky16s] .ae-table tbody td {
    border-bottom: 1px solid rgba(111, 198, 222, 0.1) !important;
    color: rgba(232, 244, 255, 0.82) !important;
    vertical-align: top;
}

[b-shpymky16s] .ae-table tbody tr:nth-child(odd) td {
    background: rgba(255, 255, 255, 0.012);
}

[b-shpymky16s] .ae-table-row--draft td {
    background:
        linear-gradient(90deg, rgba(255, 185, 82, 0.07), transparent 38%),
        rgba(255, 255, 255, 0.008) !important;
}

.ae-event-cell[b-shpymky16s] {
    min-width: 260px;
    max-width: 420px;
}

.ae-event-title[b-shpymky16s] {
    color: #f7fbff;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ae-event-description[b-shpymky16s] {
    margin-top: 4px;
    color: rgba(195, 218, 236, 0.66);
    font-size: 0.74rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ae-window-cell[b-shpymky16s] {
    min-width: 160px;
    color: rgba(232, 244, 255, 0.82);
    white-space: nowrap;
}

.ae-type-chip[b-shpymky16s],
.ae-state-pill[b-shpymky16s] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.ae-type-chip[b-shpymky16s] {
    border-radius: 6px;
    text-transform: uppercase;
}

.ae-type-chip--tournament[b-shpymky16s] {
    border: 1px solid rgba(129, 111, 225, 0.34);
    background: rgba(129, 111, 225, 0.14);
    color: #c4b9ff;
}

.ae-type-chip--maintenance[b-shpymky16s] {
    border: 1px solid rgba(255, 185, 82, 0.34);
    background: rgba(255, 185, 82, 0.13);
    color: #ffd18a;
}

.ae-type-chip--community[b-shpymky16s] {
    border: 1px solid rgba(0, 135, 179, 0.36);
    background: rgba(0, 135, 179, 0.15);
    color: #8ed7e9;
}

.ae-type-chip--announcement[b-shpymky16s] {
    border: 1px solid rgba(32, 214, 144, 0.3);
    background: rgba(32, 214, 144, 0.12);
    color: #4be0a7;
}

.ae-type-chip--other[b-shpymky16s] {
    border: 1px solid rgba(195, 218, 236, 0.18);
    background: rgba(195, 218, 236, 0.08);
    color: rgba(232, 244, 255, 0.78);
}

.ae-state-pill[b-shpymky16s] {
    gap: 6px;
}

.ae-state-dot[b-shpymky16s] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: currentColor;
}

.ae-state-pill--published[b-shpymky16s] {
    border: 1px solid rgba(32, 214, 144, 0.34);
    background: rgba(32, 214, 144, 0.13);
    color: #4be0a7;
}

.ae-state-pill--draft[b-shpymky16s] {
    border: 1px solid rgba(255, 185, 82, 0.34);
    background: rgba(255, 185, 82, 0.12);
    color: #ffd18a;
}

.ae-actions-cell[b-shpymky16s] {
    min-width: 132px;
}

.ae-actions[b-shpymky16s] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    width: 100%;
}

.ae-rule-list[b-shpymky16s] {
    display: grid;
    gap: 8px;
}

.ae-rule-list div[b-shpymky16s] {
    display: grid;
    gap: 3px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(111, 198, 222, 0.12);
}

.ae-rule-list strong[b-shpymky16s] {
    color: #f7fbff;
    font-size: 0.8rem;
}

.ae-rule-list span[b-shpymky16s] {
    color: rgba(195, 218, 236, 0.68);
    font-size: 0.74rem;
    line-height: 1.38;
}

.ae-empty-state[b-shpymky16s] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    padding: 24px;
    border: 1px dashed rgba(111, 198, 222, 0.24);
    border-radius: 8px;
    color: rgba(195, 218, 236, 0.72);
    text-align: center;
}

.ae-empty-state .mud-icon-root[b-shpymky16s] {
    color: #6fc6de;
    font-size: 2rem;
}

.ae-empty-state strong[b-shpymky16s] {
    color: #f7fbff;
}

.ae-empty-state span[b-shpymky16s] {
    max-width: 360px;
    font-size: 0.8rem;
    line-height: 1.42;
}

.ae-dialog-overlay[b-shpymky16s] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, 0.66);
}

.ae-dialog[b-shpymky16s] {
    width: min(100%, 560px);
    max-height: min(760px, calc(100dvh - 36px));
    overflow: auto;
    padding: 20px;
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 8px;
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 135, 179, 0.18), transparent 34%),
        #06101d;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
}

.ae-dialog-title[b-shpymky16s] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #f7fbff;
    font-size: 1rem;
    font-weight: 800;
}

.ae-dialog-title .mud-icon-root[b-shpymky16s] {
    color: #6fc6de;
}

.ae-dialog-actions[b-shpymky16s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 1180px) {
    .ae-workspace[b-shpymky16s] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ae-inspector-panel[b-shpymky16s] {
        position: static;
    }
}

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

@media (max-width: 760px) {
    [b-shpymky16s] .pcw-admin-shell {
        padding: 14px 12px 24px;
    }

    .ae-summary-grid[b-shpymky16s] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ae-panel-head[b-shpymky16s] {
        display: grid;
    }

    .ae-panel-count[b-shpymky16s] {
        justify-self: start;
    }

    .ae-table-wrap[b-shpymky16s],
    [b-shpymky16s] .ae-table .mud-table-container {
        max-height: min(620px, 68dvh);
    }

    [b-shpymky16s] .ae-table {
        min-width: 760px;
    }

    .ae-dialog-overlay[b-shpymky16s] {
        align-items: flex-start;
        padding: 12px;
    }
}
/* /Pages/Admin/AdminFaqs.razor.rz.scp.css */
.faq-admin-page[b-uouk7xxrci] {
    display: grid;
    gap: 1.5rem;
}

.faq-admin-banner[b-uouk7xxrci] {
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 40px rgba(3, 8, 20, 0.28);
}

.faq-admin-banner-inner[b-uouk7xxrci] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.faq-admin-banner-icon[b-uouk7xxrci] {
    color: #fff;
    font-size: 2rem;
}

.faq-admin-banner-title[b-uouk7xxrci] {
    color: #fff;
    font-weight: 800;
}

.faq-admin-banner-subtitle[b-uouk7xxrci] {
    color: rgba(255, 255, 255, 0.68);
}

.faq-admin-layout[b-uouk7xxrci] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.faq-admin-sidebar[b-uouk7xxrci],
.faq-admin-main[b-uouk7xxrci] {
    min-width: 0;
}

.faq-admin-sidebar[b-uouk7xxrci] {
    display: grid;
    position: sticky;
    top: 88px;
}

.faq-admin-sidebar-shell[b-uouk7xxrci],
.faq-admin-empty-editor-shell[b-uouk7xxrci],
.faq-admin-editor-header[b-uouk7xxrci] {
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.025) 100%);
    box-shadow: 0 18px 36px rgba(3, 8, 20, 0.2);
}

.faq-admin-sidebar-shell[b-uouk7xxrci] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.faq-admin-sidebar-header[b-uouk7xxrci],
.faq-admin-list-header[b-uouk7xxrci] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.faq-admin-section-copy[b-uouk7xxrci] {
    color: var(--pcw-text-muted);
}

.faq-admin-stat-pill[b-uouk7xxrci] {
    min-width: 84px;
    padding: 0.7rem 0.85rem;
    border-radius: 18px;
    background: rgba(0, 188, 212, 0.12);
    border: 1px solid rgba(0, 188, 212, 0.22);
    display: grid;
    gap: 0.1rem;
    text-align: center;
}

.faq-admin-stat-pill-value[b-uouk7xxrci],
.faq-admin-metric-value[b-uouk7xxrci],
.faq-admin-badge[b-uouk7xxrci] {
    color: #fff;
}

.faq-admin-stat-pill-value[b-uouk7xxrci],
.faq-admin-metric-value[b-uouk7xxrci] {
    font-size: 1.15rem;
    font-weight: 800;
}

.faq-admin-stat-pill-label[b-uouk7xxrci],
.faq-admin-metric-label[b-uouk7xxrci] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pcw-text-muted);
}

.faq-admin-sidebar-metrics[b-uouk7xxrci] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.faq-admin-metric-card[b-uouk7xxrci] {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    display: grid;
    gap: 0.15rem;
}

.faq-admin-search[b-uouk7xxrci] {
    margin-bottom: 0.1rem;
}

.faq-admin-list-shell[b-uouk7xxrci] {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(4, 9, 21, 0.45);
}

.faq-admin-list[b-uouk7xxrci] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

.faq-admin-list-item[b-uouk7xxrci] {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.02) 100%);
    color: inherit;
    padding: 1rem;
    display: grid;
    gap: 0.55rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.faq-admin-list-item:hover[b-uouk7xxrci],
.faq-admin-list-item:focus-visible[b-uouk7xxrci],
.faq-admin-list-item.is-active[b-uouk7xxrci] {
    border-color: rgba(0, 160, 204, 0.7);
    background: linear-gradient(180deg, rgba(0, 135, 179, 0.18) 0%, rgba(0, 135, 179, 0.08) 100%);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
    outline: none;
    transform: translateY(-1px);
}

.faq-admin-list-item-top[b-uouk7xxrci],
.faq-admin-list-item-meta[b-uouk7xxrci],
.faq-admin-actions[b-uouk7xxrci],
.faq-admin-toggle-row[b-uouk7xxrci],
.faq-admin-item-toolbar[b-uouk7xxrci],
.faq-admin-item-actions[b-uouk7xxrci],
.faq-admin-card-actions[b-uouk7xxrci],
.faq-admin-item-translation-actions[b-uouk7xxrci] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.faq-admin-list-item-top[b-uouk7xxrci] {
    justify-content: space-between;
    align-items: flex-start;
}

.faq-admin-list-item-title[b-uouk7xxrci] {
    font-weight: 700;
    color: #fff;
}

.faq-admin-list-item-meta[b-uouk7xxrci] {
    justify-content: space-between;
    color: var(--pcw-text-muted);
    font-size: 0.87rem;
}

.faq-admin-empty-icon[b-uouk7xxrci] {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.16);
}

.faq-admin-empty-icon-large[b-uouk7xxrci] {
    font-size: 56px;
    color: rgba(255, 255, 255, 0.1);
}

.faq-admin-invalid-copy[b-uouk7xxrci],
.faq-admin-empty-copy[b-uouk7xxrci],
.faq-admin-empty-title[b-uouk7xxrci] {
    color: var(--pcw-text-muted);
}

.faq-admin-main[b-uouk7xxrci] {
    display: grid;
    gap: 1rem;
}

.faq-admin-editor-header[b-uouk7xxrci],
.faq-admin-empty-editor-shell[b-uouk7xxrci] {
    padding: 1.15rem 1.25rem;
}

.faq-admin-editor-header[b-uouk7xxrci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.faq-admin-editor-heading[b-uouk7xxrci] {
    display: grid;
    gap: 0.45rem;
}

.faq-admin-editor-badges[b-uouk7xxrci] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.faq-admin-badge[b-uouk7xxrci] {
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.8rem;
    font-weight: 700;
}

.faq-admin-badge-status[b-uouk7xxrci] {
    background: rgba(58, 181, 122, 0.14);
    border-color: rgba(58, 181, 122, 0.24);
}

.faq-admin-actions[b-uouk7xxrci] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.faq-admin-card-actions[b-uouk7xxrci] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.faq-admin-translation-select[b-uouk7xxrci] {
    min-width: 220px;
}

.faq-admin-card[b-uouk7xxrci] {
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.faq-admin-item[b-uouk7xxrci] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.faq-admin-item + .faq-admin-item[b-uouk7xxrci] {
    margin-top: 1rem;
}

.faq-admin-item-publish[b-uouk7xxrci] {
    justify-content: flex-end;
}

.faq-admin-item-translation-shell[b-uouk7xxrci] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(3, 8, 20, 0.35);
}

.faq-admin-item-translation-header[b-uouk7xxrci] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.faq-admin-item-translation-actions[b-uouk7xxrci] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.faq-admin-preview-card[b-uouk7xxrci] {
    position: sticky;
    top: 88px;
}

.faq-admin-empty-editor[b-uouk7xxrci],
.faq-admin-empty-list[b-uouk7xxrci],
.faq-admin-loading[b-uouk7xxrci] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 0.75rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .faq-admin-layout[b-uouk7xxrci] {
        grid-template-columns: 1fr;
    }

    .faq-admin-sidebar[b-uouk7xxrci] {
        position: static;
    }

    .faq-admin-preview-card[b-uouk7xxrci] {
        position: static;
    }
}

@media (max-width: 768px) {
    .faq-admin-banner-inner[b-uouk7xxrci] {
        flex-wrap: wrap;
    }

    .faq-admin-sidebar-header[b-uouk7xxrci],
    .faq-admin-list-header[b-uouk7xxrci],
    .faq-admin-editor-header[b-uouk7xxrci],
    .faq-admin-item-translation-header[b-uouk7xxrci] {
        flex-direction: column;
        align-items: stretch;
    }

    .faq-admin-sidebar-metrics[b-uouk7xxrci] {
        grid-template-columns: 1fr;
    }

    .faq-admin-actions[b-uouk7xxrci] {
        justify-content: stretch;
    }

    .faq-admin-translation-select[b-uouk7xxrci] {
        min-width: 0;
    }
}
/* /Pages/Admin/AdminGovernance.razor.rz.scp.css */
.admin-governance-workspace[b-2l84uexer9] {
    display: grid;
    gap: 16px;
}

.admin-governance-loading[b-2l84uexer9] {
    min-height: min(540px, calc(100vh - 300px));
}

.admin-governance-summary-grid[b-2l84uexer9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-governance-metric[b-2l84uexer9] {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.12), rgba(7, 95, 122, 0.08)),
        rgba(4, 11, 22, 0.68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-governance-metric-icon[b-2l84uexer9] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.16);
    border: 1px solid rgba(0, 135, 179, 0.24);
}

.admin-governance-metric span[b-2l84uexer9],
.admin-governance-toolbar-copy span[b-2l84uexer9],
.admin-governance-list-head span[b-2l84uexer9],
.admin-governance-group > span[b-2l84uexer9],
.admin-governance-inspector-header span[b-2l84uexer9],
.admin-governance-detail-grid span[b-2l84uexer9] {
    display: block;
    color: #67c7e3;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-governance-metric strong[b-2l84uexer9] {
    display: block;
    margin-top: 2px;
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.25rem;
    line-height: 1.1;
}

.admin-governance-metric small[b-2l84uexer9],
.admin-governance-toolbar-copy small[b-2l84uexer9],
.admin-governance-list-head small[b-2l84uexer9] {
    display: block;
    margin-top: 4px;
    color: rgba(187, 207, 222, 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-governance-toolbar[b-2l84uexer9] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 420px) minmax(170px, 210px) auto;
    align-items: end;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
}

.admin-governance-toolbar-copy strong[b-2l84uexer9] {
    display: block;
    margin-top: 4px;
    color: rgba(247, 251, 255, 0.96);
    font-size: 1rem;
    line-height: 1.2;
}

.admin-governance-search[b-2l84uexer9],
.admin-governance-filter[b-2l84uexer9] {
    min-width: 0;
}

.admin-governance-editor[b-2l84uexer9] {
    display: grid;
    grid-template-columns: minmax(340px, 0.9fr) minmax(380px, 1.1fr);
    align-items: start;
    gap: 14px;
}

.admin-governance-list[b-2l84uexer9],
.admin-governance-inspector[b-2l84uexer9] {
    min-width: 0;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(4, 18, 33, 0.86), rgba(4, 11, 22, 0.74)),
        rgba(4, 11, 22, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.72);
    scrollbar-gutter: stable both-edges;
}

.admin-governance-list[b-2l84uexer9] {
    max-height: min(680px, calc(100vh - 340px));
    overflow: auto;
    padding: 12px;
}

.admin-governance-inspector[b-2l84uexer9] {
    position: sticky;
    top: 12px;
    max-height: min(680px, calc(100vh - 340px));
    overflow: auto;
    padding: 16px;
}

.admin-governance-list[b-2l84uexer9]::-webkit-scrollbar,
.admin-governance-inspector[b-2l84uexer9]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-governance-list[b-2l84uexer9]::-webkit-scrollbar-thumb,
.admin-governance-inspector[b-2l84uexer9]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.38);
}

.admin-governance-list[b-2l84uexer9]::-webkit-scrollbar-track,
.admin-governance-inspector[b-2l84uexer9]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.72);
}

.admin-governance-list-head[b-2l84uexer9] {
    position: sticky;
    top: 0;
    z-index: 1;
    margin: -12px -12px 10px;
    padding: 12px;
    border-bottom: 1px solid rgba(125, 160, 210, 0.1);
    background: rgba(4, 11, 22, 0.94);
}

.admin-governance-group[b-2l84uexer9] {
    display: grid;
    gap: 8px;
}

.admin-governance-group + .admin-governance-group[b-2l84uexer9] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(125, 160, 210, 0.1);
}

.admin-governance-group > span[b-2l84uexer9] {
    padding: 0 4px;
    color: rgba(103, 199, 227, 0.84);
}

.admin-governance-item[b-2l84uexer9] {
    width: 100%;
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(136px, max-content);
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 8px;
    color: rgba(247, 251, 255, 0.92);
    background: rgba(2, 13, 26, 0.68);
    text-align: left;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.admin-governance-item:hover[b-2l84uexer9],
.admin-governance-item:focus-visible[b-2l84uexer9] {
    border-color: rgba(0, 135, 179, 0.42);
    background: rgba(0, 135, 179, 0.08);
    outline: none;
}

.admin-governance-item.is-selected[b-2l84uexer9] {
    border-color: rgba(0, 135, 179, 0.84);
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.18), rgba(16, 45, 74, 0.34)),
        rgba(2, 13, 26, 0.86);
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.16), 0 12px 28px rgba(0, 0, 0, 0.2);
}

.admin-governance-item-main[b-2l84uexer9],
.admin-governance-item-status[b-2l84uexer9] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.admin-governance-item-status[b-2l84uexer9] {
    justify-items: end;
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.74rem;
    overflow-wrap: anywhere;
}

.admin-governance-item-title[b-2l84uexer9] {
    min-width: 0;
    color: rgba(247, 251, 255, 0.96);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.admin-governance-item-meta[b-2l84uexer9] {
    min-width: 0;
    color: rgba(187, 207, 222, 0.72);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.76rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-governance-pill[b-2l84uexer9] {
    width: max-content;
    max-width: 100%;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    color: rgba(247, 251, 255, 0.92);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    overflow-wrap: anywhere;
}

.admin-governance-pill--visible[b-2l84uexer9] {
    color: #67e8a3;
    border-color: rgba(42, 172, 103, 0.34);
    background: rgba(21, 128, 61, 0.18);
}

.admin-governance-pill--hidden[b-2l84uexer9] {
    color: #ff9aaa;
    border-color: rgba(255, 86, 111, 0.36);
    background: rgba(255, 86, 111, 0.13);
}

.admin-governance-pill--comingsoon[b-2l84uexer9],
.admin-governance-pill--undermaintenance[b-2l84uexer9] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.36);
    background: rgba(245, 158, 11, 0.14);
}

.admin-governance-pill--rolelocked[b-2l84uexer9] {
    color: #9bdcf1;
    border-color: rgba(0, 135, 179, 0.38);
    background: rgba(0, 135, 179, 0.16);
}

.admin-governance-inspector-header[b-2l84uexer9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(125, 160, 210, 0.12);
}

.admin-governance-inspector-header h2[b-2l84uexer9],
.admin-governance-inspector-header p[b-2l84uexer9] {
    margin: 0;
}

.admin-governance-inspector-header h2[b-2l84uexer9] {
    margin-top: 5px;
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.15rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.admin-governance-inspector-header p[b-2l84uexer9] {
    margin-top: 4px;
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.admin-governance-detail-grid[b-2l84uexer9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.admin-governance-detail-grid > div[b-2l84uexer9] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(125, 160, 210, 0.11);
    border-radius: 8px;
    background: rgba(2, 13, 26, 0.58);
}

.admin-governance-detail-grid strong[b-2l84uexer9] {
    display: block;
    margin-top: 4px;
    color: rgba(247, 251, 255, 0.92);
    font-size: 0.84rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.admin-governance-form[b-2l84uexer9] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(125, 160, 210, 0.12);
}

.admin-governance-note[b-2l84uexer9] {
    margin: -4px 0 0;
    color: rgba(187, 207, 222, 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-governance-actions[b-2l84uexer9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(125, 160, 210, 0.12);
}

.admin-governance-actions > span[b-2l84uexer9] {
    color: #ffd37a;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-governance-state-panel[b-2l84uexer9],
.admin-governance-empty[b-2l84uexer9] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(125, 160, 210, 0.14);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
    color: rgba(210, 229, 241, 0.82);
    text-align: left;
}

.admin-governance-state-panel--error[b-2l84uexer9] {
    justify-content: flex-start;
    border-color: rgba(255, 86, 111, 0.34);
    background: linear-gradient(135deg, rgba(255, 86, 111, 0.11), rgba(4, 11, 22, 0.68));
}

.admin-governance-state-panel h2[b-2l84uexer9],
.admin-governance-state-panel p[b-2l84uexer9],
.admin-governance-empty strong[b-2l84uexer9],
.admin-governance-empty span[b-2l84uexer9] {
    margin: 0;
}

.admin-governance-state-panel h2[b-2l84uexer9],
.admin-governance-empty strong[b-2l84uexer9] {
    display: block;
    color: rgba(247, 251, 255, 0.96);
    font-size: 1rem;
}

.admin-governance-state-panel p[b-2l84uexer9],
.admin-governance-empty span[b-2l84uexer9] {
    display: block;
    margin-top: 4px;
    color: rgba(187, 207, 222, 0.72);
}

.admin-governance-skeleton[b-2l84uexer9] {
    border-radius: 10px;
    background-color: rgba(125, 160, 210, 0.1) !important;
}

[b-2l84uexer9] .admin-governance-form .mud-input,
[b-2l84uexer9] .admin-governance-toolbar .mud-input {
    background-color: rgba(2, 13, 26, 0.56) !important;
}

[b-2l84uexer9] .admin-governance-form .mud-input-control,
[b-2l84uexer9] .admin-governance-toolbar .mud-input-control {
    margin-top: 0;
}

@media (max-width: 1180px) {
    .admin-governance-summary-grid[b-2l84uexer9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-governance-toolbar[b-2l84uexer9] {
        grid-template-columns: 1fr 1fr;
    }

    .admin-governance-editor[b-2l84uexer9] {
        grid-template-columns: 1fr;
    }

    .admin-governance-inspector[b-2l84uexer9] {
        position: static;
    }
}

@media (max-width: 720px) {
    .admin-governance-summary-grid[b-2l84uexer9] {
        grid-template-columns: 1fr;
    }

    .admin-governance-toolbar[b-2l84uexer9] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-governance-list[b-2l84uexer9] {
        max-height: min(360px, 42dvh);
    }

    .admin-governance-inspector[b-2l84uexer9] {
        max-height: none;
    }

    .admin-governance-item[b-2l84uexer9] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .admin-governance-item-status[b-2l84uexer9] {
        justify-items: start;
    }

    .admin-governance-inspector-header[b-2l84uexer9],
    .admin-governance-actions[b-2l84uexer9] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-governance-actions[b-2l84uexer9] {
        justify-content: flex-start;
    }

    .admin-governance-detail-grid[b-2l84uexer9] {
        grid-template-columns: 1fr;
    }

    .admin-governance-state-panel[b-2l84uexer9],
    .admin-governance-empty[b-2l84uexer9] {
        min-height: 160px;
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminHighlightSettings.razor.rz.scp.css */
.ahs-info-banner[b-m8kudtp4u3]{display:flex;gap:12px;padding:16px;border:1px solid rgba(110,180,255,.2)}
.ahs-table-toolbar[b-m8kudtp4u3]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.ahs-unsaved[b-m8kudtp4u3]{color:var(--mud-palette-warning-light)}
.ahs-table-wrapper[b-m8kudtp4u3]{overflow:auto;border:1px solid rgba(110,180,255,.15);border-radius:12px;background:rgba(10,16,35,.65)}
.ahs-table[b-m8kudtp4u3]{width:100%;border-collapse:collapse;min-width:1200px}
.ahs-table th[b-m8kudtp4u3],.ahs-table td[b-m8kudtp4u3]{padding:12px;border-bottom:1px solid rgba(110,180,255,.12);vertical-align:top}
.ahs-row-disabled[b-m8kudtp4u3]{opacity:.82}
.ahs-role-cell[b-m8kudtp4u3]{display:flex;align-items:center;gap:10px}
.ahs-color-dot[b-m8kudtp4u3]{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.5)}
.ahs-key-cell[b-m8kudtp4u3]{display:flex;align-items:center;gap:8px}
.ahs-color-editor[b-m8kudtp4u3]{display:flex;flex-direction:column;gap:8px}
.ahs-gradient-row[b-m8kudtp4u3]{display:flex;gap:8px;align-items:center}
.ahs-swatches[b-m8kudtp4u3]{display:flex;gap:6px;flex-wrap:wrap}
.ahs-swatch[b-m8kudtp4u3]{width:20px;height:20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);cursor:pointer}
.ahs-role-preview[b-m8kudtp4u3]{font-size:1.02rem;font-weight:700;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.04)}
.ahs-role-preview--disabled[b-m8kudtp4u3]{border:1px dashed rgba(255,255,255,.18)}

@media (max-width: 900px){
  .ahs-table[b-m8kudtp4u3]{min-width:0}
  .ahs-table thead[b-m8kudtp4u3]{display:none}
  .ahs-table tr[b-m8kudtp4u3]{display:block;border-bottom:1px solid rgba(110,180,255,.2)}
  .ahs-table td[b-m8kudtp4u3]{display:grid;grid-template-columns:130px 1fr;gap:8px}
  .ahs-table td[b-m8kudtp4u3]::before{content:attr(data-label);color:rgba(255,255,255,.65);font-size:.78rem;text-transform:uppercase}
}
/* /Pages/Admin/AdminMessages.razor.rz.scp.css */
.amsg-page[b-sqjwsroj1b] {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

[b-sqjwsroj1b] .pcw-admin-shell {
    width: min(100%, 2320px);
    max-width: calc(100vw - 48px);
}

.amsg-tabs[b-sqjwsroj1b] {
    overflow: hidden;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 18px;
    background:
        radial-gradient(circle at 16% -10%, rgba(0, 135, 179, 0.14), transparent 26%),
        radial-gradient(circle at 88% 0%, rgba(38, 57, 91, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(5, 12, 24, 0.98), rgba(7, 13, 25, 0.96));
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
}

[b-sqjwsroj1b] .amsg-tabs .mud-tabs-toolbar {
    min-height: 64px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.16);
    background: rgba(4, 11, 22, 0.88);
    overflow-x: auto;
}

[b-sqjwsroj1b] .amsg-tabs .mud-tabs-toolbar-content {
    min-width: max-content;
}

[b-sqjwsroj1b] .amsg-tabs .mud-tab {
    min-height: 64px;
    padding: 0 22px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.83rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

[b-sqjwsroj1b] .amsg-tabs .mud-tab:hover {
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.06);
}

[b-sqjwsroj1b] .amsg-tabs .mud-tab.mud-tab-active {
    color: #67c7e3;
    text-shadow: 0 0 18px rgba(0, 135, 179, 0.46);
}

[b-sqjwsroj1b] .amsg-tabs .mud-tabs-slider {
    height: 3px;
    border-radius: 999px;
    background: #0087b3;
    box-shadow: 0 0 20px rgba(0, 135, 179, 0.68);
}

[b-sqjwsroj1b] .amsg-tabs .mud-tabs-panels {
    padding: 0;
}

.amsg-section[b-sqjwsroj1b] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px;
}

.amsg-support-overview[b-sqjwsroj1b] {
    display: grid;
    gap: 10px;
}

.amsg-stat-grid[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.amsg-stat-grid--primary[b-sqjwsroj1b] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.amsg-stat-grid--secondary[b-sqjwsroj1b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.amsg-disclosure-row[b-sqjwsroj1b] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid rgba(0, 135, 179, 0.18);
    border-radius: 12px;
    color: #d8ebf7;
    background: rgba(2, 8, 20, 0.38);
    cursor: pointer;
    text-align: left;
}

.amsg-disclosure-row strong[b-sqjwsroj1b],
.amsg-disclosure-row small[b-sqjwsroj1b] {
    display: block;
}

.amsg-disclosure-row strong[b-sqjwsroj1b] {
    color: #f8fbff;
    font-size: 0.82rem;
    font-weight: 850;
}

.amsg-disclosure-row small[b-sqjwsroj1b] {
    margin-top: 2px;
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.amsg-stat-card[b-sqjwsroj1b],
.amsg-panel[b-sqjwsroj1b],
.amsg-card[b-sqjwsroj1b],
.amsg-filter-card[b-sqjwsroj1b] {
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(0, 135, 179, 0.06), transparent 32%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(7, 13, 25, 0.94));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.amsg-stat-card[b-sqjwsroj1b] {
    position: relative;
    min-height: 110px;
    display: grid;
    grid-template-columns: 42px 1fr;
    grid-template-areas:
        "icon value"
        "icon label"
        "icon help";
    align-items: center;
    gap: 0 12px;
    padding: 18px;
    overflow: hidden;
}

.amsg-stat-card[b-sqjwsroj1b]::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -42px;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: rgba(0, 135, 179, 0.055);
}

.amsg-stat-icon[b-sqjwsroj1b] {
    grid-area: icon;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.amsg-stat-icon--info[b-sqjwsroj1b] {
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.14);
}

.amsg-stat-icon--warning[b-sqjwsroj1b] {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.14);
}

.amsg-stat-icon--success[b-sqjwsroj1b] {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.14);
}

.amsg-stat-icon--danger[b-sqjwsroj1b] {
    color: #fb7185;
    background: rgba(251, 113, 133, 0.14);
}

.amsg-stat-icon--purple[b-sqjwsroj1b] {
    color: #90b5c8;
    background: rgba(38, 57, 91, 0.18);
}

.amsg-stat-value[b-sqjwsroj1b] {
    grid-area: value;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
}

.amsg-stat-label[b-sqjwsroj1b] {
    grid-area: label;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.78rem;
    font-weight: 800;
}

.amsg-stat-help[b-sqjwsroj1b] {
    grid-area: help;
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.amsg-filter-card[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: minmax(260px, 1.55fr) minmax(140px, 0.62fr) minmax(150px, 0.66fr) minmax(170px, 0.72fr) minmax(210px, 0.9fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
}

.amsg-filter-card--compact[b-sqjwsroj1b] {
    grid-template-columns: minmax(260px, 1fr) minmax(150px, 0.34fr) auto auto;
}

.amsg-filter-card--advanced[b-sqjwsroj1b] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.amsg-filter-search[b-sqjwsroj1b],
.amsg-filter-select[b-sqjwsroj1b],
.amsg-filter-date[b-sqjwsroj1b] {
    min-width: 0;
}

.amsg-split[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(420px, 0.72fr);
    gap: 14px;
    align-items: start;
}

.amsg-split--support[b-sqjwsroj1b] {
    grid-template-columns: minmax(620px, 1.65fr) minmax(520px, 0.9fr);
}

.amsg-panel[b-sqjwsroj1b],
.amsg-card[b-sqjwsroj1b] {
    min-width: 0;
    padding: 16px;
}

.amsg-panel--list[b-sqjwsroj1b] {
    overflow: hidden;
}

.amsg-panel-header[b-sqjwsroj1b],
.amsg-card-header[b-sqjwsroj1b],
.amsg-detail-header[b-sqjwsroj1b],
.amsg-chat-header[b-sqjwsroj1b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.amsg-panel-header .mud-typography-subtitle1[b-sqjwsroj1b],
.amsg-card-header .mud-typography-h6[b-sqjwsroj1b],
.amsg-detail-header .mud-typography-subtitle1[b-sqjwsroj1b],
.amsg-chat-header .mud-typography-subtitle1[b-sqjwsroj1b] {
    color: #fff;
    font-weight: 850;
    letter-spacing: 0;
}

.amsg-panel-header .mud-typography-caption[b-sqjwsroj1b],
.amsg-card-header .mud-typography-caption[b-sqjwsroj1b],
.amsg-detail-header .mud-typography-caption[b-sqjwsroj1b],
.amsg-chat-header .mud-typography-caption[b-sqjwsroj1b],
.amsg-muted[b-sqjwsroj1b] {
    color: var(--pcw-text-muted);
}

.amsg-table-wrap[b-sqjwsroj1b] {
    overflow-x: auto;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 14px;
    background: rgba(2, 8, 20, 0.36);
}

[b-sqjwsroj1b] .amsg-table .mud-table-container {
    border-radius: 14px;
}

[b-sqjwsroj1b] .amsg-table .mud-table-root,
[b-sqjwsroj1b] .amsg-table .mud-table-pagination {
    background: transparent;
}

[b-sqjwsroj1b] .amsg-table .mud-table-root {
    min-width: 960px;
}

.amsg-select-cell[b-sqjwsroj1b] {
    width: 48px;
    min-width: 48px;
}

[b-sqjwsroj1b] .amsg-page .mud-button-filled-primary {
    color: #f7fbff;
    background: linear-gradient(135deg, #075f7a, #0a4f66);
    box-shadow: 0 8px 22px rgba(0, 88, 118, 0.22);
}

[b-sqjwsroj1b] .amsg-page .mud-button-filled-primary:hover {
    background: linear-gradient(135deg, #0a6f8d, #0b5d78);
}

[b-sqjwsroj1b] .amsg-table .mud-table-head .mud-table-cell {
    color: #67c7e3;
    border-bottom-color: rgba(0, 135, 179, 0.18);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-sqjwsroj1b] .amsg-table .mud-table-cell {
    color: rgba(255, 255, 255, 0.78);
    border-bottom-color: rgba(148, 163, 184, 0.11);
    font-size: 0.81rem;
    vertical-align: middle;
}

[b-sqjwsroj1b] .amsg-click-row {
    transition: background 140ms ease, box-shadow 140ms ease;
}

[b-sqjwsroj1b] .amsg-click-row:hover {
    background: rgba(0, 135, 179, 0.08) !important;
    cursor: pointer;
}

[b-sqjwsroj1b] .amsg-row-selected {
    background: linear-gradient(90deg, rgba(0, 135, 179, 0.18), rgba(16, 45, 74, 0.16)) !important;
    box-shadow: inset 3px 0 0 #0087b3;
}

[b-sqjwsroj1b] .amsg-row-attention:not(.amsg-row-selected) {
    box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.72);
}

.amsg-user-cell[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.amsg-avatar-wrap[b-sqjwsroj1b] {
    position: relative;
    flex: 0 0 auto;
}

.amsg-new-dot[b-sqjwsroj1b] {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 1;
    width: 10px;
    height: 10px;
    border: 2px solid #0b1220;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.75);
}

[b-sqjwsroj1b] .amsg-avatar {
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.3), rgba(38, 57, 91, 0.42)) !important;
    color: #fff !important;
    font-weight: 850 !important;
}

[b-sqjwsroj1b] .amsg-avatar--large {
    width: 46px !important;
    height: 46px !important;
    font-size: 1rem !important;
}

.amsg-user-copy[b-sqjwsroj1b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.amsg-user-copy span[b-sqjwsroj1b],
.amsg-strong-cell[b-sqjwsroj1b] {
    color: #fff;
    font-weight: 800;
}

.amsg-user-copy small[b-sqjwsroj1b],
.amsg-strong-cell + small[b-sqjwsroj1b] {
    max-width: 150px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amsg-source-row[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.amsg-muted[b-sqjwsroj1b] {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.46);
    font-size: 0.72rem;
}

.amsg-preview-text[b-sqjwsroj1b] {
    max-width: 360px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.64);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amsg-badge[b-sqjwsroj1b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.amsg-badge--info[b-sqjwsroj1b] {
    color: #67c7e3;
    border-color: rgba(0, 135, 179, 0.3);
    background: rgba(0, 135, 179, 0.12);
}

.amsg-badge--success[b-sqjwsroj1b] {
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.12);
}

.amsg-badge--warning[b-sqjwsroj1b] {
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.13);
}

.amsg-badge--danger[b-sqjwsroj1b] {
    color: #fb7185;
    border-color: rgba(244, 63, 94, 0.34);
    background: rgba(244, 63, 94, 0.14);
}

.amsg-badge--neutral[b-sqjwsroj1b] {
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(148, 163, 184, 0.1);
}

.amsg-badge--discord[b-sqjwsroj1b] {
    color: #c4b5fd;
    border-color: rgba(129, 140, 248, 0.34);
    background: rgba(88, 101, 242, 0.15);
}

.amsg-discord-meta[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px;
    border: 1px solid rgba(129, 140, 248, 0.18);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.58);
}

.amsg-discord-meta span[b-sqjwsroj1b] {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amsg-discord-meta strong[b-sqjwsroj1b] {
    display: block;
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.44);
    font-size: 0.66rem;
    text-transform: uppercase;
}

.amsg-detail-panel[b-sqjwsroj1b] {
    position: sticky;
    top: 88px;
}

.amsg-header-actions[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.amsg-detail-controls[b-sqjwsroj1b],
.amsg-two-col[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.amsg-thread[b-sqjwsroj1b] {
    min-height: 240px;
    max-height: clamp(360px, 42vh, 720px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 14px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 14px;
    background:
        radial-gradient(circle at top left, rgba(0, 135, 179, 0.07), transparent 28%),
        rgba(2, 8, 20, 0.44);
}

.amsg-thread--chat[b-sqjwsroj1b] {
    max-height: 500px;
}

.amsg-thread-message[b-sqjwsroj1b] {
    width: min(84%, 620px);
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 14px 14px 14px 4px;
    background: rgba(15, 23, 42, 0.92);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.amsg-thread-message--admin[b-sqjwsroj1b] {
    align-self: flex-end;
    border-color: rgba(0, 135, 179, 0.26);
    border-radius: 14px 14px 4px 14px;
    background: linear-gradient(135deg, rgba(7, 40, 58, 0.92), rgba(15, 23, 42, 0.94));
}

.amsg-thread-meta[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: #67c7e3;
    font-size: 0.73rem;
    font-weight: 850;
}

.amsg-thread-meta time[b-sqjwsroj1b] {
    color: var(--pcw-text-muted);
    font-weight: 650;
    white-space: nowrap;
}

.amsg-thread-meta small[b-sqjwsroj1b] {
    margin-left: 6px;
    color: #90b5c8;
    font-size: 0.68rem;
    font-weight: 850;
}

.amsg-thread-message p[b-sqjwsroj1b] {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.88rem;
    line-height: 1.52;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.amsg-reply-panel[b-sqjwsroj1b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.amsg-reply-actions[b-sqjwsroj1b],
.amsg-actions[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.amsg-reply-actions .mud-typography-caption[b-sqjwsroj1b],
.amsg-char-count[b-sqjwsroj1b] {
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
}

.amsg-compose-grid[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
    gap: 16px;
    align-items: start;
}

.amsg-card[b-sqjwsroj1b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amsg-card--broadcast[b-sqjwsroj1b] {
    border-color: rgba(244, 63, 94, 0.24);
}

.amsg-preview-card[b-sqjwsroj1b] {
    position: sticky;
    top: 88px;
}

.amsg-style-panel[b-sqjwsroj1b] {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    overflow: hidden;
}

[b-sqjwsroj1b] .amsg-style-panel .mud-expand-panel {
    background: rgba(2, 8, 20, 0.32) !important;
}

[b-sqjwsroj1b] .amsg-style-panel .mud-expand-panel-header {
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.85rem;
    font-weight: 850;
}

.amsg-style-grid[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 4px 0 12px;
}

.amsg-color-field[b-sqjwsroj1b] {
    min-width: 0;
}

.amsg-color-field label[b-sqjwsroj1b] {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.74rem;
    font-weight: 800;
}

.amsg-color-field > div[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.amsg-color-field input[type="color"][b-sqjwsroj1b] {
    width: 44px;
    height: 40px;
    padding: 4px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 10px;
    background: rgba(2, 8, 20, 0.72);
    cursor: pointer;
}

.amsg-preview-meta[b-sqjwsroj1b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 14px;
    background: rgba(2, 8, 20, 0.38);
}

.amsg-preview-meta--row[b-sqjwsroj1b] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.amsg-preview-meta span[b-sqjwsroj1b] {
    color: #67c7e3;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.amsg-preview-meta strong[b-sqjwsroj1b] {
    color: #fff;
    font-size: 0.95rem;
}

.amsg-preview-meta small[b-sqjwsroj1b] {
    color: var(--pcw-text-muted);
}

.amsg-message-preview[b-sqjwsroj1b] {
    min-height: 160px;
    padding: 18px;
    border: 1px solid;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 42px rgba(0, 0, 0, 0.24);
}

.amsg-message-preview h3[b-sqjwsroj1b] {
    margin: 0 0 8px;
    color: inherit;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.25;
}

.amsg-message-preview p[b-sqjwsroj1b] {
    margin: 0;
    color: inherit;
    font-size: 0.91rem;
    line-height: 1.55;
    opacity: 0.9;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.amsg-preview-badge[b-sqjwsroj1b] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #075f7a, #102d4a);
    font-size: 0.72rem;
    font-weight: 900;
}

.amsg-message-preview--broadcast[b-sqjwsroj1b] {
    border-width: 2px;
}

.amsg-broadcast-head[b-sqjwsroj1b] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.amsg-broadcast-head .mud-icon-root[b-sqjwsroj1b] {
    color: #fb7185;
}

.amsg-info-note[b-sqjwsroj1b] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 14px;
    color: var(--pcw-text-muted);
    background: rgba(0, 135, 179, 0.05);
    font-size: 0.82rem;
}

.amsg-info-note .mud-icon-root[b-sqjwsroj1b] {
    color: #67c7e3;
    flex: 0 0 auto;
}

.amsg-chat-toolbar[b-sqjwsroj1b] {
    display: grid;
    grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.9fr) auto;
    gap: 12px;
    align-items: start;
}

.amsg-chat-picker[b-sqjwsroj1b] {
    min-width: 0;
}

.amsg-chat-shell[b-sqjwsroj1b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amsg-loading[b-sqjwsroj1b] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amsg-empty[b-sqjwsroj1b] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 28px;
    text-align: center;
    border: 1px dashed rgba(0, 135, 179, 0.24);
    border-radius: 16px;
    color: var(--pcw-text-muted);
    background: rgba(0, 135, 179, 0.035);
}

.amsg-empty--tall[b-sqjwsroj1b] {
    min-height: 360px;
}

.amsg-empty .mud-icon-root[b-sqjwsroj1b] {
    color: rgba(125, 211, 252, 0.38);
    font-size: 3rem;
}

.amsg-empty strong[b-sqjwsroj1b] {
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.95rem;
}

.amsg-empty span[b-sqjwsroj1b] {
    max-width: 420px;
    font-size: 0.82rem;
}

[b-sqjwsroj1b] .amsg-page .mud-input,
[b-sqjwsroj1b] .amsg-page .mud-input-control,
[b-sqjwsroj1b] .amsg-page .mud-picker-input-button {
    color: rgba(255, 255, 255, 0.88);
}

[b-sqjwsroj1b] .amsg-page .mud-input-outlined-border {
    border-color: rgba(148, 163, 184, 0.22) !important;
}

[b-sqjwsroj1b] .amsg-page .mud-input:hover .mud-input-outlined-border,
[b-sqjwsroj1b] .amsg-page .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: rgba(0, 135, 179, 0.58) !important;
}

[b-sqjwsroj1b] .amsg-page .mud-input-label,
[b-sqjwsroj1b] .amsg-page .mud-input-helper-text {
    color: rgba(255, 255, 255, 0.56) !important;
}

[b-sqjwsroj1b] .amsg-page .mud-button {
    border-radius: 10px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

@media (max-width: 1360px) {
    [b-sqjwsroj1b] .pcw-admin-shell {
        max-width: calc(100vw - 28px);
        padding-inline: 16px;
    }

    .amsg-stat-grid[b-sqjwsroj1b] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .amsg-filter-card[b-sqjwsroj1b],
    .amsg-chat-toolbar[b-sqjwsroj1b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .amsg-filter-card .mud-button-root[b-sqjwsroj1b],
    .amsg-chat-toolbar .mud-button-root[b-sqjwsroj1b] {
        width: fit-content;
    }
}

@media (min-width: 1900px) {
    .amsg-section[b-sqjwsroj1b] {
        padding: 22px;
    }

    .amsg-split[b-sqjwsroj1b] {
        grid-template-columns: minmax(0, 1.85fr) minmax(480px, 0.65fr);
    }

    .amsg-split--support[b-sqjwsroj1b] {
        grid-template-columns: minmax(0, 2.05fr) minmax(500px, 0.7fr);
    }

    [b-sqjwsroj1b] .amsg-table .mud-table-root {
        min-width: 1080px;
    }

    .amsg-preview-text[b-sqjwsroj1b] {
        max-width: 520px;
    }
}

@media (min-width: 2600px) {
    [b-sqjwsroj1b] .pcw-admin-shell {
        width: min(100%, 2880px);
        max-width: calc(100vw - 96px);
    }

    .amsg-split--support[b-sqjwsroj1b] {
        grid-template-columns: minmax(0, 2.3fr) minmax(560px, 0.68fr);
    }
}

@media (max-width: 1080px) {
    .amsg-split[b-sqjwsroj1b],
    .amsg-split--support[b-sqjwsroj1b],
    .amsg-compose-grid[b-sqjwsroj1b] {
        grid-template-columns: 1fr;
    }

    .amsg-detail-panel[b-sqjwsroj1b],
    .amsg-preview-card[b-sqjwsroj1b] {
        position: static;
    }
}

@media (max-width: 760px) {
    .amsg-section[b-sqjwsroj1b] {
        padding: 12px;
    }

    .amsg-stat-grid[b-sqjwsroj1b],
    .amsg-filter-card[b-sqjwsroj1b],
    .amsg-chat-toolbar[b-sqjwsroj1b],
    .amsg-detail-controls[b-sqjwsroj1b],
    .amsg-discord-meta[b-sqjwsroj1b],
    .amsg-two-col[b-sqjwsroj1b],
    .amsg-style-grid[b-sqjwsroj1b] {
        grid-template-columns: 1fr;
    }

    .amsg-stat-card[b-sqjwsroj1b] {
        min-height: 96px;
    }

    .amsg-panel[b-sqjwsroj1b],
    .amsg-card[b-sqjwsroj1b],
    .amsg-filter-card[b-sqjwsroj1b] {
        padding: 12px;
        border-radius: 14px;
    }

    .amsg-thread-message[b-sqjwsroj1b] {
        width: 100%;
    }

    .amsg-reply-actions[b-sqjwsroj1b],
    .amsg-actions[b-sqjwsroj1b] {
        align-items: stretch;
        flex-direction: column;
    }

    .amsg-reply-actions .mud-button-root[b-sqjwsroj1b],
    .amsg-actions .mud-button-root[b-sqjwsroj1b] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    [b-sqjwsroj1b] .amsg-tabs .mud-tab {
        padding: 0 16px;
    }

    .amsg-page[b-sqjwsroj1b] {
        margin-inline: -4px;
    }

    .amsg-preview-text[b-sqjwsroj1b] {
        max-width: 240px;
    }
}
/* /Pages/Admin/AdminOperations.razor.rz.scp.css */
.ops-page[b-ks0phxe1di] {
    --ops-page: #08131f;
    --ops-panel: #0d1a29;
    --ops-panel-strong: #101f31;
    --ops-panel-soft: #13263a;
    --ops-row: #16283d;
    --ops-row-hover: #1a3048;
    --ops-border: rgba(95, 132, 158, 0.42);
    --ops-border-soft: rgba(95, 132, 158, 0.24);
    --ops-border-strong: rgba(0, 135, 179, 0.58);
    --ops-text: #f6fbff;
    --ops-text-2: #d5e0ea;
    --ops-muted: #a8bac9;
    --ops-accent: #0087b3;
    --ops-accent-bright: #32b7db;
    --ops-accent-soft: rgba(0, 135, 179, 0.18);
    --ops-danger: #ef4444;
    --ops-warning: #f59e0b;
    --ops-success: #22c55e;
    --ops-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
    min-width: 0;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell {
    gap: 16px;
    max-width: 1760px;
    padding: 18px 20px 34px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 12px;
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 135, 179, 0.18), transparent 34%),
        linear-gradient(180deg, #0b1725, #08111d 56%, #060d17);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 22px 54px rgba(0, 0, 0, 0.32);
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-hero {
    gap: 14px;
    padding: 16px 18px;
    border-color: rgba(72, 176, 209, 0.38);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(14, 34, 52, 0.98), rgba(9, 20, 34, 0.98)),
        var(--ops-panel-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), var(--ops-shadow);
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-eyebrow {
    color: var(--ops-accent);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-title {
    color: var(--ops-text);
    font-size: 1.95rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.05;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-subtitle {
    max-width: 760px;
    color: var(--ops-text-2);
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.45;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-hero-actions {
    justify-content: flex-end;
    min-width: max-content;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-custom-tabs {
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    padding: 8px;
    border-color: var(--ops-border);
    border-radius: 10px;
    background: #091421;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    scrollbar-color: rgba(148, 163, 184, 0.28) transparent;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-tab-button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 8px;
    color: #c8d7e5;
    font-size: 0.76rem;
    font-weight: 760;
    letter-spacing: 0.02em;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-tab-button--active {
    color: #fff;
    border-color: rgba(0, 135, 179, 0.68);
    background: linear-gradient(180deg, rgba(0, 135, 179, 0.28), rgba(0, 135, 179, 0.14));
    box-shadow: inset 0 -2px 0 var(--ops-accent-bright), 0 8px 18px rgba(0, 95, 128, 0.2);
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-tab-badge {
    min-width: 19px;
    height: 19px;
    padding: 0 6px;
    font-size: 0.66rem;
}

.ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-panel {
    gap: 12px;
}

.ops-hero-actions[b-ks0phxe1di] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.ops-shell[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    gap: 12px;
}

.ops-summary-grid[b-ks0phxe1di] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.ops-summary-card[b-ks0phxe1di] {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--ops-border-soft);
    border-top: 3px solid rgba(0, 135, 179, 0.68);
    border-radius: 10px;
    background: linear-gradient(180deg, #122235, #0e1a29);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ops-summary-card .mud-icon-root[b-ks0phxe1di] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 135, 179, 0.34);
    border-radius: 9px;
    color: var(--ops-accent-bright);
    background: rgba(0, 135, 179, 0.13);
    font-size: 1.22rem;
}

.ops-summary-card span[b-ks0phxe1di],
.ops-section-head p[b-ks0phxe1di],
.ops-item p[b-ks0phxe1di],
.ops-item small[b-ks0phxe1di],
.ops-mini-metrics[b-ks0phxe1di],
.ops-empty[b-ks0phxe1di],
.ops-inspector-panel p[b-ks0phxe1di] {
    color: var(--ops-muted);
}

.ops-summary-card strong[b-ks0phxe1di] {
    display: block;
    color: var(--ops-text);
    font-size: 1.42rem;
    font-weight: 800;
    line-height: 1.05;
}

.ops-summary-card.is-critical[b-ks0phxe1di] {
    border-top-color: var(--ops-danger);
    background: linear-gradient(180deg, rgba(55, 22, 30, 0.96), #111b2a);
}

.ops-summary-card.is-critical .mud-icon-root[b-ks0phxe1di] {
    color: #f87171;
}

.ops-summary-card.is-warning[b-ks0phxe1di] {
    border-top-color: var(--ops-warning);
    background: linear-gradient(180deg, rgba(50, 36, 15, 0.96), #111b2a);
}

.ops-summary-card.is-warning .mud-icon-root[b-ks0phxe1di] {
    color: #fbbf24;
}

.ops-summary-card.is-success .mud-icon-root[b-ks0phxe1di] {
    color: var(--ops-success);
}

.ops-dashboard-grid[b-ks0phxe1di],
.ops-action-workspace[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    gap: 12px;
    align-items: start;
}

.ops-dashboard-grid[b-ks0phxe1di] {
    grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.2fr);
}

.ops-action-workspace[b-ks0phxe1di] {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.ops-list-panel[b-ks0phxe1di],
.ops-inspector-panel[b-ks0phxe1di] {
    min-width: 0;
    border: 1px solid var(--ops-border);
    border-radius: 12px;
    background: linear-gradient(180deg, #102033, #0c1828);
    box-shadow: var(--ops-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ops-list-panel[b-ks0phxe1di] {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.ops-list-panel--bounded[b-ks0phxe1di] {
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.ops-list-panel--single[b-ks0phxe1di] {
    max-width: 1180px;
}

.ops-action-queue[b-ks0phxe1di] {
    max-width: none;
}

.ops-panel-scroll[b-ks0phxe1di] {
    min-width: 0;
    min-height: 0;
    max-height: min(600px, calc(100dvh - 390px));
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 2px 6px 2px 2px;
    scrollbar-gutter: stable both-edges;
    overscroll-behavior: contain;
}

.ops-panel-scroll--actions[b-ks0phxe1di] {
    max-height: min(640px, calc(100dvh - 390px));
}

.ops-panel-scroll--quality[b-ks0phxe1di] {
    max-height: min(520px, calc(100dvh - 460px));
}

.ops-panel-scroll[b-ks0phxe1di]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.ops-panel-scroll[b-ks0phxe1di]::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(72, 176, 209, 0.44);
    background-clip: padding-box;
}

.ops-panel-scroll[b-ks0phxe1di]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(4, 10, 18, 0.36);
}

.ops-section-head[b-ks0phxe1di] {
    min-width: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid var(--ops-border-soft);
}

.ops-section-head h2[b-ks0phxe1di],
.ops-inspector-panel h2[b-ks0phxe1di] {
    margin: 0;
    color: var(--ops-text);
    font-size: 1.05rem;
    font-weight: 780;
    letter-spacing: 0;
}

.ops-section-head p[b-ks0phxe1di],
.ops-inspector-panel p[b-ks0phxe1di] {
    margin: 4px 0 0;
    color: var(--ops-text-2);
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.4;
}

.ops-section-head > span[b-ks0phxe1di] {
    flex: 0 0 auto;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(0, 135, 179, 0.34);
    border-radius: 999px;
    color: #bceeff;
    background: rgba(0, 135, 179, 0.14);
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    white-space: nowrap;
}

.ops-item[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) minmax(96px, auto);
    align-items: start;
    gap: 12px;
    min-height: 82px;
    padding: 13px 14px;
    border: 1px solid rgba(101, 139, 166, 0.26);
    border-left: 4px solid rgba(0, 135, 179, 0.72);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(25, 42, 62, 0.98), rgba(17, 31, 48, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.ops-item:hover[b-ks0phxe1di] {
    border-color: rgba(72, 176, 209, 0.38);
    background: var(--ops-row-hover);
    transform: translateY(-1px);
}

.ops-item.is-critical[b-ks0phxe1di] {
    border-left-color: var(--ops-danger);
    background: linear-gradient(180deg, rgba(48, 26, 36, 0.98), rgba(19, 31, 48, 0.98));
}

.ops-item.is-warning[b-ks0phxe1di] {
    border-left-color: var(--ops-warning);
    background: linear-gradient(180deg, rgba(47, 37, 20, 0.98), rgba(19, 31, 48, 0.98));
}

.ops-item.is-success[b-ks0phxe1di] {
    border-left-color: var(--ops-success);
}

.ops-item > .mud-icon-root[b-ks0phxe1di] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 9px;
    color: var(--ops-accent-bright);
    background: rgba(0, 135, 179, 0.12);
    font-size: 1.08rem;
}

.ops-item.is-critical > .mud-icon-root[b-ks0phxe1di] {
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(239, 68, 68, 0.12);
}

.ops-item.is-warning > .mud-icon-root[b-ks0phxe1di] {
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.13);
}

.ops-item.is-success > .mud-icon-root[b-ks0phxe1di] {
    color: #22c55e;
    border-color: rgba(34, 197, 94, 0.26);
    background: rgba(34, 197, 94, 0.12);
}

.ops-item-main[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.ops-item-title[b-ks0phxe1di] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.ops-item-title strong[b-ks0phxe1di] {
    min-width: 0;
    color: var(--ops-text);
    font-size: 0.96rem;
    font-weight: 740;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.ops-item-title span[b-ks0phxe1di] {
    flex: 0 1 auto;
    min-width: 0;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(149, 170, 189, 0.22);
    border-radius: 999px;
    color: #c5d4e1;
    background: rgba(8, 17, 29, 0.72);
    font-size: 0.7rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: right;
    overflow-wrap: anywhere;
}

.ops-item p[b-ks0phxe1di] {
    margin: 0;
    color: #dce7f0;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.42;
    overflow-wrap: anywhere;
}

.ops-item small[b-ks0phxe1di] {
    color: #a7b8c8;
    font-size: 0.72rem;
    font-weight: 560;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.ops-mini-metrics[b-ks0phxe1di] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--ops-muted);
    font-size: 0.72rem;
    font-weight: 620;
}

.ops-mini-metrics span[b-ks0phxe1di] {
    min-width: 0;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(149, 170, 189, 0.18);
    border-radius: 999px;
    color: #c2d2df;
    background: rgba(6, 14, 25, 0.68);
    overflow-wrap: anywhere;
}

.ops-item-action[b-ks0phxe1di] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 1px;
}

.ops-item[b-ks0phxe1di]  .mud-button-root {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
    white-space: nowrap;
}

.ops-item[b-ks0phxe1di]  .mud-icon-button {
    width: 32px;
    height: 32px;
    min-width: 32px !important;
    min-height: 32px !important;
}

.ops-inspector-panel[b-ks0phxe1di] {
    position: sticky;
    top: 12px;
    display: grid;
    gap: 12px;
    padding: 16px;
}

.ops-inspector-kicker[b-ks0phxe1di] {
    color: var(--ops-accent);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ops-inspector-stats[b-ks0phxe1di] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--ops-border-soft);
    border-radius: 8px;
    background: var(--ops-border-soft);
}

.ops-inspector-stats span[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 9px 8px;
    background: #12253a;
}

.ops-inspector-stats strong[b-ks0phxe1di] {
    color: var(--ops-text);
    font-size: 1.05rem;
    line-height: 1;
}

.ops-inspector-stats small[b-ks0phxe1di] {
    color: var(--ops-muted);
    font-size: 0.66rem;
    line-height: 1.15;
}

.ops-inspector-rules[b-ks0phxe1di] {
    display: grid;
    gap: 8px;
}

.ops-inspector-rules div[b-ks0phxe1di] {
    min-width: 0;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    padding: 9px;
    border: 1px solid var(--ops-border-soft);
    border-radius: 8px;
    background: #0d1a2a;
}

.ops-inspector-rules .mud-icon-root[b-ks0phxe1di] {
    color: var(--ops-accent);
    font-size: 1rem;
}

.ops-inspector-rules span[b-ks0phxe1di] {
    min-width: 0;
    color: var(--ops-text-2);
    font-size: 0.74rem;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.ops-filter-toolbar[b-ks0phxe1di] {
    display: grid;
    grid-template-columns: minmax(170px, 1.25fr) minmax(170px, 1.25fr) minmax(118px, 0.72fr) minmax(118px, 0.72fr) minmax(96px, 0.55fr) auto;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    background: #0d1a2a;
}

.ops-filter-toolbar[b-ks0phxe1di]  .mud-input-control {
    margin: 0;
}

.ops-filter-toolbar[b-ks0phxe1di]  .mud-button-root {
    min-height: 40px;
    white-space: nowrap;
}

.ops-empty[b-ks0phxe1di] {
    min-height: 128px;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 16px;
    border: 1px dashed var(--ops-border);
    border-radius: 8px;
    text-align: center;
}

.ops-empty .mud-icon-root[b-ks0phxe1di] {
    color: var(--ops-accent);
    font-size: 1.8rem;
}

.ops-skeleton-grid[b-ks0phxe1di] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ops-skeleton[b-ks0phxe1di] {
    border-radius: 8px;
}

@media (max-width: 1180px) {
    .ops-summary-grid[b-ks0phxe1di],
    .ops-skeleton-grid[b-ks0phxe1di] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-dashboard-grid[b-ks0phxe1di],
    .ops-action-workspace[b-ks0phxe1di] {
        grid-template-columns: 1fr;
    }

    .ops-inspector-panel[b-ks0phxe1di] {
        position: static;
    }

    .ops-filter-toolbar[b-ks0phxe1di] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-filter-toolbar[b-ks0phxe1di]  .mud-button-root {
        justify-self: start;
    }
}

@media (max-width: 720px) {
    .ops-page[b-ks0phxe1di]  .admin-operations-shell {
        gap: 12px;
        max-width: calc(100vw - 20px);
        padding: 12px 10px 26px;
        border-radius: 8px;
    }

    .ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-hero {
        align-items: stretch;
        padding: 12px;
    }

    .ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-title {
        font-size: 1.55rem;
    }

    .ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-subtitle {
        font-size: 0.84rem;
    }

    .ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-hero-actions,
    .ops-hero-actions[b-ks0phxe1di] {
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
    }

    .ops-page[b-ks0phxe1di]  .admin-operations-shell .pcw-admin-custom-tabs {
        margin-right: -2px;
        margin-left: -2px;
    }

    .ops-summary-grid[b-ks0phxe1di],
    .ops-skeleton-grid[b-ks0phxe1di],
    .ops-inspector-stats[b-ks0phxe1di] {
        grid-template-columns: 1fr;
    }

    .ops-list-panel[b-ks0phxe1di],
    .ops-inspector-panel[b-ks0phxe1di] {
        padding: 10px;
    }

    .ops-section-head[b-ks0phxe1di] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .ops-section-head > span[b-ks0phxe1di] {
        white-space: normal;
    }

    .ops-panel-scroll[b-ks0phxe1di],
    .ops-panel-scroll--actions[b-ks0phxe1di],
    .ops-panel-scroll--quality[b-ks0phxe1di] {
        max-height: min(560px, 68dvh);
        padding-right: 2px;
    }

    .ops-item[b-ks0phxe1di] {
        grid-template-columns: 24px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        min-height: max-content;
        height: auto;
        padding: 10px;
    }

    .ops-item-action[b-ks0phxe1di] {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
        justify-content: flex-start;
        align-self: start;
        margin-top: 2px;
    }

    .ops-item-title[b-ks0phxe1di] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .ops-item-title span[b-ks0phxe1di] {
        text-align: left;
    }

    .ops-filter-toolbar[b-ks0phxe1di] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/AdminPaymentSettings.razor.rz.scp.css */
.payset-shell[b-iynbrbx6v0] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.payset-summary-grid[b-iynbrbx6v0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.payset-summary-card[b-iynbrbx6v0],
.payset-card[b-iynbrbx6v0],
.payset-panel[b-iynbrbx6v0] {
    border: 1px solid rgba(0, 135, 179, 0.18);
    background: rgba(9, 17, 28, 0.9);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
}

.payset-summary-card[b-iynbrbx6v0] {
    border-radius: 8px;
    padding: 16px;
}

.payset-summary-card .mud-icon-root[b-iynbrbx6v0] {
    color: #67c7e3;
    margin-bottom: 10px;
}

.payset-summary-card span[b-iynbrbx6v0] {
    display: block;
    color: rgba(220, 234, 255, 0.58);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.payset-summary-card strong[b-iynbrbx6v0] {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 1.15rem;
}

.payset-tabs[b-iynbrbx6v0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.payset-tab[b-iynbrbx6v0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 8px;
    background: rgba(8, 16, 28, .72);
    color: rgba(220, 234, 255, .72);
    padding: 10px 14px;
    font-weight: 850;
}

.payset-tab--active[b-iynbrbx6v0] {
    color: #f7fbff;
    background: linear-gradient(135deg, #075f7a, #0a4f66);
    box-shadow: 0 10px 24px rgba(0, 88, 118, 0.22);
}

.payset-panel[b-iynbrbx6v0],
.payset-card[b-iynbrbx6v0] {
    border-radius: 8px;
}

.payset-panel[b-iynbrbx6v0] {
    padding: 16px;
}

.payset-card h6[b-iynbrbx6v0] {
    color: #fff;
    font-weight: 850;
}

.payset-muted[b-iynbrbx6v0] {
    color: rgba(220, 234, 255, 0.62);
}

.payset-table[b-iynbrbx6v0] {
    background: transparent;
}

@media (max-width: 1100px) {
    .payset-summary-grid[b-iynbrbx6v0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .payset-summary-grid[b-iynbrbx6v0] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/AdminPitchConfig.razor.rz.scp.css */
/* ── Admin Pitch Config ──────────────────────────────────── */

.apc-layout[b-da0ihpo8l0] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* ── Left panel ── */

.apc-table-wrap[b-da0ihpo8l0] {
    flex: 1;
    min-width: 0;
}

.apc-table-header[b-da0ihpo8l0] {
    display: grid;
    grid-template-columns: 52px 1fr 1fr;
    gap: 8px;
    padding: 6px 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 4px;
}

.apc-row[b-da0ihpo8l0] {
    display: grid;
    grid-template-columns: 52px 1fr 1fr;
    gap: 8px;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.1s;
}

.apc-row--hover[b-da0ihpo8l0] {
    background: rgba(0, 229, 255, 0.06);
}

.apc-pos-badge[b-da0ihpo8l0] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #00e5ff;
    letter-spacing: 0.05em;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 4px;
    padding: 3px 6px;
    text-align: center;
}

.apc-slider-group[b-da0ihpo8l0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.apc-slider[b-da0ihpo8l0] {
    flex: 1;
}

.apc-num-input[b-da0ihpo8l0] {
    width: 68px;
    flex-shrink: 0;
}

[b-da0ihpo8l0] .apc-num-input .mud-input-root {
    font-size: 0.75rem !important;
    min-height: unset;
}

[b-da0ihpo8l0] .apc-num-input input {
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.apc-actions[b-da0ihpo8l0] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* ── Right panel ── */

.apc-preview-wrap[b-da0ihpo8l0] {
    flex-shrink: 0;
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: sticky;
    top: 80px;
}

.apc-preview-label[b-da0ihpo8l0] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

.apc-pitch-outer[b-da0ihpo8l0] {
    width: 200px;
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 32px rgba(0, 229, 255, 0.15);
    border: 1px solid rgba(0, 229, 255, 0.1);
}

.apc-pitch-svg[b-da0ihpo8l0] {
    width: 100%;
    height: 100%;
}

/* ── Responsive ── */

@media (max-width: 900px) {
    .apc-layout[b-da0ihpo8l0] {
        flex-direction: column;
    }

    .apc-preview-wrap[b-da0ihpo8l0] {
        width: 100%;
        position: static;
        flex-direction: row;
        justify-content: center;
    }

    .apc-pitch-outer[b-da0ihpo8l0] {
        width: 160px;
        height: 192px;
    }
}
/* /Pages/Admin/AdminPremiumRules.razor.rz.scp.css */
.premium-rules-shell[b-3jsb93mahy] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.premium-rules-hero[b-3jsb93mahy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.75rem;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28), 0 0 34px rgba(0, 135, 179, 0.08);
}

.premium-rules-kicker[b-3jsb93mahy] {
    color: #00d4ff;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.premium-rules-title[b-3jsb93mahy] {
    color: #fff;
    font-weight: 800;
    margin-top: 0.15rem;
}

.premium-rules-subtitle[b-3jsb93mahy],
.premium-rules-muted[b-3jsb93mahy] {
    color: var(--pcw-text-muted, rgba(255, 255, 255, 0.64));
}

.premium-rules-card[b-3jsb93mahy] {
    height: 100%;
    border: 1px solid rgba(0, 135, 179, 0.14) !important;
    border-radius: 18px !important;
    background: rgba(10, 18, 30, 0.82) !important;
}

.premium-rules-card-head[b-3jsb93mahy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.premium-rules-card-icon[b-3jsb93mahy] {
    padding: 0.65rem;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 14px;
    color: #00d4ff;
    background: rgba(0, 135, 179, 0.08);
    font-size: 2.5rem !important;
}

.premium-rules-switches[b-3jsb93mahy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1.25rem;
}

.premium-rules-actions[b-3jsb93mahy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(9, 14, 24, 0.74);
}

.partner-feature-column[b-3jsb93mahy] {
    display: grid;
    gap: 0.75rem;
    min-height: 100%;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
}

.partner-feature-column--premium[b-3jsb93mahy] {
    border-color: rgba(255, 183, 77, 0.16);
    background: rgba(255, 183, 77, 0.035);
}

.partner-feature-column-head[b-3jsb93mahy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.partner-feature-row[b-3jsb93mahy] {
    display: grid;
    grid-template-columns: auto 24px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.6rem;
    min-height: 52px;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
}

.partner-feature-row--disabled[b-3jsb93mahy] {
    opacity: 0.58;
    border-style: dashed;
}

.partner-feature-row strong[b-3jsb93mahy],
.partner-feature-row small[b-3jsb93mahy] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-feature-row strong[b-3jsb93mahy] {
    color: #fff;
    font-size: 0.9rem;
}

.partner-feature-row small[b-3jsb93mahy] {
    color: var(--pcw-text-muted, rgba(255, 255, 255, 0.56));
    font-size: 0.75rem;
}

@media (max-width: 768px) {
    .premium-rules-hero[b-3jsb93mahy],
    .premium-rules-actions[b-3jsb93mahy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .premium-rules-switches[b-3jsb93mahy] {
        grid-template-columns: 1fr;
    }

    .partner-feature-row[b-3jsb93mahy] {
        grid-template-columns: auto 24px minmax(0, 1fr) auto;
    }

    .partner-feature-row .mud-icon-button:last-child[b-3jsb93mahy] {
        grid-column: 4;
    }
}
/* /Pages/Admin/AdminReputation.razor.rz.scp.css */
.rep-shell[b-gx6oagl7s9] {
    --rep-bg: #07101d;
    --rep-panel: rgba(10, 20, 36, 0.86);
    --rep-panel-strong: rgba(13, 25, 44, 0.94);
    --rep-border: rgba(112, 143, 187, 0.22);
    --rep-border-bright: rgba(0, 135, 179, 0.38);
    --rep-text: #f3f8ff;
    --rep-muted: #a9b6cd;
    --rep-soft: #718098;
    --rep-cyan: #0087b3;
    --rep-purple: #8a35ff;
    --rep-green: #34d399;
    --rep-red: #ef4444;
    --rep-orange: #f59e0b;

    display: grid;
    grid-template-columns: minmax(340px, 0.38fr) minmax(0, 0.62fr);
    gap: 16px;
}

.rep-panel[b-gx6oagl7s9] {
    min-width: 0;
    border: 1px solid var(--rep-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 0%, rgba(0, 135, 179, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(11, 21, 37, 0.94), rgba(8, 16, 29, 0.94));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
}

.rep-adjust-panel[b-gx6oagl7s9] {
    padding: 22px;
}

.rep-right-column[b-gx6oagl7s9] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.rep-right-column > .rep-panel[b-gx6oagl7s9] {
    padding: 22px;
}

.rep-panel-heading[b-gx6oagl7s9] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.rep-heading-icon[b-gx6oagl7s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: #dbe9ff;
    border-radius: 12px;
    background: rgba(0, 135, 179, 0.1);
}

.rep-heading-icon--cyan[b-gx6oagl7s9] {
    color: var(--rep-cyan);
}

.rep-heading-icon--history[b-gx6oagl7s9] {
    color: #cdd8f4;
}

.rep-panel-heading h2[b-gx6oagl7s9] {
    margin: 0;
    color: var(--rep-text);
    font-size: 1.06rem;
    font-weight: 900;
    letter-spacing: 0;
}

.rep-panel-heading p[b-gx6oagl7s9] {
    margin: 4px 0 0;
    color: var(--rep-muted);
    font-size: 0.88rem;
}

.rep-form-stack[b-gx6oagl7s9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 22px;
}

.rep-field-block[b-gx6oagl7s9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rep-step-label[b-gx6oagl7s9] {
    color: #f7fbff;
    font-size: 0.83rem;
    font-weight: 900;
}

.rep-helper[b-gx6oagl7s9] {
    color: var(--rep-cyan) !important;
    font-weight: 700;
}

.rep-selected-user[b-gx6oagl7s9] {
    color: var(--rep-soft);
    font-size: 0.76rem;
    word-break: break-all;
}

.rep-points-stepper[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 64px;
    min-height: 58px;
    overflow: hidden;
    border: 1px solid rgba(112, 143, 187, 0.32);
    border-radius: 8px;
    background: rgba(10, 18, 32, 0.82);
}

.rep-points-stepper[b-gx6oagl7s9]  .mud-icon-button {
    width: 100%;
    height: 100%;
    color: #e7f0ff;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.06);
}

.rep-points-stepper--positive[b-gx6oagl7s9] {
    border-color: rgba(52, 211, 153, 0.52);
    box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.08);
}

.rep-points-stepper--negative[b-gx6oagl7s9] {
    border-color: rgba(239, 68, 68, 0.52);
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.08);
}

.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input {
    align-self: stretch;
    min-height: 100%;
}

.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input .mud-input-control-input-container,
.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input .mud-input,
.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input .mud-input-slot {
    height: 100%;
    min-height: 100%;
    margin: 0;
}

.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input .mud-input {
    display: flex;
    align-items: center;
}

.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input .mud-input-slot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rep-points-stepper[b-gx6oagl7s9]  .rep-points-input input {
    height: 100%;
    min-height: 56px;
    padding: 0 !important;
    color: #fff !important;
    font-size: 1.35rem !important;
    font-weight: 950 !important;
    line-height: 56px !important;
    text-align: center;
}

.rep-quick-buttons[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.rep-quick[b-gx6oagl7s9] {
    min-height: 38px !important;
    border-radius: 7px !important;
    font-weight: 900 !important;
}

.rep-quick--positive[b-gx6oagl7s9] {
    background: rgba(22, 163, 74, 0.14) !important;
}

.rep-quick--negative[b-gx6oagl7s9] {
    background: rgba(185, 28, 28, 0.14) !important;
}

.rep-preview-card[b-gx6oagl7s9] {
    padding: 16px;
    border: 1px solid rgba(149, 103, 255, 0.24);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 135, 179, 0.12), transparent 34%),
        rgba(18, 31, 52, 0.64);
}

.rep-preview-title[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #eef5ff;
    font-weight: 900;
}

.rep-preview-flow[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.rep-preview-flow span[b-gx6oagl7s9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(3, 10, 20, 0.42);
}

.rep-preview-flow small[b-gx6oagl7s9] {
    color: var(--rep-soft);
    font-size: 0.72rem;
    font-weight: 800;
}

.rep-preview-flow strong[b-gx6oagl7s9] {
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.rep-preview-card p[b-gx6oagl7s9] {
    margin: 14px 0 0;
    color: var(--rep-muted);
    font-size: 0.88rem;
}

.rep-apply-btn[b-gx6oagl7s9],
.rep-lookup-btn[b-gx6oagl7s9],
.rep-refresh-btn[b-gx6oagl7s9] {
    min-height: 44px !important;
    border-radius: 7px !important;
    font-weight: 900 !important;
    letter-spacing: 0.01em !important;
}

.rep-lookup-head[b-gx6oagl7s9],
.rep-history-titlebar[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rep-lookup-row[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 16px;
    align-items: center;
    margin-top: 20px;
}

.rep-user-card[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: minmax(280px, 1.45fr) repeat(3, minmax(135px, 0.62fr));
    gap: 20px;
    align-items: center;
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(112, 143, 187, 0.18);
    border-radius: 12px;
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 135, 179, 0.14), transparent 32%),
        rgba(16, 28, 48, 0.72);
}

.rep-user-identity[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 16px;
}

.rep-avatar[b-gx6oagl7s9] {
    background: linear-gradient(135deg, #075f7a, #102d4a) !important;
    color: #fff !important;
    font-weight: 950 !important;
}

.rep-user-title[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.rep-user-title h3[b-gx6oagl7s9] {
    margin: 0;
    color: #fff;
    font-size: 1.18rem;
    font-weight: 950;
}

.rep-user-title span[b-gx6oagl7s9] {
    padding: 3px 8px;
    color: #c9d5ee;
    border-radius: 999px;
    background: rgba(107, 124, 156, 0.28);
    font-size: 0.76rem;
    font-weight: 850;
}

.rep-user-identity p[b-gx6oagl7s9],
.rep-user-metric span[b-gx6oagl7s9] {
    margin: 4px 0 0;
    color: var(--rep-muted);
    font-size: 0.84rem;
}

.rep-user-id[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    gap: 2px;
    word-break: break-all;
}

.rep-user-metric[b-gx6oagl7s9] {
    min-height: 74px;
    padding-left: 20px;
    border-left: 1px solid rgba(112, 143, 187, 0.18);
}

.rep-user-metric strong[b-gx6oagl7s9] {
    display: block;
    margin-top: 7px;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.rep-user-metric strong.positive[b-gx6oagl7s9],
.positive[b-gx6oagl7s9],
.points-positive[b-gx6oagl7s9] {
    color: var(--rep-green) !important;
}

.rep-user-metric strong.negative[b-gx6oagl7s9],
.negative[b-gx6oagl7s9],
.points-negative[b-gx6oagl7s9] {
    color: var(--rep-red) !important;
}

.neutral[b-gx6oagl7s9],
.points-neutral[b-gx6oagl7s9] {
    color: var(--rep-cyan) !important;
}

.rep-tier-chip[b-gx6oagl7s9] {
    margin-top: 8px;
}

.rep-stats-grid[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.rep-stat-card[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 18px;
    border: 1px solid rgba(112, 143, 187, 0.18);
    border-radius: 12px;
    background: rgba(14, 27, 48, 0.72);
}

.rep-stat-card > span[b-gx6oagl7s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 999px;
}

.rep-stat-card--blue > span[b-gx6oagl7s9] {
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.16);
}

.rep-stat-card--green > span[b-gx6oagl7s9] {
    color: var(--rep-green);
    background: rgba(52, 211, 153, 0.16);
}

.rep-stat-card--purple > span[b-gx6oagl7s9] {
    color: #90b5c8;
    background: rgba(0, 135, 179, 0.18);
}

.rep-stat-card--orange > span[b-gx6oagl7s9] {
    color: var(--rep-orange);
    background: rgba(245, 158, 11, 0.18);
}

.rep-stat-card strong[b-gx6oagl7s9] {
    display: block;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.1;
}

.rep-stat-card small[b-gx6oagl7s9] {
    display: block;
    margin-top: 4px;
    color: var(--rep-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.rep-empty-profile[b-gx6oagl7s9],
.rep-empty-history[b-gx6oagl7s9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 160px;
    margin-top: 18px;
    color: var(--rep-muted);
    border: 1px dashed rgba(0, 135, 179, 0.2);
    border-radius: 12px;
    background: rgba(0, 135, 179, 0.035);
    text-align: center;
}

.rep-empty-profile[b-gx6oagl7s9]  .mud-icon-root,
.rep-empty-history[b-gx6oagl7s9]  .mud-icon-root {
    color: var(--rep-cyan);
    font-size: 38px;
}

.rep-empty-profile strong[b-gx6oagl7s9],
.rep-empty-history strong[b-gx6oagl7s9] {
    color: #eef5ff;
}

.rep-history-panel[b-gx6oagl7s9] {
    overflow: hidden;
}

.rep-history-filters[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(180px, 0.45fr) minmax(150px, 0.35fr) auto;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
}

.rep-clear-btn[b-gx6oagl7s9] {
    color: #c9d6ec !important;
    font-weight: 850 !important;
    text-transform: none !important;
}

.rep-table-wrap[b-gx6oagl7s9] {
    margin-top: 16px;
    overflow-x: auto;
}

.rep-history-table[b-gx6oagl7s9] {
    min-width: 820px;
    background: transparent !important;
}

.rep-history-table[b-gx6oagl7s9]  .mud-table-container {
    background: transparent !important;
}

.rep-history-table[b-gx6oagl7s9]  table {
    border-collapse: collapse;
}

.rep-history-table[b-gx6oagl7s9]  th {
    color: #e8f1ff !important;
    border-bottom: 1px solid rgba(112, 143, 187, 0.18) !important;
    font-size: 0.76rem;
    font-weight: 900 !important;
}

.rep-history-table[b-gx6oagl7s9]  td {
    color: #c9d3e7 !important;
    border-bottom: 1px solid rgba(112, 143, 187, 0.12) !important;
    font-size: 0.86rem;
}

.rep-event-badge[b-gx6oagl7s9],
.rep-event-option[b-gx6oagl7s9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rep-event-badge[b-gx6oagl7s9] {
    color: #dbe7ff;
    font-weight: 800;
}

.rep-event-badge--positive[b-gx6oagl7s9] {
    color: var(--rep-green);
}

.rep-event-badge--negative[b-gx6oagl7s9] {
    color: var(--rep-orange);
}

.rep-event-badge--admin[b-gx6oagl7s9] {
    color: #d6e8ff;
}

.rep-confirm-title[b-gx6oagl7s9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rep-confirm-title[b-gx6oagl7s9]  .mud-icon-root {
    color: var(--rep-cyan);
}

.rep-confirm-body[b-gx6oagl7s9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rep-confirm-body div[b-gx6oagl7s9] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 14px;
}

.rep-confirm-body span[b-gx6oagl7s9] {
    color: var(--rep-muted);
    font-weight: 800;
}

.rep-confirm-body strong[b-gx6oagl7s9] {
    color: #fff;
    word-break: break-word;
}

.rep-confirm-body p[b-gx6oagl7s9] {
    margin: 8px 0 0;
    padding: 12px;
    color: #fef3c7;
    border: 1px solid rgba(245, 158, 11, 0.34);
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.08);
}

[b-gx6oagl7s9] .rep-shell .mud-input-control {
    margin: 0;
}

[b-gx6oagl7s9] .rep-shell .mud-input-slot,
[b-gx6oagl7s9] .rep-shell .mud-input-root,
[b-gx6oagl7s9] .rep-shell .mud-select,
[b-gx6oagl7s9] .rep-shell .mud-select-input {
    color: #edf4ff !important;
    font-size: 0.9rem !important;
}

[b-gx6oagl7s9] .rep-shell .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-outlined {
    border-radius: 8px;
    background: rgba(6, 13, 25, 0.62);
}

[b-gx6oagl7s9] .rep-shell .mud-input-outlined-border {
    border-color: rgba(112, 143, 187, 0.32) !important;
}

[b-gx6oagl7s9] .rep-shell .mud-input:hover .mud-input-outlined-border,
[b-gx6oagl7s9] .rep-shell .mud-input:focus-within .mud-input-outlined-border {
    border-color: rgba(0, 135, 179, 0.58) !important;
}

[b-gx6oagl7s9] .rep-shell .mud-input-adornment .mud-icon-root {
    color: #9bb3d4 !important;
}

[b-gx6oagl7s9] .rep-shell textarea,
[b-gx6oagl7s9] .rep-shell input {
    color: #f7fbff !important;
}

[b-gx6oagl7s9] .rep-shell .mud-button-root {
    text-transform: none !important;
}

@media (max-width: 1280px) {
    .rep-shell[b-gx6oagl7s9] {
        grid-template-columns: 1fr;
    }

    .rep-adjust-panel[b-gx6oagl7s9] {
        order: 1;
    }

    .rep-right-column[b-gx6oagl7s9] {
        order: 2;
    }
}

@media (max-width: 960px) {
    .rep-user-card[b-gx6oagl7s9] {
        grid-template-columns: 1fr 1fr;
    }

    .rep-user-identity[b-gx6oagl7s9] {
        grid-column: 1 / -1;
    }

    .rep-user-metric[b-gx6oagl7s9] {
        padding-left: 0;
        border-left: 0;
    }

    .rep-stats-grid[b-gx6oagl7s9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rep-history-filters[b-gx6oagl7s9] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .rep-adjust-panel[b-gx6oagl7s9],
    .rep-right-column > .rep-panel[b-gx6oagl7s9] {
        padding: 16px;
    }

    .rep-lookup-row[b-gx6oagl7s9],
    .rep-history-filters[b-gx6oagl7s9],
    .rep-user-card[b-gx6oagl7s9],
    .rep-stats-grid[b-gx6oagl7s9],
    .rep-preview-flow[b-gx6oagl7s9] {
        grid-template-columns: 1fr;
    }

    .rep-lookup-btn[b-gx6oagl7s9] {
        width: 100%;
    }

    .rep-points-stepper[b-gx6oagl7s9] {
        grid-template-columns: 54px minmax(0, 1fr) 54px;
    }

    .rep-quick-buttons[b-gx6oagl7s9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rep-confirm-body div[b-gx6oagl7s9] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Pages/Admin/AdminTacticsBoard.razor.rz.scp.css */
.tb-admin-shell[b-ur7poch2fq] {
    display: grid;
    gap: 18px;
}

.tb-admin-stats[b-ur7poch2fq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.tb-admin-stats div[b-ur7poch2fq],
.tb-admin-settings[b-ur7poch2fq],
.tb-admin-board-panel[b-ur7poch2fq] {
    border: 1px solid rgba(0, 217, 255, 0.12);
    border-radius: 8px;
    background: rgba(9, 14, 27, 0.82);
}

.tb-admin-stats div[b-ur7poch2fq] {
    padding: 14px;
}

.tb-admin-stats strong[b-ur7poch2fq] {
    display: block;
    color: #34e8ff;
    font-size: 1.5rem;
    line-height: 1.1;
}

.tb-admin-stats span[b-ur7poch2fq] {
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.82rem;
}

.tb-admin-settings[b-ur7poch2fq],
.tb-admin-board-panel[b-ur7poch2fq] {
    padding: 16px;
}

.tb-admin-section-heading[b-ur7poch2fq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 900;
}

.tb-admin-settings-grid[b-ur7poch2fq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.tb-admin-filters[b-ur7poch2fq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.tb-admin-filters > *[b-ur7poch2fq] {
    min-width: 220px;
}

.tb-admin-table-wrap[b-ur7poch2fq] {
    overflow: auto;
}

.tb-admin-table[b-ur7poch2fq] {
    width: 100%;
    border-collapse: collapse;
    color: #f8fbff;
}

.tb-admin-table th[b-ur7poch2fq],
.tb-admin-table td[b-ur7poch2fq] {
    padding: 11px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    vertical-align: middle;
}

.tb-admin-table th[b-ur7poch2fq] {
    color: rgba(248, 251, 255, 0.56);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tb-admin-table td strong[b-ur7poch2fq],
.tb-admin-table td span[b-ur7poch2fq],
.tb-admin-table td small[b-ur7poch2fq] {
    display: block;
}

.tb-admin-table td small[b-ur7poch2fq] {
    max-width: 260px;
    overflow: hidden;
    color: rgba(248, 251, 255, 0.46);
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-admin-empty[b-ur7poch2fq] {
    padding: 28px !important;
    color: rgba(248, 251, 255, 0.58);
    text-align: center !important;
}

.tb-admin-status[b-ur7poch2fq] {
    display: inline-block !important;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
}

.tb-admin-status--active[b-ur7poch2fq] {
    color: #7fffd4;
    background: rgba(32, 255, 196, 0.12);
}

.tb-admin-status--archived[b-ur7poch2fq],
.tb-admin-status--expired[b-ur7poch2fq] {
    color: #ffcf70;
    background: rgba(255, 190, 80, 0.12);
}

.tb-admin-status--deleted[b-ur7poch2fq] {
    color: #ff8f9f;
    background: rgba(255, 90, 120, 0.14);
}

.tb-admin-actions[b-ur7poch2fq] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .tb-admin-settings[b-ur7poch2fq],
    .tb-admin-board-panel[b-ur7poch2fq] {
        padding: 12px;
    }

    .tb-admin-filters > *[b-ur7poch2fq] {
        width: 100%;
    }
}
/* /Pages/Admin/AdminTeamDetail.razor.rz.scp.css */
/* ── Hero banner ──────────────────────────────────────────────────────────── */
.atd-hero[b-4pnx41bl52] {
    display: flex;
    align-items: center;
    gap: 16px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    border-radius: 14px;
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 24px rgba(102, 0, 187, 0.25);
    flex-wrap: wrap;
}

.atd-back-btn[b-4pnx41bl52] {
    flex-shrink: 0;
}

.atd-logo[b-4pnx41bl52] {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: rgba(0, 135, 179, 0.12);
    border: 2px solid rgba(0, 135, 179, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0087b3;
    flex-shrink: 0;
    overflow: hidden;
}

.atd-logo-img[b-4pnx41bl52] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.atd-hero-info[b-4pnx41bl52] {
    flex: 1;
    min-width: 180px;
}

.atd-hero-name[b-4pnx41bl52] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.atd-hero-owner[b-4pnx41bl52] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 2px;
}

.atd-hero-meta[b-4pnx41bl52] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.atd-hero-meta-item[b-4pnx41bl52] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.atd-meta-label[b-4pnx41bl52] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.atd-meta-value[b-4pnx41bl52] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
}
/* /Pages/Admin/AdminTeamLookups.razor.rz.scp.css */
.tlk-page[b-ehx3jlniry] {
    padding: 16px;
    max-width: 1100px;
    margin: 0 auto;
}

.tlk-banner[b-ehx3jlniry] {
    border: 1px solid rgba(0, 135, 179, 0.28);
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    border-radius: 10px;
    padding: 18px 24px;
    margin-bottom: 4px;
}

.tlk-banner-inner[b-ehx3jlniry] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tlk-banner-icon[b-ehx3jlniry] {
    font-size: 2.2rem;
    opacity: .8;
    color: #fff;
}

.tlk-banner-title[b-ehx3jlniry] {
    color: #fff;
    font-weight: 700;
}

.tlk-tab-content[b-ehx3jlniry] {
    padding: 16px 0;
}

.tlk-toolbar[b-ehx3jlniry] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.tlk-table[b-ehx3jlniry] {
    background: transparent !important;
}
/* /Pages/Admin/AdminTrackingActivity.razor.rz.scp.css */
.ata-shell[b-5s1fnw2pub] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 18px;
}

.ata-toolbar[b-5s1fnw2pub],
.ata-card[b-5s1fnw2pub] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
}

.ata-actions[b-5s1fnw2pub],
.ata-pager[b-5s1fnw2pub] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ata-actions[b-5s1fnw2pub] {
    justify-content: flex-end;
}

.ata-pager[b-5s1fnw2pub] {
    justify-content: space-between;
    margin-top: 16px;
    color: var(--pcw-text-muted);
    font-size: 0.82rem;
}

.ata-empty[b-5s1fnw2pub] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--pcw-text-muted);
    border: 1px dashed rgba(0, 135, 179, 0.22);
    border-radius: 14px;
    background: rgba(0, 135, 179, 0.035);
}

.ata-empty span[b-5s1fnw2pub] {
    max-width: min(280px, 90%);
    text-align: center;
}

.ata-skeleton[b-5s1fnw2pub] {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.ata-clickable-row[b-5s1fnw2pub] {
    cursor: pointer;
}

.ata-user-cell[b-5s1fnw2pub] {
    min-width: 180px;
}

.ata-user-cell strong[b-5s1fnw2pub],
.ata-user-cell span[b-5s1fnw2pub] {
    display: block;
}

.ata-user-cell strong[b-5s1fnw2pub] {
    color: #fff;
    font-size: 0.84rem;
    font-weight: 850;
}

.ata-user-cell span[b-5s1fnw2pub],
.ata-route[b-5s1fnw2pub] {
    max-width: 280px;
    overflow: hidden;
    color: rgba(210, 226, 240, 0.58);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ata-route[b-5s1fnw2pub] {
    display: inline-block;
}

[b-5s1fnw2pub] .mud-table {
    background: transparent !important;
}

[b-5s1fnw2pub] .mud-table-container {
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.38);
}

[b-5s1fnw2pub] .mud-table-head .mud-table-cell {
    background: #101722 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 800 !important;
}

[b-5s1fnw2pub] .mud-table-cell {
    border-bottom-color: rgba(255, 255, 255, 0.07) !important;
    color: rgba(235, 244, 255, 0.9);
    font-size: 0.8rem;
}

@media (max-width: 960px) {
    .ata-actions[b-5s1fnw2pub] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .ata-shell[b-5s1fnw2pub] {
        padding: 12px;
    }

    .ata-user-cell[b-5s1fnw2pub] {
        min-width: 0;
    }

    .ata-user-cell span[b-5s1fnw2pub],
    .ata-route[b-5s1fnw2pub] {
        max-width: 190px;
    }

    .ata-pager[b-5s1fnw2pub] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminTrackingDashboard.razor.rz.scp.css */
.atd-shell[b-fxkv48g6t1] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 18px 18px 42px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 135, 179, 0.08), transparent 28%),
        radial-gradient(circle at 82% 4%, rgba(102, 0, 187, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(8, 13, 23, 0.98), rgba(5, 9, 15, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 64px rgba(0, 0, 0, 0.32);
}

.atd-hero[b-fxkv48g6t1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.atd-eyebrow[b-fxkv48g6t1] {
    color: #0087b3;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.atd-title[b-fxkv48g6t1] {
    color: #fff;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.08;
}

.atd-subtitle[b-fxkv48g6t1],
.atd-muted[b-fxkv48g6t1] {
    color: var(--pcw-text-muted);
}

.atd-hero-actions[b-fxkv48g6t1],
.atd-chip-row[b-fxkv48g6t1],
.atd-table-tools[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.atd-toolbar[b-fxkv48g6t1],
.atd-card[b-fxkv48g6t1],
.atd-kpi[b-fxkv48g6t1] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

.atd-toolbar[b-fxkv48g6t1] {
    border-bottom: 1px solid rgba(0, 135, 179, 0.38) !important;
}

.atd-toolbar-apply[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.atd-kpi[b-fxkv48g6t1] {
    min-height: 118px;
    overflow: hidden;
    position: relative;
}

.atd-kpi[b-fxkv48g6t1]::after {
    content: '';
    position: absolute;
    inset: auto -20px -34px auto;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(0, 135, 179, 0.08);
}

.atd-kpi-icon[b-fxkv48g6t1] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
    margin-bottom: 8px;
}

.atd-kpi-value[b-fxkv48g6t1] {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 850;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atd-kpi-value--compact[b-fxkv48g6t1] {
    font-size: 1rem;
}

.atd-kpi-title[b-fxkv48g6t1] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 5px;
}

.atd-section-heading[b-fxkv48g6t1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 0 -14px;
    padding: 18px 20px 16px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.9), rgba(12, 17, 25, 0.82));
}

.atd-section-heading .mud-typography-h6[b-fxkv48g6t1] {
    color: #fff;
    font-weight: 850;
    letter-spacing: 0;
}

.atd-section-heading .mud-typography-caption[b-fxkv48g6t1] {
    color: var(--pcw-text-muted);
}

.atd-chart-grid[b-fxkv48g6t1],
.atd-events-grid[b-fxkv48g6t1] {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-top: none;
    border-radius: 0 0 16px 16px;
    background: rgba(8, 13, 21, 0.62);
}

.atd-section-heading + .mud-grid[b-fxkv48g6t1] {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-top: none;
    border-radius: 0 0 16px 16px;
    background: rgba(8, 13, 21, 0.62);
}

.atd-kpi-footer[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
}

.atd-card-title[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 800;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.atd-card-title .mud-icon-root[b-fxkv48g6t1] {
    color: #0087b3;
}

.atd-skeleton[b-fxkv48g6t1] {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.atd-empty[b-fxkv48g6t1] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--pcw-text-muted);
    border: 1px dashed rgba(0, 135, 179, 0.22);
    border-radius: 14px;
    background: rgba(0, 135, 179, 0.035);
}

.atd-event-row[b-fxkv48g6t1] {
    cursor: pointer;
    transition: background 0.16s ease, transform 0.16s ease;
}

.atd-event-row:hover[b-fxkv48g6t1] {
    background: rgba(0, 135, 179, 0.055) !important;
}

.atd-event-name[b-fxkv48g6t1] {
    color: #fff;
    font-weight: 750;
}

.atd-trend-up[b-fxkv48g6t1] {
    color: #4ade80;
    font-weight: 800;
}

.atd-trend-down[b-fxkv48g6t1] {
    color: #f87171;
    font-weight: 800;
}

.atd-expanded-row[b-fxkv48g6t1] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 14px 18px;
    background: rgba(8, 13, 21, 0.78);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

[b-fxkv48g6t1] .atd-expanded-table-row > .mud-table-cell,
[b-fxkv48g6t1] .atd-expanded-table-cell {
    width: 100%;
    padding: 0 !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.atd-mini-row[b-fxkv48g6t1],
.atd-compare-row[b-fxkv48g6t1],
.atd-activity-row[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.82rem;
}

.atd-mini-row span[b-fxkv48g6t1],
.atd-activity-row span[b-fxkv48g6t1],
.atd-activity-row time[b-fxkv48g6t1] {
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
}

.atd-activity-row div[b-fxkv48g6t1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.atd-heatmap[b-fxkv48g6t1] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.atd-heatmap-row[b-fxkv48g6t1] {
    display: grid;
    grid-template-columns: 64px repeat(24, 10px);
    gap: 3px;
    align-items: center;
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.atd-heatmap-cell[b-fxkv48g6t1] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #0087b3;
    box-shadow: 0 0 10px rgba(0, 135, 179, 0.16);
}

[b-fxkv48g6t1] .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #101722 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 800 !important;
}

[b-fxkv48g6t1] .mud-table-container {
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.38);
}

[b-fxkv48g6t1] .apexcharts-text,
[b-fxkv48g6t1] .apexcharts-xaxis-label,
[b-fxkv48g6t1] .apexcharts-yaxis-label {
    fill: rgba(255, 255, 255, 0.58) !important;
    font-size: 11px;
}

[b-fxkv48g6t1] .apexcharts-gridline {
    stroke: rgba(255, 255, 255, 0.045) !important;
}

.atd-dashboard-section[b-fxkv48g6t1] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.atd-section-heading--open[b-fxkv48g6t1] {
    margin: 0 0 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0 2px;
}

.atd-section-heading--open .mud-typography-h6[b-fxkv48g6t1] {
    font-size: 1.15rem;
}

.atd-reference-grid[b-fxkv48g6t1] {
    display: grid;
    gap: 18px;
    align-items: stretch;
}

.atd-reference-grid--events[b-fxkv48g6t1] {
    grid-template-columns: minmax(0, 2.15fr) minmax(360px, 0.95fr);
}

.atd-reference-grid--users[b-fxkv48g6t1] {
    grid-template-columns: minmax(0, 1.95fr) minmax(360px, 0.85fr);
}

.atd-feature-panel[b-fxkv48g6t1],
.atd-users-panel[b-fxkv48g6t1],
.atd-activity-card[b-fxkv48g6t1],
.atd-ranking-card[b-fxkv48g6t1] {
    min-width: 0;
}

.atd-feature-panel[b-fxkv48g6t1],
.atd-users-panel[b-fxkv48g6t1] {
    background:
        linear-gradient(135deg, rgba(21, 32, 44, 0.96), rgba(12, 20, 30, 0.98)) !important;
}

.atd-side-stack[b-fxkv48g6t1] {
    display: grid;
    gap: 16px;
    align-content: start;
}

.atd-panel-header[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.atd-panel-header--compact[b-fxkv48g6t1] {
    margin-bottom: 14px;
}

.atd-panel-title[b-fxkv48g6t1] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 850;
}

.atd-panel-title .mud-icon-root[b-fxkv48g6t1] {
    color: rgba(190, 221, 242, 0.96);
    font-size: 1.24rem;
}

.atd-panel-actions[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.atd-tabs[b-fxkv48g6t1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-fxkv48g6t1] .atd-tab {
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    color: rgba(210, 226, 240, 0.62) !important;
    font-size: 0.8rem !important;
    font-weight: 750 !important;
    text-transform: none !important;
}

[b-fxkv48g6t1] .atd-tab.is-active {
    color: #48b0d1 !important;
    box-shadow: inset 0 -2px 0 #0087b3;
}

.atd-metric-grid[b-fxkv48g6t1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.atd-metric-card[b-fxkv48g6t1] {
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(14, 26, 38, 0.94), rgba(9, 16, 25, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.atd-metric-icon[b-fxkv48g6t1] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.12);
    border: 1px solid rgba(0, 135, 179, 0.28);
}

.atd-metric-card--violet .atd-metric-icon[b-fxkv48g6t1] {
    color: #90b5c8;
    background: rgba(38, 57, 91, 0.18);
    border-color: rgba(72, 176, 209, 0.24);
}

.atd-metric-card--blue .atd-metric-icon[b-fxkv48g6t1] {
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.14);
    border-color: rgba(72, 176, 209, 0.34);
}

.atd-metric-card--teal .atd-metric-icon[b-fxkv48g6t1] {
    color: #2dd4bf;
    background: rgba(20, 184, 166, 0.12);
    border-color: rgba(45, 212, 191, 0.3);
}

.atd-metric-card span[b-fxkv48g6t1],
.atd-metric-card small[b-fxkv48g6t1] {
    display: block;
    color: rgba(214, 228, 242, 0.68);
    font-size: 0.72rem;
    font-weight: 650;
}

.atd-metric-card strong[b-fxkv48g6t1] {
    display: block;
    color: #fff;
    font-size: 1.45rem;
    line-height: 1.08;
    margin: 3px 0;
}

.atd-subhead[b-fxkv48g6t1] {
    color: #f8fbff;
    font-size: 0.96rem;
    font-weight: 850;
    margin: 4px 0 10px;
}

.atd-heatmap-axis[b-fxkv48g6t1] {
    display: grid;
    grid-template-columns: 54px repeat(5, 1fr);
    gap: 8px;
    margin: 4px 0 10px;
    color: rgba(208, 224, 238, 0.58);
    font-size: 0.7rem;
    font-weight: 700;
}

.atd-heatmap-legend[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 14px;
    color: rgba(208, 224, 238, 0.58);
    font-size: 0.74rem;
}

.atd-heatmap-legend i[b-fxkv48g6t1] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #0087b3;
}

.atd-heatmap-legend i:nth-of-type(1)[b-fxkv48g6t1] { opacity: 0.14; }
.atd-heatmap-legend i:nth-of-type(2)[b-fxkv48g6t1] { opacity: 0.32; }
.atd-heatmap-legend i:nth-of-type(3)[b-fxkv48g6t1] { opacity: 0.5; }
.atd-heatmap-legend i:nth-of-type(4)[b-fxkv48g6t1] { opacity: 0.72; }
.atd-heatmap-legend i:nth-of-type(5)[b-fxkv48g6t1] { opacity: 1; }

.atd-ranking-card[b-fxkv48g6t1] {
    background: linear-gradient(145deg, rgba(19, 30, 42, 0.96), rgba(11, 18, 27, 0.98)) !important;
}

.atd-rank-select[b-fxkv48g6t1] {
    width: 142px;
}

.atd-rank-row[b-fxkv48g6t1] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 74px;
    grid-template-areas:
        "rank name spark"
        ". meta spark";
    align-items: center;
    gap: 4px 10px;
    min-height: 54px;
    padding: 7px 0;
    color: rgba(238, 246, 255, 0.92);
    font-size: 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.atd-rank-number[b-fxkv48g6t1] {
    grid-area: rank;
    color: rgba(214, 228, 242, 0.72);
    font-weight: 850;
}

.atd-rank-name[b-fxkv48g6t1] {
    grid-area: name;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 750;
    color: #f8fbff;
}

.atd-rank-meta[b-fxkv48g6t1] {
    grid-area: meta;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.atd-rank-meta strong[b-fxkv48g6t1] {
    color: #f8fbff;
    font-weight: 900;
}

.atd-sparkline[b-fxkv48g6t1] {
    grid-area: spark;
    width: 72px;
    height: 24px;
    overflow: visible;
}

.atd-sparkline polyline[b-fxkv48g6t1] {
    fill: none;
    stroke: #48b0d1;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(0, 135, 179, 0.28));
}

.atd-link-button[b-fxkv48g6t1] {
    margin-top: 12px !important;
    padding-left: 0 !important;
    text-transform: none !important;
    font-weight: 750 !important;
}

.atd-user-row[b-fxkv48g6t1] {
    cursor: pointer;
}

.atd-user-cell[b-fxkv48g6t1] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
}

.atd-user-cell strong[b-fxkv48g6t1],
.atd-user-cell span[b-fxkv48g6t1] {
    display: block;
}

.atd-user-cell strong[b-fxkv48g6t1] {
    color: #fff;
    font-size: 0.84rem;
    font-weight: 850;
}

.atd-user-cell div > span[b-fxkv48g6t1] {
    max-width: 240px;
    overflow: hidden;
    color: rgba(210, 226, 240, 0.58);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atd-user-avatar[b-fxkv48g6t1] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
}

.atd-user-avatar--0[b-fxkv48g6t1] { background: linear-gradient(135deg, #075f7a, #102d4a); }
.atd-user-avatar--1[b-fxkv48g6t1] { background: linear-gradient(135deg, #22c55e, #15803d); }
.atd-user-avatar--2[b-fxkv48g6t1] { background: linear-gradient(135deg, #eab308, #f97316); }
.atd-user-avatar--3[b-fxkv48g6t1] { background: linear-gradient(135deg, #0087b3, #0a4f66); }
.atd-user-avatar--4[b-fxkv48g6t1] { background: linear-gradient(135deg, #102d4a, #28415f); }

.atd-activity-card[b-fxkv48g6t1] {
    background: linear-gradient(145deg, rgba(19, 30, 42, 0.96), rgba(11, 18, 27, 0.98)) !important;
}

.atd-activity-row[b-fxkv48g6t1] {
    min-height: 52px;
}

.atd-activity-row > .mud-icon-root[b-fxkv48g6t1] {
    flex: 0 0 auto;
    color: rgba(210, 226, 240, 0.76);
    font-size: 1.08rem;
}

.atd-activity-row strong[b-fxkv48g6t1] {
    color: #f8fbff;
    font-size: 0.82rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atd-activity-row time[b-fxkv48g6t1] {
    margin-left: auto;
    white-space: nowrap;
}

[b-fxkv48g6t1] .atd-feature-panel .mud-table-container,
[b-fxkv48g6t1] .atd-users-panel .mud-table-container {
    border-radius: 0;
    background: transparent;
}

[b-fxkv48g6t1] .atd-feature-panel .mud-table,
[b-fxkv48g6t1] .atd-users-panel .mud-table {
    background: transparent !important;
}

[b-fxkv48g6t1] .atd-feature-panel .mud-table-cell,
[b-fxkv48g6t1] .atd-users-panel .mud-table-cell {
    border-bottom-color: rgba(255, 255, 255, 0.07) !important;
    color: rgba(235, 244, 255, 0.9);
    font-size: 0.78rem;
}

[b-fxkv48g6t1] .atd-feature-panel .mud-table-head .mud-table-cell,
[b-fxkv48g6t1] .atd-users-panel .mud-table-head .mud-table-cell {
    background: rgba(13, 22, 32, 0.98) !important;
    color: rgba(199, 216, 232, 0.78) !important;
    font-size: 0.72rem;
}

@media (max-width: 960px) {
    .atd-hero[b-fxkv48g6t1] {
        flex-direction: column;
    }

    .atd-toolbar-apply[b-fxkv48g6t1] {
        justify-content: flex-start;
    }

    .atd-expanded-row[b-fxkv48g6t1] {
        grid-template-columns: 1fr;
    }

    .atd-reference-grid[b-fxkv48g6t1],
    .atd-reference-grid--events[b-fxkv48g6t1],
    .atd-reference-grid--users[b-fxkv48g6t1] {
        grid-template-columns: 1fr;
    }

    .atd-panel-header[b-fxkv48g6t1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .atd-panel-actions[b-fxkv48g6t1] {
        width: 100%;
        justify-content: flex-start;
    }

    .atd-metric-grid[b-fxkv48g6t1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .atd-hero[b-fxkv48g6t1] {
        padding: 16px;
    }

    .atd-title[b-fxkv48g6t1] {
        font-size: 1.8rem;
    }

    .atd-shell[b-fxkv48g6t1] {
        padding: 12px;
        border-radius: 16px;
    }

    .atd-metric-grid[b-fxkv48g6t1] {
        grid-template-columns: 1fr;
    }

    .atd-tabs[b-fxkv48g6t1] {
        width: 100%;
        overflow-x: auto;
    }

    .atd-rank-row[b-fxkv48g6t1] {
        grid-template-columns: 18px minmax(0, 1fr) auto;
    }

    .atd-rank-row strong[b-fxkv48g6t1],
    .atd-rank-row .atd-trend-up[b-fxkv48g6t1],
    .atd-rank-row .atd-trend-down[b-fxkv48g6t1],
    .atd-sparkline[b-fxkv48g6t1] {
        display: none;
    }

    .atd-user-cell[b-fxkv48g6t1] {
        min-width: 0;
    }

    .atd-section-heading--open[b-fxkv48g6t1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .atd-section-heading--open .mud-button-root[b-fxkv48g6t1] {
        align-self: flex-start;
    }

    .atd-user-cell div > span[b-fxkv48g6t1] {
        display: none;
    }

    [b-fxkv48g6t1] .atd-users-panel .mud-table-cell,
    [b-fxkv48g6t1] .atd-feature-panel .mud-table-cell {
        max-width: 100%;
        overflow: hidden;
    }

    .atd-activity-row[b-fxkv48g6t1] {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr);
        align-items: start;
        column-gap: 10px;
    }

    .atd-activity-row time[b-fxkv48g6t1] {
        grid-column: 2;
        margin-left: 0;
    }
}
/* /Pages/Admin/AdminTrackingEventDetails.razor.rz.scp.css */
.ated-shell[b-56nu6d7od0] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 18px 18px 42px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 135, 179, 0.08), transparent 28%),
        radial-gradient(circle at 82% 4%, rgba(102, 0, 187, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(8, 13, 23, 0.98), rgba(5, 9, 15, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 64px rgba(0, 0, 0, 0.32);
}

.ated-hero[b-56nu6d7od0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.ated-header-left[b-56nu6d7od0],
.ated-meta-row[b-56nu6d7od0],
.ated-chart-title[b-56nu6d7od0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ated-eyebrow[b-56nu6d7od0] {
    color: #0087b3;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.ated-title[b-56nu6d7od0] {
    color: #fff;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: 0;
}

.ated-meta-row[b-56nu6d7od0] {
    margin-top: 6px;
    color: var(--pcw-text-muted);
    font-size: 0.8rem;
    flex-wrap: wrap;
}

.ated-filter-card[b-56nu6d7od0],
.ated-card[b-56nu6d7od0],
.ated-kpi[b-56nu6d7od0] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

.ated-filter-card[b-56nu6d7od0] {
    border-bottom: 1px solid rgba(0, 135, 179, 0.38) !important;
}

.ated-section-heading[b-56nu6d7od0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 0 -14px;
    padding: 18px 20px 16px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.9), rgba(12, 17, 25, 0.82));
}

.ated-section-heading .mud-typography-h6[b-56nu6d7od0] {
    color: #fff;
    font-weight: 850;
    letter-spacing: 0;
}

.ated-section-heading .mud-typography-caption[b-56nu6d7od0] {
    color: var(--pcw-text-muted);
}

.ated-section-heading + .mud-grid[b-56nu6d7od0] {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-top: none;
    border-radius: 0 0 16px 16px;
    background: rgba(8, 13, 21, 0.62);
}

.ated-kpi[b-56nu6d7od0] {
    min-height: 118px;
    overflow: hidden;
    position: relative;
}

.ated-kpi[b-56nu6d7od0]::after {
    content: '';
    position: absolute;
    inset: auto -18px -32px auto;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: rgba(0, 135, 179, 0.08);
}

.ated-kpi-icon[b-56nu6d7od0] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
    margin-bottom: 8px;
}

.ated-kpi-value[b-56nu6d7od0] {
    color: #fff;
    font-size: 1.42rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ated-kpi-value--compact[b-56nu6d7od0] {
    font-size: 1rem;
}

.ated-kpi-title[b-56nu6d7od0] {
    color: var(--pcw-text-muted);
    font-weight: 700;
    font-size: 0.78rem;
}

.ated-chart-title[b-56nu6d7od0] {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 800;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ated-chart-title .mud-icon-root[b-56nu6d7od0] {
    color: #0087b3;
}

.ated-skeleton[b-56nu6d7od0] {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.ated-empty[b-56nu6d7od0] {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--pcw-text-muted);
    border: 1px dashed rgba(0, 135, 179, 0.22);
    border-radius: 14px;
    background: rgba(0, 135, 179, 0.035);
}

.ated-hour-grid[b-56nu6d7od0] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
    padding: 6px;
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.36);
}

.ated-hour-cell[b-56nu6d7od0] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #0087b3;
    color: #06111f;
    font-size: 0.72rem;
    font-weight: 900;
    box-shadow: 0 0 14px rgba(0, 135, 179, 0.14);
}

.ated-activity-row[b-56nu6d7od0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ated-activity-row div[b-56nu6d7od0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ated-activity-row strong[b-56nu6d7od0] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ated-activity-row span[b-56nu6d7od0],
.ated-activity-row time[b-56nu6d7od0] {
    color: var(--pcw-text-muted);
    font-size: 0.76rem;
}

[b-56nu6d7od0] .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #101722 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 800 !important;
}

[b-56nu6d7od0] .mud-table-container {
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.38);
}

[b-56nu6d7od0] .apexcharts-text,
[b-56nu6d7od0] .apexcharts-xaxis-label,
[b-56nu6d7od0] .apexcharts-yaxis-label {
    fill: rgba(255, 255, 255, 0.58) !important;
    font-size: 11px;
}

[b-56nu6d7od0] .apexcharts-gridline {
    stroke: rgba(255, 255, 255, 0.045) !important;
}

@media (max-width: 960px) {
    .ated-hero[b-56nu6d7od0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ated-hour-grid[b-56nu6d7od0] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
/* /Pages/Admin/AdminTrackingEvents.razor.rz.scp.css */
.atl-shell[b-khhzygl295] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 18px;
}

.atl-toolbar[b-khhzygl295],
.atl-card[b-khhzygl295] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
}

.atl-actions[b-khhzygl295],
.atl-chip-row[b-khhzygl295],
.atl-pager[b-khhzygl295] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.atl-actions[b-khhzygl295] {
    justify-content: flex-end;
}

.atl-pager[b-khhzygl295] {
    justify-content: space-between;
    margin-top: 16px;
    color: var(--pcw-text-muted);
    font-size: 0.82rem;
}

.atl-empty[b-khhzygl295] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--pcw-text-muted);
    border: 1px dashed rgba(0, 135, 179, 0.22);
    border-radius: 14px;
    background: rgba(0, 135, 179, 0.035);
}

.atl-empty span[b-khhzygl295] {
    max-width: min(280px, 90%);
    text-align: center;
}

.atl-skeleton[b-khhzygl295] {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.atl-clickable-row[b-khhzygl295] {
    cursor: pointer;
}

.atl-trend-up[b-khhzygl295] {
    color: #4ade80;
    font-weight: 800;
}

.atl-trend-down[b-khhzygl295] {
    color: #f87171;
    font-weight: 800;
}

[b-khhzygl295] .mud-table {
    background: transparent !important;
}

[b-khhzygl295] .mud-table-container {
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.38);
}

[b-khhzygl295] .mud-table-head .mud-table-cell {
    background: #101722 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 800 !important;
}

[b-khhzygl295] .mud-table-cell {
    border-bottom-color: rgba(255, 255, 255, 0.07) !important;
    color: rgba(235, 244, 255, 0.9);
    font-size: 0.8rem;
}

@media (max-width: 960px) {
    .atl-actions[b-khhzygl295] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .atl-shell[b-khhzygl295] {
        padding: 12px;
    }

    .atl-pager[b-khhzygl295] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminTrackingUsers.razor.rz.scp.css */
.atu-shell[b-fnf7aeushy] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 18px;
}

.atu-toolbar[b-fnf7aeushy],
.atu-card[b-fnf7aeushy] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
}

.atu-actions[b-fnf7aeushy],
.atu-pager[b-fnf7aeushy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.atu-actions[b-fnf7aeushy] {
    justify-content: flex-end;
}

.atu-pager[b-fnf7aeushy] {
    justify-content: space-between;
    margin-top: 16px;
    color: var(--pcw-text-muted);
    font-size: 0.82rem;
}

.atu-empty[b-fnf7aeushy] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--pcw-text-muted);
    border: 1px dashed rgba(0, 135, 179, 0.22);
    border-radius: 14px;
    background: rgba(0, 135, 179, 0.035);
}

.atu-empty span[b-fnf7aeushy] {
    max-width: min(280px, 90%);
    text-align: center;
}

.atu-skeleton[b-fnf7aeushy] {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.atu-clickable-row[b-fnf7aeushy] {
    cursor: pointer;
}

.atu-user-cell[b-fnf7aeushy] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
}

.atu-user-cell strong[b-fnf7aeushy],
.atu-user-cell span[b-fnf7aeushy] {
    display: block;
}

.atu-user-cell strong[b-fnf7aeushy] {
    color: #fff;
    font-size: 0.84rem;
    font-weight: 850;
}

.atu-user-cell div > span[b-fnf7aeushy] {
    max-width: 280px;
    overflow: hidden;
    color: rgba(210, 226, 240, 0.58);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atu-user-avatar[b-fnf7aeushy] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
}

.atu-user-avatar--0[b-fnf7aeushy] { background: linear-gradient(135deg, #075f7a, #102d4a); }
.atu-user-avatar--1[b-fnf7aeushy] { background: linear-gradient(135deg, #22c55e, #15803d); }
.atu-user-avatar--2[b-fnf7aeushy] { background: linear-gradient(135deg, #eab308, #f97316); }
.atu-user-avatar--3[b-fnf7aeushy] { background: linear-gradient(135deg, #0087b3, #0a4f66); }
.atu-user-avatar--4[b-fnf7aeushy] { background: linear-gradient(135deg, #102d4a, #28415f); }

[b-fnf7aeushy] .mud-table {
    background: transparent !important;
}

[b-fnf7aeushy] .mud-table-container {
    border-radius: 12px;
    background: rgba(6, 10, 16, 0.38);
}

[b-fnf7aeushy] .mud-table-head .mud-table-cell {
    background: #101722 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 800 !important;
}

[b-fnf7aeushy] .mud-table-cell {
    border-bottom-color: rgba(255, 255, 255, 0.07) !important;
    color: rgba(235, 244, 255, 0.9);
    font-size: 0.8rem;
}

@media (max-width: 960px) {
    .atu-actions[b-fnf7aeushy] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .atu-shell[b-fnf7aeushy] {
        padding: 12px;
    }

    .atu-user-cell[b-fnf7aeushy] {
        min-width: 0;
    }

    .atu-user-cell div > span[b-fnf7aeushy] {
        display: none;
    }

    .atu-pager[b-fnf7aeushy] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/AdminTransferMarket.razor.rz.scp.css */
.atm-cell-stack[b-uy8qo11vtm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.atm-cell-primary[b-uy8qo11vtm] {
    color: var(--pcw-text);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atm-cell-secondary[b-uy8qo11vtm],
.atm-position-line[b-uy8qo11vtm] {
    color: var(--pcw-text-muted);
    font-size: .78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atm-position-line[b-uy8qo11vtm] {
    color: #67e8f9;
}
/* /Pages/Admin/AdminTransfers.razor.rz.scp.css */
.admin-transfers-workspace[b-zbu6supedq] {
    display: grid;
    gap: 14px;
}

[b-zbu6supedq] .admin-transfers-count-chip {
    height: auto;
    min-height: 24px;
    font-size: 0.72rem;
    font-weight: 850;
}

.admin-transfers-summary-grid[b-zbu6supedq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-transfers-stat-card[b-zbu6supedq] {
    min-width: 0;
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 10px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(0, 135, 179, 0.11), rgba(7, 95, 122, 0.07)),
        rgba(4, 11, 22, 0.68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-transfers-stat-icon[b-zbu6supedq] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 9px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.15);
}

.admin-transfers-stat-card--success .admin-transfers-stat-icon[b-zbu6supedq] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.28);
    background: rgba(54, 209, 154, 0.12);
}

.admin-transfers-stat-card--warning .admin-transfers-stat-icon[b-zbu6supedq] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.12);
}

.admin-transfers-stat-card--danger .admin-transfers-stat-icon[b-zbu6supedq] {
    color: #ff9aaa;
    border-color: rgba(255, 91, 111, 0.3);
    background: rgba(255, 91, 111, 0.12);
}

.admin-transfers-stat-copy[b-zbu6supedq] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-transfers-stat-copy strong[b-zbu6supedq] {
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.22rem;
    font-weight: 900;
    line-height: 1.1;
}

.admin-transfers-stat-copy span[b-zbu6supedq] {
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-transfers-toolbar[b-zbu6supedq] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(140px, 190px)) auto;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
}

.admin-transfers-search[b-zbu6supedq],
.admin-transfers-filter[b-zbu6supedq],
.admin-transfers-search-button[b-zbu6supedq] {
    min-width: 0;
}

.admin-transfers-table-card[b-zbu6supedq] {
    overflow: hidden;
    border-radius: 10px;
}

[b-zbu6supedq] .admin-transfers-table-card {
    padding: 0 !important;
}

[b-zbu6supedq] .admin-transfers-table-card > .mud-card-content {
    padding: 14px !important;
}

.admin-transfers-table-wrap[b-zbu6supedq] {
    width: 100%;
    max-width: 100%;
    max-height: min(620px, calc(100vh - 390px));
    min-height: 280px;
    overflow: auto;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.admin-transfers-table-wrap[b-zbu6supedq]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-transfers-table-wrap[b-zbu6supedq]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.admin-transfers-table-wrap[b-zbu6supedq]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

[b-zbu6supedq] .admin-transfers-table {
    min-width: 1120px;
    background: transparent;
}

[b-zbu6supedq] .admin-transfers-table .mud-table-container {
    max-height: min(620px, calc(100vh - 390px)) !important;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
}

[b-zbu6supedq] .admin-transfers-table .mud-table-head .mud-table-cell {
    color: rgba(226, 235, 248, 0.78);
    background: rgba(22, 36, 56, 0.96);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-zbu6supedq] .admin-transfers-table .mud-table-row {
    background: rgba(7, 14, 24, 0.42);
}

[b-zbu6supedq] .admin-transfers-table .mud-table-row:hover {
    background: rgba(0, 135, 179, 0.08);
}

[b-zbu6supedq] .admin-transfers-table .mud-table-cell {
    border-bottom-color: rgba(125, 160, 210, 0.12);
    color: rgba(247, 251, 255, 0.9);
    vertical-align: middle;
}

[b-zbu6supedq] .admin-transfers-table th:nth-child(2),
[b-zbu6supedq] .admin-transfers-table td:nth-child(2) {
    min-width: 112px;
}

[b-zbu6supedq] .admin-transfers-actions-head,
[b-zbu6supedq] .admin-transfers-actions-cell {
    text-align: center;
}

.admin-transfers-id[b-zbu6supedq] {
    color: rgba(136, 215, 237, 0.92);
    font-family: "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 850;
}

.admin-transfers-team[b-zbu6supedq],
.admin-transfers-cell-primary[b-zbu6supedq] {
    color: rgba(247, 251, 255, 0.96);
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-transfers-cell-stack[b-zbu6supedq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.admin-transfers-cell-secondary[b-zbu6supedq] {
    color: rgba(187, 207, 222, 0.7);
    font-size: 0.72rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-transfers-actions[b-zbu6supedq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 72px;
}

[b-zbu6supedq] .admin-transfers-status-chip {
    height: auto !important;
    min-height: 22px;
    max-width: 100%;
    border-radius: 999px !important;
    font-size: 0.68rem;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

[b-zbu6supedq] .admin-transfers-status-chip .mud-chip-content {
    min-width: 0;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

[b-zbu6supedq] .admin-transfers-status-chip--pending {
    color: #ffe6ad !important;
    background: rgba(245, 158, 11, 0.2) !important;
}

[b-zbu6supedq] .admin-transfers-status-chip--accepted {
    color: #9af0bd !important;
    background: rgba(54, 209, 154, 0.16) !important;
}

[b-zbu6supedq] .admin-transfers-status-chip--rejected {
    color: #ff9aaa !important;
    background: rgba(255, 91, 111, 0.16) !important;
}

[b-zbu6supedq] .admin-transfers-status-chip--muted {
    color: rgba(207, 220, 238, 0.72) !important;
    background: rgba(151, 180, 216, 0.1) !important;
}

.admin-transfers-loading[b-zbu6supedq] {
    min-height: 320px;
    display: grid;
    place-items: center;
    gap: 12px;
    color: rgba(209, 224, 244, 0.72);
    font-size: 0.84rem;
    font-weight: 750;
}

.admin-transfers-alert[b-zbu6supedq],
.admin-transfers-empty[b-zbu6supedq] {
    margin: 10px;
}

@media (max-width: 1160px) {
    .admin-transfers-summary-grid[b-zbu6supedq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-transfers-toolbar[b-zbu6supedq] {
        grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(140px, 1fr));
    }

    .admin-transfers-search-button[b-zbu6supedq] {
        justify-self: start;
    }
}

@media (max-width: 720px) {
    .admin-transfers-summary-grid[b-zbu6supedq],
    .admin-transfers-toolbar[b-zbu6supedq] {
        grid-template-columns: 1fr;
    }

    .admin-transfers-table-wrap[b-zbu6supedq] {
        max-height: min(620px, 68dvh);
    }

    [b-zbu6supedq] .admin-transfers-table .mud-table-container {
        max-height: min(620px, 68dvh) !important;
    }

    [b-zbu6supedq] .admin-transfers-table {
        table-layout: fixed;
    }

    [b-zbu6supedq] .admin-transfers-table th:nth-child(1),
    [b-zbu6supedq] .admin-transfers-table td:nth-child(1) {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
    }

    [b-zbu6supedq] .admin-transfers-table th:nth-child(2),
    [b-zbu6supedq] .admin-transfers-table td:nth-child(2) {
        width: 92px;
        min-width: 92px;
        max-width: 92px;
    }

    [b-zbu6supedq] .admin-transfers-table th:nth-child(3),
    [b-zbu6supedq] .admin-transfers-table td:nth-child(3) {
        width: 126px;
        min-width: 126px;
        max-width: 126px;
    }

    .admin-transfers-team[b-zbu6supedq],
    .admin-transfers-cell-primary[b-zbu6supedq],
    .admin-transfers-cell-secondary[b-zbu6supedq] {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}
/* /Pages/Admin/AdminTranslations.razor.rz.scp.css */
.atr-page[b-oqefwvk1il] {
    --atr-bg: rgba(5, 11, 20, 0.92);
    --atr-bg-strong: rgba(7, 15, 27, 0.98);
    --atr-surface: rgba(10, 19, 33, 0.88);
    --atr-surface-soft: rgba(12, 24, 40, 0.72);
    --atr-border: rgba(142, 180, 222, 0.16);
    --atr-border-strong: rgba(0, 135, 179, 0.42);
    --atr-cyan: #67c7e3;
    --atr-cyan-strong: #00a7d8;
    --atr-text: #f6f9ff;
    --atr-muted: rgba(207, 220, 238, 0.72);
    --atr-soft: rgba(170, 190, 218, 0.56);
    --atr-green: #79e6ad;
    --atr-amber: #ffc13a;
    --atr-red: #ff7386;

    min-width: 0;
    color: var(--atr-text);
    border: 1px solid var(--atr-border);
    border-radius: 10px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 135, 179, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(8, 16, 29, 0.96), rgba(4, 10, 18, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.atr-layout[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    height: min(820px, calc(100vh - 270px));
    min-height: 620px;
}

.atr-sidebar[b-oqefwvk1il],
.atr-main[b-oqefwvk1il] {
    min-width: 0;
    min-height: 0;
}

.atr-sidebar[b-oqefwvk1il] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    border-right: 1px solid var(--atr-border);
    background: linear-gradient(180deg, rgba(5, 12, 22, 0.95), rgba(4, 10, 18, 0.98));
}

.atr-brand[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.atr-brand-icon[b-oqefwvk1il] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 135, 179, 0.34);
    border-radius: 8px;
    color: var(--atr-cyan);
    background: rgba(0, 135, 179, 0.12);
    box-shadow: 0 10px 24px rgba(0, 135, 179, 0.12);
}

[b-oqefwvk1il] .atr-brand-icon .mud-icon-root {
    font-size: 24px;
}

.atr-brand span[b-oqefwvk1il],
.atr-groups-head[b-oqefwvk1il] {
    color: var(--atr-cyan);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.atr-brand strong[b-oqefwvk1il] {
    display: block;
    min-width: 0;
    color: var(--atr-text);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.atr-sidebar-copy[b-oqefwvk1il] {
    margin: 0;
    color: var(--atr-muted);
    font-size: 12px;
    line-height: 1.45;
}

.atr-groups-card[b-oqefwvk1il] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    padding: 10px;
    border: 1px solid var(--atr-border);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.6);
}

.atr-groups-head[b-oqefwvk1il] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.atr-groups-head span:last-child[b-oqefwvk1il] {
    color: var(--atr-soft);
    letter-spacing: 0;
    text-transform: none;
}

.atr-group-list[b-oqefwvk1il] {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 2px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.atr-group-list[b-oqefwvk1il]::-webkit-scrollbar,
.atr-list[b-oqefwvk1il]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.atr-group-list[b-oqefwvk1il]::-webkit-scrollbar-thumb,
.atr-list[b-oqefwvk1il]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.atr-group-list[b-oqefwvk1il]::-webkit-scrollbar-track,
.atr-list[b-oqefwvk1il]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.atr-sidebar-item[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto 10px;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 38px;
    padding: 6px 9px;
    color: rgba(226, 235, 248, 0.78);
    border: 1px solid rgba(142, 180, 222, 0.12);
    border-radius: 7px;
    background: rgba(7, 14, 24, 0.48);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.atr-sidebar-item:hover[b-oqefwvk1il],
.atr-sidebar-item.active[b-oqefwvk1il] {
    color: #fff;
    border-color: rgba(0, 135, 179, 0.56);
    background: rgba(14, 38, 59, 0.74);
}

.atr-sidebar-item.active[b-oqefwvk1il] {
    box-shadow: inset 3px 0 0 var(--atr-cyan-strong);
}

.atr-group-name[b-oqefwvk1il] {
    min-width: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
}

.atr-badge[b-oqefwvk1il] {
    min-width: 28px;
    padding: 2px 7px;
    color: rgba(226, 235, 248, 0.86);
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 999px;
    background: rgba(142, 180, 222, 0.08);
    font-size: 10px;
    font-weight: 900;
    text-align: center;
}

.atr-sidebar-missing-dot[b-oqefwvk1il] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--atr-amber);
    box-shadow: 0 0 12px rgba(255, 193, 58, 0.72);
}

.atr-main[b-oqefwvk1il] {
    display: grid;
    overflow: hidden;
    background: rgba(5, 11, 20, 0.5);
}

.atr-workspace[b-oqefwvk1il] {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 0;
    overflow: hidden;
    padding: 14px;
}

.atr-filter-grid[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(190px, 230px) minmax(170px, 210px) auto auto;
    gap: 10px;
    align-items: center;
}

.atr-control[b-oqefwvk1il],
.atr-search[b-oqefwvk1il] {
    min-height: 42px;
}

.atr-control[b-oqefwvk1il] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid var(--atr-border);
    border-radius: 7px;
    background: rgba(7, 14, 24, 0.66);
}

.atr-control-label[b-oqefwvk1il] {
    color: var(--atr-soft);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.atr-auto-btn[b-oqefwvk1il],
.atr-filter-btn[b-oqefwvk1il],
.atr-add-language[b-oqefwvk1il] {
    min-height: 38px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: none !important;
    white-space: nowrap;
}

.atr-auto-btn[b-oqefwvk1il] {
    border: 1px solid rgba(0, 135, 179, 0.44) !important;
    background: linear-gradient(135deg, #075f7a, #0a4f66) !important;
    box-shadow: none !important;
}

.atr-filter-btn[b-oqefwvk1il],
.atr-add-language[b-oqefwvk1il] {
    color: #8edaf0 !important;
    border-color: rgba(0, 135, 179, 0.4) !important;
    background: rgba(0, 135, 179, 0.08) !important;
}

.atr-deepl-usage[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: auto auto minmax(90px, 120px) auto;
    gap: 9px;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    color: rgba(226, 235, 248, 0.82);
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.6);
}

.atr-deepl-icon[b-oqefwvk1il] {
    color: var(--atr-cyan) !important;
    font-size: 17px !important;
}

.atr-deepl-label[b-oqefwvk1il] {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.atr-deepl-bar-wrap[b-oqefwvk1il] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(142, 180, 222, 0.16);
}

.atr-deepl-bar[b-oqefwvk1il] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.atr-deepl-count[b-oqefwvk1il] {
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.atr-advanced[b-oqefwvk1il],
.atr-coverage-panel[b-oqefwvk1il],
.atr-empty-state[b-oqefwvk1il],
.atr-bulk-bar[b-oqefwvk1il],
.atr-save-bar[b-oqefwvk1il] {
    border: 1px solid var(--atr-border);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.62);
}

.atr-advanced[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: 10px;
    padding: 10px;
}

.atr-coverage-panel[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
    padding: 10px;
}

.atr-cov-item[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.atr-cov-code[b-oqefwvk1il] {
    color: var(--atr-text);
    font-size: 12px;
    font-weight: 900;
}

.atr-cov-track[b-oqefwvk1il] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(142, 180, 222, 0.14);
}

.atr-cov-fill[b-oqefwvk1il] {
    height: 100%;
    border-radius: inherit;
}

.atr-cov-fill.complete[b-oqefwvk1il] {
    background: linear-gradient(90deg, #2fbf81, var(--atr-green));
}

.atr-cov-fill.missing[b-oqefwvk1il] {
    background: linear-gradient(90deg, rgba(0, 135, 179, 0.28), rgba(142, 180, 222, 0.28));
}

.atr-cov-meta[b-oqefwvk1il] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
    color: var(--atr-soft);
    font-size: 11px;
    white-space: nowrap;
}

.atr-cov-meta strong[b-oqefwvk1il] {
    color: var(--atr-green);
    font-weight: 900;
}

.atr-section-head[b-oqefwvk1il] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
}

.atr-section-title[b-oqefwvk1il] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

.atr-section-title h3[b-oqefwvk1il] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--atr-text);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atr-section-title span[b-oqefwvk1il] {
    flex: 0 0 auto;
    padding: 3px 8px;
    color: rgba(226, 235, 248, 0.76);
    border: 1px solid rgba(142, 180, 222, 0.14);
    border-radius: 999px;
    background: rgba(142, 180, 222, 0.08);
    font-size: 11px;
    font-weight: 850;
}

.atr-row-tools[b-oqefwvk1il] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--atr-muted);
    font-size: 12px;
    font-weight: 750;
}

.atr-list[b-oqefwvk1il] {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 3px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.atr-item[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(108px, auto);
    gap: 10px;
    align-items: start;
    padding: 10px 12px 10px 8px;
    border: 1px solid rgba(142, 180, 222, 0.14);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.58);
}

.atr-item.missing[b-oqefwvk1il] {
    border-color: rgba(255, 193, 58, 0.36);
    background: linear-gradient(90deg, rgba(255, 193, 58, 0.08), rgba(7, 14, 24, 0.62) 26%);
}

.atr-item-select[b-oqefwvk1il] {
    display: flex;
    justify-content: center;
    padding-top: 2px;
}

.atr-item-body[b-oqefwvk1il] {
    min-width: 0;
}

.atr-item-head[b-oqefwvk1il] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.atr-item-head > div[b-oqefwvk1il] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 2px;
}

.atr-item-head strong[b-oqefwvk1il] {
    min-width: 0;
    overflow: hidden;
    color: var(--atr-text);
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atr-type-label[b-oqefwvk1il] {
    flex: 0 0 auto;
    color: var(--atr-cyan);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.atr-kv-fields[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.atr-translation-field[b-oqefwvk1il] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(142, 180, 222, 0.11);
    border-radius: 7px;
    background: rgba(12, 24, 40, 0.58);
}

.atr-translation-field > span[b-oqefwvk1il] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--atr-soft);
    font-size: 11px;
    font-weight: 750;
}

.atr-translation-field > span strong[b-oqefwvk1il] {
    color: var(--atr-cyan);
    font-weight: 900;
}

.atr-readonly-copy[b-oqefwvk1il] {
    min-height: 76px;
    padding: 10px 12px;
    color: rgba(226, 235, 248, 0.86);
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 7px;
    background: rgba(5, 12, 22, 0.72);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.atr-target-missing[b-oqefwvk1il] {
    border-color: rgba(255, 193, 58, 0.28);
    box-shadow: inset 0 0 0 1px rgba(255, 193, 58, 0.06);
}

.atr-item-status[b-oqefwvk1il] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.atr-status-pill[b-oqefwvk1il] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 24px;
    padding: 3px 9px;
    color: var(--atr-green);
    border: 1px solid rgba(121, 230, 173, 0.32);
    border-radius: 999px;
    background: rgba(54, 209, 154, 0.1);
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.atr-status-pill.missing[b-oqefwvk1il] {
    color: var(--atr-amber);
    border-color: rgba(255, 193, 58, 0.34);
    background: rgba(255, 193, 58, 0.12);
}

.atr-empty-state[b-oqefwvk1il] {
    display: grid;
    place-items: center;
    min-height: 240px;
    color: var(--atr-muted);
    font-size: 13px;
    font-weight: 750;
}

.atr-empty-state-error[b-oqefwvk1il] {
    color: var(--atr-red);
    border-color: rgba(255, 91, 111, 0.32);
}

.atr-footer[b-oqefwvk1il] {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) auto minmax(160px, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 42px;
    color: var(--atr-muted);
    font-size: 12px;
}

.atr-pager[b-oqefwvk1il],
.atr-rows[b-oqefwvk1il] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.atr-pager[b-oqefwvk1il] {
    justify-content: center;
}

.atr-rows[b-oqefwvk1il] {
    justify-content: flex-end;
}

.atr-page-number[b-oqefwvk1il] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    color: #fff;
    border: 1px solid rgba(0, 135, 179, 0.45);
    border-radius: 7px;
    background: rgba(0, 88, 118, 0.34);
    font-size: 12px;
    font-weight: 900;
}

.atr-bulk-bar[b-oqefwvk1il],
.atr-save-bar[b-oqefwvk1il] {
    position: sticky;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: calc(100% - 28px);
    margin: 0 14px 12px;
    padding: 10px 12px;
    color: var(--atr-muted);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

.atr-save-bar[b-oqefwvk1il] {
    justify-content: flex-end;
}

[b-oqefwvk1il] .atr-page .mud-input-control {
    margin: 0;
}

[b-oqefwvk1il] .atr-page .mud-input-root,
[b-oqefwvk1il] .atr-page .mud-select,
[b-oqefwvk1il] .atr-page .mud-select-input,
[b-oqefwvk1il] .atr-page textarea.mud-input-slot,
[b-oqefwvk1il] .atr-page input.mud-input-slot {
    color: var(--atr-text) !important;
    font-size: 12px !important;
    font-weight: 700;
}

[b-oqefwvk1il] .atr-page textarea.mud-input-slot {
    field-sizing: content;
    min-height: 76px;
    overflow-y: hidden;
}

[b-oqefwvk1il] .atr-page .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-outlined,
[b-oqefwvk1il] .atr-page .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    border-radius: 7px;
    background: rgba(5, 12, 22, 0.72);
}

[b-oqefwvk1il] .atr-page .mud-input-outlined-border {
    border-color: rgba(142, 180, 222, 0.2) !important;
}

[b-oqefwvk1il] .atr-page .mud-input:hover .mud-input-outlined-border,
[b-oqefwvk1il] .atr-page .mud-input:focus-within .mud-input-outlined-border {
    border-color: rgba(0, 135, 179, 0.56) !important;
}

[b-oqefwvk1il] .atr-page .mud-input-adornment .mud-icon-root,
[b-oqefwvk1il] .atr-page .mud-checkbox .mud-icon-root {
    color: rgba(207, 220, 238, 0.72) !important;
}

[b-oqefwvk1il] .atr-page .mud-button-root {
    letter-spacing: 0;
    text-transform: none;
}

[b-oqefwvk1il] .atr-page .mud-switch-track {
    background-color: rgba(81, 99, 127, 0.48) !important;
}

[b-oqefwvk1il] .atr-page .mud-switch-thumb {
    background-color: #d8e4f8 !important;
}

[b-oqefwvk1il] .atr-page .mud-input-helper-text,
[b-oqefwvk1il] .atr-page .mud-input-label {
    color: var(--atr-muted) !important;
}

@media (max-width: 1500px) {
    .atr-filter-grid[b-oqefwvk1il] {
        grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px) minmax(150px, 190px);
    }

    .atr-auto-btn[b-oqefwvk1il],
    .atr-filter-btn[b-oqefwvk1il] {
        width: 100%;
    }

    .atr-advanced[b-oqefwvk1il] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }
}

@media (max-width: 1100px) {
    .atr-layout[b-oqefwvk1il] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }

    .atr-sidebar[b-oqefwvk1il] {
        grid-template-rows: auto auto auto;
        border-right: 0;
        border-bottom: 1px solid var(--atr-border);
    }

    .atr-groups-card[b-oqefwvk1il] {
        min-height: 190px;
        max-height: 320px;
    }

    .atr-group-list[b-oqefwvk1il] {
        max-height: 230px;
    }

    .atr-workspace[b-oqefwvk1il] {
        min-height: 720px;
    }

    .atr-filter-grid[b-oqefwvk1il],
    .atr-advanced[b-oqefwvk1il] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .atr-page[b-oqefwvk1il] {
        border-radius: 8px;
    }

    .atr-sidebar[b-oqefwvk1il],
    .atr-workspace[b-oqefwvk1il] {
        padding: 12px;
    }

    .atr-filter-grid[b-oqefwvk1il],
    .atr-advanced[b-oqefwvk1il],
    .atr-coverage-panel[b-oqefwvk1il],
    .atr-kv-fields[b-oqefwvk1il],
    .atr-footer[b-oqefwvk1il] {
        grid-template-columns: 1fr;
    }

    .atr-workspace[b-oqefwvk1il] {
        min-height: 0;
        overflow: visible;
    }

    .atr-list[b-oqefwvk1il] {
        max-height: min(620px, 72dvh);
    }

    .atr-section-head[b-oqefwvk1il],
    .atr-row-tools[b-oqefwvk1il],
    .atr-footer[b-oqefwvk1il],
    .atr-rows[b-oqefwvk1il] {
        align-items: flex-start;
        flex-direction: column;
    }

    .atr-section-title[b-oqefwvk1il] {
        flex-wrap: wrap;
    }

    .atr-item[b-oqefwvk1il] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .atr-item-status[b-oqefwvk1il] {
        grid-column: 2;
        justify-content: flex-start;
        padding-top: 2px;
    }

    .atr-item-head[b-oqefwvk1il] {
        align-items: flex-start;
        flex-direction: column;
    }

    .atr-item-head strong[b-oqefwvk1il] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .atr-deepl-usage[b-oqefwvk1il] {
        grid-template-columns: auto auto 1fr;
        width: 100%;
    }

    .atr-deepl-count[b-oqefwvk1il] {
        grid-column: 1 / -1;
    }

    .atr-add-language[b-oqefwvk1il] {
        width: 100%;
    }

    .atr-bulk-bar[b-oqefwvk1il],
    .atr-save-bar[b-oqefwvk1il] {
        width: calc(100% - 24px);
        margin-inline: 12px;
    }
}
/* /Pages/Admin/AdminUserDetail.razor.rz.scp.css */
.aud-empty[b-7nmmvwn5pc] {
    min-height: 320px;
    color: rgba(216, 229, 246, 0.64);
}

.aud-empty[b-7nmmvwn5pc]  .mud-icon-root {
    font-size: 64px;
    color: rgba(216, 229, 246, 0.22);
}

.aud-hero[b-7nmmvwn5pc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-width: 0;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 10px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 34px rgba(0, 0, 0, 0.2);
}

.aud-avatar[b-7nmmvwn5pc] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: 2px solid rgba(0, 135, 179, 0.42);
    border-radius: 50%;
    background: rgba(0, 135, 179, 0.14);
    color: #86dff5;
    font-size: 1.55rem;
    font-weight: 850;
}

.aud-hero-info[b-7nmmvwn5pc] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.aud-hero-name[b-7nmmvwn5pc] {
    min-width: 0;
    color: #f7fbff;
    font-size: 1.18rem;
    font-weight: 850;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.aud-hero-email[b-7nmmvwn5pc] {
    min-width: 0;
    color: rgba(215, 229, 247, 0.72);
    font-size: 0.84rem;
    overflow-wrap: anywhere;
}

.aud-hero-meta[b-7nmmvwn5pc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(108px, auto));
    gap: 8px;
}

.aud-hero-meta-item[b-7nmmvwn5pc] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(140, 178, 220, 0.12);
    border-radius: 8px;
    background: rgba(2, 9, 18, 0.46);
}

.aud-meta-label[b-7nmmvwn5pc] {
    color: rgba(184, 205, 230, 0.68);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.aud-meta-value[b-7nmmvwn5pc] {
    min-width: 0;
    color: #f7fbff;
    font-size: 0.86rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.aud-panel[b-7nmmvwn5pc] {
    min-width: 0;
    height: 100%;
    padding: 16px;
    border: 1px solid rgba(142, 180, 222, 0.14);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 28px rgba(0, 0, 0, 0.16);
}

[b-7nmmvwn5pc] .aud-section-title {
    color: #72d7ef;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.aud-table-wrap[b-7nmmvwn5pc] {
    max-width: 100%;
    overflow: auto;
    border: 1px solid rgba(125, 160, 210, 0.1);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.36);
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.aud-table-wrap--wide[b-7nmmvwn5pc] {
    max-height: min(460px, 52dvh);
    scrollbar-gutter: stable;
}

.aud-table-wrap[b-7nmmvwn5pc]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.aud-table-wrap[b-7nmmvwn5pc]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.aud-table-wrap[b-7nmmvwn5pc]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

[b-7nmmvwn5pc] .aud-data-table {
    min-width: 100%;
    background: transparent;
}

[b-7nmmvwn5pc] .aud-data-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(4, 11, 22, 0.96);
    color: rgba(215, 232, 244, 0.78);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-7nmmvwn5pc] .aud-data-table td,
[b-7nmmvwn5pc] .aud-data-table th {
    border-bottom-color: rgba(125, 160, 210, 0.09);
    vertical-align: top;
}

.aud-label-cell[b-7nmmvwn5pc] {
    width: 140px;
    color: rgba(204, 219, 238, 0.7);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-7nmmvwn5pc] .aud-muted,
.aud-muted[b-7nmmvwn5pc],
.aud-muted-cell[b-7nmmvwn5pc],
.aud-table-message[b-7nmmvwn5pc] {
    color: rgba(209, 224, 244, 0.72);
}

.aud-strong-cell[b-7nmmvwn5pc] {
    color: #f7fbff;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.aud-mono-cell[b-7nmmvwn5pc] {
    max-width: 420px;
    color: rgba(230, 241, 255, 0.92);
    font-family: "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
    font-size: 0.76rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.aud-table-message[b-7nmmvwn5pc] {
    max-width: 480px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-7nmmvwn5pc] .aud-score-value {
    color: #f7fbff;
    font-weight: 850;
}

.aud-delta[b-7nmmvwn5pc] {
    font-weight: 850;
}

.aud-delta--positive[b-7nmmvwn5pc] {
    color: #32d38a;
}

.aud-delta--negative[b-7nmmvwn5pc],
.aud-expired-cell[b-7nmmvwn5pc] {
    color: #ff6b7c;
}

[b-7nmmvwn5pc] .aud-chip {
    max-width: 100%;
    min-height: 24px;
    height: auto;
    font-size: 0.7rem;
}

[b-7nmmvwn5pc] .aud-chip .mud-chip-content {
    max-width: 100%;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-7nmmvwn5pc] .aud-role-chip--admin {
    color: #fff4d5;
    background: rgba(172, 102, 11, 0.9);
}

[b-7nmmvwn5pc] .aud-role-chip--default {
    color: #d6f5ff;
    background: rgba(0, 95, 122, 0.92);
}

[b-7nmmvwn5pc] .aud-medal-chip--silver {
    color: #d8e2ee;
}

[b-7nmmvwn5pc] .aud-medal-chip--bronze {
    color: #f1b36a;
}

[b-7nmmvwn5pc] .aud-medal-select {
    min-width: 130px;
}

.aud-stat-card[b-7nmmvwn5pc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(145, 181, 222, 0.12);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.44);
}

.aud-stat-card--warn[b-7nmmvwn5pc] {
    border-color: rgba(244, 67, 54, 0.3);
    background: rgba(244, 67, 54, 0.06);
}

.aud-stat-value[b-7nmmvwn5pc] {
    color: #f7fbff;
    font-size: 1.35rem;
    font-weight: 850;
}

.aud-stat-label[b-7nmmvwn5pc] {
    color: rgba(205, 220, 240, 0.68);
    font-size: 0.68rem;
    font-weight: 850;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 960px) {
    .aud-hero[b-7nmmvwn5pc] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .aud-hero-meta[b-7nmmvwn5pc] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .aud-hero[b-7nmmvwn5pc] {
        padding: 14px;
        gap: 12px;
    }

    .aud-avatar[b-7nmmvwn5pc] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }

    .aud-hero-meta[b-7nmmvwn5pc] {
        grid-template-columns: 1fr;
    }

    .aud-panel[b-7nmmvwn5pc] {
        padding: 12px;
    }

    .aud-table-wrap[b-7nmmvwn5pc] {
        max-height: min(460px, 62dvh);
    }

    [b-7nmmvwn5pc] .aud-data-table {
        min-width: 620px;
    }

    .aud-label-cell[b-7nmmvwn5pc] {
        width: 120px;
    }
}
/* /Pages/Admin/AdminVerification.razor.rz.scp.css */
.admin-verification-workspace[b-1s9kpqhp7i] {
    display: grid;
    gap: 14px;
}

.admin-verification-summary-grid[b-1s9kpqhp7i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-verification-summary-card[b-1s9kpqhp7i] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 13px 14px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(7, 95, 122, 0.06)),
        rgba(4, 11, 22, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-verification-summary-card--active[b-1s9kpqhp7i] {
    border-color: rgba(54, 209, 154, 0.26);
}

.admin-verification-summary-icon[b-1s9kpqhp7i] {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 135, 179, 0.26);
    border-radius: 9px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.15);
}

.admin-verification-summary-card--active .admin-verification-summary-icon[b-1s9kpqhp7i] {
    color: #79e6ad;
    border-color: rgba(54, 209, 154, 0.32);
    background: rgba(54, 209, 154, 0.13);
}

.admin-verification-summary-card span:last-child[b-1s9kpqhp7i] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-verification-summary-card strong[b-1s9kpqhp7i] {
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.24rem;
    font-weight: 900;
    line-height: 1.1;
}

.admin-verification-summary-card em[b-1s9kpqhp7i] {
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-verification-toolbar[b-1s9kpqhp7i] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(140px, 180px) max-content;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
}

.admin-verification-search[b-1s9kpqhp7i],
.admin-verification-filter[b-1s9kpqhp7i] {
    min-width: 0;
}

.admin-verification-toolbar-count[b-1s9kpqhp7i] {
    justify-self: end;
    color: rgba(187, 207, 222, 0.76);
    font-size: 0.78rem;
    font-weight: 850;
    white-space: nowrap;
}

.admin-verification-card[b-1s9kpqhp7i] {
    overflow: hidden;
    border-radius: 10px;
}

[b-1s9kpqhp7i] .admin-verification-card {
    padding: 0 !important;
}

[b-1s9kpqhp7i] .admin-verification-card > .mud-card-content {
    padding: 14px !important;
}

.admin-verification-table-wrap[b-1s9kpqhp7i] {
    width: 100%;
    max-width: 100%;
    max-height: min(620px, calc(100vh - 390px));
    min-height: 260px;
    overflow: auto;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.admin-verification-table-wrap[b-1s9kpqhp7i]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-verification-table-wrap[b-1s9kpqhp7i]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.admin-verification-table-wrap[b-1s9kpqhp7i]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

[b-1s9kpqhp7i] .admin-verification-table {
    min-width: 860px;
    background: transparent;
}

[b-1s9kpqhp7i] .admin-verification-table--claims {
    min-width: 1080px;
}

[b-1s9kpqhp7i] .admin-verification-table .mud-table-container {
    max-height: min(620px, calc(100vh - 390px)) !important;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
}

[b-1s9kpqhp7i] .admin-verification-table .mud-table-head .mud-table-cell {
    color: rgba(226, 235, 248, 0.78);
    background: rgba(22, 36, 56, 0.96);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-1s9kpqhp7i] .admin-verification-table .mud-table-row {
    background: rgba(7, 14, 24, 0.42);
}

[b-1s9kpqhp7i] .admin-verification-table .mud-table-row:hover {
    background: rgba(0, 135, 179, 0.08);
}

[b-1s9kpqhp7i] .admin-verification-table .mud-table-cell {
    border-bottom-color: rgba(125, 160, 210, 0.12);
    color: rgba(247, 251, 255, 0.9);
    vertical-align: middle;
}

.admin-verification-team-cell[b-1s9kpqhp7i],
.admin-verification-copy[b-1s9kpqhp7i],
.admin-verification-identity[b-1s9kpqhp7i] {
    min-width: 0;
}

.admin-verification-identity[b-1s9kpqhp7i] {
    display: grid;
    gap: 2px;
}

.admin-verification-title[b-1s9kpqhp7i] {
    color: rgba(247, 251, 255, 0.96);
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-verification-title span[b-1s9kpqhp7i] {
    color: rgba(187, 207, 222, 0.72);
    font-weight: 750;
}

.admin-verification-muted[b-1s9kpqhp7i],
.admin-verification-note[b-1s9kpqhp7i],
.admin-verification-accent[b-1s9kpqhp7i] {
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-verification-muted[b-1s9kpqhp7i],
.admin-verification-note[b-1s9kpqhp7i] {
    color: rgba(187, 207, 222, 0.72);
}

.admin-verification-accent[b-1s9kpqhp7i] {
    color: #67c7e3;
}

.admin-verification-note[b-1s9kpqhp7i] {
    max-width: 34rem;
}

.admin-verification-action-cell[b-1s9kpqhp7i] {
    text-align: right;
}

.admin-verification-actions[b-1s9kpqhp7i] {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-1s9kpqhp7i] .admin-verification-chip {
    height: auto !important;
    min-height: 22px;
    max-width: 100%;
    border-radius: 999px !important;
    font-weight: 850 !important;
    white-space: normal !important;
}

[b-1s9kpqhp7i] .admin-verification-chip .mud-chip-content {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-1s9kpqhp7i] .admin-verification-chip--filled {
    background: rgba(0, 135, 179, 0.2) !important;
    color: #8bd8ef !important;
}

.admin-verification-empty[b-1s9kpqhp7i] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    text-align: center;
}

.admin-verification-empty-icon[b-1s9kpqhp7i] {
    color: rgba(187, 207, 222, 0.45);
}

@media (max-width: 920px) {
    .admin-verification-summary-grid[b-1s9kpqhp7i] {
        grid-template-columns: 1fr;
    }

    .admin-verification-toolbar[b-1s9kpqhp7i] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-verification-toolbar-count[b-1s9kpqhp7i] {
        justify-self: start;
        white-space: normal;
    }

    .admin-verification-table-wrap[b-1s9kpqhp7i] {
        max-height: min(620px, 68dvh);
        overflow-x: hidden;
    }

    [b-1s9kpqhp7i] .admin-verification-card > .mud-card-content {
        padding: 10px !important;
    }

    [b-1s9kpqhp7i] .admin-verification-table,
    [b-1s9kpqhp7i] .admin-verification-table--claims {
        width: 100%;
        min-width: 0;
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-container {
        width: 100%;
        max-height: min(620px, 68dvh) !important;
        overflow-x: hidden;
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-root,
    [b-1s9kpqhp7i] .admin-verification-table .mud-table-body {
        display: block;
        width: 100% !important;
        max-width: 100%;
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-head {
        display: none !important;
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-row {
        display: grid;
        width: calc(100% - 20px) !important;
        box-sizing: border-box;
        gap: 0;
        margin: 10px;
        border: 1px solid rgba(125, 160, 210, 0.13);
        border-radius: 8px;
        background: rgba(7, 14, 24, 0.62);
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-cell {
        display: grid;
        grid-template-columns: minmax(82px, 0.34fr) minmax(0, 1fr);
        gap: 10px;
        min-width: 0;
        padding: 9px 10px;
        border-bottom-color: rgba(125, 160, 210, 0.09);
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    [b-1s9kpqhp7i] .admin-verification-table .mud-table-cell::before {
        content: attr(data-label);
        color: #67c7e3;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .admin-verification-action-cell[b-1s9kpqhp7i] {
        text-align: left;
    }

    .admin-verification-actions[b-1s9kpqhp7i] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    [b-1s9kpqhp7i] .admin-verification-table .mud-table-cell {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .admin-verification-summary-card[b-1s9kpqhp7i] {
        min-height: 68px;
    }
}
/* /Pages/Admin/Builder/AdminArchetypes.razor.rz.scp.css */
.builder-list-page[b-oecd9c42fh] {
    min-width: 0;
}

.builder-list-page[b-oecd9c42fh]  .pcw-admin-hero {
    padding: 20px 24px;
    border-color: rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 38px rgba(0, 0, 0, 0.28);
}

.builder-list-page[b-oecd9c42fh]  .pcw-admin-title,
.builder-list-page[b-oecd9c42fh]  .pcw-admin-subtitle {
    letter-spacing: 0;
}

.builder-list-workspace[b-oecd9c42fh] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.builder-list-stats[b-oecd9c42fh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.builder-list-stats article[b-oecd9c42fh],
.builder-list-panel[b-oecd9c42fh] {
    min-width: 0;
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.94)),
        rgba(8, 14, 24, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.builder-list-stats article[b-oecd9c42fh] {
    display: grid;
    gap: 5px;
    min-height: 92px;
    padding: 14px;
}

.builder-list-stats span[b-oecd9c42fh],
.builder-list-header span[b-oecd9c42fh] {
    color: #67c7e3;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.builder-list-stats strong[b-oecd9c42fh] {
    min-width: 0;
    color: #f7fbff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.builder-list-stats small[b-oecd9c42fh],
.builder-list-header p[b-oecd9c42fh],
.builder-muted[b-oecd9c42fh] {
    color: rgba(207, 220, 238, 0.72);
    font-size: 12px;
    line-height: 1.45;
}

.builder-list-stats article.is-good[b-oecd9c42fh] {
    border-color: rgba(121, 230, 173, 0.32);
    background: linear-gradient(135deg, rgba(54, 209, 154, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-stats article.is-warning[b-oecd9c42fh] {
    border-color: rgba(255, 193, 58, 0.36);
    background: linear-gradient(135deg, rgba(255, 193, 58, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-panel[b-oecd9c42fh] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 16px;
}

.builder-list-header[b-oecd9c42fh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.builder-list-header h2[b-oecd9c42fh],
.builder-list-header p[b-oecd9c42fh] {
    margin: 0;
}

.builder-list-header h2[b-oecd9c42fh] {
    color: #f7fbff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
}

.builder-list-toolbar[b-oecd9c42fh] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.builder-list-toolbar--single[b-oecd9c42fh] {
    grid-template-columns: minmax(240px, 440px);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-toolbar .mud-input-root {
    min-height: 40px;
    background: rgba(7, 14, 25, 0.66);
}

.builder-list-chip-filter[b-oecd9c42fh] {
    justify-content: flex-start;
}

.builder-list-table-wrap[b-oecd9c42fh] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table {
    background: transparent;
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table .mud-table-container {
    max-height: 560px;
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table .mud-table-container::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table .mud-table-container::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table .mud-table-container::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table table {
    min-width: 900px;
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: rgba(226, 235, 248, 0.9);
    background: rgba(19, 31, 48, 0.98);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table td {
    color: rgba(226, 235, 248, 0.86);
    font-size: 12px;
    line-height: 1.35;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table tbody tr:nth-child(odd) td {
    background: rgba(20, 31, 47, 0.78);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table tbody tr:nth-child(even) td {
    background: rgba(6, 13, 24, 0.82);
}

.builder-list-page[b-oecd9c42fh]  .builder-list-table tr:hover td {
    background: rgba(0, 135, 179, 0.08);
}

.builder-row-title[b-oecd9c42fh] {
    display: inline-block;
    min-width: 0;
    color: #f7fbff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.builder-requirements[b-oecd9c42fh] {
    display: inline-block;
    min-width: 0;
    max-width: 420px;
    color: rgba(207, 220, 238, 0.75);
    overflow-wrap: anywhere;
}

.builder-icon-state[b-oecd9c42fh] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid rgba(151, 180, 216, 0.16);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.builder-icon-state.is-good[b-oecd9c42fh] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.builder-icon-state.is-warning[b-oecd9c42fh] {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.38);
    background: rgba(255, 193, 58, 0.1);
}

.builder-list-actions-head[b-oecd9c42fh],
.builder-list-actions-cell[b-oecd9c42fh] {
    text-align: right;
    white-space: nowrap;
}

.builder-list-actions-cell[b-oecd9c42fh] {
    min-width: 76px;
}

.builder-inline-chip-row[b-oecd9c42fh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.builder-list-loading[b-oecd9c42fh] {
    display: grid;
    gap: 10px;
    color: rgba(226, 235, 248, 0.74);
    font-size: 13px;
}

.builder-list-empty[b-oecd9c42fh] {
    margin-top: 2px;
}

@media (max-width: 1180px) {
    .builder-list-stats[b-oecd9c42fh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .builder-list-page[b-oecd9c42fh]  .pcw-admin-hero {
        gap: 14px;
        padding: 18px;
    }

    .builder-list-stats[b-oecd9c42fh],
    .builder-list-toolbar[b-oecd9c42fh],
    .builder-list-toolbar--single[b-oecd9c42fh] {
        grid-template-columns: 1fr;
    }

    .builder-list-panel[b-oecd9c42fh] {
        padding: 12px;
        border-radius: 8px;
    }

    .builder-list-page[b-oecd9c42fh]  .builder-list-table .mud-table-container {
        max-height: min(560px, 62dvh);
    }

    .builder-list-page[b-oecd9c42fh]  .builder-list-table table {
        min-width: 860px;
    }
}
/* /Pages/Admin/Builder/AdminBuilderPlaystyles.razor.rz.scp.css */
.builder-list-page[b-45i9vb9y03] {
    min-width: 0;
}

.builder-list-page[b-45i9vb9y03]  .pcw-admin-hero {
    padding: 20px 24px;
    border-color: rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 38px rgba(0, 0, 0, 0.28);
}

.builder-list-page[b-45i9vb9y03]  .pcw-admin-title,
.builder-list-page[b-45i9vb9y03]  .pcw-admin-subtitle {
    letter-spacing: 0;
}

.builder-list-workspace[b-45i9vb9y03] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.builder-list-stats[b-45i9vb9y03] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.builder-list-stats article[b-45i9vb9y03],
.builder-list-panel[b-45i9vb9y03] {
    min-width: 0;
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.94)),
        rgba(8, 14, 24, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.builder-list-stats article[b-45i9vb9y03] {
    display: grid;
    gap: 5px;
    min-height: 92px;
    padding: 14px;
}

.builder-list-stats span[b-45i9vb9y03],
.builder-list-header span[b-45i9vb9y03] {
    color: #67c7e3;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.builder-list-stats strong[b-45i9vb9y03] {
    min-width: 0;
    color: #f7fbff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.builder-list-stats small[b-45i9vb9y03],
.builder-list-header p[b-45i9vb9y03],
.builder-muted[b-45i9vb9y03] {
    color: rgba(207, 220, 238, 0.72);
    font-size: 12px;
    line-height: 1.45;
}

.builder-list-stats article.is-good[b-45i9vb9y03] {
    border-color: rgba(121, 230, 173, 0.32);
    background: linear-gradient(135deg, rgba(54, 209, 154, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-stats article.is-warning[b-45i9vb9y03] {
    border-color: rgba(255, 193, 58, 0.36);
    background: linear-gradient(135deg, rgba(255, 193, 58, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-panel[b-45i9vb9y03] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 16px;
}

.builder-list-header[b-45i9vb9y03] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.builder-list-header h2[b-45i9vb9y03],
.builder-list-header p[b-45i9vb9y03] {
    margin: 0;
}

.builder-list-header h2[b-45i9vb9y03] {
    color: #f7fbff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
}

.builder-list-toolbar[b-45i9vb9y03] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.builder-list-toolbar--single[b-45i9vb9y03] {
    grid-template-columns: minmax(240px, 440px);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-toolbar .mud-input-root {
    min-height: 40px;
    background: rgba(7, 14, 25, 0.66);
}

.builder-list-chip-filter[b-45i9vb9y03] {
    justify-content: flex-start;
}

.builder-list-table-wrap[b-45i9vb9y03] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table {
    background: transparent;
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table .mud-table-container {
    max-height: 560px;
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table .mud-table-container::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table .mud-table-container::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table .mud-table-container::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table table {
    min-width: 900px;
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: rgba(226, 235, 248, 0.9);
    background: rgba(19, 31, 48, 0.98);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table td {
    color: rgba(226, 235, 248, 0.86);
    font-size: 12px;
    line-height: 1.35;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table tbody tr:nth-child(odd) td {
    background: rgba(20, 31, 47, 0.78);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table tbody tr:nth-child(even) td {
    background: rgba(6, 13, 24, 0.82);
}

.builder-list-page[b-45i9vb9y03]  .builder-list-table tr:hover td {
    background: rgba(0, 135, 179, 0.08);
}

.builder-row-title[b-45i9vb9y03] {
    display: inline-block;
    min-width: 0;
    color: #f7fbff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.builder-requirements[b-45i9vb9y03] {
    display: inline-block;
    min-width: 0;
    max-width: 420px;
    color: rgba(207, 220, 238, 0.75);
    overflow-wrap: anywhere;
}

.builder-icon-state[b-45i9vb9y03] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid rgba(151, 180, 216, 0.16);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.builder-icon-state.is-good[b-45i9vb9y03] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.builder-icon-state.is-warning[b-45i9vb9y03] {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.38);
    background: rgba(255, 193, 58, 0.1);
}

.builder-list-actions-head[b-45i9vb9y03],
.builder-list-actions-cell[b-45i9vb9y03] {
    text-align: right;
    white-space: nowrap;
}

.builder-list-actions-cell[b-45i9vb9y03] {
    min-width: 76px;
}

.builder-inline-chip-row[b-45i9vb9y03] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.builder-list-loading[b-45i9vb9y03] {
    display: grid;
    gap: 10px;
    color: rgba(226, 235, 248, 0.74);
    font-size: 13px;
}

.builder-list-empty[b-45i9vb9y03] {
    margin-top: 2px;
}

@media (max-width: 1180px) {
    .builder-list-stats[b-45i9vb9y03] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .builder-list-page[b-45i9vb9y03]  .pcw-admin-hero {
        gap: 14px;
        padding: 18px;
    }

    .builder-list-stats[b-45i9vb9y03],
    .builder-list-toolbar[b-45i9vb9y03],
    .builder-list-toolbar--single[b-45i9vb9y03] {
        grid-template-columns: 1fr;
    }

    .builder-list-panel[b-45i9vb9y03] {
        padding: 12px;
        border-radius: 8px;
    }

    .builder-list-page[b-45i9vb9y03]  .builder-list-table .mud-table-container {
        max-height: min(560px, 62dvh);
    }

    .builder-list-page[b-45i9vb9y03]  .builder-list-table table {
        min-width: 860px;
    }
}
/* /Pages/Admin/Builder/AdminBuilderSpecs.razor.rz.scp.css */
.builder-list-page[b-xs22okzo5g] {
    min-width: 0;
}

.builder-list-page[b-xs22okzo5g]  .pcw-admin-hero {
    padding: 20px 24px;
    border-color: rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 38px rgba(0, 0, 0, 0.28);
}

.builder-list-page[b-xs22okzo5g]  .pcw-admin-title,
.builder-list-page[b-xs22okzo5g]  .pcw-admin-subtitle {
    letter-spacing: 0;
}

.builder-list-workspace[b-xs22okzo5g] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.builder-list-stats[b-xs22okzo5g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.builder-list-stats article[b-xs22okzo5g],
.builder-list-panel[b-xs22okzo5g] {
    min-width: 0;
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.94)),
        rgba(8, 14, 24, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.builder-list-stats article[b-xs22okzo5g] {
    display: grid;
    gap: 5px;
    min-height: 92px;
    padding: 14px;
}

.builder-list-stats span[b-xs22okzo5g],
.builder-list-header span[b-xs22okzo5g] {
    color: #67c7e3;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.builder-list-stats strong[b-xs22okzo5g] {
    min-width: 0;
    color: #f7fbff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.builder-list-stats small[b-xs22okzo5g],
.builder-list-header p[b-xs22okzo5g],
.builder-muted[b-xs22okzo5g] {
    color: rgba(207, 220, 238, 0.72);
    font-size: 12px;
    line-height: 1.45;
}

.builder-list-stats article.is-good[b-xs22okzo5g] {
    border-color: rgba(121, 230, 173, 0.32);
    background: linear-gradient(135deg, rgba(54, 209, 154, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-stats article.is-warning[b-xs22okzo5g] {
    border-color: rgba(255, 193, 58, 0.36);
    background: linear-gradient(135deg, rgba(255, 193, 58, 0.12), rgba(9, 16, 28, 0.92));
}

.builder-list-panel[b-xs22okzo5g] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 16px;
}

.builder-list-header[b-xs22okzo5g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.builder-list-header h2[b-xs22okzo5g],
.builder-list-header p[b-xs22okzo5g] {
    margin: 0;
}

.builder-list-header h2[b-xs22okzo5g] {
    color: #f7fbff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
}

.builder-list-toolbar[b-xs22okzo5g] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.builder-list-toolbar--single[b-xs22okzo5g] {
    grid-template-columns: minmax(240px, 440px);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-toolbar .mud-input-root {
    min-height: 40px;
    background: rgba(7, 14, 25, 0.66);
}

.builder-list-chip-filter[b-xs22okzo5g] {
    justify-content: flex-start;
}

.builder-list-table-wrap[b-xs22okzo5g] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table {
    background: transparent;
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table .mud-table-container {
    max-height: 560px;
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table .mud-table-container::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table .mud-table-container::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table .mud-table-container::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table table {
    min-width: 900px;
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: rgba(226, 235, 248, 0.9);
    background: rgba(19, 31, 48, 0.98);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table td {
    color: rgba(226, 235, 248, 0.86);
    font-size: 12px;
    line-height: 1.35;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table tbody tr:nth-child(odd) td {
    background: rgba(20, 31, 47, 0.78);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table tbody tr:nth-child(even) td {
    background: rgba(6, 13, 24, 0.82);
}

.builder-list-page[b-xs22okzo5g]  .builder-list-table tr:hover td {
    background: rgba(0, 135, 179, 0.08);
}

.builder-row-title[b-xs22okzo5g] {
    display: inline-block;
    min-width: 0;
    color: #f7fbff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.builder-requirements[b-xs22okzo5g] {
    display: inline-block;
    min-width: 0;
    max-width: 420px;
    color: rgba(207, 220, 238, 0.75);
    overflow-wrap: anywhere;
}

.builder-icon-state[b-xs22okzo5g] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid rgba(151, 180, 216, 0.16);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.builder-icon-state.is-good[b-xs22okzo5g] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.builder-icon-state.is-warning[b-xs22okzo5g] {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.38);
    background: rgba(255, 193, 58, 0.1);
}

.builder-list-actions-head[b-xs22okzo5g],
.builder-list-actions-cell[b-xs22okzo5g] {
    text-align: right;
    white-space: nowrap;
}

.builder-list-actions-cell[b-xs22okzo5g] {
    min-width: 76px;
}

.builder-inline-chip-row[b-xs22okzo5g] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.builder-list-loading[b-xs22okzo5g] {
    display: grid;
    gap: 10px;
    color: rgba(226, 235, 248, 0.74);
    font-size: 13px;
}

.builder-list-empty[b-xs22okzo5g] {
    margin-top: 2px;
}

@media (max-width: 1180px) {
    .builder-list-stats[b-xs22okzo5g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .builder-list-page[b-xs22okzo5g]  .pcw-admin-hero {
        gap: 14px;
        padding: 18px;
    }

    .builder-list-stats[b-xs22okzo5g],
    .builder-list-toolbar[b-xs22okzo5g],
    .builder-list-toolbar--single[b-xs22okzo5g] {
        grid-template-columns: 1fr;
    }

    .builder-list-panel[b-xs22okzo5g] {
        padding: 12px;
        border-radius: 8px;
    }

    .builder-list-page[b-xs22okzo5g]  .builder-list-table .mud-table-container {
        max-height: min(560px, 62dvh);
    }

    .builder-list-page[b-xs22okzo5g]  .builder-list-table table {
        min-width: 860px;
    }
}
/* /Pages/Admin/Builder/ArchetypeWorkspace.razor.rz.scp.css */
/* ── Loading ─────────────────────────────────────────────────────────── */
.ws-loading[b-dx74l3g8mi] {
    padding: 32px 0;
}

/* ── Sticky header bar ───────────────────────────────────────────────── */
.ws-header[b-dx74l3g8mi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px 20px;
    background: linear-gradient(135deg, rgba(18,23,46,0.98) 0%, rgba(28,33,112,0.7) 100%);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 12px;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(8px);
}

.ws-header-left[b-dx74l3g8mi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ws-header-right[b-dx74l3g8mi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ws-title-block[b-dx74l3g8mi] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ws-title-name[b-dx74l3g8mi] {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #fff !important;
}

.ws-title-sub[b-dx74l3g8mi] {
    color: rgba(255,255,255,0.4) !important;
    font-size: 0.75rem !important;
}

.ws-dirty-chip[b-dx74l3g8mi] {
    margin-left: 4px;
}

/* ── Tabs container ──────────────────────────────────────────────────── */
.ws-tabs[b-dx74l3g8mi] {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255,255,255,0.015);
}

.ws-tab-header[b-dx74l3g8mi] {
    background: rgba(18,23,46,0.6) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    padding: 0 8px;
}

.ws-tab-panel[b-dx74l3g8mi] {
    padding: 24px 24px;
    min-height: 300px;
}

/* ── Section toolbar (used inside tab panels) ────────────────────────── */
.ws-section-toolbar[b-dx74l3g8mi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.ws-section-toolbar-title[b-dx74l3g8mi] {
    font-size: 0.82rem;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-right: auto;
}

/* ── Dirty badge (inline) ────────────────────────────────────────────── */
.ws-dirty-badge[b-dx74l3g8mi] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
    background: rgba(255,179,0,0.18);
    color: #ffb300;
    letter-spacing: 0.3px;
}
/* /Pages/Admin/Dashboard.razor.rz.scp.css */
.add-shell[b-wqm61kpk8f] {
    display: grid;
    gap: 16px;
}

.add-hero-actions[b-wqm61kpk8f] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.add-loading-state[b-wqm61kpk8f] {
    display: grid;
    gap: 14px;
    min-height: min(560px, calc(100vh - 300px));
}

.add-loading-copy[b-wqm61kpk8f],
.add-state-panel[b-wqm61kpk8f] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(83, 33, 178, 0.06)),
        rgba(4, 11, 22, 0.66);
}

.add-state-panel--error[b-wqm61kpk8f] {
    border-color: rgba(255, 86, 111, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 86, 111, 0.11), rgba(4, 11, 22, 0.68)),
        rgba(4, 11, 22, 0.72);
}

.add-loading-copy strong[b-wqm61kpk8f],
.add-state-panel strong[b-wqm61kpk8f] {
    display: block;
    color: rgba(247, 251, 255, 0.98);
    font-size: 1rem;
}

.add-loading-copy span[b-wqm61kpk8f],
.add-state-panel span[b-wqm61kpk8f] {
    display: block;
    margin-top: 3px;
    color: rgba(187, 207, 222, 0.74);
}

.add-loading-panels[b-wqm61kpk8f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.add-overview-grid[b-wqm61kpk8f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.add-command-strip[b-wqm61kpk8f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.58);
}

.add-command[b-wqm61kpk8f] {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.22);
    border-radius: 8px;
    color: rgba(241, 248, 255, 0.95);
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.11), rgba(83, 33, 178, 0.08)),
        rgba(4, 11, 22, 0.68);
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.add-command:hover[b-wqm61kpk8f],
.add-command:focus-visible[b-wqm61kpk8f] {
    border-color: rgba(0, 135, 179, 0.48);
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.17), rgba(83, 33, 178, 0.12)),
        rgba(4, 11, 22, 0.78);
    color: #fff;
    transform: translateY(-1px);
}

.add-command--primary[b-wqm61kpk8f] {
    border-color: rgba(0, 135, 179, 0.44);
}

.add-command .mud-icon-root[b-wqm61kpk8f] {
    width: 36px;
    height: 36px;
    padding: 8px;
    flex: 0 0 auto;
    border-radius: 8px;
    color: #67d9ff;
    background: rgba(0, 135, 179, 0.14);
}

.add-command strong[b-wqm61kpk8f],
.add-command small[b-wqm61kpk8f] {
    display: block;
    min-width: 0;
}

.add-command strong[b-wqm61kpk8f] {
    font-size: 0.92rem;
    line-height: 1.2;
}

.add-command small[b-wqm61kpk8f] {
    margin-top: 3px;
    color: rgba(187, 207, 222, 0.72);
    font-size: 0.76rem;
    line-height: 1.3;
}

.add-drawer[b-wqm61kpk8f] {
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.52);
    overflow: hidden;
}

.add-drawer-summary[b-wqm61kpk8f] {
    width: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.add-drawer-summary:hover[b-wqm61kpk8f],
.add-drawer-summary:focus-visible[b-wqm61kpk8f] {
    background: rgba(0, 135, 179, 0.08);
}

.add-drawer-summary strong[b-wqm61kpk8f],
.add-drawer-summary small[b-wqm61kpk8f] {
    display: block;
}

.add-drawer-summary strong[b-wqm61kpk8f] {
    color: rgba(247, 251, 255, 0.98);
    font-size: 0.98rem;
}

.add-drawer-summary small[b-wqm61kpk8f] {
    margin-top: 3px;
    color: rgba(187, 207, 222, 0.72);
    line-height: 1.35;
}

.add-drawer-summary .mud-icon-root[b-wqm61kpk8f] {
    flex: 0 0 auto;
    color: #67d9ff;
}

.add-drawer-body[b-wqm61kpk8f] {
    padding: 12px;
    border-top: 1px solid rgba(125, 160, 210, 0.12);
    background: rgba(2, 7, 14, 0.32);
}

.add-section-heading[b-wqm61kpk8f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    background: rgba(4, 11, 22, 0.76);
}

[b-wqm61kpk8f] .add-section-heading .mud-typography-h6 {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

[b-wqm61kpk8f] .add-section-heading .mud-typography-caption {
    color: var(--pcw-text-muted);
}

.add-chart-grid[b-wqm61kpk8f] {
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: rgba(4, 11, 22, 0.52);
}

[b-wqm61kpk8f] .add-kpi,
[b-wqm61kpk8f] .add-card {
    border-radius: 8px !important;
    border: 1px solid rgba(125, 160, 210, 0.13) !important;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.1), rgba(83, 33, 178, 0.06)),
        rgba(4, 11, 22, 0.72) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
    overflow: hidden;
    position: relative;
}

[b-wqm61kpk8f] .add-kpi {
    min-height: 116px;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

[b-wqm61kpk8f] .add-kpi--clickable {
    cursor: pointer;
}

[b-wqm61kpk8f] .add-kpi--clickable:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 135, 179, 0.45) !important;
    box-shadow: 0 14px 36px rgba(0, 135, 179, 0.16) !important;
}

[b-wqm61kpk8f] .add-kpi-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #67d9ff;
    background: rgba(0, 135, 179, 0.14);
    margin-bottom: 8px;
}

[b-wqm61kpk8f] .add-kpi-value-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

[b-wqm61kpk8f] .add-kpi-value {
    color: #fff;
    font-size: 1.55rem;
    font-weight: 850;
    line-height: 1.1;
}

[b-wqm61kpk8f] .add-kpi-delta {
    color: #14c48b;
    font-size: 0.95rem;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

[b-wqm61kpk8f] .add-kpi-title {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.78rem;
    font-weight: 800;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-wqm61kpk8f] .add-kpi-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    color: var(--pcw-text-muted);
    font-size: 0.76rem;
}

[b-wqm61kpk8f] .add-kpi-footer span {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-wqm61kpk8f] .add-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 800;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[b-wqm61kpk8f] .add-card-title .mud-icon-root {
    color: #67d9ff;
}

[b-wqm61kpk8f] .add-skeleton {
    border-radius: 8px;
    background: rgba(125, 160, 210, 0.1) !important;
}

[b-wqm61kpk8f] .add-empty {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--pcw-text-muted);
}

[b-wqm61kpk8f] .add-empty .mud-icon-root {
    font-size: 2rem;
    opacity: 0.55;
}

.add-bar-list[b-wqm61kpk8f] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.add-bar-row[b-wqm61kpk8f] {
    display: grid;
    grid-template-columns: minmax(120px, 160px) 1fr 56px;
    align-items: center;
    gap: 12px;
}

.add-bar-label[b-wqm61kpk8f] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-bar-track[b-wqm61kpk8f] {
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.add-bar-fill[b-wqm61kpk8f] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #0087b3, #075f7a);
}

.add-bar-value[b-wqm61kpk8f] {
    color: #fff;
    font-weight: 700;
    text-align: right;
}

@media (max-width: 1180px) {
    .add-overview-grid[b-wqm61kpk8f],
    .add-command-strip[b-wqm61kpk8f],
    .add-loading-panels[b-wqm61kpk8f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .add-overview-grid[b-wqm61kpk8f],
    .add-command-strip[b-wqm61kpk8f],
    .add-loading-panels[b-wqm61kpk8f] {
        grid-template-columns: 1fr;
    }

    .add-command[b-wqm61kpk8f],
    .add-drawer-summary[b-wqm61kpk8f],
    .add-loading-copy[b-wqm61kpk8f],
    .add-state-panel[b-wqm61kpk8f] {
        align-items: flex-start;
    }

    .add-state-panel[b-wqm61kpk8f] {
        flex-direction: column;
    }

    .add-bar-row[b-wqm61kpk8f] {
        grid-template-columns: minmax(84px, 110px) 1fr 44px;
        gap: 8px;
    }
}
/* /Pages/Admin/HonorsScoring.razor.rz.scp.css */
.hs-output-note[b-ql249z8dc9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(0, 201, 255, 0.2);
    border-radius: 8px;
    background: rgba(7, 12, 23, 0.86);
}

.hs-output-note span[b-ql249z8dc9] {
    display: inline-flex;
    color: #00c9ff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hs-output-note strong[b-ql249z8dc9] {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 0.96rem;
    line-height: 1.24;
}

.hs-output-note p[b-ql249z8dc9] {
    max-width: 840px;
    margin: 5px 0 0;
    color: rgba(255, 255, 255, 0.54);
    font-size: 0.82rem;
    line-height: 1.45;
}

.hs-output-note__actions[b-ql249z8dc9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.hs-workspace[b-ql249z8dc9] {
    display: grid;
    grid-template-columns: 300px minmax(560px, 1fr) 430px;
    min-height: calc(100vh - 230px);
    border: 1px solid rgba(104, 214, 255, 0.14);
    background: #050912;
    box-shadow: 0 24px 78px rgba(0, 0, 0, 0.32);
}

@media (max-width: 900px) {
    .hs-output-note[b-ql249z8dc9] {
        flex-direction: column;
    }

    .hs-output-note__actions[b-ql249z8dc9],
    .hs-output-note__actions[b-ql249z8dc9]  .mud-button-root {
        width: 100%;
    }
}

.hs-profile-list[b-ql249z8dc9],
.hs-editor[b-ql249z8dc9],
.hs-preview[b-ql249z8dc9] {
    min-width: 0;
    min-height: 0;
    background: rgba(7, 12, 23, 0.96);
}

.hs-profile-list[b-ql249z8dc9] {
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    padding: 12px;
    overflow: auto;
}

.hs-editor[b-ql249z8dc9] {
    padding: 16px;
    overflow: auto;
}

.hs-preview[b-ql249z8dc9] {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    padding: 14px;
    overflow: auto;
}

.hs-panel-title[b-ql249z8dc9] {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.hs-profile-row[b-ql249z8dc9] {
    width: 100%;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    margin-bottom: 8px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.035);
    text-align: left;
    cursor: pointer;
}

.hs-profile-row:hover[b-ql249z8dc9],
.hs-profile-row.active[b-ql249z8dc9] {
    color: #fff;
    border-color: rgba(0, 201, 255, 0.5);
    background: rgba(0, 201, 255, 0.12);
}

.hs-profile-row strong[b-ql249z8dc9],
.hs-profile-row small[b-ql249z8dc9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hs-profile-row strong[b-ql249z8dc9] {
    font-size: 13px;
}

.hs-profile-row small[b-ql249z8dc9],
.hs-catalog-row small[b-ql249z8dc9],
.hs-metric small[b-ql249z8dc9],
.hs-lineup-chip small[b-ql249z8dc9] {
    color: rgba(255, 255, 255, 0.46);
    font-size: 11px;
}

.hs-catalog[b-ql249z8dc9] {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.hs-catalog-row[b-ql249z8dc9] {
    display: grid;
    gap: 2px;
    margin-bottom: 8px;
    padding: 8px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.hs-catalog-row strong[b-ql249z8dc9] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
}

.hs-catalog-row span[b-ql249z8dc9] {
    color: #00c9ff;
    font-size: 11px;
    font-weight: 800;
}

.hs-editor-head[b-ql249z8dc9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 16px;
    align-items: start;
    margin-bottom: 14px;
}

.hs-editor-head h2[b-ql249z8dc9] {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}

.hs-editor-head span[b-ql249z8dc9] {
    color: rgba(255, 255, 255, 0.52);
    font-size: 12px;
}

.hs-scope-grid[b-ql249z8dc9],
.hs-live-grid[b-ql249z8dc9],
.hs-metric-grid[b-ql249z8dc9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.hs-source-card[b-ql249z8dc9],
.hs-formula-card[b-ql249z8dc9],
.hs-preview-card[b-ql249z8dc9],
.hs-metric[b-ql249z8dc9] {
    border: 1px solid rgba(104, 214, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.hs-source-card[b-ql249z8dc9],
.hs-formula-card[b-ql249z8dc9],
.hs-preview-card[b-ql249z8dc9] {
    padding: 12px;
    margin-bottom: 12px;
}

.hs-source-buttons[b-ql249z8dc9],
.hs-role-tabs[b-ql249z8dc9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.hs-source-buttons button[b-ql249z8dc9],
.hs-role-tabs button[b-ql249z8dc9] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 8px 11px;
    color: rgba(255, 255, 255, 0.68);
    background: rgba(255, 255, 255, 0.04);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.hs-source-buttons button.active[b-ql249z8dc9],
.hs-role-tabs button.active[b-ql249z8dc9],
.hs-source-buttons button:hover[b-ql249z8dc9],
.hs-role-tabs button:hover[b-ql249z8dc9] {
    color: #fff;
    border-color: rgba(0, 201, 255, 0.55);
    background: rgba(0, 201, 255, 0.13);
}

.hs-metric[b-ql249z8dc9] {
    display: grid;
    gap: 6px;
    padding: 10px;
}

.hs-metric span[b-ql249z8dc9] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    font-weight: 900;
}

.hs-lineup[b-ql249z8dc9],
.hs-ranking[b-ql249z8dc9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hs-lineup-chip[b-ql249z8dc9],
.hs-rank-row[b-ql249z8dc9] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 74px 64px;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border-radius: 7px;
    background: rgba(0, 0, 0, 0.22);
}

.hs-rank-row[b-ql249z8dc9] {
    grid-template-columns: 30px minmax(0, 1fr) minmax(105px, 125px) 62px;
}

.hs-lineup-chip strong[b-ql249z8dc9],
.hs-rank-row strong[b-ql249z8dc9] {
    color: #f5d77a;
    font-size: 12px;
    font-weight: 900;
}

.hs-lineup-chip span[b-ql249z8dc9],
.hs-rank-row span[b-ql249z8dc9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 800;
}

.hs-rank-row small[b-ql249z8dc9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

.hs-lineup-chip em[b-ql249z8dc9],
.hs-rank-row em[b-ql249z8dc9] {
    color: #00c9ff;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    text-align: right;
}

.hs-contribs[b-ql249z8dc9] {
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.hs-contribs b[b-ql249z8dc9] {
    padding: 3px 6px;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.68);
    background: rgba(255, 255, 255, 0.055);
    font-size: 10px;
    font-weight: 800;
}

@media (max-width: 1280px) {
    .hs-workspace[b-ql249z8dc9] {
        grid-template-columns: 1fr;
    }

    .hs-profile-list[b-ql249z8dc9],
    .hs-preview[b-ql249z8dc9] {
        border: 0;
    }
}

@media (max-width: 760px) {
    .hs-editor-head[b-ql249z8dc9],
    .hs-scope-grid[b-ql249z8dc9],
    .hs-live-grid[b-ql249z8dc9],
    .hs-metric-grid[b-ql249z8dc9],
    .hs-lineup-chip[b-ql249z8dc9],
    .hs-rank-row[b-ql249z8dc9] {
        grid-template-columns: 1fr;
    }

    .hs-lineup-chip em[b-ql249z8dc9],
    .hs-rank-row em[b-ql249z8dc9] {
        text-align: left;
    }

    .hs-contribs[b-ql249z8dc9] {
        grid-column: auto;
    }
}
/* /Pages/Admin/ImagePresetTemplateEditor.razor.rz.scp.css */
.ipt-workspace[b-q12f2aklvq] {
    --ipt-page: #050b14;
    --ipt-panel: #0a1422;
    --ipt-panel-2: #0d1929;
    --ipt-panel-soft: #111d2f;
    --ipt-border: #1b2a40;
    --ipt-border-strong: #24415f;
    --ipt-text: #f5f8ff;
    --ipt-text-2: #a9b7c9;
    --ipt-muted: #6f8198;
    --ipt-accent: #00a8ff;
    --ipt-success: #18e28c;
    --ipt-warning: #ffcc4d;
    --ipt-danger: #ff4d6d;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr) 420px;
    gap: 16px;
    min-height: calc(100vh - 245px);
    color: var(--ipt-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[b-q12f2aklvq] .pcw-admin-shell {
    background: #050b14;
}

[b-q12f2aklvq] .pcw-admin-hero {
    background: linear-gradient(110deg, #0b2a63 0%, #24116d 42%, #8500a8 100%);
    border: 1px solid rgba(0, 168, 255, 0.16);
    border-radius: 16px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35), 0 0 40px rgba(123, 31, 234, 0.18);
}

[b-q12f2aklvq] .pcw-admin-title {
    font-size: clamp(34px, 2vw, 38px);
    font-weight: 900;
    letter-spacing: 0;
}

[b-q12f2aklvq] .pcw-admin-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.ipt-muted[b-q12f2aklvq] {
    color: var(--ipt-muted);
}

.ipt-list-panel[b-q12f2aklvq],
.ipt-editor-panel[b-q12f2aklvq],
.ipt-side-panel[b-q12f2aklvq],
.ipt-empty[b-q12f2aklvq],
.ipt-helper-card[b-q12f2aklvq] {
    min-width: 0;
}

.ipt-list-panel[b-q12f2aklvq],
.ipt-editor-panel[b-q12f2aklvq],
.ipt-empty[b-q12f2aklvq],
.ipt-helper-card[b-q12f2aklvq] {
    border: 1px solid var(--ipt-border);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(13, 25, 41, 0.94), rgba(10, 20, 34, 0.96));
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.ipt-list-panel[b-q12f2aklvq],
.ipt-editor-panel[b-q12f2aklvq],
.ipt-side-panel[b-q12f2aklvq],
.ipt-helper-card[b-q12f2aklvq] {
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.ipt-panel-head[b-q12f2aklvq],
.ipt-editor-top[b-q12f2aklvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ipt-border);
}

.ipt-panel-head[b-q12f2aklvq] {
    justify-content: flex-start;
    color: var(--ipt-text);
    font-size: 13px;
    font-weight: 900;
}

.ipt-panel-head .mud-icon-root[b-q12f2aklvq] {
    color: var(--ipt-accent);
}

.ipt-search[b-q12f2aklvq] {
    margin: 12px 12px 10px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--ipt-border);
    border-radius: 8px;
    color: var(--ipt-text);
    background: #07101d;
    outline: none;
    font-size: 12px;
}

.ipt-search:focus[b-q12f2aklvq] {
    border-color: var(--ipt-accent);
    box-shadow: 0 0 0 3px rgba(0, 168, 255, 0.12);
}

.ipt-list-scroll[b-q12f2aklvq] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 8px;
    overflow: auto;
    padding: 0 12px 12px;
}

.ipt-list-empty[b-q12f2aklvq] {
    display: grid;
    min-height: 140px;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--ipt-muted);
    text-align: center;
}

.ipt-preset-row[b-q12f2aklvq] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 66px;
    padding: 10px 12px;
    border: 1px solid var(--ipt-border);
    border-radius: 8px;
    color: var(--ipt-text-2);
    background: rgba(255, 255, 255, 0.035);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.ipt-preset-row:hover[b-q12f2aklvq],
.ipt-preset-row-active[b-q12f2aklvq] {
    border-color: var(--ipt-accent);
    background: linear-gradient(90deg, rgba(0, 168, 255, 0.22), rgba(0, 168, 255, 0.06));
    box-shadow: 0 0 0 1px rgba(0, 168, 255, 0.35), 0 0 22px rgba(0, 168, 255, 0.18);
    color: var(--ipt-text);
}

.ipt-preset-row strong[b-q12f2aklvq],
.ipt-preset-row small[b-q12f2aklvq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ipt-preset-row strong[b-q12f2aklvq] {
    font-size: 13px;
    font-weight: 900;
}

.ipt-preset-row small[b-q12f2aklvq],
.ipt-preset-row em[b-q12f2aklvq] {
    color: var(--ipt-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.ipt-empty[b-q12f2aklvq] {
    display: grid;
    grid-column: span 2;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 32px;
    text-align: center;
    color: var(--ipt-text-2);
}

.ipt-empty .mud-icon-root[b-q12f2aklvq] {
    font-size: 44px;
    color: var(--ipt-accent);
}

.ipt-editor-panel[b-q12f2aklvq] {
    overflow: hidden;
}

.ipt-editor-top[b-q12f2aklvq] {
    min-height: 58px;
    background: rgba(5, 11, 20, 0.72);
}

.ipt-editor-title[b-q12f2aklvq] {
    color: var(--ipt-text);
    font-weight: 900;
}

.ipt-action-row[b-q12f2aklvq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.ipt-action-row[b-q12f2aklvq]  .mud-button {
    min-height: 34px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ipt-save-state[b-q12f2aklvq] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid rgba(24, 226, 140, 0.34);
    border-radius: 999px;
    color: var(--ipt-success);
    background: rgba(24, 226, 140, 0.08);
    font-size: 12px;
    font-weight: 900;
}

.ipt-save-state-dirty[b-q12f2aklvq] {
    color: var(--ipt-warning);
    border-color: rgba(255, 204, 77, 0.36);
    background: rgba(255, 204, 77, 0.08);
}

.ipt-save-state-saving[b-q12f2aklvq] {
    color: var(--ipt-accent);
    border-color: rgba(0, 168, 255, 0.4);
    background: rgba(0, 168, 255, 0.1);
}

.ipt-save-state-error[b-q12f2aklvq] {
    color: var(--ipt-danger);
    border-color: rgba(255, 77, 109, 0.42);
    background: rgba(255, 77, 109, 0.1);
}

.ipt-meta-panel[b-q12f2aklvq] {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(150px, 0.9fr) minmax(110px, 0.6fr) minmax(112px, 0.65fr) minmax(120px, 0.7fr) repeat(2, minmax(98px, 0.55fr)) auto;
    gap: 10px;
    align-items: start;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ipt-border);
}

.ipt-meta-description[b-q12f2aklvq] {
    grid-column: 1 / -1;
}

.ipt-meta-panel[b-q12f2aklvq]  .mud-input-control {
    margin-top: 0;
}

.ipt-meta-panel[b-q12f2aklvq]  .mud-input-label,
.ipt-meta-panel[b-q12f2aklvq]  .mud-input-control-input-container .mud-input-label {
    color: var(--ipt-text-2) !important;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ipt-meta-panel[b-q12f2aklvq]  .mud-input-outlined-border {
    border-color: var(--ipt-border) !important;
}

.ipt-meta-panel[b-q12f2aklvq]  .mud-input-root {
    color: var(--ipt-text) !important;
    background: #07101d;
    border-radius: 8px;
    font-size: 13px;
}

.ipt-meta-panel[b-q12f2aklvq]  .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--ipt-accent) !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 255, 0.12);
}

.ipt-editor-shell[b-q12f2aklvq] {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.ipt-editor-shell[b-q12f2aklvq]  .ipt-tabbar {
    min-height: 56px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--ipt-border);
    border-radius: 0;
    background: rgba(7, 16, 29, 0.82);
}

.ipt-editor-shell[b-q12f2aklvq]  .ipt-tabbar__button {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ipt-editor-help[b-q12f2aklvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(27, 42, 64, 0.72);
    background: rgba(0, 168, 255, 0.035);
}

.ipt-editor-help strong[b-q12f2aklvq] {
    color: var(--ipt-text);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.ipt-editor-help span[b-q12f2aklvq] {
    min-width: 0;
    color: var(--ipt-text-2);
    font-size: 12px;
    line-height: 18px;
}

.ipt-canvas-studio[b-q12f2aklvq] {
    display: grid;
    grid-template-rows: auto minmax(480px, 1fr) auto;
    min-height: 0;
    flex: 1;
    background: #050b14;
}

.ipt-canvas-toolbar[b-q12f2aklvq] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(0, 168, 255, 0.12);
    background: rgba(7, 16, 29, 0.92);
}

.ipt-canvas-toolbar strong[b-q12f2aklvq] {
    color: var(--ipt-text);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ipt-canvas-toolbar span[b-q12f2aklvq] {
    display: block;
    color: var(--ipt-muted);
    font-size: 11px;
    font-weight: 800;
}

.ipt-canvas-live[b-q12f2aklvq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ipt-live-dot[b-q12f2aklvq] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ipt-muted);
}

.ipt-live-dot.is-live[b-q12f2aklvq] {
    background: var(--ipt-accent);
    box-shadow: 0 0 14px rgba(0, 168, 255, 0.75);
}

.ipt-canvas-frame[b-q12f2aklvq] {
    position: relative;
    min-width: 0;
    min-height: 480px;
    overflow: hidden;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        radial-gradient(circle at center, rgba(0, 168, 255, 0.08), transparent 60%),
        #050b14;
    background-size: 24px 24px, 24px 24px, auto, auto;
}

.ipt-canvas-frame[b-q12f2aklvq]  .ippv-panel {
    height: 100%;
}

.ipt-variation-float[b-q12f2aklvq] {
    position: absolute;
    z-index: 5;
    top: 14px;
    right: 58px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(27, 42, 64, 0.86);
    border-radius: 10px;
    background: rgba(10, 20, 34, 0.9);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.ipt-variation-float span[b-q12f2aklvq] {
    color: var(--ipt-text-2);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ipt-variation-float button[b-q12f2aklvq],
.ipt-canvas-edge-tools button[b-q12f2aklvq] {
    min-width: 32px;
    min-height: 32px;
    border: 1px solid var(--ipt-border);
    border-radius: 8px;
    color: var(--ipt-text-2);
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.ipt-variation-float button[b-q12f2aklvq] {
    padding: 0 10px;
}

.ipt-variation-float button.active[b-q12f2aklvq],
.ipt-variation-float button:hover[b-q12f2aklvq],
.ipt-canvas-edge-tools button:hover:not(:disabled)[b-q12f2aklvq] {
    color: var(--ipt-text);
    border-color: rgba(0, 168, 255, 0.62);
    background: linear-gradient(180deg, #16b9ff 0%, #0078d6 100%);
}

.ipt-canvas-edge-tools[b-q12f2aklvq] {
    position: absolute;
    z-index: 6;
    top: 72px;
    right: 14px;
    display: grid;
    gap: 7px;
}

.ipt-canvas-edge-tools span[b-q12f2aklvq] {
    display: grid;
    min-height: 28px;
    place-items: center;
    border-radius: 8px;
    color: var(--ipt-text-2);
    background: rgba(5, 11, 20, 0.82);
    font-size: 11px;
    font-weight: 900;
}

.ipt-canvas-edge-tools button:disabled[b-q12f2aklvq] {
    cursor: not-allowed;
    opacity: 0.45;
}

.ipt-visual-quick-settings[b-q12f2aklvq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid var(--ipt-border);
    background: rgba(7, 16, 29, 0.92);
}

.ipt-mini-setting[b-q12f2aklvq] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.ipt-mini-setting span[b-q12f2aklvq] {
    overflow: hidden;
    color: var(--ipt-text-2);
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ipt-mini-setting input[b-q12f2aklvq] {
    width: 100%;
    min-height: 32px;
    border: 1px solid var(--ipt-border);
    border-radius: 7px;
    color: var(--ipt-text);
    background: #07101d;
    padding: 0 9px;
}

.ipt-tab-toolbar[b-q12f2aklvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px 0;
}

.ipt-tab-toolbar > span[b-q12f2aklvq] {
    min-width: 0;
    color: var(--ipt-text-2);
    font-size: 12px;
    line-height: 18px;
}

.ipt-code-textarea[b-q12f2aklvq] {
    width: calc(100% - 28px);
    min-height: 420px;
    height: calc(100vh - 520px);
    flex: 1;
    margin: 12px 14px 14px;
    resize: none;
    padding: 12px;
    border: 1px solid var(--ipt-border);
    border-radius: 10px;
    outline: none;
    color: var(--ipt-text);
    background: #07101d;
    font-family: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
    font-size: 12px;
    line-height: 1.45;
}

.ipt-code-textarea:focus[b-q12f2aklvq] {
    border-color: var(--ipt-accent);
    box-shadow: 0 0 0 3px rgba(0, 168, 255, 0.12);
}

.ipt-mapping-panel[b-q12f2aklvq] {
    min-height: 500px;
    flex: 1;
    overflow: hidden;
    padding: 14px;
}

.ipt-mapping-panel[b-q12f2aklvq]  .ipdh-panel {
    height: 100%;
}

.ipt-side-panel[b-q12f2aklvq] {
    display: grid;
    grid-template-rows: minmax(316px, auto) minmax(0, 1fr);
    gap: 16px;
    overflow: hidden;
}

.ipt-helper-card[b-q12f2aklvq] {
    padding: 14px;
}

.ipt-preview-card[b-q12f2aklvq] {
    min-height: 332px;
}

.ipt-builder-card[b-q12f2aklvq] {
    min-height: 0;
    gap: 10px;
}

.ipt-builder-card[b-q12f2aklvq]  .ipt-tabbar {
    padding: 0;
    border-radius: 9px;
}

.ipt-builder-card[b-q12f2aklvq]  .ipdh-panel,
.ipt-builder-card[b-q12f2aklvq]  .ipsn-panel {
    flex: 1;
    overflow: hidden;
}

@media (max-width: 1439px) {
    .ipt-workspace[b-q12f2aklvq] {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .ipt-side-panel[b-q12f2aklvq] {
        grid-column: 2;
        display: grid;
        grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
        grid-template-rows: auto;
    }
}

@media (max-width: 1023px) {
    .ipt-workspace[b-q12f2aklvq] {
        grid-template-columns: 1fr;
    }

    .ipt-list-panel[b-q12f2aklvq] {
        max-height: 300px;
    }

    .ipt-list-scroll[b-q12f2aklvq] {
        max-height: 220px;
    }

    .ipt-side-panel[b-q12f2aklvq] {
        grid-column: 1;
        grid-template-columns: 1fr;
    }

    .ipt-meta-panel[b-q12f2aklvq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ipt-visual-quick-settings[b-q12f2aklvq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .ipt-workspace[b-q12f2aklvq] {
        gap: 12px;
        min-height: 0;
    }

    [b-q12f2aklvq] .pcw-admin-hero {
        padding: 18px;
    }

    .ipt-editor-top[b-q12f2aklvq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ipt-action-row[b-q12f2aklvq] {
        justify-content: flex-start;
    }

    .ipt-meta-panel[b-q12f2aklvq],
    .ipt-visual-quick-settings[b-q12f2aklvq] {
        grid-template-columns: 1fr;
    }

    .ipt-editor-help[b-q12f2aklvq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ipt-canvas-studio[b-q12f2aklvq] {
        grid-template-rows: auto minmax(280px, auto) auto;
    }

    .ipt-canvas-frame[b-q12f2aklvq] {
        min-height: 300px;
    }

    .ipt-variation-float[b-q12f2aklvq] {
        position: static;
        margin: 10px;
        flex-wrap: wrap;
    }

    .ipt-canvas-edge-tools[b-q12f2aklvq] {
        top: auto;
        right: 10px;
        bottom: 10px;
    }

    .ipt-code-textarea[b-q12f2aklvq] {
        min-height: 320px;
        height: 320px;
    }
}
/* /Pages/Admin/ImageTemplateDesigner.razor.rz.scp.css */
/* ── ImageTemplateDesigner.razor.css ──────────────────────────────────────
   Canva-like three-column layout: sidebar / canvas / properties.
   ──────────────────────────────────────────────────────────────────────── */

/* ── Toolbar ── */
.itd-toolbar[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #0a0e1a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: nowrap;
    min-height: 44px;
    overflow-x: auto;
    scrollbar-width: none;
}

.itd-toolbar[b-4xumhdfitt]::-webkit-scrollbar {
    display: none;
}

.itd-input[b-4xumhdfitt] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.85);
    color-scheme: dark;
    font-size: 12px;
    padding: 4px 8px;
    outline: none;
    font-family: inherit;
}

.itd-input option[b-4xumhdfitt],
.itd-input optgroup[b-4xumhdfitt] {
    background: #0a1422;
    color: #f5f8ff;
}

.itd-input option:checked[b-4xumhdfitt] {
    background: #07345a;
    color: #ffffff;
}

.itd-input:focus[b-4xumhdfitt] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
}

.itd-input-name[b-4xumhdfitt] {
    width: 200px;
}

.itd-input-category[b-4xumhdfitt] {
    width: 160px;
    cursor: pointer;
    appearance: auto;
}

.itd-input-round[b-4xumhdfitt] {
    width: 146px;
    cursor: pointer;
    appearance: auto;
}

.itd-input-num[b-4xumhdfitt] {
    width: 60px;
    text-align: center;
}

.itd-icon-btn[b-4xumhdfitt] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    transition: all 0.15s;
}

.itd-icon-btn:hover:not(:disabled)[b-4xumhdfitt] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
}

.itd-icon-btn:disabled[b-4xumhdfitt] {
    opacity: 0.3;
    cursor: not-allowed;
}

.itd-icon-danger[b-4xumhdfitt] {
    border-color: rgba(244, 67, 54, 0.3);
    color: rgba(244, 67, 54, 0.8);
}

.itd-icon-danger:hover:not(:disabled)[b-4xumhdfitt] {
    background: rgba(244, 67, 54, 0.1);
    border-color: rgba(244, 67, 54, 0.5);
    color: rgb(244, 67, 54);
}

.itd-icon-active[b-4xumhdfitt] {
    background: rgba(33, 150, 243, 0.15);
    border-color: rgba(33, 150, 243, 0.4);
    color: rgb(33, 150, 243);
}

.itd-save-btn[b-4xumhdfitt] {
    background: rgba(33, 150, 243, 0.15);
    border: 1px solid rgba(33, 150, 243, 0.4);
    border-radius: 4px;
    color: rgb(33, 150, 243);
    cursor: pointer;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
}

.itd-save-btn:hover:not(:disabled)[b-4xumhdfitt] {
    background: rgba(33, 150, 243, 0.25);
    border-color: rgba(33, 150, 243, 0.6);
}

.itd-save-btn:disabled[b-4xumhdfitt] {
    opacity: 0.5;
    cursor: not-allowed;
}

.itd-sep[b-4xumhdfitt] {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.08);
    margin: 0 4px;
}

.itd-x[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
}

.itd-label[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 2px;
}

.itd-zoom-label[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-weight: 500;
    min-width: 45px;
    text-align: center;
}

.itd-spacer[b-4xumhdfitt] {
    flex: 1;
}

/* ── Three-column layout ── */
.itd-layout[b-4xumhdfitt] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.itd-sidebar-left[b-4xumhdfitt],
.itd-sidebar-right[b-4xumhdfitt] {
    width: 260px;
    flex-shrink: 0;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    scrollbar-width: thin;
    background: rgba(10, 14, 26, 0.6);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ── Sidebar tabs (plain HTML) ── */
.itd-sidebar-tabs[b-4xumhdfitt] {
    background: #0a0e1a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}

.itd-sidebar-tab[b-4xumhdfitt] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.3px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
    flex: 1 0 33.333%;
    justify-content: center;
}

.itd-dirty[b-4xumhdfitt] {
    color: #ffcf5a;
}

.itd-saved[b-4xumhdfitt] {
    color: #2fe6a6;
}

.itd-panel-list[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itd-info-card[b-4xumhdfitt],
.itd-variation-card[b-4xumhdfitt],
.itd-background-card[b-4xumhdfitt] {
    border: 1px solid rgba(0, 135, 179, 0.16);
    background: rgba(7, 17, 29, 0.78);
    border-radius: 6px;
    padding: 10px;
    color: rgba(255, 255, 255, 0.86);
}

.itd-info-card[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.itd-info-card span[b-4xumhdfitt],
.itd-variation-card span[b-4xumhdfitt],
.itd-background-card small[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.52);
    font-size: 11px;
}

.itd-variation-card[b-4xumhdfitt] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.itd-variation-card-active[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.55);
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.16);
}

.itd-variation-swatches[b-4xumhdfitt] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.itd-variation-swatches i[b-4xumhdfitt] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.18);
}

.itd-brand-meta[b-4xumhdfitt] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.itd-brand-meta span[b-4xumhdfitt] {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    border-radius: 999px;
    padding: 3px 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-mini-actions[b-4xumhdfitt] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.itd-mini-actions button[b-4xumhdfitt] {
    border: 1px solid rgba(0, 135, 179,0.25);
    background: rgba(0, 135, 179,0.08);
    color: #dff8ff;
    border-radius: 4px;
    width: 30px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.itd-card-badge[b-4xumhdfitt] {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #d4af37 !important;
    font-weight: 700;
}

.itd-background-card[b-4xumhdfitt] {
    border: 1px solid rgba(0, 135, 179, 0.16);
    cursor: pointer;
    text-align: left;
    display: grid;
    grid-template-columns: 68px 1fr;
    align-items: center;
    gap: 10px;
}

.itd-background-card:hover[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179,0.48);
    background: rgba(0, 135, 179, 0.08);
}

.itd-background-card img[b-4xumhdfitt] {
    width: 68px;
    height: 44px;
    object-fit: cover;
    border-radius: 4px;
}

.itd-background-card span[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.itd-preset-grid[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 10px 0;
}

.itd-preset-card[b-4xumhdfitt] {
    min-height: 74px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    background:
        linear-gradient(145deg, rgba(0, 135, 179, 0.08), rgba(212, 175, 55, 0.08)),
        rgba(7, 17, 29, 0.82);
    color: rgba(255,255,255,0.86);
    border-radius: 6px;
    padding: 9px;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

.itd-preset-card:hover[b-4xumhdfitt],
.itd-preset-card-active[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.56);
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.16), 0 12px 28px rgba(0,0,0,0.22);
}

.itd-preset-card span[b-4xumhdfitt] {
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    line-height: 1.25;
}

.itd-preset-card small[b-4xumhdfitt] {
    color: rgba(255,255,255,0.52);
    font-size: 10px;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.itd-sidebar-tab:hover[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.03);
}

.itd-sidebar-tab-active[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* ── Canvas wrap ── */
.itd-canvas-wrap[b-4xumhdfitt] {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 16px;
    background: radial-gradient(ellipse at center, rgba(18, 23, 46, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
    border-radius: 10px;
    min-height: 400px;
    max-height: calc(100vh - 240px);
    position: relative;
}

.itd-canvas-wrap-rulers[b-4xumhdfitt] {
    padding-top: 36px;
    padding-left: 36px;
}

.itd-canvas-transformer[b-4xumhdfitt] {
    transition: transform 0.1s ease-out;
    will-change: transform;
}

/* ── Canvas ── */
.itd-canvas[b-4xumhdfitt] {
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.15), 0 8px 32px rgba(0, 0, 0, 0.4);
    cursor: default;
    flex-shrink: 0;
}

/* ── Elements on canvas ── */
.itd-el[b-4xumhdfitt] {
    position: absolute;
    cursor: move;
    user-select: none;
    touch-action: none;
    overflow: hidden;
    transition: box-shadow 0.2s ease, outline 0.15s ease;
}

.itd-el:hover:not(.itd-el-selected)[b-4xumhdfitt] {
    outline: 1px solid rgba(0, 135, 179, 0.3);
    outline-offset: 1px;
}

.itd-el-selected[b-4xumhdfitt] {
    outline: none;
    box-shadow: 0 0 0 2px #0087b3, 0 0 12px rgba(0, 135, 179, 0.35), 0 0 24px rgba(0, 135, 179, 0.12);
}

.itd-el-outline:not(.itd-el-selected)[b-4xumhdfitt] {
    outline: 1px solid rgba(0, 135, 179, 0.5);
    outline-offset: 0px;
}

.itd-el-text[b-4xumhdfitt] {
    pointer-events: none;
    word-wrap: break-word;
}

.itd-el-rect[b-4xumhdfitt] {
    width: 100%;
    height: 100%;
    transition: background 0.2s ease;
}

.itd-el-img-placeholder[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.04);
    border: 2px dashed rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    gap: 4px;
}

.itd-el-preset[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 135, 179, 0.06);
    border: 2px dashed rgba(0, 135, 179, 0.25);
    border-radius: 6px;
    color: rgba(0, 135, 179, 0.6);
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}

.itd-el[b-4xumhdfitt]  iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
}

/* ── Resize handle ── */
.itd-resize-handle[b-4xumhdfitt] {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #0087b3;
    border: 2px solid #0d1320;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 135, 179, 0.4);
    transition: transform 0.15s ease;
}

.itd-resize-handle:hover[b-4xumhdfitt] {
    transform: scale(1.3);
}

.itd-resize-se[b-4xumhdfitt] {
    right: -6px;
    bottom: -6px;
    cursor: se-resize;
}

/* ── Rulers ── */
.itd-ruler-corner[b-4xumhdfitt] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #0d1320;
    z-index: 12;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.itd-ruler[b-4xumhdfitt] {
    position: absolute;
    z-index: 11;
    background: rgba(13, 19, 32, 0.95);
    overflow: hidden;
    user-select: none;
}

.itd-ruler-h[b-4xumhdfitt] {
    top: 0;
    left: 20px;
    right: 0;
    height: 20px;
    cursor: s-resize;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.itd-ruler-v[b-4xumhdfitt] {
    top: 20px;
    left: 0;
    bottom: 0;
    width: 20px;
    cursor: e-resize;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── Guide lines ── */
.itd-guide[b-4xumhdfitt] {
    position: absolute;
    z-index: 50;
    pointer-events: none;
}

.itd-guide-h[b-4xumhdfitt] {
    height: 2px;
    background: rgba(255, 50, 100, 0.85);
    cursor: ns-resize;
}

.itd-guide-v[b-4xumhdfitt] {
    width: 2px;
    background: rgba(255, 50, 100, 0.85);
    cursor: ew-resize;
}

/* Invisible wider hit area for easy grabbing */
.itd-guide[b-4xumhdfitt]::before {
    content: '';
    position: absolute;
    pointer-events: auto;
}

.itd-guide-h[b-4xumhdfitt]::before {
    left: 0;
    right: 0;
    top: -6px;
    bottom: -6px;
    cursor: ns-resize;
}

.itd-guide-v[b-4xumhdfitt]::before {
    top: 0;
    bottom: 0;
    left: -6px;
    right: -6px;
    cursor: ew-resize;
}

.itd-guide-dragging[b-4xumhdfitt] {
    background: rgba(255, 80, 130, 1) !important;
}

.itd-guide-label[b-4xumhdfitt] {
    position: absolute;
    font-size: 10px;
    font-family: monospace;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 50, 100, 0.85);
    padding: 1px 4px;
    border-radius: 3px;
    white-space: nowrap;
    pointer-events: none;
    line-height: 1.3;
}

.itd-guide-h .itd-guide-label[b-4xumhdfitt] {
    top: 4px;
    left: 4px;
}

.itd-guide-v .itd-guide-label[b-4xumhdfitt] {
    left: 6px;
    top: 4px;
}

/* ── Snap lines ── */
.itd-snap-line[b-4xumhdfitt] {
    position: absolute;
    z-index: 55;
    pointer-events: none;
}

.itd-snap-line-v[b-4xumhdfitt] {
    width: 1px;
    top: 0;
    bottom: 0;
    background: rgba(0, 135, 179, 0.6);
    box-shadow: 0 0 4px rgba(0, 135, 179, 0.25);
}

.itd-snap-line-h[b-4xumhdfitt] {
    height: 1px;
    left: 0;
    right: 0;
    background: rgba(0, 135, 179, 0.6);
    box-shadow: 0 0 4px rgba(0, 135, 179, 0.25);
}

/* ── Distance indicators ── */
.itd-distance[b-4xumhdfitt] {
    position: absolute;
    z-index: 60;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itd-distance-h[b-4xumhdfitt] {
    height: 1px;
    background: rgba(0, 255, 160, 0.6);
    box-shadow: 0 0 4px rgba(0, 255, 160, 0.3);
}

.itd-distance-h[b-4xumhdfitt]::before,
.itd-distance-h[b-4xumhdfitt]::after {
    content: '';
    position: absolute;
    top: -4px;
    width: 1px;
    height: 9px;
    background: rgba(0, 255, 160, 0.6);
}

.itd-distance-h[b-4xumhdfitt]::before {
    left: 0;
}

.itd-distance-h[b-4xumhdfitt]::after {
    right: 0;
}

.itd-distance-v[b-4xumhdfitt] {
    width: 1px;
    background: rgba(0, 255, 160, 0.6);
    box-shadow: 0 0 4px rgba(0, 255, 160, 0.3);
    flex-direction: column;
}

.itd-distance-v[b-4xumhdfitt]::before,
.itd-distance-v[b-4xumhdfitt]::after {
    content: '';
    position: absolute;
    left: -4px;
    height: 1px;
    width: 9px;
    background: rgba(0, 255, 160, 0.6);
}

.itd-distance-v[b-4xumhdfitt]::before {
    top: 0;
}

.itd-distance-v[b-4xumhdfitt]::after {
    bottom: 0;
}

.itd-distance-label[b-4xumhdfitt] {
    font-size: 9px;
    font-family: monospace;
    color: #fff;
    background: rgba(0, 180, 120, 0.85);
    padding: 1px 4px;
    border-radius: 3px;
    white-space: nowrap;
    line-height: 1.3;
}

/* ── Sidebar elements list ── */
.itd-element-list[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.itd-element-item[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    transition: background 0.15s, color 0.15s;
}

.itd-element-item:hover[b-4xumhdfitt] {
    background: rgba(255, 255, 255, 0.05);
}

.itd-element-selected[b-4xumhdfitt] {
    background: rgba(0, 135, 179, 0.12) !important;
    color: #0087b3;
}

.itd-layer-btn-active[b-4xumhdfitt] {
    color: #0087b3 !important;
}

.itd-element-name[b-4xumhdfitt] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Preset buttons ── */
.itd-preset-list[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
}

.itd-preset-btn[b-4xumhdfitt] {
    justify-content: flex-start !important;
    text-transform: none !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    padding: 6px 10px !important;
    min-height: 32px !important;
}

.itd-preset-btn:hover[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.25) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    background: rgba(0, 135, 179, 0.04) !important;
}

/* ── Asset library grid ── */
.itd-asset-grid[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.itd-asset-thumb[b-4xumhdfitt] {
    position: relative;
    aspect-ratio: 1;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.itd-asset-thumb:hover[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.4);
    box-shadow: 0 0 8px rgba(0, 135, 179, 0.2);
}

.itd-asset-thumb img[b-4xumhdfitt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itd-asset-remove[b-4xumhdfitt] {
    position: absolute !important;
    top: 2px;
    right: 2px;
    background: rgba(0, 0, 0, 0.6) !important;
    opacity: 0;
    transition: opacity 0.15s;
}

.itd-asset-thumb:hover .itd-asset-remove[b-4xumhdfitt] {
    opacity: 1;
}

/* ── Properties grid ── */
.itd-prop-grid[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* ── Style override color pickers ── */
.itd-override-colors[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.itd-color-field[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.itd-color-field label[b-4xumhdfitt] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.itd-color-picker-row[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 4px 8px 4px 4px;
    transition: border-color 0.15s;
}

.itd-color-picker-row:hover[b-4xumhdfitt] {
    border-color: rgba(255, 255, 255, 0.18);
}

.itd-color-swatch[b-4xumhdfitt] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
    flex-shrink: 0;
}

.itd-color-swatch[b-4xumhdfitt]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.itd-color-swatch[b-4xumhdfitt]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
}

.itd-color-swatch[b-4xumhdfitt]::-moz-color-swatch {
    border: none;
    border-radius: 2px;
}

.itd-color-hex[b-4xumhdfitt] {
    font-size: 11px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: rgba(255, 255, 255, 0.6);
    user-select: all;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-override-section-label[b-4xumhdfitt] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 12px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

@media (max-width: 1200px) {
    .itd-layout[b-4xumhdfitt] {
        flex-direction: column;
    }

    .itd-sidebar-left[b-4xumhdfitt],
    .itd-sidebar-right[b-4xumhdfitt] {
        width: 100%;
        max-height: none;
    }
}

/* ── Preview overlay ── */
.itd-preview-overlay[b-4xumhdfitt] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    animation: itd-fade-in-b-4xumhdfitt 0.2s ease-out;
}

@keyframes itd-fade-in-b-4xumhdfitt {
    from { opacity: 0; }
    to { opacity: 1; }
}

.itd-preview-content[b-4xumhdfitt] {
    background: #141a22;
    border: 1px solid rgba(0, 135, 179, 0.15);
    border-radius: 12px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);
    animation: itd-slide-up-b-4xumhdfitt 0.25s ease-out;
}

@keyframes itd-slide-up-b-4xumhdfitt {
    from { transform: translateY(24px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.itd-preview-header[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.itd-preview-body[b-4xumhdfitt] {
    padding: 16px;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itd-preview-img[b-4xumhdfitt] {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.itd-preview-footer[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.itd-page-head[b-4xumhdfitt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.itd-page-title[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 800;
}

.itd-page-subtitle[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.5);
}

.itd-page-meta[b-4xumhdfitt] {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.itd-page-meta span[b-4xumhdfitt] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.62);
    background: rgba(255, 255, 255, 0.04);
    font-size: 12px;
    font-weight: 700;
}

.itd-layout[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 290px minmax(420px, 1fr) 320px;
    gap: 12px;
    align-items: stretch;
    min-height: calc(100vh - 190px);
}

.itd-sidebar-left[b-4xumhdfitt],
.itd-sidebar-right[b-4xumhdfitt] {
    width: auto;
    max-height: calc(100vh - 190px);
    border-radius: 8px;
    background: rgba(9, 13, 24, 0.82);
}

.itd-canvas-wrap[b-4xumhdfitt] {
    min-height: 0;
    max-height: calc(100vh - 190px);
    height: 100%;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        #070b13;
    background-size: 24px 24px;
}

.itd-stage-hud[b-4xumhdfitt],
.itd-selection-bar[b-4xumhdfitt],
.itd-audit-panel[b-4xumhdfitt] {
    position: absolute;
    z-index: 80;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(8, 12, 22, 0.9);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.itd-stage-hud[b-4xumhdfitt] {
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 36px;
    padding: 4px;
}

.itd-stage-hud span[b-4xumhdfitt] {
    min-width: 46px;
    text-align: center;
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    font-weight: 800;
}

.itd-hud-btn[b-4xumhdfitt],
.itd-selection-bar button[b-4xumhdfitt] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.64);
    background: transparent;
    cursor: pointer;
}

.itd-hud-btn:hover[b-4xumhdfitt],
.itd-selection-bar button:hover[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.07);
}

.itd-hud-active[b-4xumhdfitt] {
    color: #90caf9;
    border-color: rgba(144, 202, 249, 0.35);
    background: rgba(66, 165, 245, 0.14);
}

.itd-selection-bar[b-4xumhdfitt] {
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: minmax(150px, auto) repeat(5, 28px);
    align-items: center;
    gap: 5px;
    padding: 6px;
}

.itd-selection-bar strong[b-4xumhdfitt],
.itd-selection-bar span[b-4xumhdfitt] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-selection-bar strong[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
}

.itd-selection-bar span[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
}

.itd-selection-danger[b-4xumhdfitt] {
    color: #ffb0b0 !important;
}

.itd-audit-panel[b-4xumhdfitt] {
    top: 12px;
    right: 12px;
    width: min(360px, calc(100% - 24px));
    padding: 10px;
}

.itd-audit-title[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.itd-audit-title strong[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
}

.itd-audit-title span[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.52);
    font-size: 12px;
    font-weight: 700;
}

.itd-audit-metrics[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.itd-audit-metrics span[b-4xumhdfitt] {
    min-width: 0;
    padding: 5px 6px;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.045);
    font-size: 11px;
}

.itd-audit-panel ul[b-4xumhdfitt] {
    margin: 8px 0 0;
    padding-left: 18px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 11px;
}

.itd-audit-pass[b-4xumhdfitt] {
    border-color: rgba(80, 210, 140, 0.38) !important;
}

.itd-audit-review[b-4xumhdfitt] {
    border-color: rgba(255, 190, 90, 0.38) !important;
}

.itd-audit-fail[b-4xumhdfitt] {
    border-color: rgba(255, 95, 95, 0.42) !important;
}

@media (max-width: 1500px) {
    .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 250px minmax(380px, 1fr) 300px;
    }
}

@media (max-width: 1180px) {
    .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 1fr;
    }

    .itd-sidebar-left[b-4xumhdfitt],
    .itd-sidebar-right[b-4xumhdfitt],
    .itd-canvas-wrap[b-4xumhdfitt] {
        max-height: none;
    }

    .itd-canvas-wrap[b-4xumhdfitt] {
        min-height: 620px;
    }
}

@media (max-width: 760px) {
    .itd-page-head[b-4xumhdfitt] {
        flex-direction: column;
    }

    .itd-page-meta[b-4xumhdfitt] {
        justify-content: flex-start;
    }

    .itd-selection-bar[b-4xumhdfitt] {
        left: 8px;
        right: 8px;
        transform: none;
        grid-template-columns: minmax(0, 1fr) repeat(5, 28px);
    }

    .itd-stage-hud[b-4xumhdfitt] {
        right: 8px;
        left: 8px;
        overflow-x: auto;
    }
}

.itd-designer-shell[b-4xumhdfitt] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: calc(100vh - 126px);
    color: #edf7ff;
    border: 1px solid rgba(104, 214, 255, 0.14);
    background:
        linear-gradient(135deg, rgba(0, 201, 255, 0.08), transparent 32%),
        linear-gradient(315deg, rgba(212, 175, 55, 0.08), transparent 28%),
        #050912;
    box-shadow: 0 22px 80px rgba(0, 0, 0, 0.38);
}

.itd-designer-fullscreen[b-4xumhdfitt] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    min-height: 100vh;
    padding: 12px;
    background:
        linear-gradient(135deg, rgba(0, 201, 255, 0.08), transparent 30%),
        linear-gradient(315deg, rgba(255, 64, 129, 0.07), transparent 30%),
        #050912;
}

.itd-designer-shell .itd-toolbar[b-4xumhdfitt] {
    min-height: 54px;
    padding: 9px 12px;
    background: rgba(5, 9, 18, 0.94);
    border-bottom: 1px solid rgba(104, 214, 255, 0.14);
}

.itd-designer-shell .itd-input[b-4xumhdfitt] {
    min-height: 34px;
    border-radius: 6px;
    border-color: rgba(123, 205, 255, 0.18);
    background: rgba(255, 255, 255, 0.055);
}

.itd-designer-shell .itd-icon-btn[b-4xumhdfitt],
.itd-designer-shell .itd-save-btn[b-4xumhdfitt] {
    border-radius: 6px;
    min-width: 34px;
    min-height: 34px;
}

.itd-designer-shell .itd-save-btn[b-4xumhdfitt] {
    color: #06101d;
    border-color: rgba(0, 201, 255, 0.7);
    background: linear-gradient(135deg, #00c9ff, #68e2ff);
    font-weight: 800;
}

.itd-designer-shell .itd-layout[b-4xumhdfitt] {
    min-height: 0;
    grid-template-columns: 320px minmax(540px, 1fr) 340px;
    gap: 0;
    background: rgba(1, 5, 12, 0.72);
}

.itd-stage-column[b-4xumhdfitt] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 110px;
    border-left: 1px solid rgba(255, 255, 255, 0.055);
    border-right: 1px solid rgba(255, 255, 255, 0.055);
}

.itd-designer-shell .itd-sidebar-left[b-4xumhdfitt],
.itd-designer-shell .itd-sidebar-right[b-4xumhdfitt] {
    max-height: none;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: rgba(7, 12, 23, 0.96);
}

.itd-designer-shell .itd-canvas-wrap[b-4xumhdfitt] {
    max-height: none;
    min-height: 0;
    height: 100%;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(3, 8, 16, 0.98), rgba(2, 5, 10, 0.98));
    background-size: 24px 24px, 24px 24px, auto;
}

.itd-layer-strip[b-4xumhdfitt] {
    min-width: 0;
    border-top: 1px solid rgba(104, 214, 255, 0.14);
    background: rgba(4, 8, 16, 0.96);
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
}

.itd-layer-strip-head[b-4xumhdfitt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 0 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.itd-layer-strip-head span[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.itd-layer-strip-head small[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 11px;
}

.itd-layer-strip-track[b-4xumhdfitt] {
    min-width: 0;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    padding: 10px;
}

.itd-layer-tile[b-4xumhdfitt] {
    width: 118px;
    height: 82px;
    flex: 0 0 auto;
    display: grid;
    grid-template-rows: 1fr auto auto;
    place-items: center;
    gap: 3px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.68);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
        rgba(9, 18, 33, 0.92);
    cursor: pointer;
}

.itd-layer-tile:hover[b-4xumhdfitt],
.itd-layer-tile-active[b-4xumhdfitt] {
    color: #eafaff;
    border-color: rgba(0, 201, 255, 0.55);
    box-shadow: 0 0 0 1px rgba(0, 201, 255, 0.2), 0 10px 26px rgba(0, 201, 255, 0.08);
}

.itd-layer-tile span[b-4xumhdfitt] {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
}

.itd-layer-tile small[b-4xumhdfitt] {
    color: rgba(255, 255, 255, 0.38);
    font-size: 10px;
}

.itd-inline-text-input[b-4xumhdfitt] {
    width: 100%;
    height: 100%;
    resize: none;
    outline: none;
    border: 1px solid rgba(0, 201, 255, 0.72);
    border-radius: 4px;
    padding: 4px;
    background: rgba(0, 0, 0, 0.28);
    color: inherit;
    overflow: hidden;
}

.itd-el-selected[b-4xumhdfitt] {
    box-shadow:
        0 0 0 2px #00c9ff,
        0 0 0 5px rgba(0, 201, 255, 0.12),
        0 0 28px rgba(0, 201, 255, 0.25);
}

.itd-resize-handle[b-4xumhdfitt] {
    width: 11px;
    height: 11px;
    border-radius: 999px;
    border: 2px solid #05101b;
    background: #f4d35e;
    box-shadow: 0 0 0 1px rgba(0, 201, 255, 0.5), 0 0 12px rgba(244, 211, 94, 0.35);
}

.itd-resize-nw[b-4xumhdfitt] { left: -6px; top: -6px; cursor: nw-resize; }
.itd-resize-n[b-4xumhdfitt] { left: 50%; top: -6px; transform: translateX(-50%); cursor: n-resize; }
.itd-resize-ne[b-4xumhdfitt] { right: -6px; top: -6px; cursor: ne-resize; }
.itd-resize-e[b-4xumhdfitt] { right: -6px; top: 50%; transform: translateY(-50%); cursor: e-resize; }
.itd-resize-se[b-4xumhdfitt] { right: -6px; bottom: -6px; cursor: se-resize; }
.itd-resize-s[b-4xumhdfitt] { left: 50%; bottom: -6px; transform: translateX(-50%); cursor: s-resize; }
.itd-resize-sw[b-4xumhdfitt] { left: -6px; bottom: -6px; cursor: sw-resize; }
.itd-resize-w[b-4xumhdfitt] { left: -6px; top: 50%; transform: translateY(-50%); cursor: w-resize; }

.itd-selection-bar[b-4xumhdfitt] {
    grid-template-columns: minmax(170px, auto) repeat(6, 28px);
}

@media (max-width: 1500px) {
    .itd-designer-shell .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 284px minmax(460px, 1fr) 318px;
    }
}

@media (max-width: 1180px) {
    .itd-designer-shell .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 1fr;
    }

    .itd-stage-column[b-4xumhdfitt] {
        min-height: 760px;
    }

    .itd-layer-strip[b-4xumhdfitt] {
        grid-template-columns: 1fr;
    }

    .itd-layer-strip-head[b-4xumhdfitt] {
        display: none;
    }
}

@media (max-width: 760px) {
    .itd-designer-shell[b-4xumhdfitt] {
        min-height: calc(100vh - 90px);
    }

    .itd-stage-column[b-4xumhdfitt] {
        grid-template-rows: minmax(540px, 1fr) 96px;
        min-height: 640px;
    }

    .itd-layer-tile[b-4xumhdfitt] {
        width: 96px;
        height: 70px;
    }

    .itd-selection-bar[b-4xumhdfitt] {
        grid-template-columns: minmax(0, 1fr) repeat(6, 28px);
    }
}

/* ── Design-tool rework overrides ─────────────────────────────────────── */
.itd-page-head[b-4xumhdfitt],
.itd-designer-shell[b-4xumhdfitt] {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.itd-page-head[b-4xumhdfitt] {
    min-height: 76px;
    margin: 0;
    padding: 14px 20px;
    border: 1px solid #1B2A40;
    border-radius: 8px 8px 0 0;
    background: #050B14;
}

.itd-page-title[b-4xumhdfitt] {
    color: #F5F8FF;
    font-size: 28px;
    line-height: 34px;
    font-weight: 800;
    letter-spacing: 0;
}

.itd-page-subtitle[b-4xumhdfitt] {
    color: #A9B7C9;
    font-size: 12px;
}

.itd-page-meta span[b-4xumhdfitt] {
    min-height: 28px;
    color: #A9B7C9;
    border-color: #1B2A40;
    background: #0A1422;
}

.itd-designer-shell[b-4xumhdfitt] {
    height: calc(100vh - 128px);
    min-height: 720px;
    overflow: hidden;
    display: grid;
    grid-template-rows: 56px minmax(0, 1fr);
    background: #050B14;
    border: 1px solid #1B2A40;
    border-top: 0;
    border-radius: 0 0 8px 8px;
}

.itd-toolbar[b-4xumhdfitt] {
    min-height: 56px;
    padding: 8px 12px;
    background: linear-gradient(180deg, rgba(13, 25, 41, 0.98), rgba(7, 17, 31, 0.98));
    border-bottom: 1px solid #1B2A40;
}

.itd-designer-shell .itd-layout[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 64px 320px minmax(0, 1fr) 400px;
    min-height: 0;
    gap: 0;
    overflow: hidden;
    background: #050B14;
}

.itd-rail[b-4xumhdfitt] {
    min-width: 0;
    padding: 10px 7px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-right: 1px solid #1B2A40;
    background: #07111F;
}

.itd-rail-item[b-4xumhdfitt] {
    width: 50px;
    min-height: 58px;
    display: grid;
    place-items: center;
    gap: 4px;
    padding: 6px 2px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #6F8198;
    background: transparent;
    cursor: pointer;
}

.itd-rail-item span[b-4xumhdfitt] {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
}

.itd-rail-item:hover[b-4xumhdfitt],
.itd-rail-active[b-4xumhdfitt] {
    color: #00A8FF;
    background: #082A47;
    border-color: #00A8FF;
    box-shadow: 0 0 18px rgba(0, 168, 255, 0.16);
}

.itd-sidebar-tabs[b-4xumhdfitt] {
    display: none;
}

.itd-panel-head[b-4xumhdfitt] {
    padding: 14px;
    border-bottom: 1px solid #1B2A40;
    background: #0A1422;
}

.itd-panel-head strong[b-4xumhdfitt] {
    display: block;
    color: #F5F8FF;
    font-size: 14px;
    font-weight: 800;
}

.itd-panel-head span[b-4xumhdfitt] {
    display: block;
    color: #6F8198;
    font-size: 11px;
}

.itd-designer-shell .itd-sidebar-left[b-4xumhdfitt],
.itd-designer-shell .itd-sidebar-right[b-4xumhdfitt] {
    background: #0A1422;
    border-right: 1px solid #1B2A40;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.itd-designer-shell .itd-sidebar-right[b-4xumhdfitt] {
    border-left: 1px solid #1B2A40;
    border-right: 0;
}

.itd-panel-list[b-4xumhdfitt],
.itd-element-list[b-4xumhdfitt],
.itd-preset-list[b-4xumhdfitt] {
    min-height: 0;
    overflow-y: auto;
}

.itd-stage-column[b-4xumhdfitt] {
    grid-template-rows: minmax(0, 1fr) 132px;
    min-width: 0;
    min-height: 0;
    background: #070D16;
}

.itd-designer-shell .itd-canvas-wrap[b-4xumhdfitt] {
    min-height: 0;
    overflow: auto;
    background:
        linear-gradient(#0E1B2B 1px, transparent 1px),
        linear-gradient(90deg, #0E1B2B 1px, transparent 1px),
        linear-gradient(#17283D 1px, transparent 1px),
        linear-gradient(90deg, #17283D 1px, transparent 1px),
        #070D16;
    background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px, auto;
}

.itd-canvas[b-4xumhdfitt] {
    min-width: 100px;
    min-height: 100px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 24px 80px rgba(0, 0, 0, 0.45);
}

.itd-action-btn[b-4xumhdfitt] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 168, 255, 0.55);
    color: #00A8FF;
    background: rgba(0, 168, 255, 0.08);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
}

.itd-action-btn:disabled[b-4xumhdfitt] {
    color: #46576A;
    border-color: #1B2A40;
    cursor: not-allowed;
}

.itd-tool-search[b-4xumhdfitt] {
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
    color: #F5F8FF;
    background: #07101D;
    border: 1px solid #1B2A40;
    border-radius: 8px;
    font-size: 12px;
    outline: none;
}

.itd-tool-search:focus[b-4xumhdfitt],
.itd-icon-btn:focus-visible[b-4xumhdfitt],
.itd-action-btn:focus-visible[b-4xumhdfitt],
.itd-rail-item:focus-visible[b-4xumhdfitt],
.itd-background-card:focus-visible[b-4xumhdfitt],
.itd-layer-tile:focus-visible[b-4xumhdfitt] {
    outline: 2px solid #00A8FF;
    outline-offset: 2px;
}

.itd-layer-group[b-4xumhdfitt] {
    margin-bottom: 10px;
}

.itd-layer-group-title[b-4xumhdfitt] {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #A9B7C9;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.itd-layer-group-title small[b-4xumhdfitt] {
    margin-left: auto;
    color: #6F8198;
}

.itd-element-item[b-4xumhdfitt] {
    min-height: 36px;
    display: grid;
    grid-template-columns: 18px 20px minmax(0, 1fr) 32px 32px;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #0D1929;
    cursor: grab;
}

.itd-element-selected[b-4xumhdfitt] {
    border-color: #00A8FF;
    background: linear-gradient(90deg, rgba(0, 168, 255, 0.20), rgba(0, 168, 255, 0.06));
    box-shadow: 0 0 18px rgba(0, 168, 255, 0.16);
}

.itd-element-hidden[b-4xumhdfitt] {
    opacity: 0.48;
}

.itd-element-item:active[b-4xumhdfitt] {
    cursor: grabbing;
}

.itd-layer-dragging[b-4xumhdfitt] {
    opacity: 0.55;
    transform: scale(0.985);
}

.itd-layer-drop-target[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.45);
    background: linear-gradient(90deg, rgba(0, 135, 179, 0.16), rgba(13, 25, 41, 0.96));
}

.itd-element-locked[b-4xumhdfitt] {
    cursor: not-allowed;
}

.itd-element-locked .itd-element-name[b-4xumhdfitt]::after {
    content: " locked";
    color: #6F8198;
    font-size: 10px;
    font-weight: 700;
}

.itd-layer-drag[b-4xumhdfitt] {
    color: #6F8198;
}

.itd-variation-card[b-4xumhdfitt] {
    grid-template-columns: 86px minmax(0, 1fr) auto;
    align-items: center;
    border-color: #1B2A40;
    background: #0D1929;
}

.itd-variation-thumb[b-4xumhdfitt] {
    position: relative;
    width: 86px;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #24415F;
}

.itd-variation-card-active[b-4xumhdfitt] {
    border-color: #18E28C;
    box-shadow: 0 0 0 1px rgba(24, 226, 140, 0.18);
}

.itd-variation-card-previewing[b-4xumhdfitt] {
    border-color: #FFCC4D;
    box-shadow: 0 0 0 1px rgba(255, 204, 77, 0.22), 0 0 18px rgba(255, 204, 77, 0.12);
}

.itd-variation-state[b-4xumhdfitt] {
    position: absolute;
    left: 5px;
    bottom: 5px;
    padding: 2px 5px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.itd-variation-active-state[b-4xumhdfitt] {
    color: #04120c;
    background: #18E28C;
}

.itd-variation-preview-state[b-4xumhdfitt] {
    color: #130d00;
    background: #FFCC4D;
}

.itd-previewing-pill[b-4xumhdfitt],
.itd-variation-preview-banner[b-4xumhdfitt],
.itd-edit-blocked[b-4xumhdfitt] {
    border: 1px solid rgba(255, 204, 77, 0.4);
    background: rgba(255, 204, 77, 0.10);
    color: #FFCC4D;
}

.itd-previewing-pill[b-4xumhdfitt] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
}

.itd-previewing-pill button[b-4xumhdfitt],
.itd-variation-preview-banner button[b-4xumhdfitt],
.itd-edit-blocked button[b-4xumhdfitt] {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 7px;
    border: 1px solid currentColor;
    color: inherit;
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.itd-variation-preview-banner[b-4xumhdfitt] {
    position: absolute;
    z-index: 90;
    top: 58px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    backdrop-filter: blur(10px);
}

.itd-current-bg[b-4xumhdfitt] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid #1B2A40;
    border-radius: 8px;
    background: #0D1929;
}

.itd-current-bg strong[b-4xumhdfitt],
.itd-section-kicker[b-4xumhdfitt] {
    color: #F5F8FF;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.itd-current-bg span[b-4xumhdfitt],
.itd-current-bg small[b-4xumhdfitt] {
    color: #6F8198;
    font-size: 11px;
}

.itd-current-bg img[b-4xumhdfitt] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #24415F;
}

.itd-background-grid[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.itd-background-card-shell[b-4xumhdfitt] {
    position: relative;
    min-width: 0;
}

.itd-background-card[b-4xumhdfitt] {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border-color: #1B2A40;
    background: #0D1929;
    text-align: left;
    cursor: pointer;
}

.itd-background-card img[b-4xumhdfitt] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.itd-background-card span[b-4xumhdfitt] {
    display: grid;
    gap: 2px;
    padding: 8px;
}

.itd-background-card:hover[b-4xumhdfitt] {
    border-color: #00A8FF;
}

.itd-background-delete[b-4xumhdfitt] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: rgba(8, 13, 22, 0.78);
    color: rgba(255, 255, 255, 0.86);
    display: grid;
    place-items: center;
    cursor: pointer;
}

.itd-background-delete:hover[b-4xumhdfitt] {
    border-color: rgba(255, 90, 110, 0.72);
    background: rgba(120, 18, 34, 0.82);
    color: #fff;
}

.itd-render-preview-card[b-4xumhdfitt] {
    flex: 0 0 286px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    margin: 12px;
    border: 1px solid #1B2A40;
    border-radius: 8px;
    overflow: hidden;
    background: #0D1929;
}

.itd-preview-card-head[b-4xumhdfitt],
.itd-preview-card-foot[b-4xumhdfitt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    color: #A9B7C9;
    font-size: 11px;
}

.itd-preview-card-head strong[b-4xumhdfitt] {
    display: block;
    color: #F5F8FF;
    font-size: 13px;
    font-weight: 900;
}

.itd-preview-card-body[b-4xumhdfitt] {
    min-height: 0;
    display: grid;
    place-items: center;
    padding: 10px;
    background: #070D16;
}

.itd-preview-card-body img[b-4xumhdfitt],
.itd-preview-mini-artboard[b-4xumhdfitt] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border: 1px solid #24415F;
    border-radius: 8px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
}

.itd-preview-mini-artboard[b-4xumhdfitt] {
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    color: #6F8198;
    background-size: cover;
    background-position: center;
}

.itd-preview-mini-el[b-4xumhdfitt] {
    position: absolute;
    overflow: hidden;
}

.itd-preview-mini-text[b-4xumhdfitt],
.itd-preview-mini-rect[b-4xumhdfitt],
.itd-preview-mini-placeholder[b-4xumhdfitt] {
    width: 100%;
    height: 100%;
}

.itd-preview-mini-placeholder[b-4xumhdfitt] {
    display: grid;
    place-items: center;
    padding: 4px;
    color: #6F8198;
    border: 1px dashed #24415F;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
    text-align: center;
}

.itd-preview-card-foot[b-4xumhdfitt] {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.itd-status-dot[b-4xumhdfitt] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #FFCC4D;
}

.itd-preview-ok .itd-status-dot[b-4xumhdfitt] {
    background: #18E28C;
}

.itd-preview-error .itd-status-dot[b-4xumhdfitt] {
    background: #FF4D6D;
}

.itd-previewing-label[b-4xumhdfitt] {
    color: #FFCC4D;
}

.itd-right-tabs[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 12px;
    border: 1px solid #1B2A40;
    border-radius: 8px;
    overflow: hidden;
    background: #0D1929;
}

.itd-right-tabs button[b-4xumhdfitt] {
    min-height: 38px;
    border: 0;
    color: #A9B7C9;
    background: transparent;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.itd-right-tab-active[b-4xumhdfitt] {
    color: #00A8FF !important;
    background: #082A47 !important;
    box-shadow: inset 0 -2px 0 #00A8FF;
}

.itd-inspector-body[b-4xumhdfitt] {
    flex: 1 1 auto;
    min-height: 0;
    margin: 12px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.itd-sidebar-right > .ple-accordion[b-4xumhdfitt],
.itd-data-binding-panel[b-4xumhdfitt],
.itd-edit-blocked[b-4xumhdfitt] {
    min-height: 0;
    overflow-y: auto;
    margin: 12px;
}

.itd-inspector-body .itd-data-binding-panel[b-4xumhdfitt],
.itd-inspector-body .itd-edit-blocked[b-4xumhdfitt] {
    margin: 0;
    overflow: visible;
}

.itd-data-binding-panel[b-4xumhdfitt] {
    display: grid;
    gap: 10px;
}

.itd-binding-summary[b-4xumhdfitt] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid rgba(104, 214, 255, 0.14);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.055);
}

.itd-binding-summary strong[b-4xumhdfitt] {
    color: #f5f8ff;
    font-size: 13px;
    font-weight: 900;
}

.itd-binding-summary span[b-4xumhdfitt] {
    color: rgba(221, 239, 255, 0.68);
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-binding-quick-list[b-4xumhdfitt] {
    display: grid;
    gap: 7px;
    margin: 2px 0 10px;
}

.itd-binding-quick-list button[b-4xumhdfitt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid rgba(123, 205, 255, 0.16);
    border-radius: 7px;
    background: rgba(13, 25, 41, 0.88);
    color: #f5f8ff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.itd-binding-quick-list button:hover[b-4xumhdfitt],
.itd-binding-quick-list .itd-binding-chip-active[b-4xumhdfitt] {
    border-color: rgba(0, 135, 179, 0.62);
    background: rgba(0, 135, 179, 0.13);
}

.itd-binding-quick-list span[b-4xumhdfitt] {
    min-width: 0;
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-binding-quick-list small[b-4xumhdfitt] {
    max-width: 118px;
    color: rgba(221, 239, 255, 0.54);
    font-size: 10px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-binding-empty[b-4xumhdfitt] {
    padding: 10px 12px;
    border: 1px dashed rgba(123, 205, 255, 0.2);
    border-radius: 8px;
    color: rgba(221, 239, 255, 0.58);
    font-size: 12px;
    font-weight: 800;
}

.itd-binding-divider[b-4xumhdfitt] {
    height: 1px;
    margin: 8px 0 2px;
    background: rgba(255, 255, 255, 0.08);
}

.itd-binding-row[b-4xumhdfitt] {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid #1B2A40;
    border-radius: 8px;
    background: #0D1929;
}

.itd-binding-row strong[b-4xumhdfitt] {
    color: #F5F8FF;
    font-size: 12px;
}

.itd-binding-row span[b-4xumhdfitt] {
    color: #A9B7C9;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itd-edit-blocked[b-4xumhdfitt] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 8px;
}

.itd-preview-state[b-4xumhdfitt] {
    color: #A9B7C9;
    font-size: 12px;
    font-weight: 800;
}

.itd-preview-state-error[b-4xumhdfitt] {
    color: #FF4D6D;
}

@media (max-width: 1599px) {
    .itd-designer-shell .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 56px 292px minmax(0, 1fr) 352px;
    }

    .itd-rail-item[b-4xumhdfitt] {
        width: 42px;
    }
}

@media (max-width: 1279px) {
    .itd-designer-shell[b-4xumhdfitt] {
        height: auto;
        min-height: calc(100vh - 120px);
        overflow: visible;
    }

    .itd-designer-shell .itd-layout[b-4xumhdfitt] {
        grid-template-columns: 1fr;
    }

    .itd-rail[b-4xumhdfitt] {
        order: 1;
        flex-direction: row;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid #1B2A40;
    }

    .itd-rail-item[b-4xumhdfitt] {
        width: 84px;
        min-height: 48px;
    }

    .itd-designer-shell .itd-sidebar-left[b-4xumhdfitt],
    .itd-designer-shell .itd-sidebar-right[b-4xumhdfitt] {
        max-height: none;
        border: 0;
    }

    .itd-designer-shell .itd-sidebar-left[b-4xumhdfitt] {
        order: 3;
    }

    .itd-stage-column[b-4xumhdfitt] {
        order: 2;
    }

    .itd-designer-shell .itd-sidebar-right[b-4xumhdfitt] {
        order: 4;
    }

    .itd-stage-column[b-4xumhdfitt] {
        min-height: 720px;
    }
}

@media (max-width: 767px) {
    .itd-page-head[b-4xumhdfitt] {
        flex-direction: column;
        min-height: 0;
    }

    .itd-toolbar[b-4xumhdfitt] {
        overflow-x: auto;
    }

    .itd-action-btn span[b-4xumhdfitt],
    .itd-save-btn[b-4xumhdfitt] {
        font-size: 10px;
    }

    .itd-stage-column[b-4xumhdfitt] {
        grid-template-rows: minmax(460px, 1fr);
    }

    .itd-layer-strip[b-4xumhdfitt] {
        display: none;
    }

.itd-render-preview-card[b-4xumhdfitt] {
    flex-basis: auto;
}
}

.itd-binding-field-list[b-4xumhdfitt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.itd-binding-field-list span[b-4xumhdfitt] {
    max-width: 100%;
    padding: 4px 7px;
    border: 1px solid rgba(0, 135, 179, .18);
    border-radius: 6px;
    color: rgba(221, 239, 255, .74);
    background: rgba(0, 135, 179, .06);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Admin/ImageTemplateList.razor.rz.scp.css */
.itl-bot-note[b-84ip6w6unj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    max-width: 1720px;
    margin: 0 auto 14px;
    padding: 14px;
    border: 1px solid rgba(88, 101, 242, 0.26);
    border-radius: 10px;
    background: rgba(43, 45, 49, 0.72);
    color: #dbdee1;
}

.itl-bot-note span[b-84ip6w6unj] {
    display: inline-flex;
    color: #8ea1ff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.itl-bot-note strong[b-84ip6w6unj] {
    display: block;
    margin-top: 4px;
    color: #f2f3f5;
    font-size: 0.96rem;
    line-height: 1.25;
}

.itl-bot-note p[b-84ip6w6unj] {
    max-width: 860px;
    margin: 5px 0 0;
    color: #949ba4;
    font-size: 0.82rem;
    line-height: 1.45;
}

.itl-bot-note__actions[b-84ip6w6unj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .itl-bot-note[b-84ip6w6unj] {
        flex-direction: column;
    }

    .itl-bot-note__actions[b-84ip6w6unj],
    .itl-bot-note__actions[b-84ip6w6unj]  .mud-button-root {
        width: 100%;
    }
}
/* /Pages/Admin/Leagues/LeagueBranding.razor.rz.scp.css */
.lb-shell[b-zwqmn2gxjc] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.lb-preview[b-zwqmn2gxjc] {
    min-height: 220px;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 8px;
    display: flex;
    align-items: flex-end;
    padding: 26px;
    overflow: hidden;
}

.lb-preview-content[b-zwqmn2gxjc] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.lb-preview-content img[b-zwqmn2gxjc] {
    width: 86px;
    height: 86px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.38);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 10px;
}

.lb-preview-content span[b-zwqmn2gxjc] {
    color: #33d6ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lb-preview-content h2[b-zwqmn2gxjc] {
    color: #fff;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 950;
    line-height: 1;
    margin: 4px 0 8px;
}

.lb-preview-content p[b-zwqmn2gxjc] {
    max-width: 720px;
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
}

.lb-card[b-zwqmn2gxjc] {
    height: 100%;
}

.lb-color-row[b-zwqmn2gxjc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px auto;
    gap: 10px;
    align-items: center;
}

.lb-color-row input[type="color"][b-zwqmn2gxjc] {
    width: 44px;
    height: 40px;
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.lb-upload[b-zwqmn2gxjc] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    margin-top: 14px;
    padding: 0 14px;
    color: #fff;
    background: rgba(0, 135, 179, 0.08);
    border: 1px dashed rgba(0, 135, 179, 0.38);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 900;
}

.lb-upload input[b-zwqmn2gxjc] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.lb-render-assets[b-zwqmn2gxjc] {
    margin-top: 18px;
}

@media (max-width: 640px) {
    .lb-preview[b-zwqmn2gxjc] {
        padding: 18px;
    }

    .lb-preview-content[b-zwqmn2gxjc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lb-color-row[b-zwqmn2gxjc] {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .lb-color-row .mud-button-root[b-zwqmn2gxjc] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Admin/Leagues/ManageSeasonMatches.razor.rz.scp.css */
.match-filter-card[b-4uhyfrfy0t] {
    margin-bottom: 14px;
}

.match-command-stats[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.match-command-stat[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 12px 14px;
    border: 1px solid rgba(29, 49, 72, 0.9);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(14, 26, 43, 0.92), rgba(8, 18, 31, 0.96));
}

.match-command-stat > .mud-icon-root[b-4uhyfrfy0t] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 8px;
    background: rgba(0, 189, 242, 0.12);
    color: var(--pcw-cyan);
}

.match-command-stat strong[b-4uhyfrfy0t],
.match-command-stat span[b-4uhyfrfy0t],
.match-command-stat small[b-4uhyfrfy0t] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-command-stat strong[b-4uhyfrfy0t] {
    color: var(--pcw-text);
    font-size: 1.15rem;
    line-height: 1.05;
    font-weight: 950;
}

.match-command-stat span[b-4uhyfrfy0t] {
    margin-top: 3px;
    color: var(--pcw-text-muted);
    font-size: 0.73rem;
    font-weight: 850;
    text-transform: uppercase;
}

.match-command-stat small[b-4uhyfrfy0t] {
    margin-top: 2px;
    color: #7d90a7;
    font-size: 0.72rem;
}

.match-command-stat.is-success[b-4uhyfrfy0t] {
    border-color: rgba(35, 209, 96, 0.34);
}

.match-command-stat.is-success > .mud-icon-root[b-4uhyfrfy0t] {
    background: rgba(35, 209, 96, 0.13);
    color: #35e879;
}

.match-command-stat.is-warning[b-4uhyfrfy0t] {
    border-color: rgba(250, 204, 21, 0.34);
}

.match-command-stat.is-warning > .mud-icon-root[b-4uhyfrfy0t] {
    background: rgba(250, 204, 21, 0.13);
    color: #facc15;
}

.match-command-board[b-4uhyfrfy0t] {
    margin-bottom: 14px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(12, 24, 39, 0.96), rgba(6, 15, 26, 0.98));
    box-shadow: 0 18px 56px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.match-command-filters[b-4uhyfrfy0t] {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 14px 14px 12px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
    background: linear-gradient(180deg, rgba(13, 27, 44, 0.98), rgba(8, 19, 32, 0.96));
    backdrop-filter: blur(10px);
}

.match-command-board__header[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 13px 16px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.82);
}

.match-command-board__header span[b-4uhyfrfy0t] {
    display: block;
    color: var(--pcw-text-muted);
    font-size: 0.78rem;
}

.match-command-table-scroll[b-4uhyfrfy0t] {
    overflow-x: auto;
    scrollbar-color: rgba(0, 189, 242, 0.45) rgba(5, 12, 22, 0.72);
    scrollbar-width: thin;
}

.match-command-table[b-4uhyfrfy0t] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    color: var(--pcw-text);
}

.match-command-table th[b-4uhyfrfy0t],
.match-command-table td[b-4uhyfrfy0t] {
    border-bottom: 1px solid rgba(29, 49, 72, 0.68);
    padding: 8px 10px;
    vertical-align: middle;
}

.match-command-table th[b-4uhyfrfy0t] {
    height: 38px;
    color: #90a4bd;
    background: rgba(5, 12, 22, 0.78);
    font-size: 0.66rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.match-command-table td[b-4uhyfrfy0t] {
    height: 48px;
    color: #c9d5e3;
    font-size: 0.76rem;
}

.match-command-row[b-4uhyfrfy0t] {
    cursor: pointer;
    transition: background 120ms ease, box-shadow 120ms ease;
}

.match-command-row:hover[b-4uhyfrfy0t] {
    background: rgba(0, 189, 242, 0.055);
}

.match-command-row.is-selected[b-4uhyfrfy0t] {
    background: rgba(0, 189, 242, 0.11);
}

.match-command-row.is-selected td[b-4uhyfrfy0t] {
    border-top: 1px solid rgba(0, 189, 242, 0.92);
    border-bottom: 1px solid rgba(0, 189, 242, 0.92);
}

.match-command-row.is-selected td:first-child[b-4uhyfrfy0t] {
    border-left: 1px solid rgba(0, 189, 242, 0.92);
    border-radius: 7px 0 0 7px;
}

.match-command-row.is-selected td:last-child[b-4uhyfrfy0t] {
    border-right: 1px solid rgba(0, 189, 242, 0.92);
    border-radius: 0 7px 7px 0;
}

.match-command-md[b-4uhyfrfy0t] {
    display: inline-grid;
    min-width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    color: #d7e3f0;
    font-weight: 900;
}

.match-command-date[b-4uhyfrfy0t],
.match-command-table td small[b-4uhyfrfy0t] {
    display: block;
}

.match-command-date[b-4uhyfrfy0t] {
    color: #eff7ff;
    font-weight: 850;
}

.match-command-table td small[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.match-command-team[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.match-command-team b[b-4uhyfrfy0t],
.match-command-team small[b-4uhyfrfy0t] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-command-team b[b-4uhyfrfy0t] {
    color: var(--pcw-text);
    font-size: 0.76rem;
    font-weight: 900;
}

.match-command-team small[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.68rem;
}

.match-command-team-badge[b-4uhyfrfy0t] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(0, 189, 242, 0.36);
    border-radius: 999px;
    background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.14), rgba(0, 189, 242, 0.08));
    color: #fff;
    font-size: 0.58rem;
    font-weight: 950;
}

.match-command-team-badge img[b-4uhyfrfy0t] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.match-command-score[b-4uhyfrfy0t] {
    display: inline-flex;
    min-width: 48px;
    justify-content: center;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 950;
}

.match-command-status[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid rgba(0, 189, 242, 0.2);
    border-radius: 6px;
    color: #39cfff;
    background: rgba(0, 189, 242, 0.09);
    font-size: 0.66rem;
    font-weight: 900;
}

.match-command-status.is-completed[b-4uhyfrfy0t] {
    border-color: rgba(35, 209, 96, 0.34);
    color: #48ee83;
    background: rgba(35, 209, 96, 0.1);
}

.match-command-status.is-forfeit[b-4uhyfrfy0t],
.match-command-status.is-voided[b-4uhyfrfy0t] {
    border-color: rgba(168, 85, 247, 0.36);
    color: #c084fc;
    background: rgba(168, 85, 247, 0.12);
}

.match-command-status.is-live[b-4uhyfrfy0t] {
    border-color: rgba(250, 204, 21, 0.36);
    color: #facc15;
    background: rgba(250, 204, 21, 0.1);
}

.match-command-flag[b-4uhyfrfy0t] {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 30px;
    height: 24px;
    padding: 0 6px;
    border: 1px solid rgba(0, 189, 242, 0.3);
    border-radius: 7px;
    background: rgba(0, 189, 242, 0.08);
    color: var(--pcw-cyan);
    font: inherit;
    font-size: 0.66rem;
    font-weight: 900;
    cursor: pointer;
}

.match-command-flag b[b-4uhyfrfy0t],
.match-command-flag span[b-4uhyfrfy0t] {
    line-height: 1;
}

.match-command-flag.is-empty[b-4uhyfrfy0t] {
    grid-template-columns: auto;
    color: #8ca0b6;
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.match-command-flag.is-success[b-4uhyfrfy0t] {
    border-color: rgba(35, 209, 96, 0.34);
    color: #35e879;
    background: rgba(35, 209, 96, 0.09);
}

.match-command-flag.is-warning[b-4uhyfrfy0t] {
    border-color: rgba(250, 204, 21, 0.34);
    color: #facc15;
    background: rgba(250, 204, 21, 0.1);
}

.match-command-flag.is-danger[b-4uhyfrfy0t] {
    border-color: rgba(255, 82, 82, 0.38);
    color: #ff6b7a;
    background: rgba(255, 82, 82, 0.1);
}

.match-command-manage[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    min-width: 92px;
    padding: 0 10px;
    border: 1px solid rgba(0, 189, 242, 0.46);
    border-radius: 6px;
    background: rgba(0, 189, 242, 0.08);
    color: var(--pcw-cyan);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
}

.match-command-empty[b-4uhyfrfy0t] {
    padding: 14px;
}

.match-command-manage:hover[b-4uhyfrfy0t],
.match-command-flag:hover[b-4uhyfrfy0t] {
    border-color: rgba(0, 189, 242, 0.7);
    background: rgba(0, 189, 242, 0.16);
}

.match-command-manage:disabled[b-4uhyfrfy0t],
.match-command-flag:disabled[b-4uhyfrfy0t] {
    opacity: 0.48;
    cursor: not-allowed;
}

.match-command-mobile-list[b-4uhyfrfy0t] {
    display: none;
}

.match-command-card[b-4uhyfrfy0t] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(10, 22, 36, 0.92);
    cursor: pointer;
}

.match-command-card.is-selected[b-4uhyfrfy0t] {
    border-color: rgba(0, 189, 242, 0.62);
    box-shadow: inset 0 0 0 1px rgba(0, 189, 242, 0.3);
}

.match-command-card header[b-4uhyfrfy0t],
.match-command-card__ops[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.match-command-card header span[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.match-command-card header b[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.75rem;
}

.match-command-card__score[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.match-command-card__score > strong[b-4uhyfrfy0t] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
    white-space: nowrap;
}

.league-matches-empty[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.league-matches-empty > .mud-icon-root[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
    font-size: 2rem;
}

.league-match-cell-button[b-4uhyfrfy0t] {
    display: inline;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pcw-text);
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.league-match-cell-button:hover[b-4uhyfrfy0t],
.league-match-cell-button:focus-visible[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
    outline: none;
}

.match-inspector[b-4uhyfrfy0t] {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 100%;
}

.match-inspector-hero[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.86);
    border-radius: 8px;
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 189, 242, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(12, 28, 46, 0.98), rgba(4, 13, 25, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 38px rgba(0, 0, 0, 0.18);
}

.match-inspector-team[b-4uhyfrfy0t] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
    text-align: center;
}

.match-inspector-team .match-command-team-badge[b-4uhyfrfy0t] {
    width: 54px;
    height: 54px;
    font-size: 0.86rem;
}

.match-inspector-team b[b-4uhyfrfy0t] {
    max-width: 100%;
    overflow: hidden;
    color: var(--pcw-text);
    font-size: 0.82rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-inspector-scoreline[b-4uhyfrfy0t] {
    display: grid;
    justify-items: center;
    gap: 6px;
    min-width: 72px;
}

.match-inspector-scoreline strong[b-4uhyfrfy0t] {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

.match-inspector-score[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(29, 49, 72, 0.86);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.match-inspector-score div[b-4uhyfrfy0t] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.match-inspector-score div:last-child[b-4uhyfrfy0t] {
    text-align: right;
}

.match-inspector-score b[b-4uhyfrfy0t],
.match-inspector-score small[b-4uhyfrfy0t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-inspector-score b[b-4uhyfrfy0t] {
    color: var(--pcw-text);
    font-weight: 900;
}

.match-inspector-score small[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.match-inspector-score strong[b-4uhyfrfy0t] {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 950;
}

.match-inspector-tabs[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.42);
}

.match-inspector-tab[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 38px;
    padding: 0 8px;
    border: 1px solid rgba(43, 75, 109, 0.78);
    border-radius: 7px;
    background: rgba(16, 27, 45, 0.72);
    color: #d7e7f7;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.match-inspector-tab:hover[b-4uhyfrfy0t],
.match-inspector-tab:focus-visible[b-4uhyfrfy0t] {
    border-color: rgba(0, 189, 242, 0.48);
    background: rgba(0, 189, 242, 0.12);
    color: #f7fbff;
    outline: none;
    box-shadow: 0 0 18px rgba(0, 189, 242, 0.1);
}

.match-inspector-tab span[b-4uhyfrfy0t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-inspector-tab b[b-4uhyfrfy0t] {
    min-width: 17px;
    padding: 1px 5px;
    border-radius: 999px;
    background: rgba(255, 82, 82, 0.2);
    color: #ff6b7a;
    font-size: 0.66rem;
}

.match-inspector-tab.is-active[b-4uhyfrfy0t] {
    border-color: rgba(0, 189, 242, 0.64);
    background: linear-gradient(180deg, rgba(0, 189, 242, 0.22), rgba(0, 189, 242, 0.1));
    color: #f7fbff;
    box-shadow: inset 0 0 0 1px rgba(0, 189, 242, 0.18), 0 0 20px rgba(0, 189, 242, 0.12);
}

.match-inspector-section[b-4uhyfrfy0t] {
    display: grid;
    gap: 10px;
}

[b-4uhyfrfy0t] .match-result-grid {
    margin: 0;
}

[b-4uhyfrfy0t] .match-result-grid .mud-input-control,
[b-4uhyfrfy0t] .match-result-grid .mud-input-control > .mud-input-control-input-container {
    margin: 0;
}

.match-inspector-section-head[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.match-inspector-loading[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 14px;
    border: 1px dashed rgba(43, 75, 109, 0.72);
    border-radius: 8px;
    color: var(--pcw-text-muted);
    font-size: 0.82rem;
}

.match-command-lineup-grid[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.match-command-lineup-card[b-4uhyfrfy0t],
.match-command-player-stats[b-4uhyfrfy0t] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.028);
}

.match-command-lineup-card header[b-4uhyfrfy0t],
.match-command-player-stats header[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.match-command-lineup-card header > div[b-4uhyfrfy0t],
.match-command-player-stats header > div[b-4uhyfrfy0t] {
    min-width: 0;
}

.match-command-lineup-card header span[b-4uhyfrfy0t],
.match-command-player-stats header span[b-4uhyfrfy0t] {
    display: block;
    color: var(--pcw-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.match-command-lineup-card header b[b-4uhyfrfy0t],
.match-command-player-stats header b[b-4uhyfrfy0t] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: var(--pcw-text);
    font-size: 0.8rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-command-player-stats header strong[b-4uhyfrfy0t] {
    display: inline-grid;
    min-width: 32px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(0, 189, 242, 0.28);
    border-radius: 7px;
    color: #fff;
    font-size: 0.9rem;
}

.match-command-lineup-summary[b-4uhyfrfy0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 7px;
    background: rgba(0, 189, 242, 0.08);
}

.match-command-lineup-summary strong[b-4uhyfrfy0t] {
    min-width: 0;
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-command-lineup-summary span[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
    font-size: 0.72rem;
    font-weight: 900;
}

.match-command-lineup-list[b-4uhyfrfy0t] {
    display: grid;
    gap: 5px;
}

.match-command-lineup-list span[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    background: rgba(5, 11, 18, 0.46);
    color: #d7e7f7;
    font-size: 0.76rem;
}

.match-command-lineup-list b[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
    font-size: 0.7rem;
    font-weight: 950;
}

.match-command-empty-state[b-4uhyfrfy0t] {
    display: grid;
    min-height: 68px;
    place-items: center;
    padding: 12px;
    border: 1px dashed rgba(43, 75, 109, 0.72);
    border-radius: 8px;
    color: var(--pcw-text-muted);
    font-size: 0.8rem;
    text-align: center;
}

.match-command-stats-summary[b-4uhyfrfy0t] {
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.32);
}

.match-command-stat-row[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: 42px minmax(42px, 1fr) minmax(76px, 1.1fr) minmax(42px, 1fr) 42px;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #d7e7f7;
    font-size: 0.72rem;
}

.match-command-stat-row > span:first-child[b-4uhyfrfy0t],
.match-command-stat-row > span:last-child[b-4uhyfrfy0t] {
    color: #fff;
    font-weight: 950;
    text-align: center;
}

.match-command-stat-row b[b-4uhyfrfy0t] {
    overflow: hidden;
    color: var(--pcw-text-muted);
    font-size: 0.66rem;
    font-weight: 950;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.match-command-stat-row div[b-4uhyfrfy0t] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
}

.match-command-stat-row i[b-4uhyfrfy0t] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.match-command-stat-row i.home[b-4uhyfrfy0t] {
    margin-left: auto;
    background: linear-gradient(90deg, rgba(0, 189, 242, 0.22), rgba(0, 189, 242, 0.92));
}

.match-command-stat-row i.away[b-4uhyfrfy0t] {
    background: linear-gradient(90deg, rgba(250, 204, 21, 0.9), rgba(250, 204, 21, 0.18));
}

.match-command-player-table-wrap[b-4uhyfrfy0t] {
    overflow-x: auto;
    border-radius: 8px;
}

.match-command-player-table[b-4uhyfrfy0t] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

.match-command-player-table th[b-4uhyfrfy0t],
.match-command-player-table td[b-4uhyfrfy0t] {
    padding: 7px 8px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.66);
    color: #d7e7f7;
    font-size: 0.72rem;
    text-align: right;
}

.match-command-player-table th:first-child[b-4uhyfrfy0t],
.match-command-player-table td:first-child[b-4uhyfrfy0t] {
    text-align: left;
}

.match-command-player-table th[b-4uhyfrfy0t] {
    color: #8fa6bf;
    font-size: 0.62rem;
    font-weight: 950;
    text-transform: uppercase;
}

.match-command-player-table tr.is-mvp td:first-child[b-4uhyfrfy0t] {
    color: #facc15;
    font-weight: 950;
}

.match-command-player-table em[b-4uhyfrfy0t] {
    display: block;
    color: #facc15;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}

.match-inspector-mini-card[b-4uhyfrfy0t] {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.78);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.028);
}

.match-inspector-mini-card span[b-4uhyfrfy0t],
.match-inspector-mini-card small[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
}

.match-inspector-mini-card b[b-4uhyfrfy0t],
.match-inspector-mini-card p[b-4uhyfrfy0t] {
    margin: 0;
    color: var(--pcw-text);
}

.match-inspector-audit[b-4uhyfrfy0t] {
    display: grid;
    gap: 4px;
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.match-filter-summary[b-4uhyfrfy0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    color: var(--pcw-text-muted);
    font-size: 0.82rem;
}

.match-filter-summary span[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
}

.match-filter-chips[b-4uhyfrfy0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.match-filter-chips button[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 9px 0 11px;
    border: 1px solid rgba(0, 189, 242, 0.34);
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.08);
    color: #bdeeff;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.match-filter-chips button:hover[b-4uhyfrfy0t],
.match-filter-chips button:focus-visible[b-4uhyfrfy0t] {
    outline: none;
    border-color: rgba(0, 189, 242, 0.64);
    background: rgba(0, 189, 242, 0.16);
}

.league-match-flag[b-4uhyfrfy0t] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    margin: 2px 4px 2px 0;
    padding: 0 8px;
    border: 1px solid rgba(0, 189, 242, 0.28);
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.09);
    color: var(--pcw-cyan);
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.league-match-flag--warning[b-4uhyfrfy0t] {
    border-color: rgba(250, 204, 21, 0.34);
    background: rgba(250, 204, 21, 0.1);
    color: #facc15;
}

.league-match-flag b[b-4uhyfrfy0t] {
    min-width: 18px;
    padding: 1px 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 0.66rem;
    text-align: center;
}

.league-match-flag:hover[b-4uhyfrfy0t],
.league-match-flag:focus-visible[b-4uhyfrfy0t] {
    outline: none;
    border-color: rgba(0, 189, 242, 0.58);
    background: rgba(0, 189, 242, 0.16);
    box-shadow: 0 0 16px rgba(0, 189, 242, 0.12);
}

.league-proof-inline-link[b-4uhyfrfy0t] {
    display: inline-flex;
    margin-left: 2px;
    font-size: 0.72rem;
    font-weight: 800;
}

.league-proof-review[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
    gap: 16px;
}

.league-proof-review-main[b-4uhyfrfy0t],
.league-proof-review-side[b-4uhyfrfy0t] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.league-proof-review-main[b-4uhyfrfy0t] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.league-proof-review-side[b-4uhyfrfy0t] {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 14px;
}

.league-proof-review-head[b-4uhyfrfy0t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.league-proof-preview-link[b-4uhyfrfy0t],
.league-proof-preview-file[b-4uhyfrfy0t] {
    display: grid;
    min-height: 320px;
    place-items: center;
    border: 1px solid rgba(0, 189, 242, 0.18);
    border-radius: 10px;
    background: rgba(5, 11, 18, 0.58);
    overflow: hidden;
    text-decoration: none;
}

.league-proof-preview-image[b-4uhyfrfy0t] {
    display: block;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.league-proof-preview-file[b-4uhyfrfy0t] {
    gap: 10px;
    padding: 20px;
    color: var(--pcw-cyan);
    text-align: center;
}

.league-proof-preview-file span[b-4uhyfrfy0t] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.league-proof-review-side span[b-4uhyfrfy0t] {
    display: block;
    margin-bottom: 4px;
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.league-proof-review-side p[b-4uhyfrfy0t] {
    margin: 0;
    color: var(--pcw-text);
    font-size: 0.84rem;
}

.admin-reschedule-head[b-4uhyfrfy0t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.admin-reschedule-loading[b-4uhyfrfy0t] {
    display: grid;
    min-height: 260px;
    place-items: center;
}

.admin-reschedule-calendars[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.admin-reschedule-calendars section[b-4uhyfrfy0t],
.admin-reschedule-grid section[b-4uhyfrfy0t] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.admin-reschedule-title[b-4uhyfrfy0t] {
    margin-bottom: 10px;
    color: var(--pcw-text);
    font-size: 0.9rem;
    font-weight: 800;
}

.admin-reschedule-grid[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
    gap: 16px;
}

.admin-open-slots[b-4uhyfrfy0t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
    gap: 8px;
}

.admin-open-slot[b-4uhyfrfy0t] {
    display: grid;
    gap: 2px;
    min-height: 58px;
    padding: 8px 10px;
    border: 1px solid rgba(0, 135, 179, 0.28);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.06);
    color: var(--pcw-text);
    text-align: left;
    cursor: pointer;
}

.admin-open-slot span[b-4uhyfrfy0t] {
    color: var(--pcw-text-muted);
    font-size: 0.76rem;
}

.admin-open-slot b[b-4uhyfrfy0t] {
    color: var(--pcw-cyan);
}

.admin-open-slot.is-selected[b-4uhyfrfy0t] {
    border-color: var(--pcw-cyan);
    background: rgba(0, 135, 179, 0.16);
    box-shadow: inset 0 -2px 0 var(--pcw-cyan);
}

@media (max-width: 900px) {
    .admin-reschedule-calendars[b-4uhyfrfy0t],
    .admin-reschedule-grid[b-4uhyfrfy0t],
    .league-proof-review[b-4uhyfrfy0t],
    .match-command-lineup-grid[b-4uhyfrfy0t] {
        grid-template-columns: 1fr;
    }

    .match-command-stats[b-4uhyfrfy0t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .match-command-table-scroll[b-4uhyfrfy0t] {
        display: none;
    }

    .match-command-mobile-list[b-4uhyfrfy0t] {
        display: grid;
        gap: 10px;
        padding: 12px;
    }
}

@media (max-width: 720px) {
    .match-inspector-tabs[b-4uhyfrfy0t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .league-matches-empty[b-4uhyfrfy0t],
    .match-inspector-section-head[b-4uhyfrfy0t] {
        align-items: stretch;
        flex-direction: column;
    }

    .match-inspector-score[b-4uhyfrfy0t] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .match-inspector-hero[b-4uhyfrfy0t],
    .match-command-card__score[b-4uhyfrfy0t] {
        grid-template-columns: 1fr;
    }

    .match-inspector-scoreline[b-4uhyfrfy0t] {
        order: -1;
    }

    .match-inspector-score div:last-child[b-4uhyfrfy0t] {
        text-align: left;
    }

    .match-command-stat-row[b-4uhyfrfy0t] {
        grid-template-columns: 34px minmax(32px, 1fr) minmax(64px, 0.9fr) minmax(32px, 1fr) 34px;
        gap: 5px;
        font-size: 0.68rem;
    }
}

@media (max-width: 520px) {
    .match-command-stats[b-4uhyfrfy0t] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Leagues/ManageSeasonOverview.razor.rz.scp.css */
.season-workspace[b-hwnxnptcaf] {
    display: grid;
    gap: 18px;
    max-width: 2200px;
    margin: 0 auto;
}

.season-workspace__hero[b-hwnxnptcaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(7, 17, 29, 0.96), rgba(11, 28, 46, 0.86));
}

.season-workspace__status[b-hwnxnptcaf] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 6px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(0, 189, 242, 0.14);
    color: var(--cad-primary, #48b0d1);
    font-size: 0.72rem;
    font-weight: 900;
}

.season-workspace__hero h2[b-hwnxnptcaf],
.season-workspace__panel h3[b-hwnxnptcaf] {
    margin: 0;
    color: var(--cad-text-primary, #f7fbff);
    font-weight: 900;
}

.season-workspace__hero h2[b-hwnxnptcaf] {
    font-size: 1.45rem;
}

.season-workspace__hero p[b-hwnxnptcaf],
.season-workspace__panel p[b-hwnxnptcaf] {
    margin: 4px 0 0;
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.82rem;
}

.season-workspace__actions[b-hwnxnptcaf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.season-workspace__quick-actions[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.season-workspace__readiness-rail[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    padding: 14px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 8px;
    background: rgba(7, 17, 29, 0.78);
}

.season-readiness-step[b-hwnxnptcaf] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 5px;
    min-width: 0;
    padding: 6px 10px;
    color: var(--pcw-text-muted);
    text-align: center;
    text-decoration: none;
}

.season-readiness-step:not(:last-child)[b-hwnxnptcaf]::after {
    content: "";
    position: absolute;
    top: 23px;
    right: -18%;
    width: 36%;
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
}

.season-readiness-step span[b-hwnxnptcaf] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.season-readiness-step b[b-hwnxnptcaf],
.season-readiness-step small[b-hwnxnptcaf] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-readiness-step b[b-hwnxnptcaf] {
    color: var(--pcw-text);
    font-size: 0.78rem;
}

.season-readiness-step small[b-hwnxnptcaf] {
    color: var(--pcw-text-muted);
    font-size: 0.7rem;
}

.season-readiness-step.is-complete span[b-hwnxnptcaf] {
    border-color: rgba(35, 209, 96, 0.54);
    color: #35e879;
}

.season-readiness-step.is-blocked span[b-hwnxnptcaf] {
    border-color: rgba(255, 82, 82, 0.5);
    color: #ff6b7a;
}

.season-workspace-action[b-hwnxnptcaf] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(29, 49, 72, 0.85);
    border-radius: 8px;
    background: rgba(9, 20, 34, 0.78);
    color: var(--cad-text-secondary, #c7d2df);
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
}

.season-workspace-action:hover[b-hwnxnptcaf] {
    border-color: rgba(0, 189, 242, 0.45);
    background: rgba(0, 189, 242, 0.08);
    color: var(--cad-text-primary, #f7fbff);
}

.season-workspace-action span[b-hwnxnptcaf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-workspace__cards[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.season-workspace-card[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3px 12px;
    min-height: 116px;
    padding: 16px;
    border: 1px solid rgba(29, 49, 72, 0.92);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(16, 27, 45, 0.84), rgba(8, 20, 34, 0.95));
    color: var(--cad-text-primary, #f7fbff);
    text-decoration: none;
}

.season-workspace-card:hover[b-hwnxnptcaf] {
    border-color: rgba(0, 189, 242, 0.42);
    box-shadow: 0 0 24px rgba(0, 189, 242, 0.08);
}

.season-workspace-card span[b-hwnxnptcaf] {
    grid-row: span 3;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: rgba(0, 189, 242, 0.12);
    color: var(--cad-primary, #48b0d1);
}

.season-workspace-card strong[b-hwnxnptcaf] {
    font-size: 1.55rem;
    font-weight: 950;
}

.season-workspace-card b[b-hwnxnptcaf] {
    font-size: 0.8rem;
    font-weight: 850;
}

.season-workspace-card small[b-hwnxnptcaf] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.72rem;
}

.season-workspace-card.is-warning span[b-hwnxnptcaf] {
    background: rgba(255, 193, 7, 0.16);
    color: #ffc107;
}

.season-workspace-card.is-danger span[b-hwnxnptcaf] {
    background: rgba(255, 82, 82, 0.16);
    color: #ff6b7a;
}

.season-workspace-card.is-success span[b-hwnxnptcaf] {
    background: rgba(35, 209, 96, 0.14);
    color: #35e879;
}

.season-workspace__grid[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr) minmax(260px, 0.9fr);
    gap: 14px;
}

.season-workspace__panel[b-hwnxnptcaf] {
    min-height: 100%;
}

.season-workspace__panel-header[b-hwnxnptcaf] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--cad-primary, #48b0d1);
}

.season-workspace__checklist[b-hwnxnptcaf] {
    display: grid;
    gap: 8px;
}

.season-workspace-check[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid rgba(29, 49, 72, 0.75);
    border-radius: 8px;
    color: var(--cad-text-secondary, #c7d2df);
    text-decoration: none;
}

.season-workspace-check:hover[b-hwnxnptcaf] {
    border-color: rgba(0, 189, 242, 0.4);
    background: rgba(0, 189, 242, 0.08);
}

.season-workspace-check.is-complete[b-hwnxnptcaf] {
    color: #35e879;
}

.season-workspace-check.is-open[b-hwnxnptcaf] {
    color: #ffc107;
}

.season-readiness-dialog[b-hwnxnptcaf] {
    display: grid;
    gap: 10px;
}

.season-readiness-item[b-hwnxnptcaf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.season-readiness-item.is-blocked[b-hwnxnptcaf] {
    border-color: rgba(255, 82, 82, 0.32);
    background: rgba(255, 82, 82, 0.08);
}

.season-readiness-item.is-ready[b-hwnxnptcaf] {
    border-color: rgba(35, 209, 96, 0.32);
    background: rgba(35, 209, 96, 0.08);
}

.season-readiness-item b[b-hwnxnptcaf],
.season-readiness-item span[b-hwnxnptcaf] {
    display: block;
    min-width: 0;
}

.season-readiness-item span[b-hwnxnptcaf] {
    color: var(--pcw-text-muted);
    font-size: 0.78rem;
}

@media (min-width: 2200px) {
    .season-workspace__quick-actions[b-hwnxnptcaf] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .season-workspace__cards[b-hwnxnptcaf] {
        grid-template-columns: repeat(4, minmax(320px, 1fr));
    }
}

@media (max-width: 1180px) {
    .season-workspace__cards[b-hwnxnptcaf],
    .season-workspace__grid[b-hwnxnptcaf],
    .season-workspace__readiness-rail[b-hwnxnptcaf],
    .season-workspace__quick-actions[b-hwnxnptcaf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .season-readiness-step[b-hwnxnptcaf]::after {
        display: none;
    }
}

@media (max-width: 720px) {
    .season-workspace__hero[b-hwnxnptcaf] {
        align-items: stretch;
        flex-direction: column;
    }

    .season-workspace__actions[b-hwnxnptcaf],
    .season-workspace__cards[b-hwnxnptcaf],
    .season-workspace__grid[b-hwnxnptcaf],
    .season-workspace__readiness-rail[b-hwnxnptcaf],
    .season-workspace__quick-actions[b-hwnxnptcaf] {
        grid-template-columns: 1fr;
        justify-content: stretch;
    }
}
/* /Pages/Admin/Leagues/ManageSeasons.razor.rz.scp.css */
.season-name-stack[b-p4o7jm1xut] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

[b-p4o7jm1xut] .season-title-button {
    min-width: 0;
    padding: 0;
    color: var(--cad-text-primary, #f7fbff) !important;
    font-weight: 900;
    text-transform: none;
}

[b-p4o7jm1xut] .season-title-button:hover {
    color: var(--cad-primary, #48b0d1) !important;
    background: transparent !important;
}

.season-name-stack span[b-p4o7jm1xut] {
    color: var(--cad-text-muted, #90a4b8);
    font-size: 0.72rem;
    font-weight: 700;
}

[b-p4o7jm1xut] .season-open-button {
    min-height: 32px;
    margin-right: 8px;
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: none;
}

@media (max-width: 900px) {
    [b-p4o7jm1xut] .season-open-button {
        min-height: 40px;
        margin-bottom: 6px;
    }
}
/* /Pages/Admin/Leagues/ManageSeasonSchedule.razor.rz.scp.css */
.schedule-page[b-i392thnfb3],
.schedule-command-shell[b-i392thnfb3],
.schedule-calendar-panel[b-i392thnfb3],
.schedule-command-rail[b-i392thnfb3],
.schedule-detail-drawer[b-i392thnfb3],
.schedule-card[b-i392thnfb3],
.schedule-toolbar[b-i392thnfb3],
.schedule-stats[b-i392thnfb3],
.schedule-automatic-summary[b-i392thnfb3] {
    min-width: 0;
}

.schedule-page[b-i392thnfb3] {
    display: grid;
    gap: 1rem;
}

.schedule-toolbar[b-i392thnfb3],
.schedule-card[b-i392thnfb3],
.schedule-calendar-panel[b-i392thnfb3],
.schedule-automatic-summary[b-i392thnfb3] {
    border: 1px solid color-mix(in srgb, var(--pcw-border) 82%, rgba(0, 198, 255, .32));
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 28, 43, .86), rgba(9, 17, 28, .94)),
        color-mix(in srgb, var(--pcw-surface) 88%, transparent);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .05);
    backdrop-filter: blur(16px);
}

.schedule-toolbar[b-i392thnfb3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem;
}

.schedule-toolbar__fields[b-i392thnfb3] {
    display: grid;
    grid-template-columns: minmax(150px, 190px) minmax(220px, 1fr) minmax(120px, 140px);
    gap: .75rem;
    flex: 1;
}

.schedule-toolbar__actions[b-i392thnfb3],
.schedule-calendar-actions[b-i392thnfb3],
.schedule-auto-actions[b-i392thnfb3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.schedule-publish-reason[b-i392thnfb3] {
    flex-basis: 100%;
    color: var(--pcw-text-muted);
    font-size: .78rem;
    text-align: right;
}

.schedule-stats[b-i392thnfb3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.schedule-stat[b-i392thnfb3] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--pcw-border) 84%, transparent);
    border-radius: 8px;
    background: rgba(10, 20, 33, .74);
}

.schedule-stat :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--pcw-primary);
}

.schedule-stat.is-danger :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--mud-palette-error);
}

.schedule-stat.is-success :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--mud-palette-success);
}

.schedule-stat strong[b-i392thnfb3],
.schedule-stat span[b-i392thnfb3],
.schedule-stat small[b-i392thnfb3] {
    display: block;
    min-width: 0;
}

.schedule-stat strong[b-i392thnfb3] {
    font-size: 1.38rem;
    line-height: 1.05;
}

.schedule-stat span[b-i392thnfb3] {
    font-weight: 800;
}

.schedule-stat small[b-i392thnfb3],
.schedule-card__heading p[b-i392thnfb3],
.schedule-calendar-toolbar p[b-i392thnfb3],
.schedule-auto-copy p[b-i392thnfb3],
.season-roadmap__meta span[b-i392thnfb3],
.slot-head small[b-i392thnfb3],
.blackout-row small[b-i392thnfb3],
.match-card small[b-i392thnfb3],
.match-card__eyebrow[b-i392thnfb3],
.match-detail-card small[b-i392thnfb3] {
    color: var(--pcw-text-muted);
}

.schedule-command-shell[b-i392thnfb3] {
    display: grid;
    grid-template-columns: minmax(240px, 270px) minmax(0, 1fr) minmax(260px, 300px);
    gap: .85rem;
    align-items: start;
}

.schedule-command-rail[b-i392thnfb3],
.schedule-detail-drawer[b-i392thnfb3] {
    display: grid;
    gap: .85rem;
    align-content: start;
    max-height: calc(100vh - 214px);
    overflow: auto;
    overscroll-behavior: contain;
    padding-right: .15rem;
}

.schedule-card[b-i392thnfb3] {
    display: grid;
    gap: .8rem;
    padding: .95rem;
}

.schedule-card--pool[b-i392thnfb3] {
    min-height: 0;
}

.schedule-card__heading[b-i392thnfb3],
.schedule-card__titleline[b-i392thnfb3],
.slot-head[b-i392thnfb3],
.blackout-row[b-i392thnfb3],
.match-detail-card__teams[b-i392thnfb3],
.match-detail-card__meta[b-i392thnfb3] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.schedule-card__heading--split[b-i392thnfb3],
.slot-head[b-i392thnfb3],
.blackout-row[b-i392thnfb3],
.match-detail-card__meta[b-i392thnfb3] {
    justify-content: space-between;
}

.schedule-card__heading h3[b-i392thnfb3],
.schedule-calendar-toolbar h2[b-i392thnfb3],
.schedule-auto-copy h3[b-i392thnfb3] {
    margin: 0;
}

.schedule-card__heading h3[b-i392thnfb3] {
    font-size: .98rem;
}

.schedule-card__heading p[b-i392thnfb3],
.schedule-calendar-toolbar p[b-i392thnfb3],
.schedule-auto-copy p[b-i392thnfb3] {
    margin: .12rem 0 0;
    font-size: .8rem;
    line-height: 1.35;
}

.schedule-card__heading :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--pcw-primary);
}

.schedule-mini-grid[b-i392thnfb3] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.schedule-form-grid[b-i392thnfb3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.fixture-pool[b-i392thnfb3],
.blackout-list[b-i392thnfb3],
.validation-list[b-i392thnfb3],
.preview-list[b-i392thnfb3],
.slot-matches[b-i392thnfb3] {
    display: grid;
    gap: .5rem;
}

.fixture-pool[b-i392thnfb3] {
    max-height: 440px;
    overflow: auto;
    padding-right: .1rem;
}

.match-card[b-i392thnfb3],
.match-detail-card[b-i392thnfb3],
.validation-item[b-i392thnfb3],
.schedule-empty[b-i392thnfb3],
.blackout-row[b-i392thnfb3] {
    border: 1px solid rgba(74, 137, 190, .34);
    border-radius: 8px;
    background: rgba(8, 18, 31, .72);
}

.match-card[b-i392thnfb3] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .65rem;
    cursor: grab;
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.match-card:hover[b-i392thnfb3],
.match-card.is-selected[b-i392thnfb3] {
    border-color: rgba(0, 198, 255, .76);
    background: rgba(12, 38, 59, .84);
}

.match-card.is-dragging[b-i392thnfb3] {
    opacity: .62;
    transform: scale(.985);
}

.match-card--scheduled[b-i392thnfb3] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: .5rem;
    background: rgba(13, 31, 49, .82);
}

.match-card__body[b-i392thnfb3] {
    min-width: 0;
}

.match-card strong[b-i392thnfb3],
.match-card small[b-i392thnfb3],
.match-card__eyebrow[b-i392thnfb3],
.match-detail-card strong[b-i392thnfb3],
.match-detail-card small[b-i392thnfb3],
.blackout-row strong[b-i392thnfb3],
.blackout-row small[b-i392thnfb3] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-card strong[b-i392thnfb3] {
    font-size: .86rem;
}

.match-card small[b-i392thnfb3],
.match-card__eyebrow[b-i392thnfb3] {
    font-size: .72rem;
}

.team-mark[b-i392thnfb3] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(0, 198, 255, .45);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .22), transparent 32%),
        linear-gradient(135deg, rgba(0, 198, 255, .28), rgba(93, 86, 255, .2));
    color: #f8fbff;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: 0;
}

.team-mark--small[b-i392thnfb3] {
    width: 30px;
    height: 30px;
    font-size: .58rem;
}

.schedule-calendar-panel[b-i392thnfb3] {
    display: grid;
    gap: .8rem;
    padding: .95rem;
}

.schedule-calendar-toolbar[b-i392thnfb3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.schedule-kicker[b-i392thnfb3] {
    display: block;
    color: var(--pcw-primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.schedule-calendar-toolbar h2[b-i392thnfb3] {
    font-size: 1.18rem;
}

.schedule-calendar-actions :deep(.mud-button-root.is-active)[b-i392thnfb3],
.schedule-view-tabs button.is-active[b-i392thnfb3] {
    border-color: rgba(0, 198, 255, .74);
    background: rgba(0, 198, 255, .14);
    color: #e9fbff;
}

.schedule-view-tabs[b-i392thnfb3] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.schedule-view-tabs button[b-i392thnfb3] {
    min-height: 34px;
    padding: 0 .75rem;
    border: 1px solid rgba(74, 137, 190, .36);
    border-radius: 8px;
    background: rgba(8, 18, 31, .72);
    color: var(--pcw-text);
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
}

.schedule-view-tabs button:disabled[b-i392thnfb3] {
    opacity: .48;
}

.season-roadmap[b-i392thnfb3] {
    display: grid;
    gap: .45rem;
}

.season-roadmap__bar[b-i392thnfb3] {
    position: relative;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(74, 137, 190, .2);
}

.season-roadmap__bar span[b-i392thnfb3] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #00c6ff, #5d56ff);
    box-shadow: 0 0 24px rgba(0, 198, 255, .35);
}

.season-roadmap__meta[b-i392thnfb3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: .8rem;
}

.schedule-calendar[b-i392thnfb3] {
    height: clamp(620px, calc(100vh - 350px), 980px);
    overflow: auto;
    border: 1px solid rgba(74, 137, 190, .34);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(8, 18, 31, .78), rgba(6, 13, 23, .9)),
        rgba(8, 18, 31, .86);
}

.schedule-calendar-grid[b-i392thnfb3] {
    display: grid;
    grid-template-columns: 72px repeat(7, minmax(104px, 1fr));
    min-width: 800px;
}

.schedule-calendar-head[b-i392thnfb3] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: grid;
    align-content: center;
    min-height: 58px;
    padding: .6rem .7rem;
    border-right: 1px solid rgba(74, 137, 190, .28);
    border-bottom: 1px solid rgba(74, 137, 190, .38);
    background: rgba(10, 22, 36, .96);
    backdrop-filter: blur(14px);
}

.schedule-calendar-head--time[b-i392thnfb3] {
    left: 0;
    z-index: 7;
}

.schedule-calendar-head strong[b-i392thnfb3],
.schedule-calendar-head span[b-i392thnfb3] {
    display: block;
    font-size: .82rem;
}

.schedule-calendar-head span[b-i392thnfb3] {
    color: var(--pcw-text-muted);
}

.schedule-calendar-head.is-blackout[b-i392thnfb3] {
    background: linear-gradient(180deg, rgba(80, 51, 8, .96), rgba(24, 21, 18, .96));
}

.schedule-time-axis[b-i392thnfb3],
.schedule-day-track[b-i392thnfb3] {
    position: relative;
    min-height: var(--calendar-min-height);
}

.schedule-time-axis[b-i392thnfb3] {
    position: sticky;
    left: 0;
    z-index: 3;
    border-right: 1px solid rgba(74, 137, 190, .34);
    background: rgba(8, 18, 31, .96);
}

.schedule-time-axis span[b-i392thnfb3] {
    position: absolute;
    right: .65rem;
    transform: translateY(-50%);
    color: var(--pcw-text-muted);
    font-size: .72rem;
    font-weight: 800;
}

.schedule-day-track[b-i392thnfb3] {
    border-right: 1px solid rgba(74, 137, 190, .18);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .025), transparent 36%),
        rgba(6, 14, 25, .48);
}

.schedule-day-track.is-blackout[b-i392thnfb3] {
    background:
        repeating-linear-gradient(135deg, rgba(245, 158, 11, .06) 0 10px, transparent 10px 20px),
        rgba(32, 24, 13, .46);
}

.schedule-grid-line[b-i392thnfb3] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(74, 137, 190, .12);
}

.schedule-slot-block[b-i392thnfb3] {
    position: absolute;
    left: .45rem;
    right: .45rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .4rem;
    min-height: 98px;
    overflow: hidden;
    padding: .55rem;
    border: 1px solid rgba(0, 198, 255, .42);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(0, 198, 255, .14), rgba(10, 28, 44, .9)),
        rgba(8, 18, 31, .9);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.schedule-slot-block.has-conflict[b-i392thnfb3] {
    border-color: rgba(245, 158, 11, .84);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, .12), 0 12px 30px rgba(0, 0, 0, .28);
}

.schedule-slot-block.is-over-capacity[b-i392thnfb3] {
    border-color: rgba(239, 68, 68, .84);
}

.schedule-slot-block.is-drop-target[b-i392thnfb3] {
    outline: 2px solid rgba(0, 198, 255, .85);
    outline-offset: 2px;
}

.slot-head[b-i392thnfb3] {
    min-width: 0;
}

.slot-head strong[b-i392thnfb3],
.slot-head small[b-i392thnfb3] {
    display: block;
}

.slot-head strong[b-i392thnfb3] {
    font-size: .78rem;
}

.slot-head small[b-i392thnfb3] {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .7rem;
}

.slot-matches[b-i392thnfb3] {
    min-height: 0;
    max-height: 100%;
    overflow: auto;
}

.slot-empty[b-i392thnfb3],
.schedule-empty[b-i392thnfb3] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    color: var(--pcw-text-muted);
    font-size: .8rem;
}

.slot-empty[b-i392thnfb3] {
    justify-content: center;
    min-height: 48px;
    border: 1px dashed rgba(0, 198, 255, .4);
    border-radius: 8px;
}

.schedule-empty--tall[b-i392thnfb3] {
    align-items: flex-start;
    min-height: 120px;
}

.match-detail-card[b-i392thnfb3] {
    display: grid;
    gap: .7rem;
    padding: .75rem;
}

.match-detail-card__teams[b-i392thnfb3] {
    min-width: 0;
}

.validation-item[b-i392thnfb3] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .65rem;
    color: var(--pcw-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.validation-item :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--pcw-primary);
    font-size: 19px;
}

.validation-item.is-success[b-i392thnfb3] {
    border-color: rgba(16, 185, 129, .38);
    background: rgba(6, 78, 59, .22);
    color: color-mix(in srgb, var(--mud-palette-success) 86%, white 14%);
}

.validation-item.is-success :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--mud-palette-success);
}

.validation-item.is-warning[b-i392thnfb3] {
    border-color: rgba(245, 158, 11, .48);
    background: rgba(80, 51, 8, .22);
    color: color-mix(in srgb, var(--mud-palette-warning) 86%, white 14%);
}

.validation-item.is-warning :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--mud-palette-warning);
}

.validation-item.is-danger[b-i392thnfb3] {
    border-color: rgba(239, 68, 68, .5);
    background: rgba(91, 12, 12, .24);
    color: color-mix(in srgb, var(--mud-palette-error) 86%, white 14%);
}

.validation-item.is-danger :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--mud-palette-error);
}

.blackout-row[b-i392thnfb3] {
    padding: .6rem;
}

.schedule-automatic-summary[b-i392thnfb3] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.schedule-auto-copy[b-i392thnfb3] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.schedule-auto-copy :deep(.mud-icon-root)[b-i392thnfb3] {
    color: var(--pcw-primary);
    font-size: 32px;
}

.schedule-auto-grid[b-i392thnfb3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.schedule-auto-stat[b-i392thnfb3] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(74, 137, 190, .3);
    border-radius: 8px;
    background: rgba(8, 18, 31, .72);
}

.schedule-auto-stat strong[b-i392thnfb3],
.schedule-auto-stat span[b-i392thnfb3] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-auto-stat strong[b-i392thnfb3] {
    font-size: 1rem;
}

.schedule-auto-stat span[b-i392thnfb3] {
    color: var(--pcw-text-muted);
    font-size: .78rem;
    font-weight: 800;
}

.schedule-toolbar :deep(.mud-input-control)[b-i392thnfb3],
.schedule-card :deep(.mud-input-control)[b-i392thnfb3] {
    margin-top: 0;
}

@media (max-width: 1500px) {
    .schedule-command-shell[b-i392thnfb3] {
        grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    }

    .schedule-detail-drawer[b-i392thnfb3] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 1120px) {
    .schedule-toolbar[b-i392thnfb3],
    .schedule-calendar-toolbar[b-i392thnfb3],
    .season-roadmap__meta[b-i392thnfb3] {
        align-items: stretch;
        flex-direction: column;
    }

    .schedule-toolbar__fields[b-i392thnfb3],
    .schedule-stats[b-i392thnfb3],
    .schedule-auto-grid[b-i392thnfb3],
    .schedule-detail-drawer[b-i392thnfb3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-command-shell[b-i392thnfb3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-command-rail[b-i392thnfb3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 760px) {
    .schedule-toolbar__fields[b-i392thnfb3],
    .schedule-stats[b-i392thnfb3],
    .schedule-auto-grid[b-i392thnfb3],
    .schedule-command-rail[b-i392thnfb3],
    .schedule-detail-drawer[b-i392thnfb3],
    .schedule-form-grid[b-i392thnfb3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-toolbar__actions[b-i392thnfb3],
    .schedule-calendar-actions[b-i392thnfb3] {
        justify-content: flex-start;
    }

    .schedule-calendar[b-i392thnfb3] {
        height: 640px;
    }
}
/* /Pages/Admin/Leagues/ManageSeasonTeams.razor.rz.scp.css */
.league-team-add-head[b-pfi9o3z5r9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.league-team-selected[b-pfi9o3z5r9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.league-team-searchbar[b-pfi9o3z5r9] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.league-capacity-banner[b-pfi9o3z5r9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    margin-top: 8px;
    padding: 0 10px;
    border: 1px solid rgba(35, 209, 96, 0.28);
    border-radius: 999px;
    background: rgba(35, 209, 96, 0.08);
    color: #7cf3a6;
    font-size: 0.78rem;
    font-weight: 850;
}

.league-capacity-banner.is-warning[b-pfi9o3z5r9] {
    border-color: rgba(250, 204, 21, 0.34);
    background: rgba(250, 204, 21, 0.1);
    color: #facc15;
}

.league-capacity-banner.is-full[b-pfi9o3z5r9] {
    border-color: rgba(255, 82, 82, 0.36);
    background: rgba(255, 82, 82, 0.1);
    color: #ff8590;
}

.league-team-selected--sticky[b-pfi9o3z5r9] {
    position: sticky;
    top: 0;
    z-index: 3;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border: 1px solid rgba(0, 189, 242, 0.26);
    border-radius: 8px;
    background: rgba(8, 20, 34, 0.96);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.league-team-selected--sticky > div:first-child[b-pfi9o3z5r9] {
    display: grid;
    gap: 2px;
}

.league-team-selected--sticky strong[b-pfi9o3z5r9] {
    color: var(--pcw-text);
}

.league-team-selected--sticky span[b-pfi9o3z5r9] {
    color: var(--pcw-text-muted);
    font-size: 0.74rem;
}

.league-team-selected--sticky > div:last-child[b-pfi9o3z5r9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.league-replace-drawer[b-pfi9o3z5r9] {
    display: grid;
    gap: 14px;
}

.league-replace-impact[b-pfi9o3z5r9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.league-replace-impact div[b-pfi9o3z5r9] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.league-replace-impact span[b-pfi9o3z5r9] {
    color: var(--pcw-text-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.league-replace-impact b[b-pfi9o3z5r9] {
    color: var(--pcw-text);
    font-size: 1.35rem;
}

.league-replace-search[b-pfi9o3z5r9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.league-replace-results[b-pfi9o3z5r9] {
    display: grid;
    gap: 8px;
}

.league-replace-result[b-pfi9o3z5r9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(8, 20, 34, 0.86);
    color: var(--pcw-text);
    text-align: left;
    cursor: pointer;
}

.league-replace-result:hover:not(:disabled)[b-pfi9o3z5r9],
.league-replace-result.is-selected[b-pfi9o3z5r9] {
    border-color: rgba(0, 189, 242, 0.52);
    background: rgba(0, 189, 242, 0.1);
}

.league-replace-result:disabled[b-pfi9o3z5r9] {
    opacity: 0.48;
    cursor: not-allowed;
}

.league-replace-result span[b-pfi9o3z5r9] {
    display: grid;
    min-width: 0;
}

.league-replace-result b[b-pfi9o3z5r9],
.league-replace-result small[b-pfi9o3z5r9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.league-replace-result small[b-pfi9o3z5r9] {
    color: var(--pcw-text-muted);
}

@media (max-width: 720px) {
    .league-team-add-head[b-pfi9o3z5r9],
    .league-team-searchbar[b-pfi9o3z5r9],
    .league-replace-search[b-pfi9o3z5r9] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .league-replace-impact[b-pfi9o3z5r9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Leagues/TransferGovernance.razor.rz.scp.css */
.transfer-governance-page[b-fmfrsrwpwu] {
    display: grid;
    gap: 1rem;
}

.transfer-governance-summary[b-fmfrsrwpwu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.transfer-governance-stat[b-fmfrsrwpwu] {
    padding: .85rem 1rem;
}

.transfer-governance-stat .mud-typography-caption[b-fmfrsrwpwu] {
    color: var(--pcw-text-muted);
}

@media (max-width: 960px) {
    .transfer-governance-summary[b-fmfrsrwpwu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .transfer-governance-summary[b-fmfrsrwpwu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/LineupTemplateDesigner.razor.rz.scp.css */
/* ── Lineup Template Designer ──────────────────────────────────── */

/* ── Toolbar ──────────────────────────────────────────────────── */
.ltd-toolbar[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background:
        linear-gradient(180deg, rgba(12, 20, 34, 0.98), rgba(7, 13, 24, 0.98)),
        #07111f;
    border: 1px solid rgba(94, 234, 212, 0.12);
    border-radius: 10px;
    margin: 8px 10px 12px;
    flex-wrap: wrap;
    overflow: hidden;
    min-height: 58px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.ltd-input[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    outline: none;
    transition: border-color 0.15s;
}

.ltd-input:focus[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.5);
}

.ltd-input-name[b-yvc9uwo5cr] {
    flex: 1 1 180px;
    max-width: 260px;
    min-width: 150px;
    text-overflow: ellipsis;
}

.ltd-input-num[b-yvc9uwo5cr] {
    width: 64px;
    text-align: center;
}

.ltd-input-formation[b-yvc9uwo5cr] {
    width: 140px;
    appearance: auto;
    cursor: pointer;
}

.ltd-label[b-yvc9uwo5cr] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
}

.ltd-x[b-yvc9uwo5cr] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.25);
    margin: 0 2px;
}

.ltd-sep[b-yvc9uwo5cr] {
    flex: 0 0 auto;
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.08);
    margin: 0 4px;
}

.ltd-spacer[b-yvc9uwo5cr] {
    flex: 1 1 12px;
    min-width: 8px;
}

.ltd-mode-chip[b-yvc9uwo5cr] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    max-width: 190px;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.1);
    color: #e0f2fe;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ltd-mode-chip--randomizer[b-yvc9uwo5cr] {
    border-color: rgba(168, 85, 247, 0.3);
    background: rgba(168, 85, 247, 0.12);
    color: #e9d5ff;
}

.ltd-mode-chip--renderassets[b-yvc9uwo5cr] {
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(245, 158, 11, 0.12);
    color: #fde68a;
}

.ltd-mode-chip--both[b-yvc9uwo5cr] {
    border-color: rgba(45, 212, 191, 0.3);
    background: rgba(45, 212, 191, 0.1);
    color: #ccfbf1;
}

.ltd-icon-btn[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.ltd-icon-btn:hover:not(:disabled)[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.ltd-icon-btn:disabled[b-yvc9uwo5cr] {
    opacity: 0.3;
    cursor: default;
}

.ltd-file-input[b-yvc9uwo5cr] {
    display: none !important;
}

.ltd-import-label[b-yvc9uwo5cr] {
    flex: 0 0 auto;
    margin: 0;
}

.ltd-icon-danger:hover:not(:disabled)[b-yvc9uwo5cr] {
    background: rgba(244, 67, 54, 0.15);
    color: #f44336;
}

.ltd-icon-active[b-yvc9uwo5cr] {
    background: rgba(0, 135, 179, 0.15);
    color: #0087b3;
}

.ltd-zoom-label[b-yvc9uwo5cr] {
    flex: 0 0 auto;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    min-width: 36px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.ltd-save-btn[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    border: none;
    border-radius: 6px;
    background: #7c4dff;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.ltd-save-btn:hover:not(:disabled)[b-yvc9uwo5cr] {
    background: #651fff;
}

.ltd-save-btn:disabled[b-yvc9uwo5cr] {
    opacity: 0.5;
    cursor: default;
}

/* ── Layout ───────────────────────────────────────────────────── */
.ltd-layout[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: 68px minmax(360px, 440px) minmax(460px, 1fr) minmax(380px, 450px);
    gap: 10px;
    height: calc(100vh - 188px);
    min-height: 500px;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 135, 179, 0.09), transparent 36%),
        #050b14;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 14px;
    margin: 0 10px 10px;
}

.ltd-tool-rail[b-yvc9uwo5cr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    background: linear-gradient(180deg, rgba(8, 17, 31, .98), rgba(5, 10, 18, .98));
    border: 1px solid rgba(0, 135, 179, .12);
    border-radius: 10px;
    overflow: hidden;
}

.ltd-tool-btn[b-yvc9uwo5cr] {
    min-height: 66px;
    padding: 6px 4px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, .58);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ltd-tool-btn span[b-yvc9uwo5cr] {
    max-width: 100%;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
}

.ltd-tool-btn .mud-icon-root[b-yvc9uwo5cr] {
    font-size: 23px;
}

.ltd-tool-btn:hover[b-yvc9uwo5cr],
.ltd-tool-btn.active[b-yvc9uwo5cr],
.ltd-tool-btn.active-secondary[b-yvc9uwo5cr] {
    color: #00d8ff;
    border-color: rgba(0, 216, 255, .22);
    background: linear-gradient(180deg, rgba(0, 135, 179, .16), rgba(0, 100, 200, .12));
}

/* ── Left sidebar ─────────────────────────────────────────────── */
.ltd-sidebar-left[b-yvc9uwo5cr] {
    background: linear-gradient(180deg, rgba(13, 24, 38, .98), rgba(8, 17, 31, .98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.ltd-sidebar-tabs[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    position: sticky;
    top: 0;
    z-index: 4;
    background: rgba(8, 17, 31, 0.98);
}

.ltd-mode-panel[b-yvc9uwo5cr] {
    margin: 10px;
    padding: 12px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(6, 15, 28, 0.76)),
        rgba(6, 15, 28, 0.76);
}

.ltd-mode-panel span[b-yvc9uwo5cr] {
    display: block;
    color: rgba(148, 163, 184, 0.86);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ltd-mode-panel strong[b-yvc9uwo5cr] {
    display: block;
    margin-top: 4px;
    color: #f8fbff;
    font-size: 15px;
    font-weight: 900;
}

.ltd-mode-panel p[b-yvc9uwo5cr] {
    margin: 5px 0 0;
    color: rgba(203, 213, 225, 0.78);
    font-size: 11px;
    line-height: 1.35;
}

.ltd-mode-panel--randomizer[b-yvc9uwo5cr] {
    border-color: rgba(168, 85, 247, 0.26);
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(6, 15, 28, 0.76));
}

.ltd-mode-panel--renderassets[b-yvc9uwo5cr] {
    border-color: rgba(245, 158, 11, 0.3);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(6, 15, 28, 0.76));
}

.ltd-mode-panel--both[b-yvc9uwo5cr] {
    border-color: rgba(45, 212, 191, 0.26);
    background: linear-gradient(135deg, rgba(45, 212, 191, 0.12), rgba(6, 15, 28, 0.76));
}

.ltd-renderasset-notice[b-yvc9uwo5cr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 6px 0 2px;
    padding: 10px;
    border: 1px solid rgba(0, 135, 179, .22);
    border-radius: 8px;
    background: rgba(0, 168, 255, .08);
    color: rgba(245, 248, 255, .86);
    font-size: 12px;
    line-height: 1.35;
}

.ltd-renderasset-card-controls[b-yvc9uwo5cr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ltd-renderasset-card-controls .ltd-row[b-yvc9uwo5cr] {
    flex-direction: column;
}

.ltd-card-background-note[b-yvc9uwo5cr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(245, 158, 11, 0.26);
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.09);
    color: rgba(255, 237, 213, 0.9);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.ltd-variation-actions[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.ltd-variation-list[b-yvc9uwo5cr] {
    display: grid;
    gap: 10px;
}

.ltd-variation-card[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(36, 65, 95, 0.86);
    border-radius: 8px;
    background: rgba(5, 11, 20, 0.58);
}

.ltd-variation-card-active[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.52);
    background: rgba(0, 168, 255, 0.12);
}

.ltd-variation-thumb[b-yvc9uwo5cr] {
    min-height: 54px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 4px;
    padding: 5px;
}

.ltd-variation-thumb span[b-yvc9uwo5cr] {
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(5, 11, 20, 0.82);
    color: #e0f2fe;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.ltd-variation-meta[b-yvc9uwo5cr] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.ltd-variation-meta strong[b-yvc9uwo5cr],
.ltd-variation-meta small[b-yvc9uwo5cr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ltd-variation-meta strong[b-yvc9uwo5cr] {
    color: #f8fbff;
    font-size: 12px;
}

.ltd-variation-meta small[b-yvc9uwo5cr] {
    color: rgba(203, 213, 225, 0.7);
    font-size: 10px;
}

.ltd-variation-buttons[b-yvc9uwo5cr] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.ltd-variation-buttons button[b-yvc9uwo5cr] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 7px;
    background: rgba(15, 23, 42, 0.72);
    color: rgba(226, 232, 240, 0.88);
    cursor: pointer;
}

.ltd-variation-buttons button:disabled[b-yvc9uwo5cr] {
    opacity: 0.35;
    cursor: default;
}

.ltd-sidebar-tab[b-yvc9uwo5cr] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}

.ltd-sidebar-tab:hover[b-yvc9uwo5cr] {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.03);
}

.ltd-sidebar-tab-active[b-yvc9uwo5cr] {
    color: #0087b3;
    border-bottom: 2px solid #0087b3;
}

.ltd-panel[b-yvc9uwo5cr] {
    flex: 1;
    overflow-y: auto;
}

.ltd-section-label[b-yvc9uwo5cr] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 8px;
}

.ltd-row[b-yvc9uwo5cr] {
    display: flex;
    gap: 8px;
}

.ltd-row > *[b-yvc9uwo5cr] {
    flex: 1;
    min-width: 0;
}

[b-yvc9uwo5cr] .ltd-sidebar-left .mud-input-control,
[b-yvc9uwo5cr] .ltd-sidebar-right .mud-input-control,
[b-yvc9uwo5cr] .ltd-sidebar-left .mud-select,
[b-yvc9uwo5cr] .ltd-sidebar-right .mud-select {
    width: 100%;
    min-width: 0;
}

/* ── Center canvas ────────────────────────────────────────────── */
.ltd-canvas-area[b-yvc9uwo5cr] {
    background:
        radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.1), transparent 32%),
        rgba(5, 9, 16, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.ltd-canvas-area.ltd-canvas-grid-on[b-yvc9uwo5cr] {
    background:
        linear-gradient(rgba(148, 163, 184, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.04) 1px, transparent 1px),
        linear-gradient(rgba(56, 189, 248, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.07) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.1), transparent 32%),
        rgba(5, 9, 16, 0.96);
    background-size: 28px 28px, 28px 28px, 140px 140px, 140px 140px, auto, auto;
}

/* ── Slot actions bar (right panel, Slots tab) ───────────────── */
.ltd-slot-actions[b-yvc9uwo5cr] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ltd-canvas-scroll[b-yvc9uwo5cr] {
    width: 100%;
    height: 100%;
    overflow: auto;
    cursor: grab;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.32) rgba(3, 7, 14, 0.85);
    overscroll-behavior: contain;
}

.ltd-canvas-scroll.ltd-panning[b-yvc9uwo5cr] {
    cursor: grabbing;
}

.ltd-canvas-stage[b-yvc9uwo5cr] {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}

.ltd-canvas-transformer[b-yvc9uwo5cr] {
    position: absolute;
    transform-origin: top left;
    transition: transform 0.1s ease-out;
}

.ltd-ruler-corner[b-yvc9uwo5cr],
.ltd-ruler[b-yvc9uwo5cr] {
    position: absolute;
    z-index: 8;
    pointer-events: none;
    background: rgba(8, 18, 31, 0.88);
    border: 1px solid rgba(0, 135, 179, 0.12);
    color: rgba(203, 213, 225, 0.72);
    font-size: 9px;
    font-weight: 800;
}

.ltd-ruler-corner[b-yvc9uwo5cr] {
    width: 24px;
    height: 24px;
    border-radius: 4px 0 0 0;
}

.ltd-ruler-h[b-yvc9uwo5cr] {
    height: 24px;
    border-radius: 0 4px 0 0;
}

.ltd-ruler-v[b-yvc9uwo5cr] {
    width: 24px;
    border-radius: 0 0 0 4px;
}

.ltd-ruler-tick[b-yvc9uwo5cr] {
    position: absolute;
    top: 2px;
    height: 20px;
    min-width: 38px;
    padding-left: 4px;
    border-left: 1px solid rgba(0, 135, 179, 0.34);
    white-space: nowrap;
}

.ltd-ruler-tick-v[b-yvc9uwo5cr] {
    left: 2px;
    top: auto;
    width: 20px;
    min-width: 0;
    height: 38px;
    padding-left: 0;
    padding-top: 4px;
    border-left: none;
    border-top: 1px solid rgba(0, 135, 179, 0.34);
    writing-mode: vertical-rl;
}

.ltd-canvas[b-yvc9uwo5cr] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

.ltd-renderasset-preview[b-yvc9uwo5cr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ltd-current-bg[b-yvc9uwo5cr],
.ltd-renderasset-bg-summary[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(56, 189, 248, 0.16);
    border-radius: 8px;
    background: rgba(5, 12, 22, 0.72);
}

.ltd-current-bg img[b-yvc9uwo5cr],
.ltd-renderasset-bg-mini[b-yvc9uwo5cr] {
    width: 92px;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

.ltd-current-bg strong[b-yvc9uwo5cr],
.ltd-renderasset-bg-summary strong[b-yvc9uwo5cr] {
    display: block;
    color: #f8fafc;
    font-size: 12px;
    line-height: 1.2;
}

.ltd-current-bg small[b-yvc9uwo5cr],
.ltd-renderasset-bg-summary small[b-yvc9uwo5cr] {
    display: block;
    margin-top: 3px;
    color: rgba(203, 213, 225, 0.68);
    font-size: 10px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ltd-renderasset-mode-pill[b-yvc9uwo5cr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    max-width: 170px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(0, 168, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 168, 255, 0.08);
    color: #f5f8ff;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ltd-renderasset-bg[b-yvc9uwo5cr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.ltd-renderasset-header[b-yvc9uwo5cr] {
    position: absolute;
    inset: 0;
    z-index: 70;
    pointer-events: none;
    color: var(--renderasset-header-accent, #f5d77a);
    font-family: 'Bebas Neue', 'Antonio', 'Impact', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 0;
}

.ltd-renderasset-header-brand[b-yvc9uwo5cr],
.ltd-renderasset-header-title[b-yvc9uwo5cr],
.ltd-renderasset-header-context[b-yvc9uwo5cr] {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
}

.ltd-renderasset-header-brand[b-yvc9uwo5cr] {
    left: 60px;
    top: 48px;
    width: 370px;
    height: 40px;
    font-size: 31px;
    font-weight: 900;
}

.ltd-renderasset-header-title[b-yvc9uwo5cr] {
    left: 60px;
    top: 88px;
    width: 850px;
    height: 78px;
    color: #fff;
    font-size: 58px;
    font-weight: 900;
    text-transform: uppercase;
}

.ltd-renderasset-header-context[b-yvc9uwo5cr] {
    right: 70px;
    top: 48px;
    width: 1110px;
    height: 66px;
    text-align: right;
    font-size: 42px;
    font-weight: 900;
}

.ltd-renderasset-header-line[b-yvc9uwo5cr] {
    position: absolute;
    top: 206px;
    height: 3px;
    background: var(--renderasset-header-accent, #f5d77a);
    opacity: 0.82;
}

.ltd-renderasset-header-line-left[b-yvc9uwo5cr] {
    left: 60px;
    width: 936px;
}

.ltd-renderasset-header-line-right[b-yvc9uwo5cr] {
    left: 1120px;
    width: 466px;
}

.ltd-renderasset-slot[b-yvc9uwo5cr] {
    position: absolute;
    z-index: 80;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    pointer-events: auto;
    touch-action: none;
}

.ltd-renderasset-slot:hover[b-yvc9uwo5cr] {
    border-color: rgba(0, 168, 255, 0.45);
    box-shadow: 0 0 0 1px rgba(0, 168, 255, 0.18);
}

.ltd-renderasset-bench-label[b-yvc9uwo5cr] {
    position: absolute;
    z-index: 90;
    display: flex;
    align-items: center;
    line-height: 1;
    text-align: center;
    text-transform: none;
    pointer-events: auto;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
}

.ltd-renderasset-bench-label:hover[b-yvc9uwo5cr],
.ltd-renderasset-bench-label-selected[b-yvc9uwo5cr] {
    border-color: rgba(245, 215, 122, 0.72);
    box-shadow: 0 0 0 2px rgba(245, 215, 122, 0.22), 0 0 18px rgba(245, 215, 122, 0.22);
}

.ltd-renderasset-slot-selected[b-yvc9uwo5cr] {
    border-color: #00a8ff;
    box-shadow: 0 0 0 2px rgba(0, 168, 255, 0.28), 0 0 20px rgba(0, 168, 255, 0.28);
}

.ltd-renderasset-podium-slot[b-yvc9uwo5cr] {
    align-items: center;
    border-radius: 999px;
    cursor: move;
}

.ltd-podium-logo-target[b-yvc9uwo5cr] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 2px dashed rgba(245, 215, 122, 0.72);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 50%, rgba(0, 168, 255, 0.12), rgba(5, 11, 20, 0.82) 68%),
        rgba(5, 11, 20, 0.36);
    color: #f5f8ff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.05;
    text-align: center;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.ltd-podium-slot-2 .ltd-podium-logo-target[b-yvc9uwo5cr] {
    border-color: rgba(225, 233, 247, 0.82);
    color: #e6edf8;
}

.ltd-podium-slot-3 .ltd-podium-logo-target[b-yvc9uwo5cr] {
    border-color: rgba(255, 154, 78, 0.86);
    color: #ffad6a;
}

.ltd-renderasset-slot-tag[b-yvc9uwo5cr] {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(5, 11, 20, 0.88);
    border: 1px solid rgba(0, 168, 255, 0.35);
    color: #f5f8ff;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.14s ease;
}

.ltd-renderasset-slot:hover .ltd-renderasset-slot-tag[b-yvc9uwo5cr],
.ltd-renderasset-slot-selected .ltd-renderasset-slot-tag[b-yvc9uwo5cr] {
    opacity: 1;
}

.ltd-renderasset-empty[b-yvc9uwo5cr] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.72);
    background: linear-gradient(135deg, rgba(5, 12, 24, 0.96), rgba(4, 20, 42, 0.96));
    font-size: 28px;
    font-weight: 800;
    text-align: center;
}

.ltd-renderasset-empty .mud-icon-root[b-yvc9uwo5cr] {
    font-size: 68px;
    color: #f5d77a;
}

.ltd-bg-img[b-yvc9uwo5cr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.ltd-pitch-img[b-yvc9uwo5cr] {
    position: absolute;
    pointer-events: none;
}

/* ── Layers on canvas ─────────────────────────────────────────── */
.ltd-layer[b-yvc9uwo5cr] {
    position: absolute;
    cursor: move;
    border: 1px solid transparent;
    transition: border-color 0.1s;
}

.ltd-layer:hover[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.3);
}

.ltd-layer-selected[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.8) !important;
    box-shadow: 0 0 0 1px rgba(0, 135, 179, 0.3);
}

.ltd-resize-handle[b-yvc9uwo5cr] {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0087b3;
    border: 1.5px solid #fff;
    border-radius: 2px;
    z-index: 9999;
    pointer-events: auto;
}

.ltd-resize-se[b-yvc9uwo5cr] {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

/* ── Formation preview ────────────────────────────────────────── */
.ltd-formation-overlay[b-yvc9uwo5cr] {
    position: absolute;
    z-index: 50;
    pointer-events: none; /* pass clicks through to layers below */
}

.ltd-slot-preview[b-yvc9uwo5cr] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    pointer-events: auto;
    transition: opacity 0.15s ease;
}

.ltd-slot-draggable[b-yvc9uwo5cr] {
    cursor: grab;
    touch-action: none;
}

.ltd-slot-dragging[b-yvc9uwo5cr] {
    cursor: grabbing;
    opacity: 0.8;
    z-index: 100;
    touch-action: none;
}

.ltd-slot-selected[b-yvc9uwo5cr] {
    outline: 2px solid rgba(0, 135, 179, 0.85);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 135, 179, 0.45);
}

/* ── Overlay group drag / resize handles ─────────────────────── */
.ltd-overlay-drag-handle[b-yvc9uwo5cr] {
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(0, 135, 179, 0.15);
    border: 1px solid rgba(0, 135, 179, 0.35);
    color: rgba(0, 135, 179, 0.85);
    font-size: 10px;
    font-weight: 600;
    cursor: grab;
    pointer-events: auto;
    white-space: nowrap;
    user-select: none;
    touch-action: none;
}

.ltd-overlay-drag-handle:active[b-yvc9uwo5cr] {
    cursor: grabbing;
    background: rgba(0, 135, 179, 0.25);
}

.ltd-overlay-resize-handle[b-yvc9uwo5cr] {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 12px;
    height: 12px;
    background: rgba(0, 135, 179, 0.7);
    border: 1.5px solid #fff;
    border-radius: 2px;
    cursor: se-resize;
    pointer-events: auto;
    touch-action: none;
    z-index: 9999;
}

.ltd-slot-kit-img[b-yvc9uwo5cr] {
    width: 110px;
    height: auto;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
}

.ltd-slot-circle[b-yvc9uwo5cr] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ltd-slot-label-pill[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 3px 10px 3px 5px;
    margin-top: 2px;
}

.ltd-slot-globe[b-yvc9uwo5cr] {
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

.ltd-slot-globe svg[b-yvc9uwo5cr] {
    width: 100%;
    height: 100%;
}

.ltd-slot-name[b-yvc9uwo5cr] {
    white-space: nowrap;
    font-weight: 600;
    line-height: 1.2;
}

.ltd-slot-pos-tag[b-yvc9uwo5cr] {
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 2px;
    line-height: 1.3;
}

/* ── Background selector grid (left panel) ────────────────────── */
.ltd-bg-grid[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.ltd-bg-btn[b-yvc9uwo5cr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ltd-bg-btn:hover[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.08);
}

.ltd-bg-active[b-yvc9uwo5cr] {
    border-color: #0087b3;
    background: rgba(0, 135, 179, 0.1);
}

.ltd-bg-thumb[b-yvc9uwo5cr] {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 5px;
}

.ltd-bg-name[b-yvc9uwo5cr] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Kit selector grid (left panel) ──────────────────────────── */
.ltd-kit-grid[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.ltd-kit-btn[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 2px;
    background: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ltd-kit-btn:hover[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.08);
}

.ltd-kit-active[b-yvc9uwo5cr] {
    border-color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
}

.ltd-kit-broken[b-yvc9uwo5cr] {
    border-color: #f87171 !important;
    background: rgba(248, 113, 113, 0.1) !important;
    position: relative;
}

.ltd-kit-broken[b-yvc9uwo5cr]::after {
    content: '⚠';
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 9px;
    color: #f87171;
    line-height: 1;
}

.ltd-hint-warning[b-yvc9uwo5cr] {
    color: #f87171;
    margin-bottom: 8px;
}

.ltd-kit-img[b-yvc9uwo5cr] {
    width: 36px;
    height: auto;
}

/* ── Kit button wrapper (custom kit delete overlay) ──────────── */
.ltd-kit-btn-wrap[b-yvc9uwo5cr] {
    position: relative;
}

.ltd-kit-btn-wrap .ltd-kit-btn[b-yvc9uwo5cr] {
    width: 100%;
}

.ltd-kit-btn-wrap:hover .ltd-pitch-del-btn[b-yvc9uwo5cr] {
    opacity: 1;
}

/* ── Right sidebar ───────────────────────────────────────────── */
.ltd-sidebar-right[b-yvc9uwo5cr] {
    background: linear-gradient(180deg, rgba(13, 24, 38, .98), rgba(8, 17, 31, .98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.ltd-layer-actions[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.025);
}

.ltd-layer-action[b-yvc9uwo5cr] {
    min-height: 34px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 8px;
    background: rgba(0, 135, 179, 0.06);
    color: rgba(255, 255, 255, 0.82);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.ltd-layer-action:hover:not(:disabled)[b-yvc9uwo5cr] {
    background: rgba(0, 135, 179, 0.12);
    border-color: rgba(0, 216, 255, 0.36);
    color: #fff;
    transform: translateY(-1px);
}

.ltd-layer-action:disabled[b-yvc9uwo5cr] {
    opacity: .42;
    cursor: default;
}

.ltd-layer-action-danger[b-yvc9uwo5cr] {
    border-color: rgba(244, 67, 54, 0.2);
    background: rgba(244, 67, 54, 0.08);
}

.ltd-layer-action-danger:hover:not(:disabled)[b-yvc9uwo5cr] {
    border-color: rgba(244, 67, 54, 0.5);
    background: rgba(244, 67, 54, 0.14);
}

.ltd-layer-list[b-yvc9uwo5cr] {
    flex: 1;
    overflow-y: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ltd-layer-item[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 8px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: background 0.1s;
}

.ltd-layer-item:hover[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.03);
}

.ltd-layer-item-active[b-yvc9uwo5cr] {
    background: rgba(0, 135, 179, 0.08);
    border-left-color: #0087b3;
}

.ltd-layer-name[b-yvc9uwo5cr] {
    flex: 1;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ltd-layer-order[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 0;
    opacity: .55;
    transition: opacity .12s ease;
}

.ltd-layer-item:hover .ltd-layer-order[b-yvc9uwo5cr],
.ltd-layer-item-active .ltd-layer-order[b-yvc9uwo5cr] {
    opacity: 1;
}

.ltd-props[b-yvc9uwo5cr] {
    overflow-y: auto;
}

.ltd-properties-shell[b-yvc9uwo5cr] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 12px;
}

.ltd-properties-header[b-yvc9uwo5cr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.ltd-properties-header strong[b-yvc9uwo5cr] {
    display: block;
    color: rgba(255, 255, 255, 0.92);
    font-size: 14px;
    line-height: 1.2;
}

.ltd-properties-header > span[b-yvc9uwo5cr] {
    padding: 4px 8px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.08);
    color: #bae6fd;
    font-size: 10px;
    font-weight: 900;
}

.ltd-property-card[b-yvc9uwo5cr] {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 10px;
    background: rgba(5, 11, 20, 0.58);
}

.ltd-property-switches[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.ltd-properties-empty[b-yvc9uwo5cr] {
    display: grid;
    min-height: 260px;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 24px;
    border: 1px dashed rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    background: rgba(5, 11, 20, 0.42);
    text-align: center;
}

.ltd-properties-empty .mud-icon-root[b-yvc9uwo5cr] {
    color: rgba(56, 189, 248, 0.82);
    font-size: 36px;
}

.ltd-properties-empty strong[b-yvc9uwo5cr] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.ltd-properties-empty span[b-yvc9uwo5cr] {
    max-width: 260px;
    color: rgba(169, 183, 201, 0.78);
    font-size: 12px;
    line-height: 1.4;
}

.ltd-props-heading[b-yvc9uwo5cr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.ltd-props-heading strong[b-yvc9uwo5cr] {
    display: block;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    line-height: 1.2;
}

.ltd-locked-pill[b-yvc9uwo5cr] {
    border: 1px solid rgba(255, 200, 50, .35);
    border-radius: 999px;
    background: rgba(255, 200, 50, .1);
    color: rgba(255, 220, 120, .9);
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    text-transform: uppercase;
}

.ltd-meta-line[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: rgba(255, 255, 255, .45);
    font-size: 11px;
}

.ltd-meta-line strong[b-yvc9uwo5cr] {
    color: rgba(255, 255, 255, .78);
    font-size: 11px;
    text-transform: capitalize;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (min-width: 2200px) {
    .ltd-toolbar[b-yvc9uwo5cr] {
        margin-left: 24px;
        margin-right: 24px;
    }

    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 76px minmax(340px, 420px) minmax(760px, 1fr) minmax(400px, 480px);
        height: calc(100vh - 202px);
        margin-left: 24px;
        margin-right: 24px;
        padding: 14px;
    }

    .ltd-tool-btn[b-yvc9uwo5cr] {
        min-height: 74px;
    }
}

@media (max-width: 1024px) {
    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 64px 270px minmax(0, 1fr) 300px;
    }
}

@media (max-width: 768px) {
    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr auto;
        height: auto;
    }

    .ltd-tool-rail[b-yvc9uwo5cr] {
        flex-direction: row;
        overflow-x: auto;
    }

    .ltd-tool-btn[b-yvc9uwo5cr] {
        min-width: 78px;
    }

    .ltd-sidebar-left[b-yvc9uwo5cr],
    .ltd-sidebar-right[b-yvc9uwo5cr] {
        max-height: 300px;
    }
}

/* ── Slot list (right panel, Slots tab) ──────────────────────── */
.ltd-slot-list[b-yvc9uwo5cr] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
}

.ltd-slot-row[b-yvc9uwo5cr] {
    padding: 6px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.ltd-slot-row-active[b-yvc9uwo5cr] {
    background: rgba(0, 168, 255, 0.08);
    box-shadow: inset 3px 0 0 #00a8ff;
}

.ltd-slot-row-header[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.ltd-slot-row-number[b-yvc9uwo5cr] {
    font-size: 10px;
    font-weight: 700;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.1);
    border-radius: 4px;
    padding: 1px 6px;
    min-width: 22px;
    text-align: center;
}

.ltd-slot-row-label[b-yvc9uwo5cr] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
}

.ltd-slot-row-slider[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ltd-renderasset-preview-card[b-yvc9uwo5cr] {
    overflow: hidden;
    border: 1px solid rgba(27, 42, 64, 0.95);
    border-radius: 10px;
    background: rgba(5, 11, 20, 0.68);
}

.ltd-renderasset-preview-card > div:first-child[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    color: rgba(169, 183, 201, 0.9);
    font-size: 11px;
}

.ltd-renderasset-preview-card img[b-yvc9uwo5cr] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-top: 1px solid rgba(27, 42, 64, 0.8);
}

.ltd-renderasset-preview-empty[b-yvc9uwo5cr] {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-top: 1px solid rgba(27, 42, 64, 0.8);
    color: rgba(169, 183, 201, 0.8);
    font-size: 12px;
    font-weight: 800;
}

.ltd-podium-editor-note[b-yvc9uwo5cr] {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(0, 168, 255, 0.22);
    border-radius: 8px;
    background: rgba(0, 168, 255, 0.08);
    color: rgba(169, 183, 201, 0.95);
    font-size: 11px;
    line-height: 1.35;
}

.ltd-renderasset-slot-group[b-yvc9uwo5cr] {
    padding: 12px 10px 4px;
    margin: 0;
}

.ltd-renderasset-slot-fields[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.ltd-renderasset-slot-size[b-yvc9uwo5cr] {
    color: rgba(169, 183, 201, 0.8);
    font-size: 10px;
    font-weight: 800;
}

.ltd-slot-nudge[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: repeat(4, 32px) repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.ltd-slot-nudge .mud-icon-button[b-yvc9uwo5cr] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border: 1px solid rgba(36, 65, 95, 0.9);
    border-radius: 7px;
    background: rgba(13, 25, 41, 0.95);
    color: #f5f8ff;
}

.ltd-slot-nudge-step[b-yvc9uwo5cr] {
    height: 30px;
    border: 1px solid rgba(36, 65, 95, 0.9);
    border-radius: 7px;
    background: rgba(13, 25, 41, 0.95);
    color: #a9b7c9;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.ltd-slot-nudge-step:hover[b-yvc9uwo5cr],
.ltd-slot-nudge .mud-icon-button:hover[b-yvc9uwo5cr] {
    border-color: rgba(0, 168, 255, 0.75);
    background: rgba(0, 168, 255, 0.12);
    color: #f5f8ff;
}

.ltd-slider-label[b-yvc9uwo5cr] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
    min-width: 10px;
}

.ltd-slider-value[b-yvc9uwo5cr] {
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.5);
    min-width: 32px;
    text-align: right;
}

/* ── Pitch image upload button ────────────────────────────────── */
.ltd-upload-btn[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    padding: 7px 12px;
    border: 1.5px dashed rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    margin-bottom: 12px;
}

.ltd-upload-btn:hover:not(.ltd-upload-btn-disabled)[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.4);
    background: rgba(0, 135, 179, 0.05);
    color: #0087b3;
}

.ltd-upload-btn-disabled[b-yvc9uwo5cr] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Mirror button in slot row ────────────────────────────────── */
.ltd-mirror-btn[b-yvc9uwo5cr] {
    width: 24px !important;
    height: 24px !important;
    min-width: 0 !important;
    padding: 0 !important;
}

/* ── Export preview overlay ───────────────────────────────────── */
.ltd-export-overlay[b-yvc9uwo5cr] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltd-export-frame[b-yvc9uwo5cr] {
    background: rgba(18, 23, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ltd-export-header[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ltd-export-canvas-wrap[b-yvc9uwo5cr] {
    overflow: auto;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltd-export-canvas[b-yvc9uwo5cr] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

/* ── Pitch image delete button ────────────────────────────────── */
.ltd-bg-btn-wrap[b-yvc9uwo5cr] {
    position: relative;
}

.ltd-pitch-del-btn[b-yvc9uwo5cr] {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    background: rgba(244, 67, 54, 0.85);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 2;
}

.ltd-bg-btn-wrap:hover .ltd-pitch-del-btn[b-yvc9uwo5cr] {
    opacity: 1;
}

/* ── Pitch image name prompt ──────────────────────────────────── */
.ltd-name-prompt[b-yvc9uwo5cr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: rgba(0, 135, 179, 0.05);
    border: 1.5px solid rgba(0, 135, 179, 0.2);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 12px;
}

.ltd-name-prompt-actions[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Group sliders (Slots tab, multi-select) ─────────────────── */
.ltd-group-sliders[b-yvc9uwo5cr] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 4px;
}

/* ── Typed number input alongside sliders ────────────────────── */
.ltd-slider-input[b-yvc9uwo5cr] {
    width: 46px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    padding: 2px 4px;
    text-align: right;
    outline: none;
    -moz-appearance: textfield;
    flex-shrink: 0;
}

.ltd-slider-input:focus[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.5);
}

.ltd-slider-input[b-yvc9uwo5cr]::-webkit-outer-spin-button,
.ltd-slider-input[b-yvc9uwo5cr]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ── Pitch image rename controls ─────────────────────────────── */
.ltd-pitch-rename-btn[b-yvc9uwo5cr] {
    position: absolute;
    top: 3px;
    right: 22px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 135, 179, 0.7);
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 2;
}

.ltd-bg-btn-wrap:hover .ltd-pitch-rename-btn[b-yvc9uwo5cr] {
    opacity: 1;
}

.ltd-pitch-ok-btn[b-yvc9uwo5cr] {
    position: absolute;
    top: 3px;
    right: 22px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    background: rgba(76, 175, 80, 0.9);
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 2;
}

.ltd-pitch-ok-btn:hover[b-yvc9uwo5cr] {
    background: rgba(76, 175, 80, 1);
}

.ltd-pitch-rename-input[b-yvc9uwo5cr] {
    width: 100%;
    background: rgba(0, 10, 30, 0.9);
    border: 1px solid rgba(0, 135, 179, 0.5);
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 4px;
    outline: none;
    text-align: center;
    margin-top: 2px;
    cursor: text;
}

.ltd-pitch-rename-input:focus[b-yvc9uwo5cr] {
    border-color: rgba(0, 135, 179, 0.9);
}

/* ── Slot canvas context menu ─────────────────────────────────── */
.ltd-slot-ctx-menu[b-yvc9uwo5cr] {
    position: fixed;
    z-index: 9995;
    min-width: 190px;
    background: rgba(14, 18, 38, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.65);
    padding: 4px 0;
    backdrop-filter: blur(8px);
}

.ltd-slot-ctx-item[b-yvc9uwo5cr] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 14px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    transition: background 0.1s, color 0.1s;
    white-space: nowrap;
}

.ltd-slot-ctx-item:hover[b-yvc9uwo5cr] {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.ltd-slot-ctx-danger[b-yvc9uwo5cr] {
    color: rgba(244, 67, 54, 0.85);
}

.ltd-slot-ctx-danger:hover[b-yvc9uwo5cr] {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.ltd-slot-ctx-divider[b-yvc9uwo5cr] {
    height: 1px;
    background: rgba(255, 255, 255, 0.07);
    margin: 3px 0;
}

/* ── Expansion panels (left sidebar) ─────────────────────────── */
.ltd-expander[b-yvc9uwo5cr] {
    background: transparent !important;
}

/* Panel header */
[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel-header {
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 8px 12px !important;
    min-height: 38px !important;
}

[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel-header:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel-header-content {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel-header-content .mud-icon-root {
    font-size: 15px !important;
    color: rgba(0, 135, 179, 0.65) !important;
}

[b-yvc9uwo5cr] .ltd-expander .mud-expand-panel-text {
    padding: 10px 12px 12px !important;
}

/* ── Hint text inside expansion panels ────────────────────────── */
.ltd-hint[b-yvc9uwo5cr] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    margin: 0 0 8px;
    line-height: 1.4;
}

/* ── Custom kit indicator (uploaded kits in grid) ─────────────── */
.ltd-kit-custom[b-yvc9uwo5cr] {
    border-color: rgba(255, 165, 0, 0.35) !important;
    position: relative;
}

.ltd-kit-custom[b-yvc9uwo5cr]::after {
    content: '★';
    position: absolute;
    bottom: 2px;
    right: 3px;
    font-size: 8px;
    color: rgba(255, 165, 0, 0.8);
    line-height: 1;
}

.ltd-kit-custom.ltd-kit-active[b-yvc9uwo5cr] {
    border-color: #ffa500 !important;
    background: rgba(255, 165, 0, 0.12) !important;
}

/* Unified designer polish: keep lineup behavior, match the newer image designer rhythm. */
.ltd-toolbar[b-yvc9uwo5cr] {
    align-items: center;
    gap: 7px;
    padding: 10px 12px;
    background: linear-gradient(180deg, rgba(9, 17, 29, 0.98), rgba(5, 10, 18, 0.98));
    border-color: rgba(0, 135, 179, 0.16);
    border-radius: 8px;
    margin: 8px 24px 10px;
    min-height: 58px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
    scrollbar-width: thin;
}

.ltd-toolbar .mud-input-control[b-yvc9uwo5cr] {
    margin-top: 0;
}

.ltd-toolbar .mud-input-root[b-yvc9uwo5cr] {
    min-height: 34px;
    font-size: 12px;
}

.ltd-layout[b-yvc9uwo5cr] {
    grid-template-columns: 64px minmax(360px, 440px) minmax(560px, 1fr) minmax(380px, 450px);
    gap: 12px;
    height: calc(100vh - 186px);
    margin: 0 24px 16px;
    padding: 12px;
    background:
        linear-gradient(rgba(148, 163, 184, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.026) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgba(0, 135, 179, 0.08), transparent 34%),
        #050911;
    background-size: 32px 32px, 32px 32px, auto, auto;
    border-color: rgba(0, 135, 179, 0.12);
    border-radius: 10px;
}

.ltd-tool-rail[b-yvc9uwo5cr],
.ltd-sidebar-left[b-yvc9uwo5cr],
.ltd-sidebar-right[b-yvc9uwo5cr] {
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(10, 20, 34, 0.98), rgba(6, 13, 24, 0.98));
    border-color: rgba(36, 65, 95, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ltd-tool-rail[b-yvc9uwo5cr] {
    padding: 7px;
    gap: 7px;
}

.ltd-tool-btn[b-yvc9uwo5cr] {
    min-height: 62px;
    border-radius: 7px;
}

.ltd-tool-btn:hover[b-yvc9uwo5cr],
.ltd-tool-btn.active[b-yvc9uwo5cr],
.ltd-tool-btn.active-secondary[b-yvc9uwo5cr] {
    color: #f5f8ff;
    border-color: rgba(0, 135, 179, 0.42);
    background: linear-gradient(180deg, rgba(0, 168, 255, 0.2), rgba(0, 95, 160, 0.12));
    box-shadow: inset 3px 0 0 #0087b3;
}

.ltd-mode-panel[b-yvc9uwo5cr] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin: 12px;
    padding: 12px;
    border-radius: 8px;
}

.ltd-mode-panel__icon[b-yvc9uwo5cr] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 7px;
    background: rgba(56, 189, 248, 0.12);
    color: #e0f2fe;
}

.ltd-canvas-area[b-yvc9uwo5cr] {
    border-radius: 8px;
    border-color: rgba(36, 65, 95, 0.95);
}

.ltd-canvas[b-yvc9uwo5cr] {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04),
        0 22px 70px rgba(0, 0, 0, 0.66);
}

.ltd-sidebar-tabs[b-yvc9uwo5cr] {
    background: rgba(5, 11, 20, 0.98);
    border-bottom-color: rgba(36, 65, 95, 0.85);
}

.ltd-sidebar-tab[b-yvc9uwo5cr] {
    min-height: 40px;
    gap: 7px;
    font-size: 11px;
    font-weight: 900;
}

.ltd-sidebar-tab-active[b-yvc9uwo5cr] {
    color: #f5f8ff;
    background: rgba(0, 168, 255, 0.12);
    border-bottom-color: #0087b3;
}

.ltd-layer-actions[b-yvc9uwo5cr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 10px;
}

.ltd-layer-action[b-yvc9uwo5cr] {
    min-height: 32px;
    padding: 0 8px;
    border-radius: 7px;
}

.ltd-layer-item[b-yvc9uwo5cr],
.ltd-slot-row[b-yvc9uwo5cr] {
    border-bottom-color: rgba(36, 65, 95, 0.55);
}

.ltd-layer-item-active[b-yvc9uwo5cr],
.ltd-slot-row-active[b-yvc9uwo5cr] {
    background: rgba(0, 168, 255, 0.12);
}

.ltd-property-card[b-yvc9uwo5cr],
.ltd-renderasset-preview-card[b-yvc9uwo5cr],
.ltd-properties-empty[b-yvc9uwo5cr] {
    border-radius: 8px;
    background: rgba(5, 11, 20, 0.64);
    border-color: rgba(36, 65, 95, 0.88);
}

.ltd-renderasset-slot-selected[b-yvc9uwo5cr],
.ltd-layer-selected[b-yvc9uwo5cr],
.ltd-slot-selected[b-yvc9uwo5cr] {
    box-shadow: 0 0 0 2px rgba(0, 135, 179, 0.34), 0 0 18px rgba(0, 135, 179, 0.24);
}

.ltd-toolbar[b-yvc9uwo5cr] {
    flex-wrap: wrap;
    overflow: hidden;
}

.ltd-toolbar .mud-chip[b-yvc9uwo5cr],
.ltd-toolbar .mud-button-root[b-yvc9uwo5cr],
.ltd-toolbar .mud-icon-button[b-yvc9uwo5cr],
.ltd-renderasset-mode-pill[b-yvc9uwo5cr] {
    flex: 0 0 auto;
}

.ltd-toolbar .ltd-icon-btn[b-yvc9uwo5cr],
.ltd-toolbar .admin-icon-btn[b-yvc9uwo5cr] {
    flex: 0 0 32px;
}

.ltd-toolbar .ltd-input-name[b-yvc9uwo5cr] {
    flex: 1 1 170px;
    max-width: 260px;
    min-width: 140px;
}

.ltd-toolbar input[type="file"][b-yvc9uwo5cr] {
    display: none !important;
}

@media (max-width: 1500px) {
    .ltd-toolbar[b-yvc9uwo5cr] {
        gap: 6px;
        padding: 9px 10px;
        min-height: 68px;
    }

    .ltd-toolbar .ltd-input-name[b-yvc9uwo5cr] {
        flex-basis: 150px;
        max-width: 210px;
    }

    .ltd-mode-chip[b-yvc9uwo5cr],
    .ltd-renderasset-mode-pill[b-yvc9uwo5cr] {
        max-width: 150px;
        padding-inline: 9px;
    }

    .ltd-sep[b-yvc9uwo5cr] {
        margin-inline: 1px;
    }
}

@media (min-width: 2200px) {
    .ltd-toolbar[b-yvc9uwo5cr] {
        margin-left: 32px;
        margin-right: 32px;
    }

    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 72px minmax(400px, 480px) minmax(900px, 1fr) minmax(410px, 480px);
        gap: 16px;
        margin-left: 32px;
        margin-right: 32px;
        padding: 16px;
    }
}

@media (max-width: 1500px) {
    .ltd-toolbar[b-yvc9uwo5cr] {
        margin-left: 14px;
        margin-right: 14px;
    }

    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 58px minmax(340px, 390px) minmax(480px, 1fr) minmax(330px, 380px);
        gap: 9px;
        margin-left: 14px;
        margin-right: 14px;
        padding: 9px;
    }

    .ltd-tool-btn[b-yvc9uwo5cr] {
        min-height: 58px;
        font-size: 10px;
    }

    .ltd-layer-actions[b-yvc9uwo5cr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .ltd-toolbar[b-yvc9uwo5cr] {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .ltd-layout[b-yvc9uwo5cr] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto minmax(520px, 70vh) auto;
        height: auto;
    }

    .ltd-tool-rail[b-yvc9uwo5cr] {
        flex-direction: row;
        overflow-x: auto;
    }

    .ltd-sidebar-left[b-yvc9uwo5cr],
    .ltd-sidebar-right[b-yvc9uwo5cr] {
        max-height: 420px;
    }
}
/* /Pages/Admin/ManageBotSettings.razor.rz.scp.css */
.botset-shell[b-raa6pu2gpi] {
    --bot-bg-app: #030712;
    --bot-bg-sidebar: #061322;
    --bot-bg-main: #07111f;
    --bot-bg-panel: #08111f;
    --bot-bg-panel-raised: #0b1728;
    --bot-bg-field: #081320;
    --bot-bg-field-soft: rgba(8, 19, 32, 0.72);
    --bot-border-subtle: rgba(72, 176, 209, 0.18);
    --bot-border-strong: rgba(72, 176, 209, 0.36);
    --bot-text-primary: #f8fbff;
    --bot-text-secondary: #b8c7d6;
    --bot-text-muted: #8aa2ba;
    --bot-blurple: #6d4bd8;
    --bot-blurple-soft: rgba(109, 75, 216, 0.18);
    --bot-cyan: #0087b3;
    --bot-cyan-text: #73d7f2;
    --bot-cyan-soft: rgba(0, 135, 179, 0.12);
    --bot-green: #00d26a;
    --bot-amber: #f5b84b;
    --bot-red: #ff4d67;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 auto;
    padding: 28px 36px 40px;
    background:
        radial-gradient(circle at 70% 0%, rgba(0, 135, 179, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(3, 7, 18, 0.96), rgba(7, 17, 31, 0.98));
    color: #dce8f4;
    box-sizing: border-box;
    overflow-x: hidden;
}

.botset-shell *[b-raa6pu2gpi],
.botset-shell *[b-raa6pu2gpi]::before,
.botset-shell *[b-raa6pu2gpi]::after {
    box-sizing: border-box;
}

.botset-hero[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.botset-eyebrow[b-raa6pu2gpi],
[b-raa6pu2gpi] .botset-eyebrow {
    color: var(--bot-cyan-text);
    font-weight: 800;
    letter-spacing: 0.12em;
}

.botset-title[b-raa6pu2gpi],
[b-raa6pu2gpi] .botset-title {
    color: var(--bot-text-primary);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
    font-size: clamp(1.55rem, 1.65vw, 2.05rem) !important;
}

.botset-subtitle[b-raa6pu2gpi],
.botset-muted[b-raa6pu2gpi],
[b-raa6pu2gpi] .botset-subtitle,
[b-raa6pu2gpi] .botset-muted {
    color: var(--bot-text-muted);
}

.botset-offline-alert[b-raa6pu2gpi] {
    border-radius: 8px !important;
}

[b-raa6pu2gpi] .botset-skeleton {
    border-radius: 8px !important;
    background-color: rgba(43, 45, 49, 0.86) !important;
}

.botset-health-strip[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.botset-health-item[b-raa6pu2gpi] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.08), rgba(8, 17, 31, 0.92)),
        var(--bot-bg-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 18px 38px rgba(0, 0, 0, 0.18);
}

.botset-health-item span[b-raa6pu2gpi],
.botset-activity-card span[b-raa6pu2gpi] {
    display: block;
    color: var(--bot-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botset-health-item strong[b-raa6pu2gpi],
.botset-activity-card strong[b-raa6pu2gpi] {
    display: block;
    min-width: 0;
    color: var(--bot-text-primary);
    font-size: 0.95rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botset-health-dot[b-raa6pu2gpi] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 999px;
    background: #80848e;
    box-shadow: 0 0 0 3px rgba(128, 132, 142, 0.18);
}

.botset-health-item.is-good[b-raa6pu2gpi] {
    border-color: rgba(0, 210, 106, 0.3);
}

.botset-health-item.is-good .botset-health-dot[b-raa6pu2gpi] {
    background: var(--bot-green);
    box-shadow: 0 0 0 3px rgba(0, 210, 106, 0.18), 0 0 18px rgba(0, 210, 106, 0.38);
}

.botset-health-item.is-warning[b-raa6pu2gpi] {
    border-color: rgba(245, 184, 75, 0.32);
}

.botset-health-item.is-danger[b-raa6pu2gpi] {
    border-color: rgba(255, 77, 103, 0.36);
}

.botset-health-item.is-danger .botset-health-dot[b-raa6pu2gpi] {
    background: var(--bot-red);
    box-shadow: 0 0 0 3px rgba(255, 77, 103, 0.2);
}

.botset-offline-muted[b-raa6pu2gpi] {
    opacity: 0.72;
    filter: grayscale(0.12);
    pointer-events: none;
    user-select: none;
}

.botset-shell--offline .botset-panel[b-raa6pu2gpi],
.botset-shell--offline .botset-command-card[b-raa6pu2gpi],
.botset-shell--offline .botset-channel-card[b-raa6pu2gpi],
.botset-shell--offline .botset-summary-card[b-raa6pu2gpi] {
    border-color: rgba(128, 132, 142, 0.18) !important;
}

.botset-section-heading[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    padding: 0;
    border: none;
    background: transparent;
}

.botset-section-heading .mud-typography-h6[b-raa6pu2gpi] {
    color: #fff;
    font-weight: 850;
}

.botset-section-heading + .mud-grid[b-raa6pu2gpi],
.botset-panel-grid[b-raa6pu2gpi] {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: var(--bot-bg-panel-raised);
}

.botset-panel[b-raa6pu2gpi],
.botset-command-card[b-raa6pu2gpi],
.botset-channel-card[b-raa6pu2gpi] {
    border-radius: 8px !important;
    border: 1px solid var(--bot-border-subtle) !important;
    background:
        linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important;
}

.botset-command-card[b-raa6pu2gpi],
.botset-channel-card[b-raa6pu2gpi] {
    height: 100%;
}

.botset-command-head[b-raa6pu2gpi],
.botset-channel-head[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.botset-command-icon[b-raa6pu2gpi] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 135, 179, 0.88), rgba(109, 75, 216, 0.78));
    flex-shrink: 0;
}

.botset-command-name[b-raa6pu2gpi] {
    color: #fff;
    font-weight: 800;
}

.botset-channel-body[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

.botset-channel-body code[b-raa6pu2gpi] {
    color: #67e8f9;
    background: var(--bot-cyan-soft);
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    padding: 4px 8px;
}

.botset-channel-group[b-raa6pu2gpi] {
    color: #67e8f9 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: var(--bot-cyan-soft) !important;
}

.botset-actions[b-raa6pu2gpi] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 18px;
}

.botset-actions-inline[b-raa6pu2gpi],
.botset-tab-actions[b-raa6pu2gpi],
.botset-card-actions[b-raa6pu2gpi],
.botset-row-actions[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.botset-tab-actions[b-raa6pu2gpi] {
    justify-content: flex-end;
    margin-bottom: 12px;
}

.botset-row-actions[b-raa6pu2gpi] {
    flex-wrap: nowrap;
}

[b-raa6pu2gpi] .botset-table-action {
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 0.68rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
}

[b-raa6pu2gpi] .botset-table-action .mud-button-start-icon {
    margin-left: -2px !important;
    margin-right: 5px !important;
}

[b-raa6pu2gpi] .botset-table-action.mud-button-outlined {
    background: rgba(255, 255, 255, 0.035) !important;
}

[b-raa6pu2gpi] .botset-table-action.mud-disabled {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #72767d !important;
    background: rgba(255, 255, 255, 0.028) !important;
}

.botset-card-actions[b-raa6pu2gpi] {
    justify-content: flex-end;
    margin-top: 14px;
}

.botset-panel-title[b-raa6pu2gpi],
.embed-editor-toolbar[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.botset-panel-title--compact[b-raa6pu2gpi] {
    align-items: center;
    margin: 18px 0 10px;
}

.botset-custom-tabs[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background: rgba(4, 12, 24, 0.92);
}

.botset-tab-button[b-raa6pu2gpi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    cursor: pointer;
}

.botset-tab-button:hover[b-raa6pu2gpi],
.botset-tab-button--active[b-raa6pu2gpi] {
    color: var(--bot-cyan-text);
    border-color: var(--bot-border-strong);
    background: var(--bot-cyan-soft);
}

.botset-custom-panel[b-raa6pu2gpi] {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding-top: 0;
}

.botset-shell--test-lab[b-raa6pu2gpi] {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 24px;
}

.botset-shell--test-lab .botset-hero[b-raa6pu2gpi] {
    padding: 10px 12px;
}

.botset-shell--test-lab .botset-title[b-raa6pu2gpi] {
    font-size: 1.55rem !important;
}

[b-raa6pu2gpi] .botset-shell--test-lab .botset-title {
    font-size: 1.55rem !important;
}

.botset-shell--test-lab .botset-subtitle[b-raa6pu2gpi] {
    font-size: 0.76rem !important;
    line-height: 1.2;
}

[b-raa6pu2gpi] .botset-shell--test-lab .botset-subtitle {
    font-size: 0.76rem !important;
    line-height: 1.2;
}

.botset-shell--test-lab .botset-eyebrow[b-raa6pu2gpi] {
    font-size: 0.6rem !important;
    line-height: 1.1;
}

[b-raa6pu2gpi] .botset-shell--test-lab .botset-eyebrow {
    font-size: 0.6rem !important;
    line-height: 1.1;
}

.botset-shell--test-lab .botset-actions-inline .mud-button-root[b-raa6pu2gpi] {
    min-height: 28px;
    padding: 0 10px;
    font-size: 0.68rem;
}

.botset-shell--test-lab .botset-actions-inline[b-raa6pu2gpi]  .mud-button-root {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 0.68rem !important;
}

.botset-summary-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.botset-panel[b-raa6pu2gpi] {
    border-bottom: 1px solid var(--bot-border-strong) !important;
}

.botset-overview[b-raa6pu2gpi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
}

.botset-overview-console[b-raa6pu2gpi] {
    gap: 16px;
}

.botset-command-center[b-raa6pu2gpi] {
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.botset-command-status[b-raa6pu2gpi],
.botset-command-actions[b-raa6pu2gpi],
.botset-overview-routes[b-raa6pu2gpi],
.botset-queue-board[b-raa6pu2gpi],
.botset-activity-panel[b-raa6pu2gpi] {
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)),
        var(--bot-bg-panel);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.botset-command-status[b-raa6pu2gpi] {
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    min-height: 104px;
    padding: 14px;
    border-left: 3px solid var(--bot-green);
}

.botset-command-status.is-danger[b-raa6pu2gpi] {
    border-left-color: var(--bot-red);
}

.botset-command-status > div[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-status-icon[b-raa6pu2gpi] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: rgba(0, 210, 106, 0.18);
}

.botset-command-status.is-danger .botset-status-icon[b-raa6pu2gpi] {
    background: rgba(255, 77, 103, 0.18);
}

.botset-command-status span[b-raa6pu2gpi],
.botset-route-card span[b-raa6pu2gpi],
.botset-lane-title span[b-raa6pu2gpi],
.botset-queue-tile-main span[b-raa6pu2gpi],
.botset-activity-timeline-row span[b-raa6pu2gpi],
.botset-queue-item span[b-raa6pu2gpi] {
    display: block;
    color: var(--bot-text-muted);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.botset-command-status h2[b-raa6pu2gpi] {
    margin: 2px 0 3px;
    color: #fff;
    font-size: 1.32rem;
    line-height: 1.06;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.botset-command-status p[b-raa6pu2gpi] {
    max-width: 760px;
    margin: 0;
    color: var(--bot-text-secondary);
    font-size: 0.86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.botset-command-status-meta[b-raa6pu2gpi] {
    min-width: 142px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    text-align: right;
}

.botset-command-status-meta strong[b-raa6pu2gpi],
.botset-command-status-meta small[b-raa6pu2gpi] {
    display: block;
}

.botset-command-status-meta strong[b-raa6pu2gpi] {
    color: #fff;
    font-size: 0.92rem;
}

.botset-command-status-meta small[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.72rem;
}

.botset-command-actions[b-raa6pu2gpi] {
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.botset-command-action[b-raa6pu2gpi] {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon detail";
    gap: 1px 10px;
    align-items: center;
    min-height: 52px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--bot-text-primary);
    background: rgba(15, 28, 45, 0.74);
    text-align: left;
    cursor: pointer;
}

.botset-command-action:hover:not(:disabled)[b-raa6pu2gpi] {
    border-color: var(--bot-border-strong);
    background: var(--bot-cyan-soft);
}

.botset-command-action:disabled[b-raa6pu2gpi] {
    cursor: not-allowed;
    opacity: 0.52;
}

.botset-command-action.is-primary[b-raa6pu2gpi] {
    border-color: var(--bot-border-strong);
    background: rgba(0, 135, 179, 0.16);
}

.botset-command-action[b-raa6pu2gpi]  .mud-icon-root {
    grid-area: icon;
    color: #fff;
}

.botset-command-action span[b-raa6pu2gpi] {
    min-width: 0;
    grid-area: label;
    color: #fff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.botset-command-action small[b-raa6pu2gpi] {
    min-width: 0;
    grid-area: detail;
    color: var(--bot-text-muted);
    font-size: 0.72rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.botset-readiness-panel[b-raa6pu2gpi] {
    padding: 12px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(4, 12, 24, 0.98)),
        var(--bot-bg-panel);
}

.botset-readiness-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.botset-readiness-card[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    gap: 8px;
    align-items: start;
    min-height: 136px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-left: 3px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(15, 18, 24, 0.62);
}

.botset-readiness-card.is-good[b-raa6pu2gpi] {
    border-left-color: var(--bot-green);
}

.botset-readiness-card.is-warning[b-raa6pu2gpi] {
    border-left-color: var(--bot-amber);
}

.botset-readiness-card.is-danger[b-raa6pu2gpi] {
    border-left-color: var(--bot-red);
}

.botset-readiness-card.is-info[b-raa6pu2gpi] {
    border-left-color: var(--bot-cyan);
}

.botset-readiness-icon[b-raa6pu2gpi] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: rgba(88, 101, 242, 0.22);
}

.botset-readiness-card span[b-raa6pu2gpi],
.botset-setup-brief-card span[b-raa6pu2gpi] {
    display: block;
    color: var(--bot-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.botset-readiness-card strong[b-raa6pu2gpi],
.botset-setup-brief-card strong[b-raa6pu2gpi] {
    display: block;
    min-width: 0;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.botset-readiness-card small[b-raa6pu2gpi],
.botset-setup-brief-card small[b-raa6pu2gpi] {
    display: block;
    margin-top: 4px;
    color: var(--bot-text-muted);
    font-size: 0.7rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.botset-readiness-card[b-raa6pu2gpi]  .mud-button-root {
    grid-column: 2;
    justify-self: start;
    align-self: end;
    min-height: 28px !important;
    padding: 0 4px !important;
    font-size: 0.72rem !important;
}

.botset-overview-routes[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
}

.botset-route-card[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    gap: 10px;
    align-items: start;
    min-height: 112px;
    padding: 11px;
    border-left: 3px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.028);
}

.botset-route-card.is-good[b-raa6pu2gpi] {
    border-left-color: var(--bot-green);
}

.botset-route-card.is-warning[b-raa6pu2gpi] {
    border-left-color: var(--bot-amber);
}

.botset-route-card.is-danger[b-raa6pu2gpi] {
    border-left-color: var(--bot-red);
}

.botset-route-card > .mud-icon-root[b-raa6pu2gpi],
.botset-route-card[b-raa6pu2gpi]  .mud-icon-root {
    color: #fff;
}

.botset-route-card strong[b-raa6pu2gpi],
.botset-queue-tile-main span[b-raa6pu2gpi],
.botset-queue-item strong[b-raa6pu2gpi] {
    display: block;
    min-width: 0;
    color: #fff;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.botset-route-card small[b-raa6pu2gpi],
.botset-queue-tile-main small[b-raa6pu2gpi],
.botset-queue-item small[b-raa6pu2gpi] {
    display: block;
    margin-top: 4px;
    color: var(--bot-text-muted);
    font-size: 0.74rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.botset-route-card .mud-button-root[b-raa6pu2gpi],
.botset-route-card[b-raa6pu2gpi]  .mud-button-root {
    grid-column: 2;
    justify-self: start;
    align-self: end;
}

.botset-overview-main[b-raa6pu2gpi],
.botset-overview-tabs[b-raa6pu2gpi],
.botset-queue-board[b-raa6pu2gpi],
.botset-activity-panel[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-overview-main[b-raa6pu2gpi] {
    display: block;
}

[b-raa6pu2gpi] .botset-overview-tabs {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background: rgba(4, 12, 24, 0.92);
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tabs-toolbar {
    min-height: 50px;
    border-bottom: 1px solid var(--bot-border-subtle);
    background: rgba(4, 12, 24, 0.94);
    overflow-x: auto;
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tabs-toolbar-content {
    min-width: max-content;
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tab {
    min-height: 50px;
    padding: 0 16px;
    color: var(--bot-text-secondary);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tab:hover,
[b-raa6pu2gpi] .botset-overview-tabs .mud-tab.mud-tab-active {
    color: var(--bot-cyan-text);
    background: var(--bot-cyan-soft);
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tabs-slider {
    height: 3px;
    border-radius: 999px;
    background: var(--bot-cyan);
    box-shadow: 0 0 18px rgba(0, 135, 179, 0.5);
}

[b-raa6pu2gpi] .botset-overview-tabs .mud-tabs-panels {
    min-width: 0;
    padding: 0;
}

.botset-overview-tab-section[b-raa6pu2gpi] {
    min-width: 0;
    padding: 12px;
}

.botset-queue-lanes[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.botset-queue-lane[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.botset-lane-title[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 2px 6px;
}

.botset-lane-title > div[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-lane-title small[b-raa6pu2gpi] {
    display: block;
    margin-top: 2px;
    color: var(--bot-text-muted);
    font-size: 0.7rem;
    line-height: 1.3;
}

.botset-lane-title strong[b-raa6pu2gpi] {
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: rgba(88, 101, 242, 0.35);
    font-size: 0.76rem;
}

.botset-lane-metrics[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 2px;
}

.botset-lane-metrics span[b-raa6pu2gpi] {
    min-width: 0;
    display: block;
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 7px;
    color: var(--bot-text-muted);
    background: rgba(15, 18, 24, 0.46);
    font-size: 0.66rem;
    line-height: 1.25;
    text-transform: uppercase;
}

.botset-lane-metrics b[b-raa6pu2gpi] {
    display: block;
    color: #fff;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.botset-queue-tile[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "main counts"
        "caps actions";
    gap: 8px 10px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(15, 18, 24, 0.7);
}

.botset-queue-tile.is-good[b-raa6pu2gpi] {
    border-left: 3px solid var(--bot-green);
}

.botset-queue-tile.is-warning[b-raa6pu2gpi] {
    border-left: 3px solid var(--bot-amber);
}

.botset-queue-tile.is-danger[b-raa6pu2gpi] {
    border-left: 3px solid var(--bot-red);
}

.botset-queue-tile-main[b-raa6pu2gpi] {
    grid-area: main;
    min-width: 0;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.botset-queue-tile-main:disabled[b-raa6pu2gpi] {
    cursor: default;
    opacity: 0.64;
}

.botset-queue-tile-main span[b-raa6pu2gpi] {
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    font-size: 0.86rem;
}

.botset-queue-counts[b-raa6pu2gpi] {
    grid-area: counts;
    min-width: 84px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 8px;
    text-align: center;
}

.botset-queue-counts b[b-raa6pu2gpi] {
    color: #fff;
    font-size: 1rem;
    line-height: 1.1;
}

.botset-queue-counts small[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.65rem;
    text-transform: uppercase;
}

.botset-queue-caps[b-raa6pu2gpi] {
    grid-area: caps;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-start;
    min-width: 0;
}

.botset-queue-cap[b-raa6pu2gpi],
.botset-state-pill[b-raa6pu2gpi],
.botset-evidence-chip[b-raa6pu2gpi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: var(--bot-text-muted);
    background: rgba(255, 255, 255, 0.035);
    font-size: 0.66rem;
    font-weight: 850;
    line-height: 1.15;
    white-space: nowrap;
}

.botset-queue-cap.is-available[b-raa6pu2gpi],
.botset-state-pill.is-good[b-raa6pu2gpi],
.botset-evidence-chip.is-good[b-raa6pu2gpi] {
    border-color: rgba(35, 165, 89, 0.28);
    color: #d1fae5;
    background: rgba(35, 165, 89, 0.14);
}

.botset-queue-cap.is-disabled[b-raa6pu2gpi],
.botset-state-pill.is-warning[b-raa6pu2gpi],
.botset-evidence-chip.is-warning[b-raa6pu2gpi] {
    border-color: rgba(240, 178, 50, 0.28);
    color: #fde68a;
    background: rgba(240, 178, 50, 0.12);
}

.botset-queue-cap.is-unsupported[b-raa6pu2gpi] {
    color: rgba(181, 186, 193, 0.58);
    border-color: rgba(255, 255, 255, 0.055);
    background: rgba(255, 255, 255, 0.02);
}

.botset-state-pill.is-danger[b-raa6pu2gpi],
.botset-evidence-chip.is-danger[b-raa6pu2gpi] {
    border-color: rgba(218, 55, 60, 0.3);
    color: #fecdd3;
    background: rgba(218, 55, 60, 0.14);
}

.botset-evidence-chip.is-info[b-raa6pu2gpi] {
    border-color: var(--bot-border-strong);
    color: #cffafe;
    background: var(--bot-cyan-soft);
}

.botset-evidence-chip b[b-raa6pu2gpi] {
    margin-right: 5px;
    color: #fff;
}

.botset-queue-actions[b-raa6pu2gpi] {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 3px;
}

.botset-queue-actions[b-raa6pu2gpi]  .mud-button-root {
    min-width: 0 !important;
    padding: 0 8px !important;
}

.botset-queue-inspector[b-raa6pu2gpi] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.botset-queue-inspector--standalone[b-raa6pu2gpi] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.botset-inspector-actions[b-raa6pu2gpi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    align-items: center;
}

.botset-inspector-summary[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.botset-inspector-summary span[b-raa6pu2gpi] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    color: var(--bot-text-muted);
    background: rgba(15, 18, 24, 0.6);
    font-size: 0.7rem;
    text-transform: uppercase;
}

.botset-inspector-summary b[b-raa6pu2gpi] {
    display: block;
    color: #fff;
    font-size: 0.82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.botset-queue-item-list[b-raa6pu2gpi] {
    display: grid;
    gap: 8px;
}

.botset-queue-item[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(15, 18, 24, 0.72);
}

.botset-queue-item time[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.botset-activity-timeline[b-raa6pu2gpi] {
    display: grid;
    gap: 9px;
}

.botset-activity-timeline-row[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-left: 3px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: rgba(15, 18, 24, 0.72);
}

.botset-activity-timeline-row.is-good[b-raa6pu2gpi] {
    border-left-color: var(--bot-green);
}

.botset-activity-timeline-row.is-warning[b-raa6pu2gpi] {
    border-left-color: var(--bot-amber);
}

.botset-activity-timeline-row.is-danger[b-raa6pu2gpi] {
    border-left-color: var(--bot-red);
}

.botset-activity-timeline-row.is-info[b-raa6pu2gpi] {
    border-left-color: var(--bot-cyan);
}

.botset-activity-timeline-row time[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.botset-activity-timeline-row > div[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-activity-timeline-row strong[b-raa6pu2gpi] {
    display: inline-flex;
    margin-top: 2px;
    color: #fff;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.botset-activity-timeline-row p[b-raa6pu2gpi] {
    margin: 4px 0 0;
    color: var(--bot-text-secondary);
    font-size: 0.78rem;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.botset-server-workspace[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    gap: 14px;
    align-items: start;
}

.botset-server-main[b-raa6pu2gpi],
.botset-server-guardrails[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-server-guardrails[b-raa6pu2gpi] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 14px;
}

.botset-setup-brief[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.botset-setup-brief-card[b-raa6pu2gpi] {
    min-width: 0;
    min-height: 94px;
    padding: 11px 12px;
    border: 1px solid var(--bot-border-subtle);
    border-left: 3px solid var(--bot-cyan);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.82);
}

.botset-setup-brief-card.is-good[b-raa6pu2gpi] {
    border-left-color: var(--bot-green);
}

.botset-setup-brief-card.is-warning[b-raa6pu2gpi] {
    border-left-color: var(--bot-amber);
}

.botset-setup-brief-card.is-info[b-raa6pu2gpi] {
    border-left-color: var(--bot-cyan);
}

.botset-server-guardrails .mt-4[b-raa6pu2gpi] {
    margin-top: 0 !important;
}

.botset-server-detail-route[b-raa6pu2gpi] {
    display: grid;
    gap: 12px;
}

.botset-server-detail-nav[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background: rgba(8, 17, 31, 0.78);
}

.botset-server-detail-nav > div[b-raa6pu2gpi] {
    min-width: 0;
    text-align: right;
}

.botset-server-detail-nav span[b-raa6pu2gpi],
.botset-server-detail-nav strong[b-raa6pu2gpi] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botset-server-detail-nav span[b-raa6pu2gpi] {
    color: var(--bot-cyan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botset-server-detail-nav strong[b-raa6pu2gpi] {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 900;
}

.botset-blocked-card[b-raa6pu2gpi]  .mud-table-cell {
    font-size: 0.78rem;
}

.botset-blocked-card[b-raa6pu2gpi]  table {
    width: 100%;
    table-layout: fixed;
}

.botset-blocked-card[b-raa6pu2gpi]  th:nth-child(1),
.botset-blocked-card[b-raa6pu2gpi]  td:nth-child(1) {
    width: 46%;
    word-break: break-word;
}

.botset-blocked-card[b-raa6pu2gpi]  th:nth-child(2),
.botset-blocked-card[b-raa6pu2gpi]  td:nth-child(2) {
    width: 25%;
}

.botset-blocked-card[b-raa6pu2gpi]  th:nth-child(3),
.botset-blocked-card[b-raa6pu2gpi]  td:nth-child(3) {
    width: 29%;
}

.botset-blocked-card[b-raa6pu2gpi]  .mud-button-root {
    min-width: 72px !important;
    padding: 0 8px !important;
    font-size: 0.7rem !important;
}

.botset-blocked-card strong[b-raa6pu2gpi],
.botset-blocked-card span[b-raa6pu2gpi],
.botset-blocked-card small[b-raa6pu2gpi] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.botset-blocked-meta[b-raa6pu2gpi] {
    color: var(--bot-text-secondary);
    font-size: 0.72rem;
    line-height: 1.3;
}

.botset-blocked-card small[b-raa6pu2gpi] {
    color: rgba(226, 232, 240, 0.52);
    font-size: 0.68rem;
    line-height: 1.3;
}

@media (max-width: 640px) {
    .botset-blocked-card[b-raa6pu2gpi]  .mud-table-container,
    .botset-blocked-card[b-raa6pu2gpi]  .mud-table-root,
    .botset-blocked-card[b-raa6pu2gpi]  table,
    .botset-blocked-card[b-raa6pu2gpi]  tbody,
    .botset-blocked-card[b-raa6pu2gpi]  tr,
    .botset-blocked-card[b-raa6pu2gpi]  td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .botset-blocked-card[b-raa6pu2gpi]  table,
    .botset-blocked-card[b-raa6pu2gpi]  tbody,
    .botset-blocked-card[b-raa6pu2gpi]  tr,
    .botset-blocked-card[b-raa6pu2gpi]  td {
        display: block !important;
    }

    .botset-blocked-card[b-raa6pu2gpi]  tr {
        padding: 8px 0;
    }

    .botset-blocked-card[b-raa6pu2gpi]  td {
        padding: 8px 10px !important;
        text-align: left !important;
    }

    .botset-blocked-card[b-raa6pu2gpi]  td::before {
        position: static !important;
        display: block !important;
        width: auto !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        color: var(--bot-text-muted);
        font-size: 0.64rem;
        font-weight: 850;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .botset-blocked-card[b-raa6pu2gpi]  .mud-button-root {
        width: 100%;
        justify-content: center;
    }
}

.botset-activity-summary[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.botset-activity-card[b-raa6pu2gpi] {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background: var(--bot-bg-panel);
}

.botset-activity-card.is-good[b-raa6pu2gpi] {
    border-color: rgba(35, 165, 89, 0.22);
}

.botset-activity-card.is-warning[b-raa6pu2gpi] {
    border-color: rgba(240, 178, 50, 0.24);
}

.botset-activity-card.is-danger[b-raa6pu2gpi] {
    border-color: rgba(218, 55, 60, 0.28);
}

.botset-activity-card.is-info[b-raa6pu2gpi] {
    border-color: var(--bot-border-subtle);
}

.botset-activity-card small[b-raa6pu2gpi] {
    display: block;
    margin-top: 5px;
    color: var(--bot-text-muted);
    font-size: 0.72rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.botset-diagnostic-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.botset-diagnostic-grid .botset-panel[b-raa6pu2gpi] {
    height: 100%;
}

.botset-diagnostic-head[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.botset-diagnostic-head[b-raa6pu2gpi]  .mud-icon-root {
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    background: rgba(88, 101, 242, 0.22);
}

.botset-diagnostic-head .mud-typography-subtitle2[b-raa6pu2gpi] {
    color: #fff;
    font-weight: 850;
}

.botset-chip-list[b-raa6pu2gpi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.botset-evidence-pair[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 9px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.065);
}

.botset-evidence-pair:first-of-type[b-raa6pu2gpi] {
    border-top: 0;
    padding-top: 0;
}

.botset-evidence-pair span[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.botset-evidence-pair strong[b-raa6pu2gpi] {
    min-width: 0;
    color: #fff;
    font-size: 0.88rem;
    overflow-wrap: anywhere;
}

.botset-evidence-pair small[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.72rem;
}

.botset-danger-zone[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(218, 55, 60, 0.26);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(60, 22, 26, 0.72), rgba(37, 22, 26, 0.64)),
        var(--bot-bg-panel);
}

.botset-danger-zone > div[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-danger-zone span[b-raa6pu2gpi] {
    display: block;
    color: #fca5a5;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.botset-danger-zone strong[b-raa6pu2gpi] {
    display: block;
    color: #fff;
    font-size: 0.9rem;
}

.botset-danger-zone small[b-raa6pu2gpi] {
    display: block;
    color: var(--bot-text-muted);
    font-size: 0.74rem;
    line-height: 1.35;
}

.botset-settings-dashboard[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.botset-settings-side[b-raa6pu2gpi] {
    position: sticky;
    top: 76px;
    display: grid;
    gap: 12px;
    max-height: calc(100vh - 96px);
    overflow: auto;
    padding-bottom: 2px;
}

.botset-settings-nav[b-raa6pu2gpi] {
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 25, 38, 0.96), rgba(11, 18, 31, 0.96));
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.botset-settings-nav button[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 6px;
    color: rgba(226, 232, 240, 0.78);
    background: transparent;
    font-size: 0.82rem;
    font-weight: 800;
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.botset-settings-nav button[b-raa6pu2gpi]  .mud-icon-root {
    flex: 0 0 auto;
    color: rgba(142, 161, 255, 0.92);
}

.botset-settings-nav button.is-active[b-raa6pu2gpi] {
    color: #fff;
    border-left-color: var(--bot-cyan);
    background:
        linear-gradient(90deg, rgba(0, 135, 179, 0.16), rgba(88, 101, 242, 0.08)),
        rgba(0, 135, 179, 0.08);
}

.botset-settings-nav button.is-active[b-raa6pu2gpi]  .mud-icon-root {
    color: #67e8f9;
}

.botset-settings-nav button:hover[b-raa6pu2gpi] {
    color: #fff;
    background: rgba(88, 101, 242, 0.18);
}

.botset-settings-nav button:focus-visible[b-raa6pu2gpi] {
    outline: 2px solid rgba(115, 215, 242, 0.74);
    outline-offset: 2px;
}

.botset-settings-rail-summary[b-raa6pu2gpi] {
    padding: 12px;
    border: 1px solid rgba(88, 101, 242, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(32, 39, 58, 0.92), rgba(17, 24, 39, 0.92)),
        rgba(17, 24, 39, 0.92);
}

.botset-settings-rail-summary span[b-raa6pu2gpi],
.botset-settings-rail-summary strong[b-raa6pu2gpi],
.botset-settings-rail-summary small[b-raa6pu2gpi] {
    display: block;
}

.botset-settings-rail-summary span[b-raa6pu2gpi] {
    color: rgba(142, 161, 255, 0.94);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.botset-settings-rail-summary strong[b-raa6pu2gpi] {
    margin-top: 5px;
    color: #fff;
    font-size: 0.86rem;
}

.botset-settings-rail-summary small[b-raa6pu2gpi] {
    margin-top: 5px;
    color: rgba(226, 232, 240, 0.62);
    font-size: 0.74rem;
    line-height: 1.4;
}

.botset-settings-main[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-settings-savebar[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(88, 101, 242, 0.28);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(35, 42, 66, 0.92), rgba(17, 24, 39, 0.88));
}

.botset-settings-savebar > div[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
}

.botset-settings-savebar[b-raa6pu2gpi]  .mud-icon-root {
    grid-row: 1 / span 2;
    color: #73d7f2;
}

.botset-settings-savebar span[b-raa6pu2gpi] {
    color: #fff;
    font-weight: 850;
}

.botset-settings-savebar small[b-raa6pu2gpi] {
    color: rgba(226, 232, 240, 0.68);
    font-size: 0.76rem;
}

.botset-image-lab-layout[b-raa6pu2gpi] {
    display: grid;
    gap: 12px;
}

.botset-image-type-rail[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    background: rgba(8, 19, 32, 0.82);
}

.botset-image-type-rail span[b-raa6pu2gpi] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 8px;
    color: var(--bot-text-secondary);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.74rem;
    font-weight: 850;
}

.botset-image-type-rail span:first-child[b-raa6pu2gpi] {
    color: #fff;
    background: var(--bot-blurple-soft);
}

.botset-operational-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.botset-actions-column[b-raa6pu2gpi],
.botset-queue-column[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-panel-title--flush[b-raa6pu2gpi] {
    margin-bottom: 0;
}

.botset-panel[b-raa6pu2gpi]  .mud-card-content {
    padding: 16px !important;
}

.botset-settings-layout[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(420px, 1.08fr) minmax(270px, 0.75fr) minmax(270px, 0.75fr);
    grid-template-areas:
        "commands image global"
        "commands queue session"
        "test test calendar"
        "test test premium";
    gap: 12px;
    align-items: start;
}

.botset-settings-layout--single[b-raa6pu2gpi] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "section";
    max-width: 1320px;
}

.botset-settings-layout--single > .botset-settings-tab-panel[b-raa6pu2gpi] {
    grid-area: section !important;
}

.botset-settings-tab-panel[hidden][b-raa6pu2gpi] {
    display: none !important;
}

.botset-settings-status-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.botset-settings-status-card[b-raa6pu2gpi] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 70px;
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(23, 31, 45, 0.88)),
        rgba(15, 23, 42, 0.92);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
}

.botset-settings-status-card[b-raa6pu2gpi]  .mud-icon-root {
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 8px;
    background: rgba(88, 101, 242, 0.18);
}

.botset-settings-status-card span[b-raa6pu2gpi],
.botset-settings-status-card small[b-raa6pu2gpi] {
    display: block;
}

.botset-settings-status-card span[b-raa6pu2gpi] {
    color: rgba(226, 232, 240, 0.56);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.botset-settings-status-card strong[b-raa6pu2gpi] {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 0.86rem;
}

.botset-settings-status-card small[b-raa6pu2gpi] {
    margin-top: 4px;
    color: rgba(226, 232, 240, 0.55);
    font-size: 0.74rem;
    line-height: 1.35;
}

.botset-settings-status-card.is-good[b-raa6pu2gpi] {
    border-color: rgba(16, 185, 129, 0.25);
}

.botset-settings-status-card.is-good[b-raa6pu2gpi]  .mud-icon-root {
    color: #34d399;
    background: rgba(16, 185, 129, 0.14);
}

.botset-settings-status-card.is-warning[b-raa6pu2gpi] {
    border-color: rgba(245, 158, 11, 0.28);
}

.botset-settings-status-card.is-warning[b-raa6pu2gpi]  .mud-icon-root {
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.14);
}

.botset-settings-status-card.is-danger[b-raa6pu2gpi] {
    border-color: rgba(248, 113, 113, 0.3);
}

.botset-settings-status-card.is-danger[b-raa6pu2gpi]  .mud-icon-root {
    color: #fb7185;
    background: rgba(248, 113, 113, 0.14);
}

.botset-settings-status-card.is-info[b-raa6pu2gpi]  .mud-icon-root {
    color: #67e8f9;
    background: rgba(6, 182, 212, 0.14);
}

.botset-settings-primary[b-raa6pu2gpi] {
    grid-area: commands;
    min-width: 0;
}

.botset-settings-secondary[b-raa6pu2gpi] {
    grid-area: image;
    min-width: 0;
}

.botset-settings-transfer[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-settings-global[b-raa6pu2gpi] {
    grid-area: global;
    min-width: 0;
}

.botset-settings-queue[b-raa6pu2gpi] {
    grid-area: queue;
    min-width: 0;
}

.botset-settings-session[b-raa6pu2gpi] {
    grid-area: session;
    min-width: 0;
}

.botset-settings-test[b-raa6pu2gpi] {
    grid-area: test;
    min-width: 0;
}

.botset-settings-calendar[b-raa6pu2gpi] {
    grid-area: calendar;
    min-width: 0;
}

.botset-settings-premium[b-raa6pu2gpi] {
    grid-area: premium;
    min-width: 0;
}

.botset-settings-layout .botset-panel[b-raa6pu2gpi] {
    margin-top: 0 !important;
}

.botset-settings-layout .mud-typography-subtitle1[b-raa6pu2gpi] {
    color: #f2f3f5;
    font-weight: 850;
}

.botset-command-list[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.botset-command-row[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 50px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 7px;
    background: rgba(8, 15, 27, 0.62);
}

.botset-command-row .botset-command-head[b-raa6pu2gpi] {
    min-width: 0;
    margin-bottom: 0;
    gap: 9px;
    align-items: center;
}

.botset-command-icon[b-raa6pu2gpi] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
}

.botset-command-row[b-raa6pu2gpi]  .mud-typography-subtitle1 {
    font-size: 0.82rem;
    line-height: 1.1;
}

.botset-command-row[b-raa6pu2gpi]  .mud-typography-caption {
    display: none;
}

.botset-command-toggle[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.botset-command-toggle span[b-raa6pu2gpi] {
    min-width: 22px;
    text-align: right;
    font-size: 0.72rem;
    font-weight: 850;
}

.botset-command-toggle .is-on[b-raa6pu2gpi] {
    color: #34d399;
}

.botset-command-toggle .is-off[b-raa6pu2gpi] {
    color: rgba(226, 232, 240, 0.62);
}

.botset-command-toggle[b-raa6pu2gpi]  .mud-switch {
    margin: 0 !important;
}

.botset-command-toggle[b-raa6pu2gpi]  .mud-switch-span {
    width: 38px;
    height: 22px;
    padding: 0;
}

.botset-command-toggle[b-raa6pu2gpi]  .mud-switch-track {
    opacity: 1;
}

.botset-command-toggle[b-raa6pu2gpi]  .mud-switch-button {
    padding: 2px;
}

.botset-transfer-route-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.botset-transfer-route-grid > div[b-raa6pu2gpi] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 8px;
    background: rgba(8, 15, 27, 0.62);
}

.botset-transfer-route-grid span[b-raa6pu2gpi],
.botset-transfer-route-grid strong[b-raa6pu2gpi],
.botset-transfer-route-grid small[b-raa6pu2gpi] {
    display: block;
}

.botset-transfer-route-grid span[b-raa6pu2gpi] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.botset-transfer-route-grid strong[b-raa6pu2gpi] {
    margin-top: 4px;
    color: #fff;
    font-size: 0.86rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.botset-transfer-route-grid small[b-raa6pu2gpi] {
    margin-top: 5px;
    color: rgba(226, 232, 240, 0.6);
    font-size: 0.74rem;
    line-height: 1.35;
}

.botset-settings-layout .botset-panel[b-raa6pu2gpi] {
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(25, 33, 45, 0.96), rgba(18, 25, 36, 0.96)) !important;
}

.botset-settings-layout .botset-panel[b-raa6pu2gpi]  .mud-card-content {
    padding: 14px !important;
}

.botset-settings-layout .botset-panel[b-raa6pu2gpi]  .mud-typography-h6,
.botset-settings-layout .botset-panel[b-raa6pu2gpi]  .mud-typography-subtitle1 {
    color: #fff;
    font-weight: 900;
}

.botset-compact-form[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.botset-test-workflow[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.botset-test-controls[b-raa6pu2gpi],
.botset-test-results[b-raa6pu2gpi] {
    min-width: 0;
}

.botset-test-controls[b-raa6pu2gpi] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.botset-test-buttons[b-raa6pu2gpi] {
    display: grid;
    gap: 10px;
    margin-top: 2px;
}

.botset-test-buttons[b-raa6pu2gpi]  .mud-button-root {
    width: 100%;
}

.botset-test-results-head[b-raa6pu2gpi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.botset-history-title[b-raa6pu2gpi] {
    display: block;
    margin-top: 16px;
    color: #f2f3f5;
    font-weight: 850;
}

.botset-empty--compact[b-raa6pu2gpi] {
    min-height: 190px;
    padding: 18px;
    text-align: center;
}

.botset-settings-layout[b-raa6pu2gpi]  .mud-input-control {
    margin-top: 0 !important;
}

.botset-settings-layout[b-raa6pu2gpi]  .mud-input-control > .mud-input-control-input-container {
    margin-top: 0 !important;
}

.botset-settings-layout[b-raa6pu2gpi]  .mud-input-slot {
    min-height: 42px !important;
}

.botset-quick-actions[b-raa6pu2gpi] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.botset-filter-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.botset-table[b-raa6pu2gpi] {
    background: transparent !important;
}

.botset-panel[b-raa6pu2gpi]  .mud-table {
    border-radius: 8px;
    overflow: hidden;
    background: var(--bot-bg-field) !important;
}

.botset-panel[b-raa6pu2gpi]  .mud-table-head {
    background: #0b1728;
}

.botset-panel[b-raa6pu2gpi]  .mud-table-cell {
    border-bottom-color: rgba(255, 255, 255, 0.065) !important;
    color: #dbdee1;
}

.botset-panel[b-raa6pu2gpi]  .mud-table-head .mud-table-cell {
    color: #b5bac1;
    font-size: 0.72rem;
    font-weight: 800;
}

.botset-search[b-raa6pu2gpi] {
    min-width: 260px;
}

.botset-mini-empty[b-raa6pu2gpi] {
    padding: 14px;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: #949ba4;
    background: rgba(255, 255, 255, 0.035);
}

.botset-editor-row[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: 1fr 56px;
    gap: 10px;
    align-items: center;
}

.botset-color-input[b-raa6pu2gpi] {
    width: 56px;
    height: 42px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 7px;
    background: var(--bot-bg-field);
}

.botset-success[b-raa6pu2gpi] {
    color: #57f287 !important;
}

.botset-danger[b-raa6pu2gpi] {
    display: block;
    color: #ff6b6b !important;
}

.embed-editor-card[b-raa6pu2gpi] {
    overflow: visible !important;
}

.embed-editor-card > .mud-card-content[b-raa6pu2gpi] {
    display: block !important;
}

.embed-editor-layout[b-raa6pu2gpi] {
    display: grid !important;
    grid-template-columns: minmax(0, calc(100% - 386px)) 360px !important;
    gap: 26px !important;
    align-items: flex-start;
    width: 100%;
}

.embed-tag-list[b-raa6pu2gpi] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.embed-editor-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    margin-top: 12px;
}

.embed-editor-section[b-raa6pu2gpi] {
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026) !important;
}

.embed-editor-form[b-raa6pu2gpi],
.embed-editor-preview[b-raa6pu2gpi] {
    min-width: 0;
}

.embed-editor-form[b-raa6pu2gpi] {
    grid-column: 1;
}

.embed-editor-preview[b-raa6pu2gpi] {
    grid-column: 2;
}

.embed-editor-preview[b-raa6pu2gpi] {
    position: sticky;
    top: 118px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.embed-sticky-actions[b-raa6pu2gpi] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 19, 32, 0.96);
    backdrop-filter: blur(14px);
}

.embed-field-card[b-raa6pu2gpi] {
    margin-bottom: 12px;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.035) !important;
}

.embed-field-actions[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.discord-preview[b-raa6pu2gpi] {
    border: 1px solid rgba(72, 176, 209, 0.16);
    border-radius: 8px;
    background: #101926;
    color: #dbdee1;
    padding: 14px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.embed-editor-preview .discord-preview[b-raa6pu2gpi] {
    font-size: 0.82rem;
}

.discord-preview pre[b-raa6pu2gpi] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
    color: #67e8f9;
}

.discord-message[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
}

.discord-avatar[b-raa6pu2gpi] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bot-cyan);
    color: #fff;
}

.discord-user-row[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 700;
}

.discord-user-row small[b-raa6pu2gpi] {
    color: #949ba4;
    font-weight: 500;
}

.discord-content[b-raa6pu2gpi] {
    margin: 4px 0 8px;
    white-space: pre-wrap;
}

.discord-embed[b-raa6pu2gpi] {
    max-width: 100%;
    min-height: 74px;
    padding: 10px 12px;
    border-left: 4px solid #0087b3;
    border-radius: 4px;
    background: #151d2a;
}

.discord-embed-main[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
}

.discord-author[b-raa6pu2gpi],
.discord-footer[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 0.82rem;
}

.discord-author img[b-raa6pu2gpi],
.discord-footer img[b-raa6pu2gpi] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.discord-title[b-raa6pu2gpi] {
    color: #fff;
    font-weight: 800;
    margin-bottom: 6px;
}

.discord-description[b-raa6pu2gpi] {
    white-space: pre-wrap;
    color: #dbdee1;
}

.discord-fields[b-raa6pu2gpi] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.discord-field[b-raa6pu2gpi] {
    flex: 1 1 100%;
    min-width: 0;
}

.discord-field--inline[b-raa6pu2gpi] {
    flex-basis: 30%;
}

.discord-field strong[b-raa6pu2gpi],
.discord-field span[b-raa6pu2gpi] {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.discord-thumb[b-raa6pu2gpi] {
    width: 82px;
    max-height: 82px;
    border-radius: 8px;
    object-fit: cover;
}

.discord-image[b-raa6pu2gpi] {
    display: block;
    max-width: 100%;
    margin-top: 12px;
    border-radius: 8px;
}

.discord-preview--compact .discord-avatar[b-raa6pu2gpi] {
    width: 32px;
    height: 32px;
}

.discord-preview--compact .discord-message[b-raa6pu2gpi] {
    grid-template-columns: 32px 1fr;
}

.botset-empty[b-raa6pu2gpi] {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #949ba4;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.botset-image-preview[b-raa6pu2gpi] {
    display: block;
    width: 100%;
    max-height: 720px;
    margin-top: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.22);
}

.botset-skeleton[b-raa6pu2gpi] {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06) !important;
}

.botserver-toolbar[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) minmax(180px, 240px);
    gap: 12px;
    margin-bottom: 14px;
}

.botserver-list[b-raa6pu2gpi] {
    display: grid;
    gap: 10px;
}

.botserver-expansion[b-raa6pu2gpi]  .mud-expand-panel {
    border: 1px solid var(--bot-border-subtle) !important;
    border-radius: 10px !important;
    background: rgba(30, 31, 34, 0.56) !important;
    overflow: hidden;
}

.botserver-expansion[b-raa6pu2gpi]  .mud-expand-panel-header {
    min-height: 0 !important;
    padding: 0 !important;
}

.botserver-expansion[b-raa6pu2gpi]  .mud-expand-panel-content {
    padding: 0 16px 16px !important;
}

.botserver-row[b-raa6pu2gpi] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(230px, 1.2fr) minmax(120px, 0.5fr) minmax(330px, 1.5fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr);
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
}

.botserver-identity[b-raa6pu2gpi],
.botserver-metric[b-raa6pu2gpi],
.botserver-channel-summary[b-raa6pu2gpi],
.botserver-state[b-raa6pu2gpi],
.botserver-detail-heading[b-raa6pu2gpi],
.botserver-danger-zone[b-raa6pu2gpi],
.botserver-routing-row[b-raa6pu2gpi] {
    min-width: 0;
}

.botserver-identity[b-raa6pu2gpi],
.botserver-metric[b-raa6pu2gpi],
.botserver-channel-summary[b-raa6pu2gpi],
.botserver-detail-heading[b-raa6pu2gpi],
.botserver-danger-zone[b-raa6pu2gpi],
.botserver-routing-row[b-raa6pu2gpi] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.botserver-avatar[b-raa6pu2gpi] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 8px;
    color: #67e8f9;
    background: rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.botserver-avatar img[b-raa6pu2gpi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.botserver-metric[b-raa6pu2gpi] {
    color: var(--bot-text-secondary);
    font-size: 0.82rem;
    font-weight: 750;
}

.botserver-channel-summary[b-raa6pu2gpi] {
    flex-wrap: wrap;
}

.botserver-state[b-raa6pu2gpi] {
    display: grid;
    gap: 4px;
}

.botserver-detail-grid[b-raa6pu2gpi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 4px;
}

.botserver-detail-section[b-raa6pu2gpi] {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--bot-border-subtle);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.026);
}

.botserver-detail-heading[b-raa6pu2gpi] {
    align-items: flex-start;
}

.botserver-detail-heading .mud-typography-subtitle2[b-raa6pu2gpi] {
    color: var(--bot-text-primary);
    font-weight: 850;
}

.botserver-routing-list[b-raa6pu2gpi] {
    display: grid;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
}

.botserver-routing-row[b-raa6pu2gpi] {
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.botserver-routing-row strong[b-raa6pu2gpi],
.botserver-routing-row span[b-raa6pu2gpi] {
    display: block;
}

.botserver-routing-row strong[b-raa6pu2gpi] {
    color: var(--bot-text-primary);
    font-size: 0.82rem;
}

.botserver-routing-row span[b-raa6pu2gpi] {
    color: var(--bot-text-muted);
    font-size: 0.7rem;
}

.botserver-danger-zone[b-raa6pu2gpi] {
    justify-content: space-between;
    padding: 12px 14px;
    border: 1px solid rgba(218, 55, 60, 0.26);
    border-radius: 10px;
    background: rgba(218, 55, 60, 0.055);
}

@media (min-width: 1440px) {
    .botset-shell[b-raa6pu2gpi] {
        max-width: 1680px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .botset-summary-grid[b-raa6pu2gpi] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .botset-operational-grid[b-raa6pu2gpi] {
        grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    }
}

@media (min-width: 1840px) {
    .botset-shell[b-raa6pu2gpi] {
        padding-left: 28px;
        padding-right: 28px;
    }

    .botset-settings-layout[b-raa6pu2gpi] {
        grid-template-columns: minmax(500px, 1.08fr) minmax(300px, 0.74fr) minmax(300px, 0.74fr);
        grid-template-areas:
            "commands image global"
            "commands queue session"
            "test test calendar"
            "test test premium";
    }
}

@media (max-width: 1500px) {
    .botset-readiness-grid[b-raa6pu2gpi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .botset-overview-routes[b-raa6pu2gpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-overview-main[b-raa6pu2gpi] {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    }

    .botset-settings-layout[b-raa6pu2gpi] {
        grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
        grid-template-areas:
            "commands image"
            "queue global"
            "session calendar"
            "test test"
            "premium premium";
    }

    .botset-settings-status-grid[b-raa6pu2gpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-setup-brief[b-raa6pu2gpi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 2200px) {
    .botset-settings-layout[b-raa6pu2gpi] {
        grid-template-columns: minmax(620px, 1.2fr) minmax(380px, 0.74fr) minmax(380px, 0.74fr);
    }
}

@media (max-width: 1280px) {
    .botset-queue-lanes[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .botset-shell[b-raa6pu2gpi] {
        padding: 18px 16px 34px;
    }

    .botset-hero[b-raa6pu2gpi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .botset-health-strip[b-raa6pu2gpi],
    .botset-activity-summary[b-raa6pu2gpi],
    .botset-server-workspace[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-command-center[b-raa6pu2gpi],
    .botset-overview-main[b-raa6pu2gpi],
    .botset-queue-lanes[b-raa6pu2gpi],
    .botset-diagnostic-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-command-actions[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-readiness-grid[b-raa6pu2gpi],
    .botset-setup-brief[b-raa6pu2gpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-activity-rail[b-raa6pu2gpi] {
        position: static;
    }

    .botset-command-status[b-raa6pu2gpi] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .botset-command-status-meta[b-raa6pu2gpi] {
        grid-column: 1 / -1;
        text-align: left;
    }

    .botset-settings-status-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-settings-dashboard[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-settings-savebar[b-raa6pu2gpi] {
        align-items: stretch;
        flex-direction: column;
    }

    .botset-server-detail-nav[b-raa6pu2gpi] {
        flex-direction: column;
        align-items: stretch;
    }

    .botset-server-detail-nav > div[b-raa6pu2gpi] {
        text-align: left;
    }

    .botset-settings-savebar[b-raa6pu2gpi]  .mud-button-root {
        width: 100%;
    }

    .botset-settings-side[b-raa6pu2gpi] {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .botserver-toolbar[b-raa6pu2gpi],
    .botserver-row[b-raa6pu2gpi],
    .botserver-detail-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botserver-row[b-raa6pu2gpi] {
        align-items: flex-start;
    }

    .botset-server-guardrails[b-raa6pu2gpi],
    .botset-settings-nav[b-raa6pu2gpi] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-summary-grid[b-raa6pu2gpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-operational-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-settings-layout[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "commands"
            "image"
            "global"
            "queue"
            "session"
            "test"
            "calendar"
            "premium";
    }

    .botset-command-list[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-compact-form[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-transfer-route-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-test-workflow[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-filter-grid[b-raa6pu2gpi],
    .embed-editor-layout[b-raa6pu2gpi],
    .embed-editor-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .embed-editor-preview[b-raa6pu2gpi] {
        position: static;
    }

    .botset-panel-title[b-raa6pu2gpi],
    .embed-editor-toolbar[b-raa6pu2gpi] {
        flex-direction: column;
    }

    .embed-sticky-actions[b-raa6pu2gpi] {
        justify-content: stretch;
    }

    .botset-danger-zone[b-raa6pu2gpi] {
        align-items: stretch;
        flex-direction: column;
    }

    .botset-danger-zone[b-raa6pu2gpi]  .mud-button-root {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .botset-health-strip[b-raa6pu2gpi],
    .botset-activity-summary[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-server-guardrails[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-overview-routes[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-readiness-grid[b-raa6pu2gpi],
    .botset-setup-brief[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-command-status[b-raa6pu2gpi],
    .botset-route-card[b-raa6pu2gpi],
    .botset-readiness-card[b-raa6pu2gpi],
    .botset-queue-tile[b-raa6pu2gpi],
    .botset-queue-item[b-raa6pu2gpi],
    .botset-activity-timeline-row[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-queue-tile[b-raa6pu2gpi] {
        grid-template-areas:
            "main"
            "counts"
            "caps"
            "actions";
    }

    .botset-lane-metrics[b-raa6pu2gpi],
    .botset-inspector-summary[b-raa6pu2gpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .botset-readiness-card[b-raa6pu2gpi]  .mud-button-root,
    .botset-route-card .mud-button-root[b-raa6pu2gpi],
    .botset-route-card[b-raa6pu2gpi]  .mud-button-root {
        grid-column: 1;
    }

    .botset-queue-counts[b-raa6pu2gpi] {
        text-align: left;
    }

    .botset-queue-actions[b-raa6pu2gpi] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .botset-inspector-actions[b-raa6pu2gpi] {
        justify-content: flex-start;
    }

    .botset-summary-grid[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-actions[b-raa6pu2gpi] {
        flex-direction: column;
        align-items: stretch;
    }

    .botset-actions .mud-button-root[b-raa6pu2gpi] {
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .botset-settings-nav[b-raa6pu2gpi] {
        grid-template-columns: 1fr;
    }

    .botset-settings-rail-summary[b-raa6pu2gpi] {
        display: none;
    }
}

.botset-settings-layout.botset-settings-layout--single[b-raa6pu2gpi] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "section" !important;
    max-width: 1320px;
}

.botset-settings-layout.botset-settings-layout--single > .botset-settings-tab-panel[b-raa6pu2gpi] {
    grid-area: section !important;
    width: 100%;
}
/* /Pages/Admin/ManageFormations.razor.rz.scp.css */
.formation-preview-wrapper[b-obmuq79i0d] {
    width: 100%;
    overflow: hidden;
}

.formation-preview-wrapper[b-obmuq79i0d]  .pitch-container {
    zoom: 0.58;
}
/* /Pages/Admin/ManageLineupTemplates.razor.rz.scp.css */
.lineup-template-admin[b-f0du55qbjc] {
    --lta-bg: #07111f;
    --lta-panel: rgba(11, 22, 37, 0.94);
    --lta-panel-strong: rgba(15, 28, 46, 0.98);
    --lta-border: rgba(148, 163, 184, 0.16);
    --lta-border-strong: rgba(56, 189, 248, 0.24);
    --lta-text: #f5f8ff;
    --lta-muted: #97a6ba;
    --lta-soft: #64748b;
    min-height: calc(100vh - 88px);
    padding: clamp(18px, 2vw, 32px);
    color: var(--lta-text);
    background:
        radial-gradient(circle at 14% 4%, rgba(20, 184, 166, 0.14), transparent 26%),
        radial-gradient(circle at 82% 0%, rgba(56, 189, 248, 0.12), transparent 24%),
        linear-gradient(180deg, #07111f 0%, #050b14 100%);
}

.lta-header[b-f0du55qbjc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    max-width: 1720px;
    margin: 0 auto 18px;
}

.lta-header__copy[b-f0du55qbjc] {
    max-width: 820px;
}

.lta-eyebrow[b-f0du55qbjc] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
    color: #38bdf8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lta-header h1[b-f0du55qbjc] {
    margin: 0;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 900;
    letter-spacing: 0;
}

.lta-header p[b-f0du55qbjc] {
    margin: 8px 0 0;
    color: var(--lta-muted);
    font-size: 14px;
    line-height: 1.5;
}

[b-f0du55qbjc] .lta-new-button {
    min-height: 42px;
    border-radius: 7px;
    font-weight: 800;
    white-space: nowrap;
}

.lta-filter-panel[b-f0du55qbjc],
.lta-bot-note[b-f0du55qbjc],
.lta-results-bar[b-f0du55qbjc],
.lta-card-grid[b-f0du55qbjc],
.lta-table-wrap[b-f0du55qbjc],
.lta-empty[b-f0du55qbjc],
.lta-loading-grid[b-f0du55qbjc] {
    max-width: 1720px;
    margin-left: auto;
    margin-right: auto;
}

.lta-bot-note[b-f0du55qbjc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 10px;
    background: rgba(8, 17, 31, 0.72);
}

.lta-bot-note span[b-f0du55qbjc] {
    display: inline-flex;
    color: #38bdf8;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lta-bot-note strong[b-f0du55qbjc] {
    display: block;
    margin-top: 4px;
    color: var(--lta-text);
    font-size: 0.96rem;
    line-height: 1.24;
}

.lta-bot-note p[b-f0du55qbjc] {
    max-width: 840px;
    margin: 5px 0 0;
    color: var(--lta-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.lta-bot-note__actions[b-f0du55qbjc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.lta-filter-panel[b-f0du55qbjc] {
    display: grid;
    grid-template-columns: minmax(280px, 1.3fr) repeat(4, minmax(150px, 0.7fr)) auto;
    gap: 10px;
    align-items: end;
    padding: 12px;
    border: 1px solid var(--lta-border);
    border-radius: 10px;
    background: rgba(6, 15, 28, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.lta-search[b-f0du55qbjc],
.lta-field[b-f0du55qbjc],
.lta-sort[b-f0du55qbjc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.lta-search[b-f0du55qbjc] {
    position: relative;
    justify-content: flex-end;
}

.lta-search[b-f0du55qbjc]  .mud-icon-root {
    position: absolute;
    left: 12px;
    bottom: 10px;
    color: var(--lta-soft);
    pointer-events: none;
}

.lta-search input[b-f0du55qbjc],
.lta-field select[b-f0du55qbjc],
.lta-sort select[b-f0du55qbjc] {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(4, 10, 20, 0.78);
    color: var(--lta-text);
    font-size: 13px;
    outline: none;
}

.lta-search input[b-f0du55qbjc] {
    padding: 0 12px 0 40px;
}

.lta-field select[b-f0du55qbjc],
.lta-sort select[b-f0du55qbjc] {
    padding: 0 10px;
}

.lta-field span[b-f0du55qbjc],
.lta-sort span[b-f0du55qbjc] {
    color: var(--lta-soft);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lta-search input:focus[b-f0du55qbjc],
.lta-field select:focus[b-f0du55qbjc],
.lta-sort select:focus[b-f0du55qbjc] {
    border-color: rgba(56, 189, 248, 0.68);
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.1);
}

.lta-clear[b-f0du55qbjc],
.lta-view-button[b-f0du55qbjc] {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(15, 23, 42, 0.72);
    color: var(--lta-muted);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.lta-clear[b-f0du55qbjc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    font-weight: 800;
}

.lta-clear:hover:not(:disabled)[b-f0du55qbjc],
.lta-view-button:hover[b-f0du55qbjc],
.lta-view-button--active[b-f0du55qbjc] {
    border-color: rgba(56, 189, 248, 0.48);
    background: rgba(14, 165, 233, 0.12);
    color: #f8fbff;
}

.lta-clear:disabled[b-f0du55qbjc] {
    opacity: 0.42;
    cursor: default;
}

.lta-results-bar[b-f0du55qbjc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    margin-bottom: 14px;
}

.lta-results-bar strong[b-f0du55qbjc] {
    display: block;
    font-size: 16px;
}

.lta-results-bar span[b-f0du55qbjc] {
    display: block;
    margin-top: 3px;
    color: var(--lta-muted);
    font-size: 12px;
}

.lta-results-bar__controls[b-f0du55qbjc] {
    display: flex;
    align-items: end;
    gap: 10px;
}

.lta-sort[b-f0du55qbjc] {
    min-width: 220px;
}

.lta-view-toggle[b-f0du55qbjc] {
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--lta-border);
    border-radius: 9px;
    background: rgba(4, 10, 20, 0.64);
}

.lta-view-button[b-f0du55qbjc] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
}

.lta-loading-grid[b-f0du55qbjc],
.lta-card-grid[b-f0du55qbjc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 16px;
}

.lta-loading-grid[b-f0du55qbjc] {
    margin-top: 20px;
}

.lta-loading-card[b-f0du55qbjc] {
    min-height: 260px;
    border: 1px solid var(--lta-border);
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.74), rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.74));
    background-size: 220% 100%;
    animation: lta-shimmer-b-f0du55qbjc 1.3s infinite linear;
}

@keyframes lta-shimmer-b-f0du55qbjc {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

.lta-card[b-f0du55qbjc] {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid var(--lta-border);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(15, 28, 46, 0.96), rgba(7, 16, 29, 0.96)),
        var(--lta-panel);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.lta-card--renderassets[b-f0du55qbjc] {
    border-color: rgba(245, 158, 11, 0.26);
}

.lta-card--randomizer[b-f0du55qbjc] {
    border-color: rgba(168, 85, 247, 0.22);
}

.lta-card--inactive[b-f0du55qbjc],
.lta-card--hidden[b-f0du55qbjc] {
    opacity: 0.82;
}

.lta-card__top[b-f0du55qbjc],
.lta-card__footer[b-f0du55qbjc],
.lta-card__status[b-f0du55qbjc],
.lta-actions[b-f0du55qbjc],
.lta-template-cell[b-f0du55qbjc] {
    display: flex;
    align-items: center;
}

.lta-card__top[b-f0du55qbjc],
.lta-card__footer[b-f0du55qbjc] {
    justify-content: space-between;
    gap: 14px;
}

.lta-card__status[b-f0du55qbjc],
.lta-actions[b-f0du55qbjc] {
    gap: 7px;
}

.lta-template-icon[b-f0du55qbjc] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid rgba(56, 189, 248, 0.26);
    border-radius: 9px;
    background: rgba(14, 165, 233, 0.1);
    color: #67e8f9;
}

.lta-template-icon--randomizer[b-f0du55qbjc] {
    border-color: rgba(168, 85, 247, 0.3);
    background: rgba(168, 85, 247, 0.12);
    color: #d8b4fe;
}

.lta-template-icon--renderassets[b-f0du55qbjc] {
    border-color: rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
}

.lta-card__body h2[b-f0du55qbjc] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
}

.lta-card__body p[b-f0du55qbjc] {
    display: -webkit-box;
    min-height: 44px;
    margin: 0;
    overflow: hidden;
    color: var(--lta-muted);
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lta-card__meta[b-f0du55qbjc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.lta-card__meta div[b-f0du55qbjc] {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    background: rgba(4, 10, 20, 0.46);
}

.lta-card__meta dt[b-f0du55qbjc],
.lta-card__meta dd[b-f0du55qbjc] {
    margin: 0;
}

.lta-card__meta dt[b-f0du55qbjc] {
    color: var(--lta-soft);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lta-card__meta dd[b-f0du55qbjc] {
    margin-top: 4px;
    overflow: hidden;
    color: #e6edf8;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lta-pill[b-f0du55qbjc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.62);
    color: #dbe8f8;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.lta-pill--active[b-f0du55qbjc],
.lta-pill--public[b-f0du55qbjc] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.1);
    color: #bbf7d0;
}

.lta-pill--inactive[b-f0du55qbjc],
.lta-pill--hidden[b-f0du55qbjc] {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(100, 116, 139, 0.12);
    color: #cbd5e1;
}

.lta-pill--regular[b-f0du55qbjc] {
    border-color: rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.1);
    color: #bae6fd;
}

.lta-pill--randomizer[b-f0du55qbjc] {
    border-color: rgba(168, 85, 247, 0.28);
    background: rgba(168, 85, 247, 0.1);
    color: #e9d5ff;
}

.lta-pill--renderassets[b-f0du55qbjc] {
    border-color: rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.12);
    color: #fde68a;
}

[b-f0du55qbjc] .lta-actions .mud-icon-button {
    width: 34px;
    height: 34px;
    color: #9fb2c7;
}

[b-f0du55qbjc] .lta-actions .mud-icon-button:hover {
    background: rgba(56, 189, 248, 0.12);
    color: #f8fbff;
}

[b-f0du55qbjc] .lta-delete-action:hover {
    background: rgba(248, 113, 113, 0.12) !important;
    color: #fecaca !important;
}

.lta-table-wrap[b-f0du55qbjc] {
    overflow: hidden;
    border: 1px solid var(--lta-border);
    border-radius: 10px;
    background: rgba(6, 15, 28, 0.82);
}

.lta-table[b-f0du55qbjc] {
    width: 100%;
    border-collapse: collapse;
}

.lta-table th[b-f0du55qbjc],
.lta-table td[b-f0du55qbjc] {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    text-align: left;
    vertical-align: middle;
}

.lta-table th[b-f0du55qbjc] {
    color: var(--lta-soft);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lta-table td[b-f0du55qbjc] {
    color: #dbe8f8;
    font-size: 12px;
}

.lta-table tbody tr:hover[b-f0du55qbjc] {
    background: rgba(56, 189, 248, 0.06);
}

.lta-template-cell[b-f0du55qbjc] {
    gap: 12px;
    min-width: 270px;
}

.lta-template-cell strong[b-f0du55qbjc] {
    display: block;
    font-size: 13px;
}

.lta-template-cell span:not(.lta-template-icon)[b-f0du55qbjc] {
    display: block;
    max-width: 420px;
    overflow: hidden;
    color: var(--lta-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lta-table-sub[b-f0du55qbjc] {
    display: block;
    margin-top: 5px;
    color: var(--lta-soft);
    font-size: 11px;
}

.lta-empty[b-f0du55qbjc] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 42px 20px;
    border: 1px dashed rgba(148, 163, 184, 0.24);
    border-radius: 12px;
    background: rgba(6, 15, 28, 0.62);
    text-align: center;
}

.lta-empty[b-f0du55qbjc]  .mud-icon-root {
    margin-bottom: 12px;
    color: #38bdf8;
    font-size: 44px;
}

.lta-empty h2[b-f0du55qbjc] {
    margin: 0;
    font-size: 20px;
    font-weight: 900;
}

.lta-empty p[b-f0du55qbjc] {
    max-width: 520px;
    margin: 8px 0 18px;
    color: var(--lta-muted);
}

@media (min-width: 2100px) {
    .lta-card-grid[b-f0du55qbjc],
    .lta-loading-grid[b-f0du55qbjc] {
        grid-template-columns: repeat(4, minmax(320px, 1fr));
    }
}

@media (max-width: 1320px) {
    .lta-filter-panel[b-f0du55qbjc] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lta-search[b-f0du55qbjc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .lineup-template-admin[b-f0du55qbjc] {
        padding: 14px;
    }

    .lta-header[b-f0du55qbjc],
    .lta-bot-note[b-f0du55qbjc],
    .lta-results-bar[b-f0du55qbjc],
    .lta-results-bar__controls[b-f0du55qbjc] {
        align-items: stretch;
        flex-direction: column;
    }

    .lta-bot-note__actions[b-f0du55qbjc],
    .lta-bot-note__actions[b-f0du55qbjc]  .mud-button-root {
        width: 100%;
    }

    .lta-filter-panel[b-f0du55qbjc] {
        grid-template-columns: 1fr;
    }

    .lta-card-grid[b-f0du55qbjc],
    .lta-loading-grid[b-f0du55qbjc] {
        grid-template-columns: 1fr;
    }

    .lta-card__meta[b-f0du55qbjc] {
        grid-template-columns: 1fr;
    }

    .lta-table-wrap[b-f0du55qbjc] {
        overflow-x: auto;
    }

    .lta-table[b-f0du55qbjc] {
        min-width: 820px;
    }
}
/* /Pages/Admin/ManagePartners.razor.rz.scp.css */
.admin-partners-page[b-qct9cn4kmc] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.admin-partners-stat-grid[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-partners-stat[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 10px;
    min-width: 0;
    min-height: 74px;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.09), rgba(4, 11, 22, 0.82)),
        rgba(7, 14, 24, 0.78);
}

.admin-partners-stat-icon[b-qct9cn4kmc] {
    display: inline-grid;
    grid-row: 1 / 3;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 8px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.12);
}

.admin-partners-stat-icon--premium[b-qct9cn4kmc] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.28);
    background: rgba(245, 158, 11, 0.12);
}

.admin-partners-stat span:not(.admin-partners-stat-icon)[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.72);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.admin-partners-stat strong[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.admin-partners-type-reference[b-qct9cn4kmc] {
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(5, 11, 20, 0.54);
}

.admin-partners-type-reference summary[b-qct9cn4kmc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    color: rgba(226, 235, 248, 0.88);
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
}

.admin-partners-type-reference summary[b-qct9cn4kmc]::-webkit-details-marker {
    display: none;
}

.admin-partners-type-reference summary span[b-qct9cn4kmc],
.admin-partners-section-title[b-qct9cn4kmc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-partners-type-reference summary svg[b-qct9cn4kmc] {
    color: #67c7e3;
}

.admin-partners-type-reference summary small[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.62);
    font-size: 11px;
    font-weight: 800;
}

.admin-partners-type-grid[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 12px 12px;
}

.admin-partners-type-card[b-qct9cn4kmc] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.72);
}

.admin-partners-type-card--premium[b-qct9cn4kmc] {
    border-color: rgba(245, 158, 11, 0.22);
    background:
        linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(7, 14, 24, 0.78)),
        rgba(7, 14, 24, 0.72);
}

.admin-partners-type-card h3[b-qct9cn4kmc] {
    margin: 8px 0 6px;
    color: #f8fbff;
    font-size: 14px;
    line-height: 1.2;
}

.admin-partners-type-card p[b-qct9cn4kmc],
.admin-partners-type-card li[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.76);
    font-size: 12px;
    line-height: 1.45;
}

.admin-partners-type-card ul[b-qct9cn4kmc] {
    margin: 0;
    padding-left: 18px;
}

.admin-partners-loading[b-qct9cn4kmc],
.admin-partners-empty[b-qct9cn4kmc] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 240px;
    padding: 24px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    color: rgba(207, 220, 238, 0.72);
    background: rgba(5, 11, 20, 0.48);
    text-align: center;
}

.admin-partners-loading[b-qct9cn4kmc] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr);
    min-height: 120px;
}

.admin-partners-empty svg[b-qct9cn4kmc] {
    color: #67c7e3;
    font-size: 32px;
}

.admin-partners-empty strong[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 15px;
}

.admin-partners-empty span[b-qct9cn4kmc] {
    max-width: 360px;
    font-size: 12px;
    line-height: 1.45;
}

.admin-partners-toolbar[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-partners-toolbar > span[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.68);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.admin-partners-search[b-qct9cn4kmc] {
    min-width: 0;
}

.admin-partners-workspace[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: minmax(300px, 0.52fr) minmax(460px, 1fr);
    gap: 14px;
    min-height: min(620px, calc(100dvh - 340px));
}

.admin-partners-list[b-qct9cn4kmc],
.admin-partners-inspector[b-qct9cn4kmc] {
    min-width: 0;
    min-height: 0;
    max-height: min(620px, calc(100dvh - 340px));
    overflow: auto;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.52);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.admin-partners-list[b-qct9cn4kmc] {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 10px;
}

.admin-partners-list[b-qct9cn4kmc]::-webkit-scrollbar,
.admin-partners-inspector[b-qct9cn4kmc]::-webkit-scrollbar,
.admin-partners-admin-table[b-qct9cn4kmc]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-partners-list[b-qct9cn4kmc]::-webkit-scrollbar-thumb,
.admin-partners-inspector[b-qct9cn4kmc]::-webkit-scrollbar-thumb,
.admin-partners-admin-table[b-qct9cn4kmc]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.admin-partners-list[b-qct9cn4kmc]::-webkit-scrollbar-track,
.admin-partners-inspector[b-qct9cn4kmc]::-webkit-scrollbar-track,
.admin-partners-admin-table[b-qct9cn4kmc]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.admin-partners-row[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 74px;
    padding: 10px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    color: inherit;
    background: rgba(7, 14, 24, 0.62);
    cursor: pointer;
    text-align: left;
}

.admin-partners-row:hover[b-qct9cn4kmc],
.admin-partners-row.is-selected[b-qct9cn4kmc] {
    border-color: rgba(0, 135, 179, 0.54);
    background: rgba(13, 35, 55, 0.72);
}

.admin-partners-row.is-selected[b-qct9cn4kmc] {
    box-shadow: inset 3px 0 0 #0087b3;
}

.admin-partners-logo[b-qct9cn4kmc] {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 9px;
    color: #d9f6ff;
    background: rgba(0, 135, 179, 0.12);
    font-size: 12px;
    font-weight: 900;
}

.admin-partners-logo--large[b-qct9cn4kmc] {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    font-size: 15px;
}

.admin-partners-logo img[b-qct9cn4kmc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.admin-partners-row-copy[b-qct9cn4kmc] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.admin-partners-row-copy strong[b-qct9cn4kmc],
.admin-partners-inspector-header h2[b-qct9cn4kmc] {
    overflow-wrap: anywhere;
}

.admin-partners-row-copy strong[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 13px;
    line-height: 1.2;
}

.admin-partners-row-copy small[b-qct9cn4kmc],
.admin-partners-inspector-header p[b-qct9cn4kmc],
.admin-partners-section-title small[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.62);
    font-size: 11px;
    line-height: 1.35;
}

.admin-partners-row-metrics[b-qct9cn4kmc] {
    display: flex;
    grid-column: 2 / -1;
    flex-wrap: wrap;
    gap: 6px;
    color: rgba(207, 220, 238, 0.66);
    font-size: 11px;
    font-weight: 750;
}

.admin-partners-row-metrics span[b-qct9cn4kmc] {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 2px 7px;
    border: 1px solid rgba(151, 180, 216, 0.12);
    border-radius: 999px;
    background: rgba(4, 11, 22, 0.52);
}

.admin-partners-badge[b-qct9cn4kmc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid rgba(151, 180, 216, 0.18);
    border-radius: 999px;
    color: rgba(226, 235, 248, 0.8);
    background: rgba(151, 180, 216, 0.08);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-partners-badge--premium[b-qct9cn4kmc] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(245, 158, 11, 0.12);
}

.admin-partners-badge--regular[b-qct9cn4kmc] {
    color: #aeb9d8;
    border-color: rgba(151, 180, 216, 0.18);
    background: rgba(151, 180, 216, 0.08);
}

.admin-partners-inspector[b-qct9cn4kmc] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 12px;
}

.admin-partners-inspector-header[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.12), rgba(7, 14, 24, 0.74)),
        rgba(7, 14, 24, 0.78);
}

.admin-partners-eyebrow[b-qct9cn4kmc] {
    display: block;
    color: #67c7e3;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-partners-inspector-header h2[b-qct9cn4kmc],
.admin-partners-inspector-header p[b-qct9cn4kmc] {
    margin: 0;
}

.admin-partners-inspector-header h2[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 20px;
    line-height: 1.12;
}

.admin-partners-action-grid[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.admin-partners-action-grid[b-qct9cn4kmc]  .mud-button-root {
    min-height: 36px;
    white-space: nowrap;
}

.admin-partners-inspector-metrics[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.admin-partners-inspector-metrics article[b-qct9cn4kmc] {
    display: grid;
    gap: 4px;
    min-height: 62px;
    padding: 10px;
    border: 1px solid rgba(151, 180, 216, 0.12);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.58);
}

.admin-partners-inspector-metrics span[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.62);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-partners-inspector-metrics strong[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 19px;
    line-height: 1;
}

.admin-partners-brand-panel[b-qct9cn4kmc],
.admin-partners-banner-panel[b-qct9cn4kmc],
.admin-partners-danger-panel[b-qct9cn4kmc],
.admin-partners-add-admin[b-qct9cn4kmc] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 9px;
    background: rgba(7, 14, 24, 0.58);
}

.admin-partners-section-title[b-qct9cn4kmc] {
    justify-content: space-between;
    min-width: 0;
}

.admin-partners-section-title span[b-qct9cn4kmc],
.admin-partners-danger-panel span[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 13px;
    font-weight: 850;
}

.admin-partners-brand-list[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.admin-partners-brand-list div[b-qct9cn4kmc] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(151, 180, 216, 0.11);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.42);
}

.admin-partners-brand-list dt[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.58);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-partners-brand-list dd[b-qct9cn4kmc] {
    margin: 0;
    color: rgba(248, 251, 255, 0.9);
    font-size: 12px;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.admin-partners-banner-grid[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 8px;
}

.admin-partners-banner[b-qct9cn4kmc] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.68);
    aspect-ratio: 16 / 9;
}

.admin-partners-banner.is-inactive img[b-qct9cn4kmc] {
    opacity: 0.42;
    filter: saturate(0.6);
}

.admin-partners-banner img[b-qct9cn4kmc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-partners-banner-actions[b-qct9cn4kmc] {
    position: absolute;
    inset: auto 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    min-height: 30px;
    padding: 3px 4px;
    border: 1px solid rgba(151, 180, 216, 0.12);
    border-radius: 7px;
    background: rgba(4, 11, 22, 0.78);
    backdrop-filter: blur(8px);
}

.admin-partners-banner-actions span[b-qct9cn4kmc] {
    margin-right: auto;
    color: rgba(226, 235, 248, 0.8);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-partners-mini-empty[b-qct9cn4kmc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 80px;
    padding: 14px;
    border: 1px dashed rgba(151, 180, 216, 0.18);
    border-radius: 8px;
    color: rgba(207, 220, 238, 0.62);
    background: rgba(4, 11, 22, 0.34);
    font-size: 12px;
    text-align: center;
}

.admin-partners-danger-panel[b-qct9cn4kmc] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border-color: rgba(255, 91, 111, 0.22);
    background: rgba(255, 91, 111, 0.06);
}

.admin-partners-danger-panel div[b-qct9cn4kmc] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.admin-partners-danger-panel small[b-qct9cn4kmc] {
    color: rgba(255, 184, 194, 0.72);
    font-size: 11px;
}

.admin-partners-dialog-option[b-qct9cn4kmc],
.admin-partners-user-result[b-qct9cn4kmc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.admin-partners-user-result[b-qct9cn4kmc] {
    display: grid;
    gap: 1px;
}

.admin-partners-user-result strong[b-qct9cn4kmc] {
    color: #f8fbff;
    font-size: 13px;
}

.admin-partners-user-result small[b-qct9cn4kmc] {
    color: rgba(207, 220, 238, 0.62);
    font-size: 11px;
}

.admin-partners-admin-dialog[b-qct9cn4kmc] {
    display: grid;
    gap: 12px;
}

.admin-partners-admin-table[b-qct9cn4kmc] {
    max-height: min(420px, 48dvh);
    overflow: auto;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(5, 11, 20, 0.46);
    scrollbar-gutter: stable;
}

.admin-partners-admin-table[b-qct9cn4kmc]  table {
    min-width: 760px;
}

.admin-partners-admin-table[b-qct9cn4kmc]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(8, 17, 30, 0.98);
}

.admin-partners-role-select[b-qct9cn4kmc] {
    min-width: 160px;
}

.admin-partners-activation[b-qct9cn4kmc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(151, 180, 216, 0.16);
    border-radius: 999px;
    color: rgba(207, 220, 238, 0.62);
    background: rgba(151, 180, 216, 0.08);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-partners-activation.is-active[b-qct9cn4kmc] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.admin-partners-activation.is-eligible[b-qct9cn4kmc] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(245, 158, 11, 0.12);
}

.admin-partners-user-add-row[b-qct9cn4kmc] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px) auto;
    align-items: end;
    gap: 10px;
}

.admin-partners-user-search[b-qct9cn4kmc],
.admin-partners-add-role[b-qct9cn4kmc] {
    min-width: 0;
}

@media (max-width: 1180px) {
    .admin-partners-stat-grid[b-qct9cn4kmc],
    .admin-partners-inspector-metrics[b-qct9cn4kmc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-partners-workspace[b-qct9cn4kmc] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .admin-partners-list[b-qct9cn4kmc],
    .admin-partners-inspector[b-qct9cn4kmc] {
        max-height: min(560px, 58dvh);
    }
}

@media (max-width: 760px) {
    .admin-partners-stat-grid[b-qct9cn4kmc],
    .admin-partners-type-grid[b-qct9cn4kmc],
    .admin-partners-brand-list[b-qct9cn4kmc],
    .admin-partners-inspector-metrics[b-qct9cn4kmc],
    .admin-partners-toolbar[b-qct9cn4kmc],
    .admin-partners-action-grid[b-qct9cn4kmc],
    .admin-partners-user-add-row[b-qct9cn4kmc],
    .admin-partners-danger-panel[b-qct9cn4kmc] {
        grid-template-columns: 1fr;
    }

    .admin-partners-toolbar[b-qct9cn4kmc] {
        align-items: stretch;
    }

    .admin-partners-toolbar > span[b-qct9cn4kmc] {
        white-space: normal;
    }

    .admin-partners-list[b-qct9cn4kmc] {
        max-height: min(360px, 42dvh);
    }

    .admin-partners-inspector[b-qct9cn4kmc] {
        max-height: min(680px, 76dvh);
    }

    .admin-partners-row[b-qct9cn4kmc] {
        grid-template-columns: 40px minmax(0, 1fr);
        align-items: start;
    }

    .admin-partners-row .admin-partners-logo[b-qct9cn4kmc] {
        grid-column: 1;
        grid-row: 1 / span 3;
    }

    .admin-partners-row-copy[b-qct9cn4kmc] {
        grid-column: 2;
        grid-row: 1;
    }

    .admin-partners-row > .admin-partners-badge[b-qct9cn4kmc],
    .admin-partners-row-metrics[b-qct9cn4kmc] {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .admin-partners-row > .admin-partners-badge[b-qct9cn4kmc] {
        grid-row: 2;
        margin-top: 4px;
    }

    .admin-partners-row-metrics[b-qct9cn4kmc] {
        display: none;
    }

    .admin-partners-inspector-header[b-qct9cn4kmc] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .admin-partners-inspector-header > .admin-partners-badge[b-qct9cn4kmc] {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .admin-partners-logo--large[b-qct9cn4kmc] {
        width: 48px;
        height: 48px;
    }

    .admin-partners-type-reference summary[b-qct9cn4kmc] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 10px 12px;
    }

    .admin-partners-admin-table[b-qct9cn4kmc] {
        max-height: min(360px, 48dvh);
    }

    .admin-partners-user-add-row[b-qct9cn4kmc]  .mud-button-root,
    .admin-partners-action-grid[b-qct9cn4kmc]  .mud-button-root,
    .admin-partners-danger-panel[b-qct9cn4kmc]  .mud-button-root {
        width: 100%;
    }
}
/* /Pages/Admin/ManageTeams.razor.rz.scp.css */
.admin-teams-workspace[b-cvkangp7zc] {
    display: grid;
    gap: 14px;
}

.admin-teams-stat-grid[b-cvkangp7zc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-teams-stat-card[b-cvkangp7zc] {
    min-width: 0;
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(0, 135, 179, 0.2);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.11), rgba(7, 95, 122, 0.07)),
        rgba(4, 11, 22, 0.68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-teams-stat-icon[b-cvkangp7zc] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 9px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.15);
}

.admin-teams-stat-card--success .admin-teams-stat-icon[b-cvkangp7zc] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.28);
    background: rgba(54, 209, 154, 0.12);
}

.admin-teams-stat-card--warning .admin-teams-stat-icon[b-cvkangp7zc] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.12);
}

.admin-teams-stat-copy[b-cvkangp7zc] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-teams-stat-copy strong[b-cvkangp7zc] {
    color: rgba(247, 251, 255, 0.98);
    font-size: 1.22rem;
    font-weight: 900;
    line-height: 1.1;
}

.admin-teams-stat-copy span[b-cvkangp7zc] {
    color: rgba(187, 207, 222, 0.74);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.25;
}

.admin-teams-toolbar[b-cvkangp7zc] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(4, minmax(138px, 180px)) minmax(190px, auto);
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.58);
}

.admin-teams-search[b-cvkangp7zc],
.admin-teams-filter[b-cvkangp7zc] {
    min-width: 0;
}

.admin-teams-toolbar-meta[b-cvkangp7zc] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    color: rgba(187, 207, 222, 0.76);
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.admin-teams-table-card[b-cvkangp7zc] {
    overflow: hidden;
    border-radius: 10px;
}

[b-cvkangp7zc] .admin-teams-table-card {
    padding: 0 !important;
}

[b-cvkangp7zc] .admin-teams-table-card > .mud-card-content {
    padding: 14px !important;
}

.admin-teams-table-wrap[b-cvkangp7zc] {
    width: 100%;
    max-width: 100%;
    max-height: min(620px, calc(100vh - 390px));
    min-height: 280px;
    overflow: auto;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.admin-teams-table-wrap[b-cvkangp7zc]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-teams-table-wrap[b-cvkangp7zc]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.admin-teams-table-wrap[b-cvkangp7zc]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

[b-cvkangp7zc] .admin-teams-table {
    min-width: 920px;
    background: transparent;
}

[b-cvkangp7zc] .admin-teams-table .mud-table-container {
    max-height: min(620px, calc(100vh - 390px)) !important;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
}

[b-cvkangp7zc] .admin-teams-table .mud-table-head .mud-table-cell {
    color: rgba(226, 235, 248, 0.78);
    background: rgba(22, 36, 56, 0.96);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-cvkangp7zc] .admin-teams-table .mud-table-row {
    background: rgba(7, 14, 24, 0.42);
}

[b-cvkangp7zc] .admin-teams-table .mud-table-row:hover {
    background: rgba(0, 135, 179, 0.08);
}

[b-cvkangp7zc] .admin-teams-table .mud-table-cell {
    border-bottom-color: rgba(125, 160, 210, 0.12);
    color: rgba(247, 251, 255, 0.9);
    vertical-align: middle;
}

.admin-teams-name-cell[b-cvkangp7zc],
.admin-teams-name-copy[b-cvkangp7zc] {
    min-width: 0;
}

.admin-teams-team-name[b-cvkangp7zc],
.admin-teams-owner-name[b-cvkangp7zc] {
    color: rgba(247, 251, 255, 0.96);
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-teams-owner-email[b-cvkangp7zc] {
    color: rgba(187, 207, 222, 0.72);
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-cvkangp7zc] .admin-teams-chip {
    height: auto !important;
    min-height: 22px;
    max-width: 100%;
    border-radius: 999px !important;
    font-weight: 850 !important;
    white-space: normal !important;
}

[b-cvkangp7zc] .admin-teams-chip .mud-chip-content {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-cvkangp7zc] .admin-teams-chip--verified {
    color: #67c7e3 !important;
    background: rgba(0, 135, 179, 0.16) !important;
}

[b-cvkangp7zc] .admin-teams-chip--botlab {
    color: #ffd37a !important;
    background: rgba(245, 158, 11, 0.14) !important;
}

[b-cvkangp7zc] .admin-teams-chip--success {
    color: #79e6ad !important;
    background: rgba(54, 209, 154, 0.13) !important;
}

[b-cvkangp7zc] .admin-teams-chip--muted {
    color: rgba(207, 220, 238, 0.68) !important;
    background: rgba(151, 180, 216, 0.1) !important;
}

[b-cvkangp7zc] .admin-teams-chip--danger {
    color: #ff9aaa !important;
    background: rgba(255, 91, 111, 0.13) !important;
}

@media (max-width: 1320px) {
    .admin-teams-toolbar[b-cvkangp7zc] {
        grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(140px, 1fr));
    }

    .admin-teams-toolbar-meta[b-cvkangp7zc] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .admin-teams-stat-grid[b-cvkangp7zc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-teams-toolbar[b-cvkangp7zc] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-teams-toolbar-meta[b-cvkangp7zc] {
        flex-wrap: wrap;
        justify-content: space-between;
        white-space: normal;
    }

    .admin-teams-table-wrap[b-cvkangp7zc] {
        width: 100%;
        max-width: 100%;
        max-height: min(620px, 68dvh);
        overflow-x: hidden;
    }

    [b-cvkangp7zc] .admin-teams-table-card {
        padding: 0 !important;
    }

    [b-cvkangp7zc] .admin-teams-table-card > .mud-card-content {
        padding: 10px !important;
    }

    [b-cvkangp7zc] .admin-teams-table {
        width: 100%;
        min-width: 0;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-container {
        width: 100%;
        max-height: min(620px, 68dvh) !important;
        overflow-x: hidden;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-root,
    [b-cvkangp7zc] .admin-teams-table .mud-table-body {
        display: block;
        width: 100% !important;
        max-width: 100%;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-head {
        display: none !important;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-row {
        display: grid;
        width: calc(100% - 20px) !important;
        box-sizing: border-box;
        gap: 0;
        margin: 10px;
        border: 1px solid rgba(125, 160, 210, 0.13);
        border-radius: 8px;
        background: rgba(7, 14, 24, 0.62);
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-cell {
        display: grid;
        grid-template-columns: minmax(82px, 0.36fr) minmax(0, 1fr);
        gap: 10px;
        min-width: 0;
        padding: 9px 10px;
        border-bottom-color: rgba(125, 160, 210, 0.09);
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-cell::before {
        content: attr(data-label);
        color: #67c7e3;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
}

@media (max-width: 560px) {
    .admin-teams-stat-grid[b-cvkangp7zc] {
        grid-template-columns: 1fr;
    }

    .admin-teams-stat-card[b-cvkangp7zc] {
        min-height: 68px;
    }

    [b-cvkangp7zc] .admin-teams-table .mud-table-cell {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Pages/Admin/ManageUsers.razor.rz.scp.css */
.admin-user-partner-row[b-xmeocindu1] {
    flex-wrap: wrap;
}

.admin-user-partner-add-row[b-xmeocindu1] {
    flex-wrap: wrap;
}

.admin-users-setting-row[b-xmeocindu1] {
    flex-wrap: wrap;
    gap: 12px;
}

.admin-users-setting-row > div:first-child[b-xmeocindu1] {
    flex: 1 1 260px;
    min-width: min(100%, 260px);
}

[b-xmeocindu1] .admin-users-setting-row .mud-switch {
    margin-left: auto;
}

.admin-users-table-wrap[b-xmeocindu1]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-users-table-wrap[b-xmeocindu1]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.38);
}

.admin-users-table-wrap[b-xmeocindu1]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.72);
}

.admin-users-table-wrap[b-xmeocindu1] {
    overflow-x: auto;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 10px;
    background: rgba(4, 11, 22, 0.44);
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.36) rgba(4, 11, 22, 0.72);
}

[b-xmeocindu1] .admin-users-table .mud-table-container {
    border-radius: 10px;
}

[b-xmeocindu1] .admin-users-table .mud-table-root {
    min-width: 1080px;
    background: transparent;
}

[b-xmeocindu1] .admin-users-table th {
    background: rgba(4, 11, 22, 0.96) !important;
    color: rgba(215, 232, 244, 0.78) !important;
    font-size: 0.72rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-xmeocindu1] .admin-users-table td {
    border-bottom-color: rgba(125, 160, 210, 0.09) !important;
}

.admin-user-partner-row .mud-input-control[b-xmeocindu1],
.admin-user-partner-add-row .mud-input-control[b-xmeocindu1] {
    min-width: 180px;
    max-width: 240px;
}

@media (max-width: 640px) {
    .admin-users-table-wrap[b-xmeocindu1] {
        border-radius: 8px;
        overflow-x: hidden;
    }

    [b-xmeocindu1] .admin-users-table .mud-table-root {
        min-width: 0;
    }

    [b-xmeocindu1] .admin-users-table thead,
    [b-xmeocindu1] .admin-users-table .mud-table-head {
        display: none !important;
    }

    [b-xmeocindu1] .admin-users-table .mud-table-row {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid rgba(125, 160, 210, 0.14);
    }

    [b-xmeocindu1] .admin-users-table .mud-table-cell {
        display: grid !important;
        grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        width: 100%;
        min-width: 0;
        padding: 8px 14px !important;
        text-align: right !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    [b-xmeocindu1] .admin-users-table .mud-table-cell::before {
        min-width: 0;
        color: rgba(247, 251, 255, 0.92);
        font-weight: 800;
        text-align: left;
        white-space: normal;
    }

    [b-xmeocindu1] .admin-users-table .mud-table-cell > * {
        min-width: 0;
        max-width: 100%;
        justify-self: end;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    [b-xmeocindu1] .admin-users-table .mud-table-cell .mud-chipset,
    [b-xmeocindu1] .admin-users-table .mud-table-cell .mud-chip,
    [b-xmeocindu1] .admin-users-table .mud-table-cell .mud-menu {
        justify-self: end;
    }

    [b-xmeocindu1] .admin-users-table .mud-chip,
    [b-xmeocindu1] .admin-users-table .mud-chip-content {
        max-width: 100%;
        height: auto;
        min-height: 24px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    [b-xmeocindu1] .admin-users-table .mud-chip-content {
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.25;
    }

    .admin-user-partner-row[b-xmeocindu1],
    .admin-user-partner-add-row[b-xmeocindu1],
    .admin-users-setting-row[b-xmeocindu1] {
        align-items: stretch;
    }

    [b-xmeocindu1] .admin-users-setting-row .mud-switch {
        margin-left: 0;
    }

    .admin-user-partner-row .mud-input-control[b-xmeocindu1],
    .admin-user-partner-add-row .mud-input-control[b-xmeocindu1],
    .admin-user-partner-add-row .mud-button-root[b-xmeocindu1] {
        max-width: none;
        width: 100% !important;
    }
}
/* /Pages/Admin/ManageWiki.razor.rz.scp.css */
.wiki-admin-shell[b-xyvsuq81ks] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) minmax(260px, 330px);
    gap: 18px;
    align-items: start;
}

.wiki-admin-list[b-xyvsuq81ks],
.wiki-admin-editor[b-xyvsuq81ks],
.wiki-admin-settings[b-xyvsuq81ks] {
    min-width: 0;
}

.wiki-admin-list[b-xyvsuq81ks],
.wiki-admin-editor[b-xyvsuq81ks],
.wiki-admin-panel[b-xyvsuq81ks],
.wiki-admin-preview[b-xyvsuq81ks] {
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.72);
}

.wiki-admin-list[b-xyvsuq81ks] {
    position: sticky;
    top: 88px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.wiki-admin-pages[b-xyvsuq81ks] {
    display: grid;
    gap: 8px;
    max-height: 68vh;
    overflow: auto;
    padding-right: 3px;
}

.wiki-admin-page[b-xyvsuq81ks] {
    display: grid;
    gap: 4px;
    justify-items: start;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(88, 143, 190, 0.14);
    border-radius: 8px;
    background: rgba(7, 24, 48, 0.64);
    color: rgba(255, 255, 255, 0.88);
    text-align: left;
    cursor: pointer;
}

.wiki-admin-page--active[b-xyvsuq81ks] {
    border-color: rgba(0, 175, 255, 0.55);
    background: rgba(0, 175, 255, 0.12);
}

.wiki-admin-page span[b-xyvsuq81ks] {
    font-weight: 800;
}

.wiki-admin-page small[b-xyvsuq81ks],
.wiki-admin-card-title span[b-xyvsuq81ks],
.wiki-admin-empty[b-xyvsuq81ks] {
    color: rgba(214, 228, 242, 0.58);
}

.wiki-admin-empty[b-xyvsuq81ks] {
    display: grid;
    gap: 8px;
    justify-items: center;
    padding: 28px 12px;
    text-align: center;
}

.wiki-admin-editor[b-xyvsuq81ks] {
    display: grid;
    gap: 18px;
    padding: 18px;
}

.wiki-admin-editor-head[b-xyvsuq81ks],
.wiki-admin-card-title[b-xyvsuq81ks],
.wiki-admin-actions[b-xyvsuq81ks] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wiki-admin-editor-head[b-xyvsuq81ks] {
    justify-content: space-between;
    border-bottom: 1px solid rgba(88, 143, 190, 0.18);
    padding-bottom: 14px;
}

.wiki-admin-kicker[b-xyvsuq81ks] {
    color: #00afff;
    font-weight: 900;
}

.wiki-admin-title[b-xyvsuq81ks] {
    color: #fff;
    font-weight: 900;
}

.wiki-admin-actions[b-xyvsuq81ks],
.wiki-admin-insert-panel[b-xyvsuq81ks] {
    flex-wrap: wrap;
}

.wiki-admin-editor-card[b-xyvsuq81ks],
.wiki-admin-preview[b-xyvsuq81ks],
.wiki-admin-panel[b-xyvsuq81ks] {
    padding: 16px;
}

.wiki-admin-card-title[b-xyvsuq81ks] {
    margin-bottom: 12px;
}

.wiki-admin-card-title strong[b-xyvsuq81ks],
.wiki-admin-panel[b-xyvsuq81ks]  .mud-typography-subtitle2 {
    color: #fff;
    font-weight: 800;
}

.wiki-admin-card-title[b-xyvsuq81ks]  .mud-icon-root {
    color: #00afff;
}

.wiki-admin-insert-panel[b-xyvsuq81ks] {
    display: flex;
    gap: 8px;
}

.wiki-admin-settings[b-xyvsuq81ks] {
    position: sticky;
    top: 88px;
    display: grid;
    gap: 14px;
}

.wiki-admin-panel[b-xyvsuq81ks] {
    display: grid;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
}

.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel > *,
.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-upload,
.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-assets {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.wiki-admin-panel[b-xyvsuq81ks]  .mud-input-control,
.wiki-admin-panel[b-xyvsuq81ks]  .mud-input-sizing-fixed,
.wiki-admin-panel[b-xyvsuq81ks]  .mud-select,
.wiki-admin-panel[b-xyvsuq81ks]  .mud-switch {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel .mud-input-control,
.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel .mud-input-sizing-fixed,
.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel .mud-select,
.wiki-admin-settings[b-xyvsuq81ks]  .wiki-admin-panel .mud-switch {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.wiki-admin-visibility-note[b-xyvsuq81ks] {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    color: rgba(230, 244, 255, 0.88);
    font-size: 0.82rem;
    line-height: 1.45;
}

.wiki-admin-visibility-note strong[b-xyvsuq81ks] {
    color: #fff;
}

.wiki-admin-visibility-note.is-online[b-xyvsuq81ks] {
    border-color: rgba(48, 223, 164, 0.32);
    background: rgba(48, 223, 164, 0.1);
}

.wiki-admin-visibility-note.is-offline[b-xyvsuq81ks] {
    border-color: rgba(255, 208, 116, 0.34);
    background: rgba(255, 208, 116, 0.1);
}

.wiki-admin-upload[b-xyvsuq81ks] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px;
    border: 1px dashed rgba(0, 175, 255, 0.45);
    border-radius: 8px;
    background: rgba(0, 175, 255, 0.08);
    color: rgba(230, 244, 255, 0.9);
    cursor: pointer;
}

.wiki-admin-upload input[b-xyvsuq81ks] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.wiki-admin-hero-preview[b-xyvsuq81ks] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid rgba(88, 143, 190, 0.2);
}

.wiki-admin-assets[b-xyvsuq81ks] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 320px;
    overflow: auto;
}

.wiki-admin-asset[b-xyvsuq81ks] {
    position: relative;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(88, 143, 190, 0.18);
    border-radius: 8px;
    background: rgba(7, 24, 48, 0.72);
    color: #fff;
    cursor: pointer;
}

.wiki-admin-asset img[b-xyvsuq81ks] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.wiki-admin-asset span[b-xyvsuq81ks] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.68);
    font-size: 0.72rem;
}

.wiki-admin-preview[b-xyvsuq81ks] {
    color: rgba(230, 239, 248, 0.9);
}

@media (max-width: 1320px) {
    .wiki-admin-shell[b-xyvsuq81ks] {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    }

    .wiki-admin-settings[b-xyvsuq81ks] {
        position: static;
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .wiki-admin-shell[b-xyvsuq81ks],
    .wiki-admin-settings[b-xyvsuq81ks] {
        grid-template-columns: 1fr;
    }

    .wiki-admin-list[b-xyvsuq81ks] {
        position: static;
    }

    .wiki-admin-pages[b-xyvsuq81ks] {
        max-height: none;
    }

    .wiki-admin-editor-head[b-xyvsuq81ks] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Admin/ManualIconAssignDialog.razor.rz.scp.css */
    .icon-grid[b-6o7vf3chtv] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .icon-tile[b-6o7vf3chtv] {
        position: relative;
        width: 72px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 4px;
        border-radius: 6px;
        cursor: pointer;
        border: 1.5px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.03);
        transition: border-color 0.15s, background 0.15s, transform 0.1s;
        user-select: none;
    }

    .icon-tile:hover[b-6o7vf3chtv] {
        border-color: rgba(179,157,219,0.5);
        background: rgba(179,157,219,0.08);
        transform: translateY(-1px);
    }

    .icon-tile-selected[b-6o7vf3chtv] {
        border-color: #b39ddb !important;
        background: rgba(179,157,219,0.18) !important;
    }

    .icon-name[b-6o7vf3chtv] {
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        color: #ccc;
        line-height: 1.2;
        word-break: break-word;
        white-space: normal;
        min-height: 20px;
        margin-top: 4px;
    }

    .icon-check[b-6o7vf3chtv] {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #b39ddb;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Reuse diamond CSS vars */
    .playstyle-icon[b-6o7vf3chtv]  .diamondBackground {
        fill: var(--diamondBackgroundColor, #C2C2C1) !important;
    }

    .playstyle-icon[b-6o7vf3chtv]  svg path:not(.diamondBackground) {
        fill: var(--diamondForegroundColor, #2C2C2C) !important;
    }
/* /Pages/Admin/MobileSettings.razor.rz.scp.css */
.mobset-shell[b-tf7dau3bwl] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 26px 22px 46px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 135, 179, 0.08), transparent 28%),
        radial-gradient(circle at 82% 4%, rgba(102, 0, 187, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(8, 13, 23, 0.98), rgba(5, 9, 15, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 64px rgba(0, 0, 0, 0.32);
}

.mobset-hero[b-tf7dau3bwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(18, 23, 46, 0.95) 0%, rgba(28, 33, 112, 0.6) 100%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.mobset-eyebrow[b-tf7dau3bwl] {
    color: #0087b3;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.mobset-title[b-tf7dau3bwl] {
    color: #fff;
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: 0;
}

.mobset-subtitle[b-tf7dau3bwl],
.mobset-muted[b-tf7dau3bwl] {
    color: var(--pcw-text-muted);
}

.mobset-actions[b-tf7dau3bwl],
.mobset-actions-inline[b-tf7dau3bwl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.mobset-actions[b-tf7dau3bwl] {
    justify-content: flex-end;
    margin-top: 18px;
}

.mobset-custom-tabs[b-tf7dau3bwl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.14);
    border-radius: 16px;
    background: rgba(9, 14, 24, 0.92);
}

.mobset-tab-button[b-tf7dau3bwl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    cursor: pointer;
}

.mobset-tab-button:hover[b-tf7dau3bwl],
.mobset-tab-button--active[b-tf7dau3bwl] {
    color: #0087b3;
    border-color: rgba(0, 135, 179, 0.42);
    background: rgba(0, 135, 179, 0.08);
}

.mobset-custom-panel[b-tf7dau3bwl] {
    padding-top: 12px;
}

.mobset-panel[b-tf7dau3bwl],
.mobset-summary-card[b-tf7dau3bwl] {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

.mobset-panel[b-tf7dau3bwl] {
    border-bottom: 2px solid rgba(0, 135, 179, 0.55) !important;
}

.mobset-summary-grid[b-tf7dau3bwl] {
    margin-bottom: 18px;
}

.mobset-summary-card[b-tf7dau3bwl] {
    height: 100%;
    padding: 20px;
}

.mobset-summary-icon[b-tf7dau3bwl] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 14px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
}

.mobset-summary-value[b-tf7dau3bwl] {
    color: #fff;
    font-weight: 900;
}

.mobset-panel-title[b-tf7dau3bwl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.mobset-quick-actions[b-tf7dau3bwl] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.mobset-preview-row[b-tf7dau3bwl] {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 24px;
    align-items: center;
}

.mobset-preview-copy[b-tf7dau3bwl] {
    display: grid;
    gap: 12px;
    align-content: center;
}

.mobset-template-list[b-tf7dau3bwl] {
    display: grid;
    gap: 8px;
    max-height: 620px;
    margin-top: 16px;
    overflow: auto;
    padding-right: 4px;
}

.mobset-template-button[b-tf7dau3bwl] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.03);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.mobset-template-button:hover[b-tf7dau3bwl],
.mobset-template-button--active[b-tf7dau3bwl] {
    border-color: rgba(0, 135, 179, 0.42);
    background: rgba(0, 135, 179, 0.08);
}

.mobset-template-button .mud-icon-root[b-tf7dau3bwl] {
    color: #0087b3;
}

.mobset-template-button span[b-tf7dau3bwl] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobset-template-button strong[b-tf7dau3bwl],
.mobset-template-button small[b-tf7dau3bwl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobset-template-button small[b-tf7dau3bwl] {
    color: var(--pcw-text-muted);
}

.mobset-empty[b-tf7dau3bwl] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 180px;
    padding: 18px;
    border: 1px dashed rgba(0, 135, 179, 0.16);
    border-radius: 12px;
    color: var(--pcw-text-muted);
    background: rgba(0, 135, 179, 0.035);
}

.mobset-mini-preview[b-tf7dau3bwl] {
    display: grid;
    gap: 6px;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid rgba(0, 135, 179, 0.14);
    border-radius: 12px;
    background: rgba(0, 135, 179, 0.045);
}

.mobset-mini-preview strong[b-tf7dau3bwl] {
    color: #fff;
    overflow-wrap: anywhere;
}

.mobset-mini-preview span[b-tf7dau3bwl] {
    color: var(--pcw-text-muted);
    overflow-wrap: anywhere;
}

.mobset-template-editor-grid[b-tf7dau3bwl] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 18px;
    align-items: flex-start;
}

.mobset-template-editor-section[b-tf7dau3bwl] {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.mobset-preview-card[b-tf7dau3bwl] {
    position: sticky;
    top: 118px;
}

.mobset-phone-preview[b-tf7dau3bwl] {
    display: grid;
    gap: 12px;
    padding: 20px;
    border-radius: 28px;
    background: #11151c;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.04);
}

.mobset-phone-status[b-tf7dau3bwl],
.mobset-preview-meta[b-tf7dau3bwl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
}

.mobset-preview-meta[b-tf7dau3bwl] {
    display: grid;
    justify-content: stretch;
    overflow-wrap: anywhere;
}

.mobset-notification[b-tf7dau3bwl] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(245, 247, 250, 0.94);
    color: #12161f;
}

.mobset-notification-row[b-tf7dau3bwl] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.mobset-app-icon[b-tf7dau3bwl] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 10px;
    background: #eef2f8;
    overflow: hidden;
}

.mobset-app-icon img[b-tf7dau3bwl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobset-notification-copy[b-tf7dau3bwl] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.mobset-notification-copy strong[b-tf7dau3bwl],
.mobset-notification-copy span[b-tf7dau3bwl] {
    overflow-wrap: anywhere;
}

.mobset-preview-image[b-tf7dau3bwl] {
    overflow: hidden;
    border-radius: 12px;
    max-height: 150px;
    background: #d9e0ea;
}

.mobset-preview-image img[b-tf7dau3bwl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mobset-notification-actions[b-tf7dau3bwl] {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    color: #2457c5;
    font-weight: 700;
    font-size: 0.85rem;
}

@media (max-width: 959px) {
    .mobset-shell[b-tf7dau3bwl] {
        padding: 18px 12px 34px;
        border-radius: 16px;
    }

    .mobset-hero[b-tf7dau3bwl],
    .mobset-panel-title[b-tf7dau3bwl],
    .mobset-actions[b-tf7dau3bwl] {
        align-items: stretch;
        flex-direction: column;
    }

    .mobset-actions-inline[b-tf7dau3bwl] {
        width: 100%;
    }

    .mobset-actions-inline .mud-button-root[b-tf7dau3bwl],
    .mobset-actions .mud-button-root[b-tf7dau3bwl] {
        flex: 1 1 160px;
    }

    .mobset-preview-row[b-tf7dau3bwl] {
        grid-template-columns: 1fr;
    }

    .mobset-template-editor-grid[b-tf7dau3bwl] {
        grid-template-columns: 1fr;
    }

    .mobset-preview-card[b-tf7dau3bwl] {
        position: static;
    }

    .mobset-tab-button[b-tf7dau3bwl] {
        flex: 1 1 150px;
        justify-content: center;
    }
}
/* /Pages/Admin/NewsEditor.razor.rz.scp.css */
.news-editor-page[b-i60upocxb9] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 26px 22px 46px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 135, 179, 0.08), transparent 28%),
        radial-gradient(circle at 82% 4%, rgba(102, 0, 187, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(8, 13, 23, 0.98), rgba(5, 9, 15, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 64px rgba(0, 0, 0, 0.32);
}

@media (max-width: 600px) {
    .news-editor-page[b-i60upocxb9] {
        padding: 16px 14px 20px;
        border-radius: 12px;
    }
}

.ne-hero[b-i60upocxb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.ne-hero-main[b-i60upocxb9],
.ne-hero-actions[b-i60upocxb9],
.ne-panel-title[b-i60upocxb9] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ne-hero-actions[b-i60upocxb9] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ne-back-btn[b-i60upocxb9] {
    flex: 0 0 auto;
}

.ne-eyebrow[b-i60upocxb9] {
    color: #0087b3;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.ne-title[b-i60upocxb9] {
    color: #fff;
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: 0;
}

.ne-subtitle[b-i60upocxb9],
.ne-muted[b-i60upocxb9] {
    color: var(--pcw-text-muted);
}

.ne-cover-guidance[b-i60upocxb9] {
    display: block;
    margin-top: 4px;
    color: rgba(255, 214, 102, 0.82);
}

.ne-panel[b-i60upocxb9] {
    margin-bottom: 18px;
    border-radius: 16px !important;
    border: 1px solid rgba(0, 135, 179, 0.14) !important;
    border-bottom: 2px solid rgba(0, 135, 179, 0.55) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(10, 16, 26, 0.98)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

.ne-compose-panel[b-i60upocxb9] {
    margin-top: 0;
}

.ne-panel-title[b-i60upocxb9] {
    align-items: flex-start;
    margin-bottom: 18px;
}

.ne-panel-title .mud-typography-h6[b-i60upocxb9] {
    color: #fff;
    font-weight: 850;
}

.ne-panel-icon[b-i60upocxb9] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: #0087b3;
    background: rgba(0, 135, 179, 0.12);
}

.ne-sidebar-card[b-i60upocxb9] {
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(13, 18, 26, 0.98)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

.ne-cover-grid[b-i60upocxb9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 18px;
    align-items: stretch;
}

.ne-cover-fields[b-i60upocxb9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ne-cover-meta[b-i60upocxb9] {
    color: rgba(226, 236, 248, 0.58);
}

.ne-cover-alert[b-i60upocxb9] {
    margin-top: -2px;
}

.ne-upload-dropzone[b-i60upocxb9] {
    min-height: 136px;
    border: 1px dashed rgba(0, 135, 179, 0.36);
    border-radius: 14px;
    background:
        radial-gradient(circle at center, rgba(0, 135, 179, 0.10), transparent 54%),
        rgba(0, 135, 179, 0.035);
    color: rgba(235, 248, 255, 0.82);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 18px;
    text-align: center;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.ne-upload-dropzone:hover[b-i60upocxb9] {
    border-color: rgba(0, 135, 179, 0.68);
    background: rgba(0, 135, 179, 0.07);
    transform: translateY(-1px);
}

.ne-upload-dropzone input[type="file"][b-i60upocxb9],
.ne-upload-dropzone[b-i60upocxb9]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.ne-upload-dropzone .mud-icon-root[b-i60upocxb9] {
    color: #0087b3;
    font-size: 2rem;
}

.ne-upload-dropzone strong[b-i60upocxb9] {
    color: #fff;
    font-weight: 850;
}

.ne-upload-dropzone span[b-i60upocxb9] {
    color: rgba(226, 236, 248, 0.55);
    font-size: 0.82rem;
}

.ne-cover-preview-card[b-i60upocxb9] {
    min-height: 210px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 135, 179, 0.18);
    border-radius: 14px;
    background: #07101b;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

.ne-cover-preview-card img[b-i60upocxb9] {
    width: 100%;
    height: 100%;
    min-height: 210px;
    object-fit: cover;
    display: block;
}

.ne-cover-preview-card .mud-button-root[b-i60upocxb9] {
    position: absolute;
    top: 10px;
    right: 10px;
    backdrop-filter: blur(12px);
    background: rgba(5, 10, 18, 0.72) !important;
}

.ne-sidebar-title[b-i60upocxb9] {
    margin-bottom: 14px;
}

.ne-asset-header[b-i60upocxb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0 10px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.9rem;
    font-weight: 800;
}

.ne-asset-grid[b-i60upocxb9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ne-asset-card[b-i60upocxb9] {
    overflow: hidden;
    border: 1px solid rgba(0, 135, 179, 0.13);
    border-radius: 12px;
    background: rgba(5, 11, 19, 0.72);
}

.ne-asset-card img[b-i60upocxb9] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    background: #050b13;
}

.ne-asset-card > div:not(.ne-asset-actions)[b-i60upocxb9] {
    padding: 8px 9px 0;
}

.ne-asset-card strong[b-i60upocxb9],
.ne-asset-card span[b-i60upocxb9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ne-asset-card strong[b-i60upocxb9] {
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
}

.ne-asset-card span[b-i60upocxb9] {
    color: rgba(226, 236, 248, 0.48);
    font-size: 0.72rem;
}

.ne-asset-actions[b-i60upocxb9] {
    display: flex;
    justify-content: flex-end;
    padding: 4px 6px 6px;
}

.ne-assets-empty[b-i60upocxb9] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: rgba(226, 236, 248, 0.52);
    padding: 14px;
    text-align: center;
}

[b-i60upocxb9] .pcw-rte {
    overflow: hidden;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 14px;
    background: rgba(6, 11, 18, 0.9);
}

[b-i60upocxb9] .pcw-rte-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.12);
    background: linear-gradient(180deg, rgba(11, 18, 29, 0.98), rgba(7, 12, 20, 0.98));
}

[b-i60upocxb9] .pcw-rte-button {
    min-width: 34px;
    min-height: 32px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.72);
    background: transparent;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

[b-i60upocxb9] .pcw-rte-button:hover,
[b-i60upocxb9] .pcw-rte-button-selected {
    color: #0087b3;
    border-color: rgba(0, 135, 179, 0.34);
    background: rgba(0, 135, 179, 0.08);
}

[b-i60upocxb9] .pcw-rte-content {
    min-height: 520px;
    padding: 22px;
    color: #e7eef8;
    font-size: 1rem;
    line-height: 1.72;
    outline: none;
}

[b-i60upocxb9] .pcw-rte-content.pcw-rte-drop-active {
    outline: 2px solid rgba(0, 135, 179, 0.7);
    outline-offset: -6px;
    background: rgba(0, 135, 179, 0.05);
}

[b-i60upocxb9] .pcw-rte-image {
    margin: 18px 0;
}

[b-i60upocxb9] .pcw-rte-image img,
[b-i60upocxb9] .pcw-rte-content img {
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0, 135, 179, 0.16);
}

[b-i60upocxb9] .pcw-rte-image-selected {
    outline: 3px solid rgba(0, 135, 179, 0.9);
    outline-offset: 3px;
}

[b-i60upocxb9] .pcw-rte-content:empty::before {
    content: "Write your article content here�";
    color: rgba(255, 255, 255, 0.34);
}

[b-i60upocxb9] .pcw-rte-content h2 {
    margin: 0 0 12px;
    color: #fff;
    font-weight: 850;
}

[b-i60upocxb9] .pcw-rte-content blockquote {
    margin: 16px 0;
    padding: 12px 16px;
    border-left: 3px solid #0087b3;
    border-radius: 10px;
    background: rgba(0, 135, 179, 0.08);
    color: rgba(255, 255, 255, 0.82);
}

.ne-embed-item[b-i60upocxb9] {
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.15s;
}

.ne-embed-item:hover[b-i60upocxb9] {
    border-color: rgba(0, 135, 179, 0.22);
    background: rgba(0, 135, 179, 0.08);
    transform: translateY(-1px);
}

.ne-embed-item:active[b-i60upocxb9] {
    background: rgba(0, 135, 179, 0.12);
    transform: translateY(0);
}

@media (max-width: 960px) {
    .ne-hero[b-i60upocxb9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ne-hero-actions[b-i60upocxb9] {
        justify-content: flex-start;
    }

    .ne-cover-grid[b-i60upocxb9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/PosterLayoutEditor.razor.rz.scp.css */
/* ── PosterLayoutEditor.razor.css ─────────────────────────────────────────
   Styles for the poster theme editor admin page.
   Two-column layout: narrow controls panel (left) + wide live preview (right).
   ─────────────────────────────────────────────────────────────────────────── */

.ple-layout[b-cgs1bqmnlv] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* ── Accordion wrapper ── */
.ple-accordion[b-cgs1bqmnlv] {
    background: transparent !important;
}

.ple-accordion-panel[b-cgs1bqmnlv] {
    background: #0d1320 !important;
    border: 1px solid rgba(0, 135, 179, 0.08) !important;
    border-radius: 8px !important;
    margin-bottom: 6px !important;
}

.ple-accordion-panel .mud-expand-panel-header[b-cgs1bqmnlv] {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(0, 135, 179, 0.8) !important;
    min-height: 40px !important;
}

.ple-accordion-panel .mud-expand-panel-content[b-cgs1bqmnlv] {
    overflow-y: auto;
    max-height: calc(100vh - 320px);
    padding: 4px 2px 12px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ple-accordion-panel .mud-expand-panel-content[b-cgs1bqmnlv]::-webkit-scrollbar {
    display: none;
}

/* ── Left: controls ── */
.ple-controls[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 320px;
    flex-shrink: 0;
}

.ple-card[b-cgs1bqmnlv] {
    background: #0d1320 !important;
    border: 1px solid rgba(0, 135, 179, 0.08) !important;
    border-radius: 10px !important;
}

.ple-section-title[b-cgs1bqmnlv] {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(0, 135, 179, 0.7) !important;
    margin-bottom: 12px !important;
}

/* ── Colour grid ── */
.ple-color-grid[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ple-group-label[b-cgs1bqmnlv] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(0, 135, 179, 0.45);
    margin-top: 6px;
    margin-bottom: 2px;
    display: block;
}

.ple-color-row[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ple-color-label[b-cgs1bqmnlv] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    width: 110px;
    flex-shrink: 0;
}

.ple-color-input-wrap[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.ple-color-swatch[b-cgs1bqmnlv] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
    flex-shrink: 0;
}

.ple-color-text[b-cgs1bqmnlv] {
    flex: 1;
    min-width: 0;
}

/* ── Position grid ── */
.ple-pos-grid[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ple-pos-header[b-cgs1bqmnlv] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.35);
    padding: 0 2px;
}

.ple-pos-row[b-cgs1bqmnlv] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    align-items: center;
    gap: 6px;
}

.ple-pos-label[b-cgs1bqmnlv] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.65);
}

.ple-pos-input[b-cgs1bqmnlv] {
    min-width: 0;
}

/* ── Dimensions grid ── */
.ple-dim-grid[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Text content grid ── */
.ple-text-grid[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Visibility toggles ── */
.ple-toggle-grid[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ── Image upload section ── */
.ple-image-section[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ple-upload-row[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ple-upload-row input[type="file"][b-cgs1bqmnlv] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.ple-upload-name[b-cgs1bqmnlv] {
    font-size: 11px;
    color: rgba(0, 135, 179, 0.7);
    word-break: break-all;
}

.ple-upload-name-row[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ple-image-controls[b-cgs1bqmnlv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.ple-image-ctrl-row[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ple-image-ctrl-row .ple-color-label[b-cgs1bqmnlv] {
    width: 64px;
    flex-shrink: 0;
}

.ple-image-ctrl-row .mud-slider[b-cgs1bqmnlv] {
    flex: 1;
}

.ple-image-ctrl-row .mud-input-control[b-cgs1bqmnlv] {
    flex: 1;
}

/* ── Actions ── */
.ple-actions[b-cgs1bqmnlv] {
    display: flex;
    gap: 8px;
}

/* ── Preview footer (below canvas: last-saved + actions) ── */
.ple-preview-footer[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    flex-wrap: wrap;
}

/* ── Right: preview panel ── */
.ple-preview-panel[b-cgs1bqmnlv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ple-preview-header[b-cgs1bqmnlv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ple-preview-canvas-wrap[b-cgs1bqmnlv] {
    overflow: auto;
    border-radius: 8px;
}
/* /Pages/Admin/RoleManagement.razor.rz.scp.css */
.rolemgmt-shell[b-wywtwkj687] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rolemgmt-page[b-wywtwkj687]  .pcw-admin-shell {
    gap: 14px;
    padding: 18px 18px 30px;
}

.rolemgmt-page[b-wywtwkj687]  .pcw-admin-hero {
    padding: 14px 18px;
    border-color: rgba(0, 135, 179, 0.28);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 135, 179, 0.26), transparent 34%),
        linear-gradient(135deg, rgba(7, 15, 28, 0.98), rgba(9, 22, 39, 0.96) 46%, rgba(11, 20, 35, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 38px rgba(0, 0, 0, 0.28);
}

.rolemgmt-page[b-wywtwkj687]  .pcw-admin-title {
    font-size: clamp(2rem, 2.35vw, 2.7rem);
    letter-spacing: 0;
}

.rolemgmt-page[b-wywtwkj687]  .pcw-admin-subtitle {
    color: rgba(226, 235, 248, 0.78);
    font-size: 0.88rem;
}

.rolemgmt-page[b-wywtwkj687]  .pcw-admin-panel {
    gap: 10px;
}

.rolemgmt-view-role-select[b-wywtwkj687] {
    min-width: min(220px, 100%);
}

.rolemgmt-page-size-select[b-wywtwkj687] {
    width: 140px;
}

.rolemgmt-custom-tabs[b-wywtwkj687] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 42px;
    padding: 6px 10px 0;
    border: 1px solid rgba(0, 135, 179, 0.13);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(6, 12, 21, 0.94), rgba(4, 9, 16, 0.96));
}

.rolemgmt-tab-button[b-wywtwkj687] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-bottom: 3px solid transparent;
    color: rgba(226, 235, 248, 0.68);
    background: transparent;
    font: inherit;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.rolemgmt-tab-button:hover[b-wywtwkj687],
.rolemgmt-tab-button--active[b-wywtwkj687] {
    color: #67c7e3;
    border-bottom-color: #0087b3;
}

.rolemgmt-users-grid[b-wywtwkj687] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.rolemgmt-panel[b-wywtwkj687] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(142, 180, 222, 0.16);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.86), rgba(9, 16, 28, 0.92)),
        rgba(8, 14, 24, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.rolemgmt-permission-panel[b-wywtwkj687] {
    padding: 14px 16px;
}

.rolemgmt-panel-header[b-wywtwkj687] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.rolemgmt-panel-header--split[b-wywtwkj687] {
    align-items: center;
}

.rolemgmt-panel-actions[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.rolemgmt-panel-actions[b-wywtwkj687]  .mud-button-root {
    min-height: 34px;
    border-color: rgba(0, 135, 179, 0.4);
    color: #8edaf0;
    background: rgba(0, 135, 179, 0.08);
}

.rolemgmt-heading[b-wywtwkj687] {
    color: #f6f9ff;
    font-weight: 850;
    letter-spacing: 0;
}

.rolemgmt-muted[b-wywtwkj687],
.rolemgmt-role-description[b-wywtwkj687],
.rolemgmt-user-email[b-wywtwkj687],
.rolemgmt-permission-description[b-wywtwkj687] {
    color: rgba(207, 220, 238, 0.72);
}

.rolemgmt-filter-row[b-wywtwkj687] {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.rolemgmt-filter-row--single[b-wywtwkj687] {
    grid-template-columns: 1fr;
}

.rolemgmt-filter-row--users[b-wywtwkj687] {
    grid-template-columns: minmax(250px, 1fr) minmax(160px, 210px) minmax(150px, 190px);
}

.rolemgmt-filter-row--matrix[b-wywtwkj687] {
    grid-template-columns: minmax(240px, 1fr) repeat(4, minmax(145px, 190px));
}

.rolemgmt-filter-row--feature[b-wywtwkj687] {
    grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(145px, 210px));
}

[b-wywtwkj687] .rolemgmt-filter-row .mud-input-root,
.rolemgmt-page[b-wywtwkj687]  .pcw-admin-hero-actions .mud-input-root {
    min-height: 42px;
    background: rgba(7, 14, 25, 0.66);
}

.rolemgmt-role-list[b-wywtwkj687] {
    display: grid;
    gap: 10px;
    max-height: min(540px, calc(100vh - 360px));
    overflow: auto;
    padding-right: 2px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.rolemgmt-role-list[b-wywtwkj687]::-webkit-scrollbar,
.rolemgmt-table-wrap[b-wywtwkj687]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.rolemgmt-role-list[b-wywtwkj687]::-webkit-scrollbar-thumb,
.rolemgmt-table-wrap[b-wywtwkj687]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.rolemgmt-role-list[b-wywtwkj687]::-webkit-scrollbar-track,
.rolemgmt-table-wrap[b-wywtwkj687]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.rolemgmt-role-group[b-wywtwkj687],
.rolemgmt-editor-group[b-wywtwkj687] {
    display: grid;
    gap: 7px;
}

.rolemgmt-group-label[b-wywtwkj687] {
    color: rgba(183, 200, 225, 0.78);
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.rolemgmt-role-card[b-wywtwkj687],
.rolemgmt-editor-role[b-wywtwkj687] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    padding: 8px 10px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 8px;
    color: inherit;
    background: rgba(7, 14, 24, 0.58);
    text-align: left;
}

.rolemgmt-role-card[b-wywtwkj687] {
    cursor: pointer;
}

.rolemgmt-role-card:hover[b-wywtwkj687],
.rolemgmt-role-card.is-selected[b-wywtwkj687] {
    border-color: rgba(0, 135, 179, 0.5);
    background: rgba(20, 45, 70, 0.54);
}

.rolemgmt-role-card--all[b-wywtwkj687] {
    min-height: 54px;
    border-color: rgba(0, 135, 179, 0.28);
    background: linear-gradient(135deg, rgba(16, 45, 67, 0.7), rgba(8, 18, 31, 0.72));
}

.rolemgmt-role-card--all.is-selected[b-wywtwkj687] {
    border-color: rgba(0, 135, 179, 0.74);
    box-shadow: inset 3px 0 0 #0087b3;
}

.rolemgmt-role-mark[b-wywtwkj687],
.rolemgmt-avatar[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.rolemgmt-role-mark[b-wywtwkj687] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
}

.rolemgmt-role-copy[b-wywtwkj687],
.rolemgmt-user-cell > span:not(.rolemgmt-avatar):not(.rolemgmt-mini-badge)[b-wywtwkj687] {
    display: grid;
    min-width: 0;
}

.rolemgmt-role-name[b-wywtwkj687],
.rolemgmt-user-name[b-wywtwkj687] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #f9fbff;
    font-size: 13px;
    font-weight: 850;
}

.rolemgmt-role-description[b-wywtwkj687],
.rolemgmt-user-email[b-wywtwkj687],
.rolemgmt-permission-description[b-wywtwkj687] {
    min-width: 0;
    font-size: 12px;
    line-height: 1.35;
}

.rolemgmt-role-description[b-wywtwkj687],
.rolemgmt-permission-description[b-wywtwkj687] {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.rolemgmt-user-email[b-wywtwkj687] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rolemgmt-permission-description[b-wywtwkj687] {
    margin-top: 4px;
}

.rolemgmt-role-count[b-wywtwkj687] {
    color: rgba(226, 235, 248, 0.88);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.rolemgmt-chevron[b-wywtwkj687] {
    color: rgba(226, 235, 248, 0.56);
}

.rolemgmt-mini-badge[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 1px 7px;
    border: 1px solid rgba(0, 135, 179, 0.42);
    border-radius: 999px;
    color: #67c7e3;
    background: rgba(0, 135, 179, 0.14);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.rolemgmt-mini-badge--danger[b-wywtwkj687] {
    border-color: rgba(255, 91, 111, 0.42);
    color: #ff7386;
    background: rgba(255, 91, 111, 0.13);
}

.rolemgmt-stat-strip[b-wywtwkj687] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rolemgmt-stat-strip span[b-wywtwkj687] {
    display: inline-flex;
    gap: 5px;
    padding: 5px 9px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 8px;
    color: rgba(226, 235, 248, 0.74);
    background: rgba(7, 14, 24, 0.5);
    font-size: 12px;
}

.rolemgmt-stat-strip strong[b-wywtwkj687] {
    color: #f9fbff;
}

.rolemgmt-table-wrap[b-wywtwkj687] {
    max-height: min(600px, calc(100vh - 380px));
    overflow: auto;
    border: 1px solid rgba(151, 180, 216, 0.15);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.rolemgmt-user-table[b-wywtwkj687] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.rolemgmt-user-table th[b-wywtwkj687],
.rolemgmt-user-table td[b-wywtwkj687] {
    border-bottom: 1px solid rgba(151, 180, 216, 0.12);
}

.rolemgmt-user-table th[b-wywtwkj687] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 44px;
    padding: 0 16px;
    color: rgba(226, 235, 248, 0.78);
    background: rgba(28, 41, 60, 0.86);
    font-size: 12px;
    font-weight: 850;
    text-align: left;
}

.rolemgmt-user-table td[b-wywtwkj687] {
    height: 64px;
    padding: 9px 16px;
    vertical-align: middle;
}

.rolemgmt-actions-cell[b-wywtwkj687] {
    width: 88px;
    text-align: right !important;
}

.rolemgmt-user-cell[b-wywtwkj687] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.rolemgmt-avatar[b-wywtwkj687] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.rolemgmt-avatar--0[b-wywtwkj687] { background: linear-gradient(135deg, #075f7a, #0a4f66); }
.rolemgmt-avatar--1[b-wywtwkj687] { background: linear-gradient(135deg, #116047, #1a785b); }
.rolemgmt-avatar--2[b-wywtwkj687] { background: linear-gradient(135deg, #8a6115, #a4771c); }
.rolemgmt-avatar--3[b-wywtwkj687] { background: linear-gradient(135deg, #0c5b83, #0d749b); }
.rolemgmt-avatar--4[b-wywtwkj687] { background: linear-gradient(135deg, #124e61, #176a7e); }
.rolemgmt-avatar--5[b-wywtwkj687] { background: linear-gradient(135deg, #6b3654, #7a4961); }

.rolemgmt-chip-row[b-wywtwkj687] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rolemgmt-role-chip[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 3px 12px;
    border: 1px solid currentColor;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.rolemgmt-role-chip--more[b-wywtwkj687] {
    color: rgba(226, 235, 248, 0.72);
    border-color: rgba(151, 180, 216, 0.22);
    background: rgba(151, 180, 216, 0.08);
}

.rolemgmt-status[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

.rolemgmt-status--active[b-wywtwkj687] {
    color: #79e6ad;
    background: rgba(54, 209, 154, 0.12);
}

.rolemgmt-status--locked[b-wywtwkj687] {
    color: #ff7386;
    background: rgba(255, 91, 111, 0.13);
}

.rolemgmt-status--warn[b-wywtwkj687] {
    color: #ffc13a;
    background: rgba(255, 193, 58, 0.13);
}

.rolemgmt-empty[b-wywtwkj687] {
    color: rgba(226, 235, 248, 0.66);
    text-align: center;
}

.rolemgmt-table-footer[b-wywtwkj687] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding-top: 14px;
    color: rgba(226, 235, 248, 0.76);
    font-size: 12px;
}

.rolemgmt-pager[b-wywtwkj687] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.rolemgmt-pager button[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    border: 1px solid rgba(151, 180, 216, 0.17);
    border-radius: 6px;
    color: rgba(226, 235, 248, 0.8);
    background: rgba(7, 14, 24, 0.62);
    font: inherit;
    font-weight: 800;
}

.rolemgmt-pager button.is-active[b-wywtwkj687] {
    color: #fff;
    border-color: rgba(0, 135, 179, 0.6);
    background: rgba(0, 88, 118, 0.42);
}

.rolemgmt-pager button:disabled[b-wywtwkj687] {
    cursor: not-allowed;
    opacity: 0.45;
}

.rolemgmt-risk-note[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #67c7e3;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.rolemgmt-matrix-controls[b-wywtwkj687] {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(0, 135, 179, 0.16);
    border-radius: 9px;
    background: rgba(4, 11, 22, 0.5);
}

.rolemgmt-access-controls[b-wywtwkj687] {
    grid-template-columns: minmax(410px, 0.86fr) minmax(520px, 1.3fr);
    align-items: stretch;
    gap: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.rolemgmt-access-controls > .rolemgmt-role-context[b-wywtwkj687] {
    grid-column: 1;
}

.rolemgmt-access-controls > .rolemgmt-access-toolbar[b-wywtwkj687] {
    grid-column: 2;
}

.rolemgmt-access-controls > .rolemgmt-filter-row--advanced[b-wywtwkj687],
.rolemgmt-access-controls > .rolemgmt-matrix-status-row[b-wywtwkj687] {
    grid-column: 1 / -1;
}

.rolemgmt-matrix-controls .rolemgmt-filter-row[b-wywtwkj687] {
    margin-bottom: 0;
}

.rolemgmt-role-context[b-wywtwkj687] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) minmax(210px, 250px) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid rgba(0, 135, 179, 0.18);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.12), rgba(9, 18, 31, 0.52)),
        rgba(6, 13, 24, 0.64);
}

.rolemgmt-access-controls .rolemgmt-role-context[b-wywtwkj687] {
    grid-template-columns: 34px minmax(0, 1fr) minmax(190px, 238px);
    gap: 10px;
    padding: 8px;
}

.rolemgmt-access-controls .rolemgmt-role-context-copy[b-wywtwkj687] {
    gap: 1px;
}

.rolemgmt-access-controls .rolemgmt-role-context-copy strong[b-wywtwkj687] {
    font-size: 14px;
}

.rolemgmt-access-controls .rolemgmt-role-context-copy small[b-wywtwkj687],
.rolemgmt-access-controls .rolemgmt-role-context-stats[b-wywtwkj687] {
    display: none;
}

.rolemgmt-role-context-copy[b-wywtwkj687] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.rolemgmt-role-context-copy span[b-wywtwkj687] {
    color: #67c7e3;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.rolemgmt-role-context-copy strong[b-wywtwkj687] {
    min-width: 0;
    color: #f8fbff;
    font-size: 15px;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.rolemgmt-role-context-copy small[b-wywtwkj687] {
    min-width: 0;
    color: rgba(207, 220, 238, 0.72);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.rolemgmt-role-context-select[b-wywtwkj687] {
    min-width: 0;
}

.rolemgmt-role-context-select[b-wywtwkj687]  .mud-input-control {
    width: 100%;
    min-width: 0;
}

.rolemgmt-role-context-stats[b-wywtwkj687] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.rolemgmt-role-context-stats span[b-wywtwkj687] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-height: 27px;
    padding: 4px 8px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 999px;
    color: rgba(226, 235, 248, 0.76);
    background: rgba(7, 14, 24, 0.58);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.rolemgmt-role-context-stats strong[b-wywtwkj687] {
    color: #f9fbff;
    font-weight: 900;
}

.rolemgmt-access-toolbar[b-wywtwkj687] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(140px, 180px) auto auto;
    align-items: center;
    gap: 10px;
}

.rolemgmt-access-toolbar[b-wywtwkj687]  .mud-input-root,
.rolemgmt-access-toolbar[b-wywtwkj687]  .mud-button-root {
    min-height: 40px;
}

.rolemgmt-access-toolbar[b-wywtwkj687]  .mud-button-root {
    white-space: nowrap;
}

.rolemgmt-role-select[b-wywtwkj687],
.rolemgmt-state-select[b-wywtwkj687],
.rolemgmt-access-search[b-wywtwkj687] {
    min-width: 0;
}

.rolemgmt-filter-row--advanced[b-wywtwkj687] {
    grid-template-columns: repeat(2, minmax(150px, 220px));
    margin-bottom: 0;
    padding-top: 2px;
}

.rolemgmt-filter-row--advanced-feature[b-wywtwkj687] {
    grid-template-columns: minmax(150px, 220px);
}

.rolemgmt-matrix-status-row[b-wywtwkj687] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rolemgmt-matrix-status[b-wywtwkj687] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.rolemgmt-matrix-status span[b-wywtwkj687] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-height: 25px;
    padding: 3px 8px;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 999px;
    color: rgba(226, 235, 248, 0.72);
    background: rgba(7, 14, 24, 0.58);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.rolemgmt-matrix-status .rolemgmt-scope-chip[b-wywtwkj687] {
    color: #d9f6ff;
    border-color: rgba(0, 135, 179, 0.54);
    background: rgba(0, 88, 118, 0.34);
}

.rolemgmt-matrix-status .rolemgmt-scope-chip--compare[b-wywtwkj687] {
    color: #ffd98f;
    border-color: rgba(255, 193, 58, 0.44);
    background: rgba(255, 193, 58, 0.12);
}

.rolemgmt-matrix-status strong[b-wywtwkj687] {
    color: #f9fbff;
    font-weight: 900;
}

.rolemgmt-access-workspace[b-wywtwkj687] {
    display: grid;
    grid-template-columns: minmax(300px, 0.62fr) minmax(460px, 1.08fr);
    gap: 12px;
    align-items: stretch;
    min-height: min(520px, calc(100dvh - 500px));
}

.rolemgmt-access-list[b-wywtwkj687],
.rolemgmt-access-inspector[b-wywtwkj687] {
    min-width: 0;
    min-height: 0;
    max-height: min(520px, calc(100dvh - 500px));
    overflow: auto;
    border: 1px solid rgba(151, 180, 216, 0.15);
    border-radius: 9px;
    background: rgba(5, 11, 20, 0.5);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.rolemgmt-access-list[b-wywtwkj687] {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 8px;
}

.rolemgmt-access-inspector[b-wywtwkj687] {
    display: flex;
    flex-direction: column;
}

.rolemgmt-access-list[b-wywtwkj687]::-webkit-scrollbar,
.rolemgmt-access-inspector[b-wywtwkj687]::-webkit-scrollbar,
.rolemgmt-inspector-toggle-list[b-wywtwkj687]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.rolemgmt-access-list[b-wywtwkj687]::-webkit-scrollbar-thumb,
.rolemgmt-access-inspector[b-wywtwkj687]::-webkit-scrollbar-thumb,
.rolemgmt-inspector-toggle-list[b-wywtwkj687]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 135, 179, 0.42);
}

.rolemgmt-access-list[b-wywtwkj687]::-webkit-scrollbar-track,
.rolemgmt-access-inspector[b-wywtwkj687]::-webkit-scrollbar-track,
.rolemgmt-inspector-toggle-list[b-wywtwkj687]::-webkit-scrollbar-track {
    background: rgba(4, 11, 22, 0.78);
}

.rolemgmt-access-group[b-wywtwkj687] {
    display: grid;
    gap: 8px;
}

.rolemgmt-access-list-item[b-wywtwkj687] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(108px, auto);
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 7px 10px;
    border: 1px solid rgba(151, 180, 216, 0.14);
    border-radius: 8px;
    color: inherit;
    background: rgba(7, 14, 24, 0.58);
    text-align: left;
    cursor: pointer;
}

.rolemgmt-access-list-item:hover[b-wywtwkj687],
.rolemgmt-access-list-item.is-selected[b-wywtwkj687] {
    border-color: rgba(0, 135, 179, 0.54);
    background: rgba(13, 35, 55, 0.72);
}

.rolemgmt-access-list-item.is-selected[b-wywtwkj687] {
    box-shadow: inset 3px 0 0 #0087b3;
}

.rolemgmt-access-item-main[b-wywtwkj687],
.rolemgmt-access-meta[b-wywtwkj687] {
    display: grid;
    min-width: 0;
}

.rolemgmt-access-meta[b-wywtwkj687] {
    justify-items: end;
    align-content: center;
    gap: 4px;
    color: rgba(207, 220, 238, 0.68);
    font-size: 11px;
    line-height: 1.25;
    text-align: right;
}

.rolemgmt-access-meta span[b-wywtwkj687] {
    max-width: 220px;
    overflow-wrap: anywhere;
}

.rolemgmt-access-state[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    min-height: 22px;
    padding: 3px 9px;
    border: 1px solid rgba(151, 180, 216, 0.18);
    border-radius: 999px;
    color: rgba(226, 235, 248, 0.84);
    background: rgba(151, 180, 216, 0.08);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.rolemgmt-access-state--on[b-wywtwkj687] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.rolemgmt-access-state--off[b-wywtwkj687] {
    color: #ff9aaa;
    border-color: rgba(255, 91, 111, 0.34);
    background: rgba(255, 91, 111, 0.12);
}

.rolemgmt-access-state--mixed[b-wywtwkj687] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(245, 158, 11, 0.12);
}

.rolemgmt-matrix-status .rolemgmt-access-state[b-wywtwkj687] {
    gap: 0;
    color: rgba(226, 235, 248, 0.84);
    font-size: 11px;
}

.rolemgmt-matrix-status .rolemgmt-access-state--on[b-wywtwkj687] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.rolemgmt-matrix-status .rolemgmt-access-state--off[b-wywtwkj687] {
    color: #ff9aaa;
    border-color: rgba(255, 91, 111, 0.34);
    background: rgba(255, 91, 111, 0.12);
}

.rolemgmt-matrix-status .rolemgmt-access-state--mixed[b-wywtwkj687] {
    color: #ffd37a;
    border-color: rgba(245, 158, 11, 0.34);
    background: rgba(245, 158, 11, 0.12);
}

.rolemgmt-access-empty[b-wywtwkj687] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    min-height: 260px;
    padding: 24px;
    color: rgba(207, 220, 238, 0.72);
    text-align: center;
}

.rolemgmt-access-empty svg[b-wywtwkj687] {
    color: #67c7e3;
}

.rolemgmt-access-empty strong[b-wywtwkj687] {
    color: #f7fbff;
    font-size: 14px;
}

.rolemgmt-access-empty span[b-wywtwkj687] {
    max-width: 320px;
    font-size: 12px;
    line-height: 1.45;
}

.rolemgmt-inspector-header[b-wywtwkj687] {
    display: grid;
    gap: 7px;
    padding: 12px;
    border-bottom: 1px solid rgba(151, 180, 216, 0.14);
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.12), rgba(7, 14, 24, 0.78)),
        rgba(7, 14, 24, 0.74);
}

.rolemgmt-inspector-eyebrow[b-wywtwkj687] {
    color: #67c7e3;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rolemgmt-inspector-header h3[b-wywtwkj687],
.rolemgmt-inspector-header p[b-wywtwkj687] {
    margin: 0;
}

.rolemgmt-inspector-header h3[b-wywtwkj687] {
    color: #f7fbff;
    font-size: 16px;
    line-height: 1.2;
}

.rolemgmt-inspector-key[b-wywtwkj687] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 3px 7px;
    border: 1px solid rgba(151, 180, 216, 0.16);
    border-radius: 6px;
    color: rgba(187, 207, 222, 0.7);
    background: rgba(4, 11, 22, 0.54);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rolemgmt-inspector-header p[b-wywtwkj687] {
    color: rgba(207, 220, 238, 0.76);
    font-size: 13px;
    line-height: 1.45;
}

.rolemgmt-inspector-toggle-list[b-wywtwkj687] {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 0;
    overflow: auto;
    padding: 8px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 135, 179, 0.38) rgba(4, 11, 22, 0.78);
}

.rolemgmt-focused-toggle[b-wywtwkj687] {
    flex: 0 0 auto;
    padding: 8px;
}

.rolemgmt-inspector-toggle-list--compare[b-wywtwkj687] {
    max-height: min(340px, 44dvh);
}

.rolemgmt-inspector-toggle[b-wywtwkj687] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) minmax(66px, auto) auto;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 7px 10px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(7, 14, 24, 0.62);
}

.rolemgmt-inspector-toggle--primary[b-wywtwkj687] {
    min-height: 62px;
    border-color: rgba(0, 135, 179, 0.36);
    background:
        linear-gradient(135deg, rgba(0, 135, 179, 0.13), rgba(7, 14, 24, 0.72)),
        rgba(7, 14, 24, 0.68);
}

.rolemgmt-compare-disclosure[b-wywtwkj687] {
    flex: 0 0 auto;
    margin: 0 10px 10px;
    border: 1px solid rgba(151, 180, 216, 0.13);
    border-radius: 8px;
    background: rgba(4, 11, 22, 0.52);
    overflow: hidden;
}

.rolemgmt-compare-disclosure summary[b-wywtwkj687] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: rgba(226, 235, 248, 0.86);
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
}

.rolemgmt-compare-disclosure summary[b-wywtwkj687]::-webkit-details-marker {
    display: none;
}

.rolemgmt-compare-disclosure summary[b-wywtwkj687]::after {
    content: "expand";
    color: #67c7e3;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.rolemgmt-compare-disclosure[open] summary[b-wywtwkj687] {
    border-bottom: 1px solid rgba(151, 180, 216, 0.12);
}

.rolemgmt-compare-disclosure[open] summary[b-wywtwkj687]::after {
    content: "collapse";
}

.rolemgmt-compare-disclosure summary small[b-wywtwkj687] {
    color: rgba(207, 220, 238, 0.62);
    font-size: 11px;
    font-weight: 800;
}

.rolemgmt-toggle-state[b-wywtwkj687] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    min-width: 64px;
    padding: 2px 8px;
    border: 1px solid rgba(151, 180, 216, 0.18);
    border-radius: 999px;
    color: rgba(207, 220, 238, 0.72);
    background: rgba(151, 180, 216, 0.08);
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.rolemgmt-toggle-state.is-on[b-wywtwkj687] {
    color: #79e6ad;
    border-color: rgba(121, 230, 173, 0.34);
    background: rgba(54, 209, 154, 0.12);
}

.rolemgmt-permission-title[b-wywtwkj687] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #f8fbff;
    font-size: 13px;
    font-weight: 850;
}

.rolemgmt-lock-icon[b-wywtwkj687] {
    color: #67c7e3;
}

.rolemgmt-mobile-group-title[b-wywtwkj687] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid rgba(0, 135, 179, 0.24);
    border-radius: 7px;
    color: rgba(232, 242, 255, 0.9);
    background: linear-gradient(90deg, rgba(0, 135, 179, 0.18), rgba(38, 57, 91, 0.12));
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.rolemgmt-footnote[b-wywtwkj687] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(151, 180, 216, 0.12);
    border-radius: 9px;
    color: rgba(226, 235, 248, 0.66);
    background: rgba(8, 15, 26, 0.7);
    font-size: 12px;
}

.rolemgmt-drawer-backdrop[b-wywtwkj687] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: rgba(0, 0, 0, 0.48);
}

.rolemgmt-drawer[b-wywtwkj687] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1301;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(460px, 100vw);
    border-left: 1px solid rgba(151, 180, 216, 0.18);
    background:
        linear-gradient(180deg, rgba(18, 28, 43, 0.98), rgba(6, 12, 22, 0.99)),
        #07101c;
    box-shadow: -24px 0 50px rgba(0, 0, 0, 0.34);
}

.rolemgmt-drawer-header[b-wywtwkj687],
.rolemgmt-drawer-footer[b-wywtwkj687] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid rgba(151, 180, 216, 0.14);
}

.rolemgmt-drawer-footer[b-wywtwkj687] {
    border-top: 1px solid rgba(151, 180, 216, 0.14);
    border-bottom: 0;
}

.rolemgmt-drawer-body[b-wywtwkj687] {
    display: grid;
    align-content: start;
    gap: 16px;
    min-height: 0;
    overflow: auto;
    padding: 16px;
}

.rolemgmt-editor-role[b-wywtwkj687] {
    grid-template-columns: 36px minmax(0, 1fr) auto;
}

.role-tone-danger[b-wywtwkj687] { color: #ff5b6f; background: rgba(255, 91, 111, 0.13); }
.role-tone-purple[b-wywtwkj687] { color: #aeb9d8; background: rgba(120, 139, 174, 0.13); }
.role-tone-blue[b-wywtwkj687] { color: #67c7e3; background: rgba(0, 135, 179, 0.13); }
.role-tone-cyan[b-wywtwkj687] { color: #73d7e5; background: rgba(19, 126, 150, 0.14); }
.role-tone-amber[b-wywtwkj687] { color: #ffc13a; background: rgba(255, 193, 58, 0.13); }
.role-tone-pink[b-wywtwkj687] { color: #ff6fab; background: rgba(255, 111, 171, 0.13); }
.role-tone-green[b-wywtwkj687] { color: #79e68f; background: rgba(121, 230, 143, 0.13); }
.role-tone-teal[b-wywtwkj687] { color: #86d9cb; background: rgba(42, 154, 137, 0.13); }
.role-tone-sky[b-wywtwkj687] { color: #8fcbe0; background: rgba(70, 143, 171, 0.14); }
.role-tone-orange[b-wywtwkj687] { color: #e6b46b; background: rgba(164, 119, 28, 0.14); }
.role-tone-lime[b-wywtwkj687] { color: #b6d887; background: rgba(112, 151, 66, 0.14); }
.role-tone-all[b-wywtwkj687] { color: #67c7e3; background: rgba(0, 135, 179, 0.16); }
.role-tone-muted[b-wywtwkj687] { color: rgba(226, 235, 248, 0.75); background: rgba(151, 180, 216, 0.1); }

@media (max-width: 1220px) {
    .rolemgmt-users-grid[b-wywtwkj687] {
        grid-template-columns: 1fr;
    }

    .rolemgmt-role-list[b-wywtwkj687] {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        max-height: min(360px, 42dvh);
    }

    .rolemgmt-role-context[b-wywtwkj687] {
        grid-template-columns: 38px minmax(0, 1fr) minmax(190px, 230px);
    }

    .rolemgmt-role-context-stats[b-wywtwkj687] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .rolemgmt-access-controls[b-wywtwkj687] {
        grid-template-columns: 1fr;
    }

    .rolemgmt-access-controls > .rolemgmt-role-context[b-wywtwkj687],
    .rolemgmt-access-controls > .rolemgmt-access-toolbar[b-wywtwkj687] {
        grid-column: 1 / -1;
    }

    .rolemgmt-access-toolbar[b-wywtwkj687] {
        grid-template-columns: minmax(240px, 1fr) minmax(130px, 170px) auto auto;
    }

    .rolemgmt-access-workspace[b-wywtwkj687] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .rolemgmt-access-list[b-wywtwkj687],
    .rolemgmt-access-inspector[b-wywtwkj687] {
        max-height: min(560px, 58dvh);
    }
}

@media (max-width: 820px) {
    .rolemgmt-page[b-wywtwkj687]  .pcw-admin-shell {
        gap: 10px;
        padding: 12px 10px 24px;
    }

    .rolemgmt-page[b-wywtwkj687]  .pcw-admin-hero {
        gap: 14px;
        padding: 14px;
    }

    .rolemgmt-page[b-wywtwkj687]  .pcw-admin-title {
        font-size: clamp(1.85rem, 9vw, 2.3rem);
    }

    .rolemgmt-page[b-wywtwkj687]  .pcw-admin-subtitle {
        font-size: 0.82rem;
    }

    .rolemgmt-custom-tabs[b-wywtwkj687],
    .rolemgmt-panel[b-wywtwkj687] {
        border-radius: 8px;
    }

    .rolemgmt-custom-tabs[b-wywtwkj687] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        min-height: 44px;
        overflow-x: auto;
        padding: 6px;
        scrollbar-width: thin;
    }

    .rolemgmt-tab-button[b-wywtwkj687] {
        flex: 0 0 auto;
        min-height: 32px;
    }

    .rolemgmt-filter-row--users[b-wywtwkj687],
    .rolemgmt-filter-row--matrix[b-wywtwkj687],
    .rolemgmt-filter-row--feature[b-wywtwkj687],
    .rolemgmt-filter-row--advanced[b-wywtwkj687],
    .rolemgmt-access-toolbar[b-wywtwkj687],
    .rolemgmt-table-footer[b-wywtwkj687] {
        grid-template-columns: 1fr;
    }

    .rolemgmt-role-context[b-wywtwkj687] {
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: start;
    }

    .rolemgmt-access-controls .rolemgmt-role-context[b-wywtwkj687] {
        grid-template-columns: 1fr;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .rolemgmt-access-controls .rolemgmt-role-context > .rolemgmt-role-mark[b-wywtwkj687],
    .rolemgmt-access-controls .rolemgmt-role-context-copy[b-wywtwkj687] {
        display: none;
    }

    .rolemgmt-role-context-select[b-wywtwkj687],
    .rolemgmt-role-context-stats[b-wywtwkj687] {
        grid-column: 1 / -1;
    }

    .rolemgmt-role-context-stats[b-wywtwkj687] {
        justify-content: flex-start;
    }

    .rolemgmt-access-toolbar[b-wywtwkj687]  .mud-button-root {
        width: 100%;
    }

    .rolemgmt-matrix-status-row[b-wywtwkj687] {
        align-items: stretch;
        flex-direction: column;
    }

    .rolemgmt-panel-header--split[b-wywtwkj687] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rolemgmt-table-wrap[b-wywtwkj687] {
        border: 1px solid rgba(151, 180, 216, 0.13);
        background: rgba(5, 11, 20, 0.42);
    }

    .rolemgmt-user-table-wrap[b-wywtwkj687] {
        max-height: min(540px, 58dvh);
    }

    .rolemgmt-user-table[b-wywtwkj687],
    .rolemgmt-user-table thead[b-wywtwkj687],
    .rolemgmt-user-table tbody[b-wywtwkj687],
    .rolemgmt-user-table tr[b-wywtwkj687],
    .rolemgmt-user-table th[b-wywtwkj687],
    .rolemgmt-user-table td[b-wywtwkj687] {
        display: block;
        width: 100%;
    }

    .rolemgmt-user-table thead[b-wywtwkj687] {
        display: none;
    }

    .rolemgmt-user-table tr[b-wywtwkj687] {
        margin-bottom: 10px;
        border: 1px solid rgba(151, 180, 216, 0.15);
        border-radius: 8px;
        background: rgba(7, 14, 24, 0.62);
    }

    .rolemgmt-user-table td[b-wywtwkj687] {
        height: auto;
        padding: 10px 12px;
        border-bottom: 0;
    }

    .rolemgmt-user-cell[b-wywtwkj687] {
        align-items: flex-start;
    }

    .rolemgmt-user-email[b-wywtwkj687] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .rolemgmt-actions-cell[b-wywtwkj687] {
        width: 100%;
        text-align: left !important;
    }

    .rolemgmt-access-list[b-wywtwkj687] {
        max-height: min(360px, 42dvh);
    }

    .rolemgmt-access-inspector[b-wywtwkj687] {
        max-height: min(620px, 74dvh);
    }

    .rolemgmt-access-list-item[b-wywtwkj687] {
        grid-template-columns: 1fr;
    }

    .rolemgmt-access-meta[b-wywtwkj687] {
        justify-items: start;
        text-align: left;
    }

    .rolemgmt-inspector-toggle[b-wywtwkj687] {
        grid-template-columns: 36px minmax(0, 1fr) auto;
    }

    .rolemgmt-inspector-toggle[b-wywtwkj687]  .mud-switch {
        grid-column: 2 / -1;
        justify-self: start;
    }
}

@media (max-width: 560px) {
    .rolemgmt-page[b-wywtwkj687]  .pcw-admin-subtitle,
    .rolemgmt-permission-panel > .rolemgmt-panel-header[b-wywtwkj687]  .rolemgmt-muted,
    .rolemgmt-panel-actions .rolemgmt-risk-note[b-wywtwkj687] {
        display: none;
    }

    .rolemgmt-matrix-status-row[b-wywtwkj687] {
        display: none;
    }

    .rolemgmt-panel[b-wywtwkj687] {
        padding: 10px;
    }

    .rolemgmt-tab-button[b-wywtwkj687] {
        flex: 0 0 auto;
        justify-content: center;
        padding: 0 10px;
    }

    .rolemgmt-role-list[b-wywtwkj687] {
        grid-template-columns: 1fr;
        max-height: min(300px, 42dvh);
    }

    .rolemgmt-role-card[b-wywtwkj687] {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .rolemgmt-access-list[b-wywtwkj687],
    .rolemgmt-access-inspector[b-wywtwkj687] {
        border-radius: 8px;
    }

    .rolemgmt-inspector-header[b-wywtwkj687] {
        padding: 14px;
    }

    .rolemgmt-inspector-toggle[b-wywtwkj687] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .rolemgmt-focused-toggle[b-wywtwkj687] {
        padding: 8px;
    }

    .rolemgmt-compare-disclosure[b-wywtwkj687] {
        margin: 0 8px 8px;
    }

    .rolemgmt-compare-disclosure summary[b-wywtwkj687] {
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
    }

    .rolemgmt-toggle-state[b-wywtwkj687] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        width: fit-content;
    }

    .rolemgmt-chevron[b-wywtwkj687] {
        display: none;
    }
}
/* /Pages/Applications/MyApplications.razor.rz.scp.css */
.my-apps-banner[b-nbdv9hkn2w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
/* /Pages/CardBuilder.razor.rz.scp.css */
.cb-modern-root[b-26je329ll0] {
    --cb-page-bg: #060b10;
    --cb-surface: #0d1520;
    --cb-surface-elevated: #101b28;
    --cb-surface-soft: #121f2d;
    --cb-border: #1f3446;
    --cb-border-soft: rgba(122, 210, 255, 0.14);
    --cb-accent: #00a7d8;
    --cb-accent-hover: #00c4ff;
    --cb-input-bg: #080f18;
    background:
        radial-gradient(circle at 8% 0%, rgba(0, 200, 255, 0.07), transparent 30%),
        linear-gradient(180deg, #07101a 0%, var(--cb-page-bg) 55%, #05080d 100%);
    border: 1px solid rgba(0, 200, 255, 0.12);
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 96px);
    min-height: 680px;
    overflow: hidden;
    overscroll-behavior: contain;
}

.cb-loading[b-26je329ll0] {
    display: flex;
    justify-content: center;
    padding: 72px 24px;
}

.cb-modern-grid[b-26je329ll0] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.cb-preview-column[b-26je329ll0] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.cb-preview-sticky[b-26je329ll0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.cb-editor-column[b-26je329ll0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    overscroll-behavior: contain;
    scrollbar-color: rgba(0, 196, 255, 0.5) rgba(8, 15, 24, 0.68);
    scrollbar-width: thin;
}

.cb-editor-column[b-26je329ll0]::-webkit-scrollbar {
    width: 10px;
}

.cb-editor-column[b-26je329ll0]::-webkit-scrollbar-track {
    background: rgba(8, 15, 24, 0.68);
    border-radius: 999px;
}

.cb-editor-column[b-26je329ll0]::-webkit-scrollbar-thumb {
    background: rgba(0, 196, 255, 0.42);
    border: 2px solid rgba(8, 15, 24, 0.68);
    border-radius: 999px;
}

[b-26je329ll0] .cb-panel {
    background:
        linear-gradient(180deg, rgba(16, 27, 40, 0.96), rgba(7, 13, 22, 0.96));
    border: 1px solid var(--cb-border-soft);
    border-radius: 8px;
    padding: 16px 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

[b-26je329ll0] .cb-section-title {
    display: block;
    margin-bottom: 12px;
    color: var(--cb-accent-hover);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-26je329ll0] .cb-section-subtitle {
    display: block;
    margin-top: -8px;
    margin-bottom: 10px;
    color: rgba(169, 183, 198, 0.86);
    font-size: 0.75rem;
}

[b-26je329ll0] .cb-field-label {
    display: block;
    margin-bottom: 5px;
    color: rgba(225, 238, 249, 0.76);
    font-size: 0.76rem;
    font-weight: 600;
}

[b-26je329ll0] .cb-modern-root .mud-input-control {
    margin-top: 0;
}

[b-26je329ll0] .cb-modern-root .mud-input-outlined-border {
    border-color: rgba(122, 210, 255, 0.2) !important;
}

[b-26je329ll0] .cb-modern-root .mud-input-root {
    min-height: 36px;
    background: rgba(8, 15, 24, 0.72);
    color: #eef7ff;
    font-size: 0.88rem;
}

[b-26je329ll0] .cb-modern-root .mud-input-root:hover .mud-input-outlined-border,
[b-26je329ll0] .cb-modern-root .mud-input-root.mud-focused .mud-input-outlined-border {
    border-color: rgba(0, 196, 255, 0.62) !important;
}

[b-26je329ll0] .cb-modern-root .mud-input-label-inputcontrol {
    color: rgba(215, 229, 243, 0.72);
    font-size: 0.78rem;
    font-weight: 600;
}

[b-26je329ll0] .cb-modern-root .mud-button-root {
    border-radius: 6px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

[b-26je329ll0] .cb-modern-root .mud-button-outlined-info,
[b-26je329ll0] .cb-modern-root .mud-button-outlined-success,
[b-26je329ll0] .cb-modern-root .mud-button-outlined-default {
    border-color: rgba(122, 210, 255, 0.2) !important;
    color: #eef7ff !important;
}

[b-26je329ll0] .cb-modern-root .mud-button-outlined-info:hover,
[b-26je329ll0] .cb-modern-root .mud-button-outlined-success:hover,
[b-26je329ll0] .cb-modern-root .mud-button-outlined-default:hover {
    border-color: rgba(0, 196, 255, 0.46) !important;
    background: rgba(0, 200, 255, 0.08) !important;
}

[b-26je329ll0] .cb-modern-root .mud-button-filled-info {
    background: linear-gradient(135deg, #04aee8, #00c8c8) !important;
    color: #04121b !important;
}

[b-26je329ll0] .cb-modern-root .mud-button-filled-secondary,
[b-26je329ll0] .cb-modern-root .mud-button-filled-warning {
    background: linear-gradient(135deg, #0087b3, #00a7d8) !important;
    color: #f6fdff !important;
}

[b-26je329ll0] .cb-modern-root button:focus-visible,
[b-26je329ll0] .cb-modern-root input:focus-visible {
    outline: 2px solid rgba(0, 196, 255, 0.95);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .cb-modern-grid[b-26je329ll0] {
        grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
        gap: 18px;
        padding: 18px;
    }
}

@media (max-width: 900px), (max-height: 680px) {
    .cb-modern-root[b-26je329ll0] {
        height: auto;
        min-height: calc(100dvh - 64px);
        overflow: visible;
        display: block;
    }

    .cb-modern-grid[b-26je329ll0] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .cb-preview-sticky[b-26je329ll0] {
        height: auto;
        overflow: visible;
    }

    .cb-editor-column[b-26je329ll0] {
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 600px) {
    .cb-modern-root[b-26je329ll0] {
        border-radius: 0;
        border-left: none;
        border-right: none;
        min-height: calc(100dvh - 64px);
    }

    .cb-modern-grid[b-26je329ll0] {
        padding: 14px;
        gap: 14px;
    }

    [b-26je329ll0] .cb-panel {
        padding: 14px;
    }
}
/* /Pages/Community/Community.razor.rz.scp.css */
/* ── Community Page — Performance Table Redesign ───────── */

/* ── Banner ───────────────────────────────────────────── */

.comm-banner[b-5oh7uirgmq] {
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    padding: 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ── Tabs ──────────────────────────────────────────────── */

.comm-tabs[b-5oh7uirgmq] {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    border-bottom: 2px solid rgba(255,255,255,0.06);
    padding-bottom: 0;
}

.comm-tab[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.5);
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
}

.comm-tab:hover[b-5oh7uirgmq] {
    color: rgba(255,255,255,0.8);
}

.comm-tab--active[b-5oh7uirgmq] {
    color: #00c8ff;
    border-bottom-color: #00c8ff;
}

.comm-tab-count[b-5oh7uirgmq] {
    background: rgba(0,200,255,0.12);
    color: #00c8ff;
    font-size: .7rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    margin-left: 4px;
}

/* ── Toolbar (glassmorphism) ──────────────────────────── */

.comm-toolbar[b-5oh7uirgmq] {
    background: rgba(10, 14, 28, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

.comm-toolbar-inner[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.comm-toolbar-mobile-actions[b-5oh7uirgmq] {
    display: none;
}

.comm-toolbar-mobile-filter-btn[b-5oh7uirgmq] {
    min-width: 44px;
    width: 44px;
    height: 44px;
    padding: 0;
}

.comm-toolbar-filter-group[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comm-toolbar-search[b-5oh7uirgmq] {
    flex: 1;
    min-width: 200px;
}

.comm-toolbar-filter[b-5oh7uirgmq] {
    min-width: 140px;
    max-width: 180px;
}

.comm-toolbar-btn[b-5oh7uirgmq] {
    height: 40px;
    white-space: nowrap;
}

/* ── Performance Table ────────────────────────────────── */

.comm-table-wrap[b-5oh7uirgmq] {
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(10, 14, 28, 0.5);
}

.comm-table-header[b-5oh7uirgmq] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 10px 20px;
    background: rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.comm-th[b-5oh7uirgmq] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255,255,255,0.35);
}

.comm-th-stat[b-5oh7uirgmq] {
    text-align: center;
}

.comm-th-form[b-5oh7uirgmq] {
    text-align: center;
}

.comm-th-trend[b-5oh7uirgmq] {
    text-align: center;
}

/* ── Row (shared for players + teams) ─────────────────── */

.comm-row[b-5oh7uirgmq] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    transition: background 0.15s ease;
}

.comm-row:nth-child(even)[b-5oh7uirgmq] {
    background: rgba(255,255,255,0.015);
}

.comm-row:hover[b-5oh7uirgmq] {
    background: rgba(0, 200, 255, 0.04);
}

.comm-row-link[b-5oh7uirgmq] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.comm-row-link:hover[b-5oh7uirgmq] {
    text-decoration: none;
}

/* ── Cell layout ──────────────────────────────────────── */

.comm-cell-main[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
}

.comm-row-avatar[b-5oh7uirgmq] {
    flex-shrink: 0;
}

.comm-identity[b-5oh7uirgmq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.comm-name[b-5oh7uirgmq] {
    font-size: .9rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-5oh7uirgmq] .comm-botlab-icon {
    color: #ffb300;
    font-size: .9rem;
    margin-left: 4px;
    vertical-align: middle;
}

.comm-sub[b-5oh7uirgmq] {
    font-size: .75rem;
    color: var(--pcw-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Position badges in player rows */

.comm-flag[b-5oh7uirgmq] {
    width: 20px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
    opacity: 0.85;
    vertical-align: middle;
}

.comm-pos-badges[b-5oh7uirgmq] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.comm-pos-chip[b-5oh7uirgmq] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    line-height: 1.3;
}

/* Status chip (player) */

[b-5oh7uirgmq] .comm-status-chip {
    font-size: .6rem !important;
    height: 18px !important;
    padding: 0 6px !important;
    flex-shrink: 0;
}

/* Team meta (members + medals) */

.comm-team-meta[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.comm-meta-item[b-5oh7uirgmq] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: .7rem;
    color: var(--pcw-text-muted);
}

.comm-medals span[b-5oh7uirgmq] {
    font-size: .7rem;
}

/* Stat & form columns */

.comm-cell-stat[b-5oh7uirgmq] {
    text-align: center;
    font-size: .85rem;
    font-weight: 600;
    color: rgba(255,255,255,0.7);
}

.comm-cell-form[b-5oh7uirgmq] {
    display: flex;
    justify-content: center;
}

.comm-cell-trend[b-5oh7uirgmq] {
    text-align: center;
}

/* ── Empty State ──────────────────────────────────────── */

.comm-empty[b-5oh7uirgmq] {
    text-align: center;
    padding: 60px 24px;
    background: rgba(10, 14, 28, 0.5);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
}

/* ── Skeleton Rows ────────────────────────────────────── */

.comm-skeleton-row[b-5oh7uirgmq] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    gap: 12px;
}

.comm-skeleton-row:nth-child(even)[b-5oh7uirgmq] {
    background: rgba(255,255,255,0.015);
}

.comm-skeleton-avatar[b-5oh7uirgmq] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    animation: comm-pulse-b-5oh7uirgmq 1.4s infinite;
    grid-column: 1;
}

.comm-skeleton-text[b-5oh7uirgmq] {
    height: 14px;
    width: 60%;
    border-radius: 4px;
    background: rgba(255,255,255,0.06);
    animation: comm-pulse-b-5oh7uirgmq 1.4s infinite;
    animation-delay: .1s;
}

.comm-skeleton-stat[b-5oh7uirgmq] {
    height: 14px;
    width: 30px;
    margin: 0 auto;
    border-radius: 4px;
    background: rgba(255,255,255,0.06);
    animation: comm-pulse-b-5oh7uirgmq 1.4s infinite;
    animation-delay: .2s;
}

.comm-skeleton-form[b-5oh7uirgmq] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.comm-skeleton-badge[b-5oh7uirgmq] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: rgba(255,255,255,0.06);
    animation: comm-pulse-b-5oh7uirgmq 1.4s infinite;
    animation-delay: .3s;
}

@keyframes comm-pulse-b-5oh7uirgmq {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ── Fade-in animation ────────────────────────────────── */

.comm-fade-in[b-5oh7uirgmq] {
    animation: comm-fadein-b-5oh7uirgmq 0.35s ease-out;
}

@keyframes comm-fadein-b-5oh7uirgmq {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ───────────────────────────────────────── */

@media (max-width: 960px) {
    .comm-table-header[b-5oh7uirgmq],
    .comm-row[b-5oh7uirgmq],
    .comm-skeleton-row[b-5oh7uirgmq] {
        grid-template-columns: 1fr 50px 140px 40px;
        padding: 10px 12px;
    }

    .comm-pos-badges[b-5oh7uirgmq] {
        display: none;
    }

    [b-5oh7uirgmq] .comm-status-chip {
        display: none !important;
    }

    .comm-team-meta[b-5oh7uirgmq] {
        display: none;
    }
}

@media (max-width: 600px) {
    .comm-banner[b-5oh7uirgmq] {
        padding: 16px;
        flex-direction: column;
        text-align: center;
    }

    .comm-tabs[b-5oh7uirgmq] {
        justify-content: center;
    }

    .comm-tab[b-5oh7uirgmq] {
        padding: 8px 14px;
        font-size: .8rem;
    }

    .comm-toolbar-inner[b-5oh7uirgmq] {
        flex-direction: column;
        align-items: stretch;
    }

    .comm-toolbar-mobile-actions[b-5oh7uirgmq] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .comm-toolbar-search[b-5oh7uirgmq] {
        min-width: 100%;
    }

    .comm-toolbar-filter-group[b-5oh7uirgmq] {
        display: none;
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .comm-toolbar-filter-group--open[b-5oh7uirgmq] {
        display: flex;
    }

    .comm-toolbar-filter[b-5oh7uirgmq] {
        min-width: 100%;
        max-width: 100%;
    }

    .comm-toolbar-btn[b-5oh7uirgmq] {
        width: 100%;
    }

    /* Stack rows on mobile */
    .comm-table-header[b-5oh7uirgmq] {
        display: none;
    }

    .comm-row[b-5oh7uirgmq],
    .comm-skeleton-row[b-5oh7uirgmq] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 14px 14px;
        grid-template-columns: none;
    }

    .comm-cell-main[b-5oh7uirgmq] {
        width: 100%;
        flex-wrap: wrap;
    }

    .comm-cell-stat[b-5oh7uirgmq] {
        font-size: .75rem;
        min-width: 30px;
    }

    .comm-cell-stat[b-5oh7uirgmq]::before {
        content: "MP ";
        font-size: .6rem;
        font-weight: 700;
        color: rgba(255,255,255,0.3);
        text-transform: uppercase;
    }

    .comm-cell-form[b-5oh7uirgmq] {
        flex: 1;
    }

    .comm-cell-trend[b-5oh7uirgmq] {
        min-width: 30px;
    }

    .comm-skeleton-row[b-5oh7uirgmq] {
        display: flex;
    }

    .comm-skeleton-form[b-5oh7uirgmq] {
        flex: 1;
    }
}
/* /Pages/Community/CommunityRankings.razor.rz.scp.css */
.community-rankings-page[b-x8jtxqr4q5] {
    min-height: 100vh;
    padding: 24px 72px 72px;
    background: transparent;
    color: #f5f8fc;
    font-family: Inter, system-ui, sans-serif;
}

.community-rankings-hero[b-x8jtxqr4q5],
.community-rankings-panel[b-x8jtxqr4q5] {
    width: min(1720px, 100%);
    margin: 0 auto;
}

.community-rankings-hero[b-x8jtxqr4q5] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    min-height: 0;
    padding: 8px 0 22px;
    overflow: hidden;
}

.community-rankings-hero-copy[b-x8jtxqr4q5] {
    position: relative;
    z-index: 1;
}

.community-rankings-eyebrow[b-x8jtxqr4q5] {
    color: #00c2ff;
    font-weight: 900;
    letter-spacing: 0;
}

.community-rankings-title[b-x8jtxqr4q5] {
    margin: 4px 0 8px;
    color: #f5f8fc;
    font-family: Oxanium, Rajdhani, Inter, system-ui, sans-serif;
    font-size: 64px !important;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-x8jtxqr4q5] .community-rankings-title {
    margin: 4px 0 8px;
    color: #f5f8fc;
    font-family: Oxanium, Rajdhani, Inter, system-ui, sans-serif;
    font-size: 64px !important;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.community-rankings-subtitle[b-x8jtxqr4q5] {
    max-width: 780px;
    color: #b6c4dc;
}

.community-rankings-panel[b-x8jtxqr4q5] {
    padding: 32px;
    border: 1px solid rgba(0, 194, 255, 0.18);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7, 20, 38, 0.94), rgba(4, 14, 27, 0.98));
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
}

.community-rankings-tabs[b-x8jtxqr4q5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.community-rankings-tab[b-x8jtxqr4q5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 112px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    background: rgba(9, 22, 39, 0.84);
    color: #b6c4dc;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.community-rankings-tab--active[b-x8jtxqr4q5],
.community-rankings-tab:hover[b-x8jtxqr4q5] {
    border-color: rgba(139, 92, 246, 0.72);
    background: linear-gradient(135deg, rgba(47, 128, 255, 0.26), rgba(139, 92, 246, 0.34));
    box-shadow: 0 0 28px rgba(139, 92, 246, 0.25);
    color: #f5f8fc;
}

.community-rankings-toolbar[b-x8jtxqr4q5] {
    display: grid;
    grid-template-columns: minmax(240px, 1.2fr) minmax(190px, 1fr) minmax(190px, 1fr) 132px;
    gap: 12px;
    align-items: stretch;
    margin-top: 20px;
}

.community-rankings-toolbar--teams[b-x8jtxqr4q5] {
    grid-template-columns: minmax(240px, 1.2fr) minmax(190px, 1fr) minmax(190px, 1fr) 132px;
}

.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-input-control {
    margin: 0;
}

.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-input-root,
.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-select,
.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-button-root {
    min-height: 40px;
    font-size: 0.88rem;
}

.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-button-root {
    height: 40px;
    padding: 0 18px;
    border-radius: 6px;
}

.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-input-outlined-border {
    border-color: rgba(125, 160, 210, 0.18);
    border-radius: 6px;
}

.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-input-control:hover .mud-input-outlined-border,
.community-rankings-toolbar[b-x8jtxqr4q5]  .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: rgba(0, 194, 255, 0.58);
    box-shadow: 0 0 0 4px rgba(0, 194, 255, 0.16);
}

.community-rankings-table-wrap[b-x8jtxqr4q5] {
    margin-top: 24px;
}

.community-rankings-table[b-x8jtxqr4q5] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.community-rankings-table th[b-x8jtxqr4q5] {
    padding: 0 14px 4px;
    color: #7787a3;
    text-align: left;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.community-rankings-table th:first-child[b-x8jtxqr4q5],
.community-rankings-table td:first-child[b-x8jtxqr4q5] {
    width: 110px;
}

.community-rankings-table td[b-x8jtxqr4q5] {
    height: 70px;
    padding: 0 14px;
    border-top: 1px solid rgba(125, 160, 210, 0.13);
    border-bottom: 1px solid rgba(125, 160, 210, 0.13);
    background: rgba(9, 22, 39, 0.84);
    color: #f5f8fc;
    font-size: 15px;
    font-weight: 650;
    line-height: 20px;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.community-rankings-table tr:hover td[b-x8jtxqr4q5] {
    border-color: rgba(0, 194, 255, 0.32);
    background: #102844;
    transform: translateX(2px);
}

.community-rankings-table td:first-child[b-x8jtxqr4q5] {
    border-left: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 12px 0 0 12px;
}

.community-rankings-table td:last-child[b-x8jtxqr4q5] {
    border-right: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 0 12px 12px 0;
}

.community-rankings-table--players[b-x8jtxqr4q5] {
    table-layout: fixed;
}

.community-rankings-table--players th:nth-child(2)[b-x8jtxqr4q5],
.community-rankings-table--players td:nth-child(2)[b-x8jtxqr4q5],
.community-rankings-table--teams th:nth-child(2)[b-x8jtxqr4q5],
.community-rankings-table--teams td:nth-child(2)[b-x8jtxqr4q5] {
    width: 32%;
}

.community-rankings-sort[b-x8jtxqr4q5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.community-rankings-sort--active[b-x8jtxqr4q5] {
    color: #00c2ff;
}

.community-rankings-sort[b-x8jtxqr4q5]  .mud-icon-root {
    width: 16px;
    height: 16px;
}

.community-rankings-rank[b-x8jtxqr4q5] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 10px;
    color: #f5f8fc;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.community-rankings-rank--first[b-x8jtxqr4q5] {
    border-color: #ffc700;
    color: #ffc700;
    box-shadow: 0 0 28px rgba(255, 199, 0, 0.25);
}

.community-rankings-rank--second[b-x8jtxqr4q5] {
    border-color: #a7b7d3;
    color: #d8e2f4;
}

.community-rankings-rank--third[b-x8jtxqr4q5] {
    border-color: #c97a2b;
    color: #ff9f43;
}

.community-rankings-rank[b-x8jtxqr4q5]  .mud-icon-root {
    width: 19px;
    height: 19px;
}

.community-rankings-identity[b-x8jtxqr4q5] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.community-rankings-identity img[b-x8jtxqr4q5],
.community-rankings-avatar[b-x8jtxqr4q5] {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(125, 160, 210, 0.22);
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}

.community-rankings-avatar[b-x8jtxqr4q5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #123a62, #1b2f51);
    color: #f5f8fc;
    font-weight: 900;
}

.community-rankings-avatar--player[b-x8jtxqr4q5] {
    background: linear-gradient(135deg, rgba(47, 128, 255, 0.65), rgba(139, 92, 246, 0.6));
}

.community-rankings-identity strong[b-x8jtxqr4q5],
.community-rankings-identity small[b-x8jtxqr4q5] {
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.community-rankings-identity strong[b-x8jtxqr4q5] {
    color: #f5f8fc;
}

.community-rankings-identity small[b-x8jtxqr4q5] {
    color: #7787a3;
    font-size: 0.78rem;
}

.community-rankings-number[b-x8jtxqr4q5] {
    text-align: center;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.community-rankings-number--blue[b-x8jtxqr4q5] {
    color: #2f80ff;
}

.community-rankings-score[b-x8jtxqr4q5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 199, 0, 0.32);
    border-radius: 999px;
    background: rgba(255, 199, 0, 0.08);
    color: #ffc700;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.community-rankings-action[b-x8jtxqr4q5],
.community-rankings-icon-action[b-x8jtxqr4q5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid rgba(0, 194, 255, 0.35);
    border-radius: 10px;
    color: #00c2ff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.community-rankings-action[b-x8jtxqr4q5] {
    padding: 0 16px;
}

.community-rankings-icon-action[b-x8jtxqr4q5] {
    width: 38px;
}

.community-rankings-action:hover[b-x8jtxqr4q5],
.community-rankings-icon-action:hover[b-x8jtxqr4q5] {
    border-color: rgba(0, 194, 255, 0.58);
    background: rgba(0, 194, 255, 0.1);
}

.community-rankings-mobile-list[b-x8jtxqr4q5] {
    display: none;
}

.community-rankings-card[b-x8jtxqr4q5] {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 16px;
    background: rgba(9, 22, 39, 0.92);
    color: inherit;
    text-decoration: none;
}

.community-rankings-card-head[b-x8jtxqr4q5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.community-rankings-stat-grid[b-x8jtxqr4q5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.community-rankings-stat-grid--teams[b-x8jtxqr4q5] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.community-rankings-stat[b-x8jtxqr4q5] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 10px 8px;
    border-radius: 10px;
    background: rgba(10, 25, 45, 0.82);
    text-align: center;
}

.community-rankings-stat strong[b-x8jtxqr4q5] {
    color: #f5f8fc;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.community-rankings-stat small[b-x8jtxqr4q5] {
    color: #7787a3;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.community-rankings-contributions[b-x8jtxqr4q5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.community-rankings-contributions span[b-x8jtxqr4q5] {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(0, 194, 255, 0.1);
    color: #b6c4dc;
    font-size: 0.72rem;
    font-weight: 800;
}

.community-rankings-pager[b-x8jtxqr4q5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
    color: #7787a3;
    font-size: 0.88rem;
    font-weight: 800;
}

.community-rankings-state[b-x8jtxqr4q5] {
    display: grid;
    place-items: center;
    gap: 10px;
    margin-top: 24px;
    padding: 38px 18px;
    border: 1px dashed rgba(125, 160, 210, 0.22);
    border-radius: 16px;
    background: rgba(9, 22, 39, 0.74);
    color: #b6c4dc;
    text-align: center;
}

.community-rankings-state strong[b-x8jtxqr4q5] {
    color: #f5f8fc;
    font-size: 1.08rem;
}

.community-rankings-state button[b-x8jtxqr4q5] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(0, 194, 255, 0.42);
    border-radius: 10px;
    background: rgba(0, 194, 255, 0.1);
    color: #00c2ff;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
}

.community-rankings-state--error[b-x8jtxqr4q5] {
    border-color: rgba(239, 68, 68, 0.28);
}

.community-rankings-state--error[b-x8jtxqr4q5]  .mud-icon-root {
    color: #ef4444;
}

.community-rankings-skeleton[b-x8jtxqr4q5] {
    display: grid;
    gap: 10px;
    margin-top: 24px;
}

.community-rankings-skeleton-row[b-x8jtxqr4q5] {
    display: grid;
    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
    gap: 14px;
    min-height: 70px;
    padding: 16px;
    border: 1px solid rgba(125, 160, 210, 0.13);
    border-radius: 12px;
    background: rgba(9, 22, 39, 0.84);
}

.community-rankings-skeleton-row span[b-x8jtxqr4q5] {
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(125, 160, 210, 0.08), rgba(125, 160, 210, 0.2), rgba(125, 160, 210, 0.08));
    background-size: 220% 100%;
    animation: rankingsSkeleton-b-x8jtxqr4q5 1.4s ease-in-out infinite;
}

@keyframes rankingsSkeleton-b-x8jtxqr4q5 {
    to {
        background-position: -220% 0;
    }
}

@media (max-width: 1100px) {
    .community-rankings-page[b-x8jtxqr4q5] {
        padding: 20px 32px 58px;
    }

    .community-rankings-title[b-x8jtxqr4q5] {
        font-size: 48px !important;
    }

    [b-x8jtxqr4q5] .community-rankings-title {
        font-size: 48px !important;
    }

    .community-rankings-toolbar[b-x8jtxqr4q5],
    .community-rankings-toolbar--teams[b-x8jtxqr4q5] {
        grid-template-columns: 1fr 1fr;
    }

    .community-rankings-toolbar[b-x8jtxqr4q5]  .mud-button-root {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .community-rankings-page[b-x8jtxqr4q5] {
        padding: 14px 16px 44px;
    }

    .community-rankings-hero[b-x8jtxqr4q5] {
        min-height: 0;
        padding: 4px 0 16px;
    }

    .community-rankings-title[b-x8jtxqr4q5] {
        font-size: 38px !important;
    }

    [b-x8jtxqr4q5] .community-rankings-title {
        font-size: 38px !important;
    }

    .community-rankings-panel[b-x8jtxqr4q5] {
        padding: 16px;
        border-radius: 16px;
    }

    .community-rankings-tabs[b-x8jtxqr4q5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .community-rankings-tab[b-x8jtxqr4q5] {
        min-width: 0;
        height: 40px;
        padding: 0 10px;
    }

    .community-rankings-toolbar[b-x8jtxqr4q5],
    .community-rankings-toolbar--teams[b-x8jtxqr4q5] {
        grid-template-columns: 1fr;
    }

    .community-rankings-toolbar[b-x8jtxqr4q5]  .mud-button-root {
        grid-column: auto;
    }

    .community-rankings-table-wrap[b-x8jtxqr4q5] {
        display: none;
    }

    .community-rankings-mobile-list[b-x8jtxqr4q5] {
        display: grid;
        gap: 12px;
        margin-top: 20px;
    }

    .community-rankings-pager[b-x8jtxqr4q5] {
        display: grid;
        justify-items: center;
        text-align: center;
    }

    .community-rankings-skeleton-row[b-x8jtxqr4q5] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 430px) {
    .community-rankings-stat-grid[b-x8jtxqr4q5],
    .community-rankings-stat-grid--teams[b-x8jtxqr4q5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .community-rankings-card-head[b-x8jtxqr4q5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .community-rankings-card-head[b-x8jtxqr4q5] >  .mud-icon-root {
        display: none;
    }
}
/* /Pages/Community/TransferMarket.razor.rz.scp.css */
/* ── Transfer Market Page ───────────────────────────────── */

/* ── Hero Banner ──────────────────────────────────────── */

.tm-page-shell[b-wzu7ve89yv] {
    position: relative;
}

.tm-banner[b-wzu7ve89yv] {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 18px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(102,0,187,0.2);
    padding: 36px 32px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

.tm-banner[b-wzu7ve89yv]::after {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(102,0,187,0.25) 0%, transparent 70%);
    pointer-events: none;
}

.tm-banner-icon[b-wzu7ve89yv] {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Tabs row (tabs + CTA) ─────────────────────────────── */

.tm-tabs-row[b-wzu7ve89yv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255,255,255,0.06);
}

/* ── Tabs ──────────────────────────────────────────────── */

.tm-tabs[b-wzu7ve89yv] {
    display: flex;
    gap: 0;
    padding-bottom: 0;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.tm-tabs[b-wzu7ve89yv]::-webkit-scrollbar {
    display: none;
}

.tm-tab[b-wzu7ve89yv] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    padding: 12px 24px;
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.45);
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    letter-spacing: .02em;
    white-space: nowrap;
    transition: color 0.2s, border-color 0.2s;
}

.tm-tab:hover[b-wzu7ve89yv] {
    color: rgba(255,255,255,0.8);
}

.tm-tab--active[b-wzu7ve89yv] {
    color: #fff;
    border-bottom-color: #00c8ff;
    text-shadow: 0 0 12px rgba(0,200,255,0.35);
}

.tm-tab-count[b-wzu7ve89yv] {
    background: rgba(0,200,255,0.15);
    color: #00c8ff;
    font-size: .68rem;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 2px;
    border: 1px solid rgba(0,200,255,0.25);
}

/* ── CTA button in tabs row ─────────────────────────────── */

.tm-mobile-tab-bar[b-wzu7ve89yv] {
    display: none;
}

.tm-mobile-tab[b-wzu7ve89yv] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 7px 4px 5px;
    color: rgba(255,255,255,0.38);
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    transition: color 0.2s, border-color 0.2s;
    -webkit-tap-highlight-color: transparent;
}

.tm-mobile-tab:active[b-wzu7ve89yv] {
    color: rgba(255,255,255,0.65);
}

.tm-mobile-tab--active[b-wzu7ve89yv] {
    color: #00c8ff;
    border-top-color: #00c8ff;
}

.tm-mobile-tab span[b-wzu7ve89yv] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-post-cta[b-wzu7ve89yv] {
    flex-shrink: 0;
    white-space: nowrap;
    margin-bottom: 4px;
}

.tm-top-actions[b-wzu7ve89yv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}

/* Manage listings */

.tm-manage-shell[b-wzu7ve89yv] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(102, 0, 187, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(13, 18, 38, 0.96), rgba(8, 13, 22, 0.98));
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}

.tm-manage-head[b-wzu7ve89yv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.tm-manage-tabs[b-wzu7ve89yv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tm-manage-tab[b-wzu7ve89yv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.64);
    font-weight: 800;
    cursor: pointer;
}

.tm-manage-tab .mud-icon-root[b-wzu7ve89yv] {
    font-size: 1rem;
}

.tm-manage-tab--active[b-wzu7ve89yv] {
    color: #fff;
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.12);
}

.tm-manage-team-picker[b-wzu7ve89yv] {
    max-width: 420px;
}

.tm-manage-empty[b-wzu7ve89yv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 42px 20px;
    color: var(--pcw-text-muted);
    text-align: center;
    border: 1px dashed rgba(255,255,255,0.14);
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
}

.tm-manage-empty--auth[b-wzu7ve89yv] {
    min-height: 260px;
    justify-content: center;
}

.tm-manage-empty-actions[b-wzu7ve89yv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 4px;
}

/* ── Toolbar / Search panel ───────────────────────────── */

.tm-toolbar[b-wzu7ve89yv] {
    background: rgba(10,14,28,0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.tm-toolbar-inner[b-wzu7ve89yv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.tm-toolbar-search[b-wzu7ve89yv] {
    flex: 1 1 240px;
    min-width: 180px;
}

.tm-toolbar-filter[b-wzu7ve89yv] {
    flex-shrink: 0;
}

.tm-toolbar-filter--sm[b-wzu7ve89yv] {
    width: 130px;
}

.tm-toolbar-filter--md[b-wzu7ve89yv] {
    width: 170px;
}

.tm-discord-filter[b-wzu7ve89yv] {
    min-width: 150px;
    color: rgba(255,255,255,0.74);
}

.tm-country-option[b-wzu7ve89yv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tm-toolbar-btn[b-wzu7ve89yv] {
    flex-shrink: 0;
    min-width: 100px;
}

/* ── Cards grid ────────────────────────────────────────── */

.tm-grid[b-wzu7ve89yv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 294px));
    gap: 18px;
    justify-content: start;
}

@media (max-width: 600px) {
    .tm-page-shell[b-wzu7ve89yv] {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 18px);
    }

    .tm-grid[b-wzu7ve89yv] {
        grid-template-columns: 1fr;
    }

    .tm-manage-head[b-wzu7ve89yv] {
        align-items: stretch;
        flex-direction: column;
    }

    .tm-tabs-row[b-wzu7ve89yv] {
        align-items: stretch;
        flex-direction: column;
        max-width: 100%;
        overflow: visible;
        border-bottom: none;
        margin-bottom: 16px;
    }

    .tm-tabs[b-wzu7ve89yv] {
        display: none;
        width: 100%;
        max-width: 100%;
    }

    .tm-tab[b-wzu7ve89yv] {
        padding: 12px 18px;
    }

    .tm-top-actions[b-wzu7ve89yv] {
        justify-content: flex-start;
    }

    .tm-mobile-tab-bar[b-wzu7ve89yv] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1200;
        display: flex;
        background: rgba(10, 15, 26, 0.98);
        border-top: 1px solid rgba(0, 200, 255, 0.12);
        box-shadow: 0 -12px 28px rgba(0,0,0,0.36);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

/* ── Fade in ────────────────────────────────────────────── */

.tm-fade-in[b-wzu7ve89yv] {
    animation: tmFadeIn 0.25s ease-out;
}


/* /Pages/Feedback.razor.rz.scp.css */
.feedback-page[b-fndu0a10f6] {
    color: rgba(255, 255, 255, 0.92);
}

.feedback-hero[b-fndu0a10f6] {
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
    padding: 24px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.feedback-hero span[b-fndu0a10f6] {
    color: var(--pcw-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.feedback-hero h1[b-fndu0a10f6] {
    margin: 0;
}

.feedback-hero p[b-fndu0a10f6],
.feedback-section-copy[b-fndu0a10f6] {
    max-width: 760px;
    margin: 0;
    color: var(--pcw-text-muted);
    line-height: 1.6;
}

.feedback-submit-panel[b-fndu0a10f6] {
    margin-bottom: 24px;
    padding: 18px;
    border: 1px solid rgba(0, 200, 255, 0.15);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.feedback-section-title[b-fndu0a10f6] {
    margin: 0 0 6px;
    color: var(--pcw-accent);
    font-size: 1.1rem;
    font-weight: 800;
}

.feedback-section-copy[b-fndu0a10f6] {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .feedback-hero[b-fndu0a10f6],
    .feedback-submit-panel[b-fndu0a10f6] {
        padding: 18px;
    }
}
/* /Pages/Home.razor.rz.scp.css */
    /* ─── Loading ──────────────────────────────────────────────── */
    .dash-loading[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 240px;
    }

    /* ─── 1. Header ─────────────────────────────────────────────── */
    .dash-header[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 28px 32px;
        margin-bottom: 24px;
        border-radius: 16px;
        background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
        min-height: 88px;
    }

    .dash-header-title[b-8m9azyrokb] {
        font-weight: 900 !important;
        letter-spacing: 2px;
        color: #fff !important;
        text-transform: uppercase;
    }

    .dash-header-btn[b-8m9azyrokb] {
        border-radius: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 1px;
    }

    /* ─── 2. Main grid ───────────────────────────────────────────── */
    .dash-main-grid[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: minmax(280px, 0.85fr) minmax(560px, 2fr) minmax(340px, 0.85fr);
        gap: 24px;
        align-items: stretch;
        margin-bottom: 24px;
    }

    .dash-main-grid--team-layout .dash-left-col[b-8m9azyrokb] {
        display: contents;
    }

    .dash-main-grid--team-layout .dash-team-row[b-8m9azyrokb] {
        display: contents;
    }

    .dash-main-grid--team-layout .dash-team-card[b-8m9azyrokb] {
        grid-column: 1;
    }

    .dash-main-grid--team-layout .dash-team-side-card[b-8m9azyrokb] {
        grid-column: 2;
    }

    .dash-main-grid--team-layout .dash-right-col[b-8m9azyrokb] {
        grid-column: 3;
        display: flex;
        align-self: stretch;
        min-height: 0;
    }

    .dash-main-grid--showcase .dash-left-col[b-8m9azyrokb] {
        display: contents;
    }

    .dash-main-grid--showcase .dash-next-tournament[b-8m9azyrokb] {
        grid-column: 1 / -1;
    }

    .dash-main-grid--showcase .dash-left-col > :not(.dash-next-tournament)[b-8m9azyrokb] {
        grid-column: 1 / 3;
    }

    .dash-main-grid--showcase .dash-team-row[b-8m9azyrokb] {
        display: contents;
    }

    .dash-main-grid--showcase .dash-team-card[b-8m9azyrokb] {
        grid-column: 1;
        grid-row: 2;
    }

    .dash-main-grid--showcase .dash-team-side-card[b-8m9azyrokb] {
        grid-column: 2;
        grid-row: 2;
    }

    .dash-main-grid--showcase .dash-right-col[b-8m9azyrokb] {
        grid-column: 3;
        grid-row: 2;
        display: flex;
        align-self: stretch;
        min-height: 0;
    }

    .dash-left-col[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 0;
    }

    .dash-right-col[b-8m9azyrokb] {
        min-width: 0;
    }

    /* ─── Next tournament card ───────────────────────────────────── */
    .dash-next-tournament[b-8m9azyrokb] {
        --dash-hero-image: url('/images/dashboard/dashboard-hero-esports-1.webp');
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        min-height: clamp(330px, 23.4vw, 410px);
        padding: clamp(30px, 3.5vw, 56px) clamp(28px, 4.4vw, 72px);
        text-align: left;
        background-color: #030712;
        background-image:
            linear-gradient(90deg, rgba(3, 7, 18, 0.98) 0%, rgba(3, 7, 18, 0.9) 30%, rgba(3, 7, 18, 0.38) 58%, rgba(3, 7, 18, 0.08) 100%),
            linear-gradient(180deg, rgba(4, 9, 20, 0.22) 0%, rgba(3, 7, 18, 0.38) 100%),
            var(--dash-hero-image),
            radial-gradient(circle at 76% 44%, rgba(0, 146, 255, 0.34), transparent 34%),
            radial-gradient(circle at 18% 112%, rgba(0, 200, 255, 0.16), transparent 36%),
            linear-gradient(180deg, #050914 0%, #07122b 46%, #030712 100%);
        background-position: center, center, center right, center, center, center;
        background-size: cover;
        background-repeat: no-repeat;
        border: 1px solid rgba(0, 149, 255, 0.34);
        border-radius: 10px;
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34), inset 0 0 52px rgba(0, 120, 255, 0.08);
    }

    .dash-hero-bg-1[b-8m9azyrokb] {
        --dash-hero-image: url('/images/dashboard/dashboard-hero-esports-1.webp');
    }

    .dash-hero-bg-2[b-8m9azyrokb] {
        --dash-hero-image: url('/images/dashboard/dashboard-hero-esports-2.webp');
    }

    .dash-hero-bg-3[b-8m9azyrokb] {
        --dash-hero-image: url('/images/dashboard/dashboard-hero-esports-3.webp');
    }

    .dash-next-tournament[b-8m9azyrokb]::before,
    .dash-next-tournament[b-8m9azyrokb]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    .dash-next-tournament[b-8m9azyrokb]::before {
        background:
            radial-gradient(ellipse at 74% 0%, rgba(25, 79, 180, 0.34), transparent 58%);
    }

    .dash-next-tournament[b-8m9azyrokb]::after {
        border-bottom: 1px solid rgba(0, 200, 255, 0.42);
        box-shadow: inset 0 -1px 0 rgba(0, 200, 255, 0.14);
    }

    .dash-next-tournament > *[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
    }

    .dash-nt-content[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: min(48vw, 680px);
        min-width: 500px;
    }

    .dash-next-tournament--active[b-8m9azyrokb] {
        min-height: clamp(320px, 22vw, 390px);
    }

    .dash-nt-empty[b-8m9azyrokb] {
        min-height: 180px;
        opacity: 0.7;
    }

    .dash-nt-eyebrow[b-8m9azyrokb] {
        margin-left: 4px;
        margin-bottom: 8px;
        font-size: clamp(0.68rem, 0.74vw, 0.82rem);
        font-weight: 900;
        letter-spacing: clamp(5px, 0.72vw, 9px);
        color: #13cfff;
        text-transform: uppercase;
        text-shadow: 0 0 18px rgba(0, 200, 255, 0.52);
    }

    .dash-nt-title[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-weight: 900;
        line-height: 0.88;
        letter-spacing: 0;
        text-transform: uppercase;
        text-shadow: 0 0 18px rgba(0, 114, 255, 0.42), 0 4px 0 rgba(0, 0, 0, 0.16);
    }

    .dash-nt-title-top[b-8m9azyrokb] {
        font-size: clamp(3.1rem, 5.45vw, 6.75rem);
        color: #fff;
    }

    .dash-nt-title-main[b-8m9azyrokb] {
        font-size: clamp(3.2rem, 5.8vw, 7.2rem);
        color: #ffffff;
        text-shadow:
            0 0 18px rgba(0, 149, 255, 0.18),
            0 4px 0 rgba(0, 0, 0, 0.18);
    }

    .dash-nt-name[b-8m9azyrokb] {
        position: relative;
        display: flex;
        align-items: center;
        align-self: flex-start;
        justify-content: flex-start;
        margin: 14px 0 16px;
        width: max-content;
        max-width: min(82vw, 960px);
        font-size: clamp(0.82rem, 1.1vw, 1.24rem);
        color: #02d5ff;
        font-weight: 900;
        letter-spacing: clamp(4px, 0.5vw, 9px);
        text-transform: uppercase;
        text-shadow: 0 0 22px rgba(0, 200, 255, 0.48);
        line-height: 1.28;
        text-align: left;
        white-space: nowrap;
    }

    .dash-nt-name-text[b-8m9azyrokb] {
        min-width: 0;
        white-space: nowrap;
    }

    .dash-nt-name[b-8m9azyrokb]::before {
        display: none;
    }

    .dash-nt-name[b-8m9azyrokb]::after {
        content: "";
        position: absolute;
        left: calc(100% + clamp(12px, 1vw, 18px));
        top: 50%;
        width: clamp(32px, 5.5vw, 78px);
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(0, 200, 255, 0.75), transparent);
        transform: translateY(-50%);
    }

    .dash-nt-live-chip[b-8m9azyrokb] {
        margin-top: 14px;
        padding: 6px 14px;
        border: 1px solid rgba(38, 220, 132, 0.45);
        border-radius: 999px;
        background: rgba(38, 220, 132, 0.12);
        color: #31f096;
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .dash-nt-meta[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 20px;
        color: rgba(236, 244, 255, 0.72);
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    .dash-nt-btn[b-8m9azyrokb] {
        min-width: clamp(180px, 17vw, 226px);
        height: 44px;
        position: relative;
        overflow: hidden;
        border-radius: 8px !important;
        color: #ffffff !important;
        font-size: 0.78rem !important;
        font-weight: 1000 !important;
        letter-spacing: 1.6px;
        margin-top: 4px;
        border: 1px solid rgba(27, 202, 255, 0.92) !important;
        background: linear-gradient(90deg, rgba(17, 189, 251, 0.12), rgba(204, 77, 255, 0.18)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(204, 77, 255, 0.42),
            0 0 22px rgba(17, 189, 251, 0.18),
            0 0 42px rgba(204, 77, 255, 0.12) !important;
        transition:
            border-color 0.18s ease,
            box-shadow 0.18s ease,
            transform 0.18s ease,
            background 0.18s ease;
    }

    .dash-nt-btn[b-8m9azyrokb]::before {
        content: "";
        position: absolute;
        inset: -1px;
        background: linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.22) 48%, transparent 62% 100%);
        opacity: 0;
        transform: translateX(-70%);
        transition: opacity 0.18s ease, transform 0.55s ease;
        pointer-events: none;
    }

    .dash-nt-btn:hover[b-8m9azyrokb],
    .dash-nt-btn:focus-visible[b-8m9azyrokb] {
        border-color: rgba(255, 255, 255, 0.9) !important;
        background: linear-gradient(90deg, rgba(17, 189, 251, 0.18), rgba(204, 77, 255, 0.26)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(204, 77, 255, 0.52),
            0 0 24px rgba(17, 189, 251, 0.26),
            0 0 52px rgba(204, 77, 255, 0.2) !important;
        transform: translateY(-1px);
    }

    .dash-nt-btn:hover[b-8m9azyrokb]::before,
    .dash-nt-btn:focus-visible[b-8m9azyrokb]::before {
        opacity: 1;
        transform: translateX(72%);
    }

    [b-8m9azyrokb] .dash-nt-btn .mud-button-label,
    [b-8m9azyrokb] .dash-nt-btn .mud-icon-root {
        position: relative;
        z-index: 1;
    }

    .dash-next-tournament[b-8m9azyrokb]  .dash-countdown {
        align-self: stretch;
        width: 100%;
        margin: 0 0 18px;
        grid-template-columns: repeat(4, minmax(104px, 1fr));
    }

    .dash-next-tournament[b-8m9azyrokb]  .dash-countdown-unit {
        min-height: clamp(76px, 5.8vw, 96px);
        border-radius: 6px;
    }

    .dash-next-tournament[b-8m9azyrokb]  .dash-countdown-val {
        font-size: clamp(2.2rem, 3vw, 3.18rem);
    }

    /* ─── Team row ──────────────────────────────────────────────── */
    .dash-team-row[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: minmax(250px, .55fr) minmax(520px, 1.45fr);
        gap: 16px;
        flex: 1;
        min-height: 0;
        align-items: stretch;
    }

    .dash-team-side-card[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 18px;
        height: 100%;
        min-height: 430px;
        min-width: 0;
        box-sizing: border-box;
    }

    .dash-side-tabs[b-8m9azyrokb] {
        display: flex;
        gap: 0;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .dash-side-tabs button[b-8m9azyrokb] {
        padding: 6px 14px;
        border: 0;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        background: transparent;
        color: rgba(255,255,255,0.45);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0;
        cursor: pointer;
    }

    .dash-side-tabs button.active[b-8m9azyrokb],
    .dash-side-tabs button:hover[b-8m9azyrokb] {
        color: #00c8ff;
        border-bottom-color: #00c8ff;
    }

    .dash-upcoming-lineups[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 10px;
        border: 1px solid rgba(0, 200, 255, 0.18);
        border-radius: 8px;
        background: linear-gradient(135deg, rgba(0, 200, 255, 0.08), rgba(255, 255, 255, 0.03));
    }

    .dash-upcoming-lineups-title[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 7px;
        color: rgba(220, 246, 255, 0.88);
        font-size: 0.76rem;
        font-weight: 900;
    }

    .dash-upcoming-lineups-title .mud-icon-root[b-8m9azyrokb] {
        color: #00c8ff;
        font-size: 17px;
    }

    .dash-upcoming-lineup-row[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .dash-upcoming-lineup-main[b-8m9azyrokb] {
        display: grid;
        gap: 1px;
        flex: 1;
        min-width: 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 7px;
        background: rgba(3, 10, 18, 0.52);
        color: inherit;
        cursor: pointer;
        text-align: left;
        font: inherit;
    }

    .dash-upcoming-lineup-main:hover[b-8m9azyrokb],
    .dash-upcoming-lineup-main:focus-visible[b-8m9azyrokb] {
        border-color: rgba(0, 200, 255, 0.46);
        outline: none;
    }

    .dash-upcoming-lineup-main strong[b-8m9azyrokb],
    .dash-upcoming-lineup-main span[b-8m9azyrokb],
    .dash-upcoming-lineup-main small[b-8m9azyrokb] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dash-upcoming-lineup-main strong[b-8m9azyrokb] {
        color: #fff;
        font-size: 0.78rem;
    }

    .dash-upcoming-lineup-main span[b-8m9azyrokb] {
        color: #00c8ff;
        font-size: 0.68rem;
        font-weight: 800;
    }

    .dash-upcoming-lineup-main small[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.46);
        font-size: 0.64rem;
    }

    .dash-upcoming-lineup-remove[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.58) !important;
    }

    .dash-members-pane[b-8m9azyrokb] {
        min-height: 180px;
    }

    .dash-calendar-pane[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
        min-height: 0;
    }

    .dash-calendar-actions[b-8m9azyrokb] {
        display: flex;
        justify-content: flex-end;
    }

    .dash-pcw-calendar[b-8m9azyrokb] {
        --pcw-calendar-day-min-height: 86px;
        --pcw-calendar-entry-compact-min-height: 26px;
        min-height: 0;
    }

    .dash-pcw-calendar--fixtures[b-8m9azyrokb] {
        --pcw-calendar-day-min-height: 76px;
        --pcw-calendar-entry-compact-min-height: 26px;
    }

    .dash-calendar-toolbar[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .dash-calendar-nav-btn[b-8m9azyrokb] {
        width: 28px !important;
        height: 28px !important;
        padding: 2px !important;
        color: rgba(190, 235, 255, 0.86) !important;
        border: 1px solid rgba(0, 200, 255, 0.24) !important;
        border-radius: 6px !important;
        background: rgba(0, 200, 255, 0.08) !important;
        flex-shrink: 0;
    }

    .dash-calendar-title[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        line-height: 1.1;
    }

    .dash-calendar-title span[b-8m9azyrokb] {
        color: #00c8ff;
        font-size: 0.82rem;
        font-weight: 800;
    }

    .dash-calendar-title small[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.42);
        font-size: 0.66rem;
        font-weight: 700;
    }

    .dash-calendar-weekdays[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 1px;
        color: rgba(255, 255, 255, 0.44);
        font-size: 0.58rem;
        font-weight: 800;
        text-align: center;
        text-transform: uppercase;
    }

    .dash-calendar-grid[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(132px, 1fr));
        gap: 1px;
        flex: 1;
        min-height: 420px;
        border: 1px solid rgba(0, 200, 255, 0.14);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(0, 200, 255, 0.08);
    }

    .dash-calendar-day[b-8m9azyrokb] {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-width: 0;
        min-height: 0;
        padding: 6px 7px;
        overflow: hidden;
        background: linear-gradient(145deg, rgba(18, 24, 38, 0.96), rgba(13, 18, 30, 0.96));
    }

    .dash-calendar-day.has-event[b-8m9azyrokb] {
        background: linear-gradient(145deg, rgba(19, 30, 47, 0.98), rgba(14, 20, 32, 0.98));
        box-shadow: inset 0 0 0 1px rgba(0, 200, 255, 0.16);
    }

    .dash-calendar-day.is-today[b-8m9azyrokb] {
        box-shadow: inset 0 0 0 1px rgba(0, 200, 255, 0.78);
    }

    .dash-calendar-day-top[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
    }

    .dash-calendar-day-number[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.8rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
    }

    .dash-calendar-more[b-8m9azyrokb] {
        position: relative;
        z-index: 2;
        padding: 0;
        border: 0;
        background: transparent;
        color: rgba(0, 200, 255, 0.95);
        font-size: 0.56rem;
        font-weight: 900;
        cursor: pointer;
        line-height: 1;
    }

    .dash-calendar-more:hover[b-8m9azyrokb] {
        color: #fff;
    }

    .dash-calendar-events[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-height: 0;
        overflow: hidden;
    }

    .dash-calendar-event[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 1px;
        width: 100%;
        min-width: 0;
        min-height: 32px;
        padding: 5px 7px;
        border-radius: 7px;
        border: 1px solid rgba(136, 163, 198, 0.26);
        background: linear-gradient(135deg, rgba(11, 22, 35, 0.96), rgba(7, 12, 22, 0.96));
        box-shadow: none;
        appearance: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        text-align: left;
        overflow: hidden;
    }

    .dash-calendar-event:hover[b-8m9azyrokb],
    .dash-calendar-event:focus-visible[b-8m9azyrokb] {
        border-color: rgba(0, 200, 255, 0.55);
        background: linear-gradient(135deg, rgba(15, 31, 48, 0.98), rgba(7, 13, 24, 0.98));
        outline: none;
    }

    .dash-calendar-event > span[b-8m9azyrokb] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dash-calendar-event > span[b-8m9azyrokb] {
        color: #fff;
        font-size: 0.62rem;
        font-weight: 900;
        line-height: 1.12;
    }

    .dash-calendar-event small[b-8m9azyrokb] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.56rem;
        font-weight: 800;
        line-height: 1.1;
    }

    .dash-calendar-event--request[b-8m9azyrokb] {
        border-color: rgba(255, 184, 77, 0.42);
        background: rgba(255, 184, 77, 0.14);
    }

    .dash-calendar-event--platform[b-8m9azyrokb] {
        border-color: rgba(156, 102, 255, 0.42);
        background: rgba(156, 102, 255, 0.14);
    }

    .dash-calendar-event--fixture[b-8m9azyrokb] {
        min-height: 66px;
        padding: 7px 8px;
        border-color: rgba(136, 163, 198, 0.38);
        border-radius: 9px;
        background:
            radial-gradient(circle at 100% 116%, rgba(0, 200, 255, 0.38), transparent 38%),
            linear-gradient(135deg, rgba(17, 29, 45, 0.98), rgba(8, 13, 24, 0.98));
    }

    .dash-calendar-event--fixture[b-8m9azyrokb]::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(115deg, rgba(255, 255, 255, 0.055), transparent 42%),
            linear-gradient(90deg, rgba(0, 200, 255, 0.07), transparent 32%, transparent 70%, rgba(0, 200, 255, 0.08));
        opacity: 0.72;
        pointer-events: none;
    }

    .dash-calendar-event--fixture:hover[b-8m9azyrokb]::before,
    .dash-calendar-event--fixture:focus-visible[b-8m9azyrokb]::before {
        opacity: 0.82;
    }

    .dash-calendar-match[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
        gap: 3px;
        width: 100%;
        min-width: 0;
    }

    .dash-calendar-match-team[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: center;
        gap: 5px;
        min-width: 0;
    }

    .dash-calendar-match-team--away[b-8m9azyrokb] {
        grid-template-columns: minmax(0, 1fr) 20px;
        text-align: right;
    }

    .dash-calendar-team-logo[b-8m9azyrokb] {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        object-fit: contain;
        padding: 2px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(136, 163, 198, 0.36);
        flex-shrink: 0;
    }

    .dash-calendar-team-logo--placeholder[b-8m9azyrokb] {
        display: inline-grid;
        place-items: center;
        color: #fff;
        font-size: 0.5rem;
        font-weight: 900;
        line-height: 1;
        background:
            radial-gradient(circle at 50% 20%, rgba(0, 200, 255, 0.3), transparent 56%),
            rgba(4, 17, 28, 0.92);
    }

    .dash-calendar-team-logo--shield .mud-icon-root[b-8m9azyrokb] {
        font-size: 13px !important;
        color: #00c8ff;
    }

    .dash-calendar-team-name[b-8m9azyrokb] {
        min-width: 0;
        overflow: hidden;
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.62rem;
        font-weight: 900;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dash-calendar-match-center[b-8m9azyrokb] {
        justify-self: center;
        color: #36c8ff;
        font-size: 0.54rem;
        font-weight: 1000;
        letter-spacing: 0.04em;
        text-align: center;
        text-shadow: 0 0 8px rgba(0, 200, 255, 0.72);
        white-space: nowrap;
    }

    .dash-calendar-fixture-time[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        margin-top: 2px;
        color: rgba(190, 206, 228, 0.78);
    }

    .dash-calendar-fixture-time .mud-icon-root[b-8m9azyrokb] {
        color: #36c8ff;
        font-size: 12px !important;
    }

    .dash-calendar-fixture-time small[b-8m9azyrokb] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: inherit;
        font-size: 0.5rem;
        font-weight: 800;
    }

    .dash-calendar-footer[b-8m9azyrokb] {
        min-height: 14px;
    }

    .dash-calendar-state[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.42);
        font-size: 0.68rem;
        font-weight: 700;
    }

    .dash-calendar-sync-backdrop[b-8m9azyrokb] {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: grid;
        place-items: center;
        padding: 18px;
        background: rgba(2, 7, 15, 0.76);
        backdrop-filter: blur(10px);
    }

    .dash-calendar-sync-dialog[b-8m9azyrokb] {
        width: min(560px, 100%);
        display: grid;
        gap: 16px;
        padding: 18px;
        border: 1px solid rgba(0, 200, 255, 0.24);
        border-radius: 10px;
        background: linear-gradient(145deg, rgba(14, 21, 34, 0.98), rgba(7, 12, 22, 0.98));
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.58);
    }

    .dash-calendar-sync-dialog header[b-8m9azyrokb],
    .dash-calendar-sync-actions[b-8m9azyrokb],
    .dash-calendar-sync-loading[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .dash-calendar-sync-dialog header[b-8m9azyrokb] {
        justify-content: space-between;
    }

    .dash-calendar-sync-dialog header span[b-8m9azyrokb],
    .dash-calendar-sync-url span[b-8m9azyrokb] {
        color: rgba(255, 255, 255, 0.48);
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .dash-calendar-sync-dialog h2[b-8m9azyrokb] {
        margin: 2px 0 0;
        color: #fff;
        font-size: 1.22rem;
        font-weight: 900;
    }

    .dash-calendar-sync-dialog p[b-8m9azyrokb] {
        margin: 0;
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.86rem;
        line-height: 1.5;
    }

    .dash-calendar-sync-url[b-8m9azyrokb] {
        display: grid;
        gap: 6px;
    }

    .dash-calendar-sync-url input[b-8m9azyrokb] {
        width: 100%;
        min-width: 0;
        padding: 10px 12px;
        border: 1px solid rgba(0, 200, 255, 0.24);
        border-radius: 8px;
        color: #e9f8ff;
        background: rgba(3, 10, 18, 0.78);
        font: inherit;
        font-size: 0.82rem;
    }

    .dash-calendar-sync-actions[b-8m9azyrokb] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    /* ─── Team overview card ─────────────────────────────────────── */
    .dash-team-card[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 20px;
        height: 100%;
        box-sizing: border-box;
    }

    .dash-team-empty[b-8m9azyrokb] {
        align-items: center;
        justify-content: center;
        min-height: 160px;
        gap: 12px;
        opacity: 0.75;
    }

    .dash-team-header[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .dash-team-switcher[b-8m9azyrokb] {
        flex-shrink: 0;
    }

    /* Switcher menu item row */
    .dash-switcher-item[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.85rem;
        font-weight: 600;
        min-width: 140px;
    }

    .dash-switcher-item.active[b-8m9azyrokb] {
        color: #00c8ff;
    }

    .dash-switcher-logo[b-8m9azyrokb] {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .dash-team-logo[b-8m9azyrokb] {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        object-fit: contain;
        background: rgba(255,255,255,0.05);
        flex-shrink: 0;
    }

    .dash-team-logo-placeholder[b-8m9azyrokb] {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        background: rgba(0,200,255,0.08);
        border: 1px solid rgba(0,200,255,0.18);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .dash-team-info[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

    .dash-team-name[b-8m9azyrokb] {
        font-size: 0.98rem;
        font-weight: 800;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dash-team-sub[b-8m9azyrokb] {
        font-size: 0.75rem;
        color: rgba(255,255,255,0.4);
    }

    .dash-team-tabs[b-8m9azyrokb] {
        display: flex;
        gap: 0;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .dash-team-tab[b-8m9azyrokb] {
        padding: 6px 16px;
        font-size: 0.82rem;
        font-weight: 600;
        color: rgba(255,255,255,0.4);
        cursor: pointer;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        transition: color 0.15s ease, border-color 0.15s ease;
    }

    .dash-team-tab.active[b-8m9azyrokb],
    .dash-team-tab:hover[b-8m9azyrokb] {
        color: #00c8ff;
        border-bottom-color: #00c8ff;
    }

    .dash-tab-placeholder[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        flex: 1;
        padding: 6px 0 4px;
        justify-content: flex-start;
    }

    /* ─── Fixture placeholder rows ──────────────── */
    .dash-fixture-ph-row[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: minmax(58px, .55fr) auto minmax(120px, 1.45fr) auto;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 6px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.05);
    }

    a.dash-fixture-ph-row[b-8m9azyrokb] {
        text-decoration: none;
    }

    .dash-fixture-ph-row--live[b-8m9azyrokb] {
        background: rgba(0,200,255,0.06);
        border-color: rgba(0,200,255,0.16);
        transition: border-color .16s ease, background .16s ease;
    }

    .dash-fixture-ph-row--live:hover[b-8m9azyrokb] {
        background: rgba(0,200,255,0.1);
        border-color: rgba(0,200,255,0.32);
    }

    .dash-fixture-empty[b-8m9azyrokb] {
        color: rgba(255,255,255,0.45);
        font-size: .76rem;
        padding: 10px;
    }

    .dash-fixture-tile-list[b-8m9azyrokb] {
        display: grid;
        gap: 10px;
        min-width: 0;
    }

    .dash-fixture-ph-team[b-8m9azyrokb] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0;
        color: rgba(255,255,255,0.55);
    }

    .dash-fixture-ph-opp[b-8m9azyrokb] {
        text-align: left;
        color: rgba(255,255,255,0.72);
    }

    .dash-fixture-ph-vs[b-8m9azyrokb] {
        font-size: 0.62rem;
        font-weight: 900;
        color: rgba(0,200,255,0.4);
        letter-spacing: 1px;
        flex-shrink: 0;
    }

    .dash-fixture-ph-date[b-8m9azyrokb] {
        font-size: 0.65rem;
        font-weight: 600;
        color: rgba(255,255,255,0.2);
        letter-spacing: 0.5px;
        min-width: 64px;
        text-align: right;
    }

    .dash-fixture-match-card[b-8m9azyrokb] {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        gap: 12px 10px;
        min-height: 98px;
        padding: 15px 16px 13px;
        overflow: hidden;
        border: 1px solid rgba(136, 163, 198, 0.46);
        border-radius: 14px;
        background:
            radial-gradient(circle at 95% 112%, rgba(0, 200, 255, 0.52), transparent 28%),
            linear-gradient(135deg, rgba(18, 30, 47, 0.98), rgba(9, 14, 25, 0.98) 58%, rgba(12, 26, 42, 0.96));
        color: inherit;
        text-decoration: none;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035), 0 12px 28px rgba(0, 0, 0, 0.26);
        transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .dash-fixture-match-card[b-8m9azyrokb]::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(115deg, rgba(255, 255, 255, 0.06), transparent 35%),
            linear-gradient(90deg, rgba(0, 200, 255, 0.08), transparent 24%, transparent 74%, rgba(0, 200, 255, 0.08));
        opacity: 0.72;
        pointer-events: none;
    }

    .dash-fixture-match-card:hover[b-8m9azyrokb],
    .dash-fixture-match-card:focus-visible[b-8m9azyrokb] {
        border-color: rgba(0, 200, 255, 0.48);
        background:
            radial-gradient(circle at 95% 112%, rgba(0, 200, 255, 0.62), transparent 30%),
            linear-gradient(135deg, rgba(21, 35, 54, 0.99), rgba(10, 16, 28, 0.99) 58%, rgba(12, 28, 46, 0.98));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045), 0 16px 34px rgba(0, 0, 0, 0.34);
        outline: none;
        transform: translateY(-1px);
    }

    .dash-fixture-match-card:hover[b-8m9azyrokb]::before,
    .dash-fixture-match-card:focus-visible[b-8m9azyrokb]::before {
        opacity: 0.76;
    }

    .dash-match-side[b-8m9azyrokb],
    .dash-match-center[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
    }

    .dash-match-side[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .dash-match-side--away[b-8m9azyrokb] {
        grid-template-columns: minmax(0, 1fr) 42px;
        text-align: right;
    }

    .dash-match-logo[b-8m9azyrokb] {
        width: 42px;
        height: 42px;
        border-radius: 9px;
        object-fit: contain;
        padding: 4px;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(136, 163, 198, 0.42);
        flex-shrink: 0;
    }

    .dash-match-logo--placeholder[b-8m9azyrokb] {
        display: inline-grid;
        place-items: center;
        color: #fff;
        font-size: 0.9rem;
        font-weight: 1000;
        line-height: 1;
        background:
            radial-gradient(circle at 50% 20%, rgba(0, 200, 255, 0.34), transparent 58%),
            rgba(4, 17, 28, 0.94);
        text-shadow: 0 0 8px rgba(0, 200, 255, 0.45);
    }

    .dash-match-logo--shield .mud-icon-root[b-8m9azyrokb] {
        font-size: 24px !important;
        color: #00c8ff;
    }

    .dash-match-team-name[b-8m9azyrokb] {
        display: -webkit-box;
        min-width: 0;
        overflow: hidden;
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.95rem;
        font-weight: 900;
        line-height: 1.16;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .dash-match-center[b-8m9azyrokb] {
        display: grid;
        justify-items: center;
        min-width: 0;
        text-align: center;
    }

    .dash-match-center strong[b-8m9azyrokb] {
        color: #36c8ff;
        font-size: 1rem;
        font-weight: 1000;
        letter-spacing: 0.04em;
        line-height: 1;
        text-shadow: 0 0 10px rgba(0, 200, 255, 0.78);
    }

    .dash-match-date[b-8m9azyrokb] {
        position: relative;
        z-index: 1;
        grid-column: 1 / -1;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        color: rgba(190, 206, 228, 0.78);
        font-size: 0.84rem;
        font-weight: 800;
        line-height: 1;
    }

    .dash-match-date .mud-icon-root[b-8m9azyrokb] {
        color: #36c8ff;
        font-size: 20px !important;
        filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.38));
    }

    /* ─── Statistics placeholder rows ──────────── */
    .dash-stat-ph-row[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 10px;
        border-radius: 6px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.05);
    }

    .dash-stat-ph-lbl[b-8m9azyrokb] {
        font-size: 0.72rem;
        font-weight: 600;
        color: rgba(255,255,255,0.4);
        letter-spacing: 0.3px;
    }

    .dash-stat-ph-val[b-8m9azyrokb] {
        font-size: 0.8rem;
        font-weight: 800;
        color: rgba(255,255,255,0.2);
    }

    .dash-manage-btn[b-8m9azyrokb] {
        border-radius: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 1.5px;
        margin-top: auto;
    }

    /* ─── No-team CTA ────────────────────────────── */
    .dash-no-team[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 28px 24px;
        flex: 1;
        min-height: 0;
        min-width: 0;
    }

    .dash-no-team-text[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
        min-width: 0;
    }

    .dash-no-team-title[b-8m9azyrokb] {
        font-size: 1rem;
        font-weight: 800;
        color: #fff;
        letter-spacing: 0.5px;
    }

    .dash-no-team-sub[b-8m9azyrokb] {
        font-size: 0.8rem;
        color: rgba(255,255,255,0.45);
        line-height: 1.4;
    }

    .dash-no-team-actions[b-8m9azyrokb] {
        display: flex;
        gap: 10px;
        min-width: 0;
        flex-shrink: 0;
    }

    /* ─── Active members card ────────────────────────────────────── */
    .dash-members-title[b-8m9azyrokb] {
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 2px;
        color: rgba(255,255,255,0.4);
        text-transform: uppercase;
        text-align: right;
    }

    .dash-members-list[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .dash-member-row[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .dash-member-dm-btn[b-8m9azyrokb] {
        opacity: 0;
        color: rgba(0,200,255,0.7) !important;
        transition: opacity 0.15s ease;
        padding: 2px !important;
        width: 22px !important;
        height: 22px !important;
    }

    .dash-member-row:hover .dash-member-dm-btn[b-8m9azyrokb] {
        opacity: 1;
    }

    .dash-member-name[b-8m9azyrokb] {
        font-size: 0.82rem;
        font-weight: 700;
        color: rgba(255,255,255,0.85);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* ─── Player profile card (sidebar) ─────────────────────────── */
    .dash-profile-card[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        width: 100%;
        flex: 1 1 auto;
        padding: 0 0 20px;
        height: 100%;
        overflow: hidden;
    }

    .dash-profile-img-wrap[b-8m9azyrokb] {
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        border-radius: 14px 14px 0 0;
        background: radial-gradient(ellipse at 50% 110%, rgba(28,33,112,0.55) 0%, rgba(11,15,26,0.0) 70%);
        min-height: 220px;
    }

    .dash-profile-img[b-8m9azyrokb] {
        width: 100%;
        max-width: 260px;
        height: auto;
        object-fit: contain;
        object-position: bottom center;
        display: block;
    }

    .dash-profile-name[b-8m9azyrokb] {
        font-size: 1.3rem;
        font-weight: 900;
        color: #fff;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-top: 14px;
        padding: 0 16px;
    }

    .dash-profile-actions[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        padding: 14px 16px 4px;
    }

    .dash-profile-action-link[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 11px 16px;
        color: rgba(200,235,255,0.8);
        font-size: 0.8rem;
        font-weight: 500;
        letter-spacing: 0.3px;
        text-decoration: none;
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 8px;
        background: rgba(255,255,255,0.03);
        transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    }

    .dash-profile-action-link:hover[b-8m9azyrokb] {
        background: rgba(0,200,255,0.1);
        border-color: rgba(0,200,255,0.35);
        color: #00c8ff;
    }

.dash-profile-action-link--linked[b-8m9azyrokb] {
    background: rgba(76,175,80,0.16);
    border-color: rgba(76,175,80,0.55);
    color: #7fe09a;
    cursor: default;
}

    .dash-profile-action-icon[b-8m9azyrokb] {
        font-size: 18px !important;
        flex-shrink: 0;
        color: rgba(0,200,255,0.75);
        transition: color 0.18s ease;
    }

    .dash-profile-action-link:hover .dash-profile-action-icon[b-8m9azyrokb] {
        color: #00c8ff;
    }

.dash-profile-action-icon--linked[b-8m9azyrokb] {
    color: #4caf50;
}

.dash-profile-action-link--linked:hover[b-8m9azyrokb] {
    background: rgba(76,175,80,0.16);
    border-color: rgba(76,175,80,0.55);
    color: #7fe09a;
}

.dash-profile-action-link--linked:hover .dash-profile-action-icon--linked[b-8m9azyrokb] {
    color: #4caf50;
}

    .dash-rep-section[b-8m9azyrokb] {
        width: 100%;
        padding: 10px 20px 2px;
        margin-top: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .dash-rep-row[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .dash-rep-meta[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 6px;
        gap: 8px;
    }

    .dash-rep-points[b-8m9azyrokb] {
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        color: rgba(255, 255, 255, 0.62);
    }

    .dash-rep-subrow[b-8m9azyrokb] {
        text-align: right;
        font-size: 0.62rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: rgba(255, 255, 255, 0.46);
    }

    .dash-rep-label[b-8m9azyrokb] {
        font-size: 0.7rem;
        color: rgba(255, 255, 255, 0.5);
        width: 32px;
        flex-shrink: 0;
    }

    .dash-rep-bar-wrap[b-8m9azyrokb] {
        flex: 1;
        height: 8px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.1));
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        overflow: hidden;
    }

    .dash-rep-bar[b-8m9azyrokb] {
        height: 100%;
        border-radius: 999px;
        transition: width 0.3s ease, box-shadow 0.3s ease;
        background: linear-gradient(90deg, #1f2937 0%, #374151 100%);
        box-shadow: 0 0 12px rgba(255, 255, 255, 0.14);
    }

    .dash-rep-val[b-8m9azyrokb] {
        font-size: 0.72rem;
        font-weight: 600;
        color: #fff;
        width: 28px;
        text-align: right;
        flex-shrink: 0;
    }

    .dash-rep-tier[b-8m9azyrokb] {
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.65);
        min-width: 58px;
        text-align: right;
        flex-shrink: 0;
    }

    /* ─── 3. Quick navigation ────────────────────────────────────── */
    .dash-mobile-management[b-8m9azyrokb] {
        display: none;
    }

    .dash-quicknav[b-8m9azyrokb] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-bottom: 24px;
    }

    /* ─── 4. News section ────────────────────────────────────────── */
    .dash-news-section[b-8m9azyrokb] {
        display: flex;
        align-items: center;
        gap: 32px;
        padding: 28px 32px;
    }

    .dash-news-img-wrap[b-8m9azyrokb] {
        flex-shrink: 0;
        width: 200px;
        height: 130px;
        border-radius: 12px;
        overflow: hidden;
        background: rgba(28,33,112,0.4);
        border: 1px solid rgba(0,200,255,0.1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dash-news-img[b-8m9azyrokb] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dash-news-img-placeholder[b-8m9azyrokb] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dash-news-content[b-8m9azyrokb] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
    }

    .dash-news-eyebrow[b-8m9azyrokb] {
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 3px;
        color: rgba(0,200,255,0.7);
        text-transform: uppercase;
    }

    .dash-news-big-title[b-8m9azyrokb] {
        font-size: 1.4rem;
        font-weight: 900;
        color: #fff;
        letter-spacing: 0.5px;
        line-height: 1.25;
    }

    .dash-news-excerpt[b-8m9azyrokb] {
        font-size: 0.82rem;
        color: rgba(255,255,255,0.5);
        line-height: 1.5;
        margin: 0;
    }

    .dash-news-read-btn[b-8m9azyrokb] {
        align-self: flex-start;
        border-radius: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 1.5px;
    }

    /* ─── Responsiveness ─────────────────────────────────────────── */
    @media (max-width: 1180px) {
        .dash-team-row[b-8m9azyrokb] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 960px) {
        .dash-main-grid[b-8m9azyrokb] {
            grid-template-columns: 1fr;
        }

        .dash-main-grid--team-layout .dash-left-col[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-left-col[b-8m9azyrokb] {
            display: flex;
        }

        .dash-main-grid--showcase .dash-next-tournament[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-left-col > :not(.dash-next-tournament)[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-team-card[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-team-side-card[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-right-col[b-8m9azyrokb],
        .dash-main-grid--team-layout .dash-team-card[b-8m9azyrokb],
        .dash-main-grid--team-layout .dash-team-side-card[b-8m9azyrokb],
        .dash-main-grid--team-layout .dash-right-col[b-8m9azyrokb] {
            grid-column: auto;
            grid-row: auto;
        }

        .dash-main-grid--team-layout .dash-team-row[b-8m9azyrokb],
        .dash-main-grid--showcase .dash-team-row[b-8m9azyrokb] {
            display: grid;
        }

        .dash-nt-content[b-8m9azyrokb] {
            width: min(62vw, 640px);
            min-width: 0;
        }

        .dash-quicknav[b-8m9azyrokb] {
            grid-template-columns: repeat(2, 1fr);
        }

        .dash-news-section[b-8m9azyrokb] {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }

        .dash-news-img-wrap[b-8m9azyrokb] {
            width: 100%;
            height: 160px;
        }
    }

    @media (max-width: 600px) {
        .dash-header[b-8m9azyrokb] {
            padding: 20px 18px;
        }

        .dash-header-title[b-8m9azyrokb] {
            font-size: 1.1rem !important;
        }

        .dash-next-tournament[b-8m9azyrokb] {
            min-height: 0;
            gap: 14px;
            padding: 28px 16px;
            border-radius: 10px;
            text-align: center;
            background-image:
                linear-gradient(90deg, rgba(3, 7, 18, 0.82) 0%, rgba(3, 7, 18, 0.78) 50%, rgba(3, 7, 18, 0.82) 100%),
                linear-gradient(180deg, rgba(4, 9, 20, 0.28) 0%, rgba(3, 7, 18, 0.54) 100%),
                var(--dash-hero-image),
                radial-gradient(circle at 50% 32%, rgba(0, 146, 255, 0.28), transparent 42%),
                radial-gradient(circle at 50% 112%, rgba(0, 200, 255, 0.14), transparent 36%),
                linear-gradient(180deg, #050914 0%, #07122b 46%, #030712 100%);
            background-position: center;
        }

        .dash-nt-content[b-8m9azyrokb] {
            align-items: center;
            width: 100%;
            min-width: 0;
        }

        .dash-nt-title[b-8m9azyrokb] {
            align-items: center;
            max-width: 100%;
            line-height: 1.02;
            overflow-wrap: normal;
        }

        .dash-nt-title-top[b-8m9azyrokb] {
            font-size: clamp(2.35rem, 12vw, 3.45rem);
        }

        .dash-nt-title-main[b-8m9azyrokb] {
            font-size: clamp(2.1rem, 10.4vw, 3.1rem);
        }

        .dash-nt-name[b-8m9azyrokb] {
            align-self: center;
            justify-content: center;
            gap: 12px;
            margin: 12px 0 14px;
            width: 100%;
            max-width: 100%;
            font-size: clamp(0.82rem, 3.6vw, 1.12rem);
            letter-spacing: 3px;
            text-align: center;
            white-space: normal;
        }

        .dash-nt-name-text[b-8m9azyrokb] {
            overflow: visible;
            overflow-wrap: anywhere;
            white-space: normal;
        }

        .dash-nt-name[b-8m9azyrokb]::after {
            display: none;
        }

        .dash-team-row[b-8m9azyrokb] {
            grid-template-columns: 1fr;
        }

        .dash-no-team[b-8m9azyrokb] {
            flex-direction: column;
            align-items: stretch;
            gap: 16px;
            min-height: 0;
            padding: 26px 18px;
            text-align: center;
        }

        .dash-no-team > .mud-icon-root[b-8m9azyrokb] {
            align-self: center;
        }

        .dash-no-team-title[b-8m9azyrokb] {
            font-size: 1.12rem;
            line-height: 1.18;
        }

        .dash-no-team-sub[b-8m9azyrokb] {
            max-width: 28rem;
            margin-inline: auto;
            font-size: 0.86rem;
        }

        .dash-no-team-actions[b-8m9azyrokb] {
            flex-direction: column;
            align-items: stretch;
            width: 100%;
        }

        [b-8m9azyrokb] .dash-no-team-actions .mud-button-root {
            width: 100%;
            min-height: 46px;
        }

        .dash-mobile-management[b-8m9azyrokb] {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 9px;
            margin: -4px 0 16px;
        }

        .dash-mobile-management-card[b-8m9azyrokb] {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) 18px;
            align-items: center;
            gap: 10px;
            min-height: 58px;
            padding: 9px 12px;
            border: 1px solid rgba(0, 200, 255, 0.18);
            border-radius: 8px;
            background:
                linear-gradient(135deg, rgba(0, 200, 255, 0.08), rgba(255, 255, 255, 0.035)),
                rgba(10, 15, 26, 0.94);
            color: #fff;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }

        .dash-mobile-management-card:active[b-8m9azyrokb] {
            border-color: rgba(0, 200, 255, 0.46);
            background:
                linear-gradient(135deg, rgba(0, 200, 255, 0.13), rgba(255, 255, 255, 0.045)),
                rgba(12, 19, 32, 0.96);
        }

        .dash-mobile-management-icon[b-8m9azyrokb] {
            display: inline-grid;
            place-items: center;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(0, 200, 255, 0.22);
            border-radius: 8px;
            background: rgba(0, 200, 255, 0.08);
            color: #00c8ff;
        }

        [b-8m9azyrokb] .dash-mobile-management-icon .mud-icon-root {
            font-size: 22px !important;
        }

        .dash-mobile-management-text[b-8m9azyrokb] {
            display: grid;
            gap: 1px;
            min-width: 0;
        }

        .dash-mobile-management-text strong[b-8m9azyrokb],
        .dash-mobile-management-text small[b-8m9azyrokb] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dash-mobile-management-text strong[b-8m9azyrokb] {
            color: #ffffff;
            font-size: 0.82rem;
            font-weight: 900;
            line-height: 1.18;
        }

        .dash-mobile-management-text small[b-8m9azyrokb] {
            color: rgba(210, 235, 255, 0.58);
            font-size: 0.66rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .dash-mobile-management-chevron[b-8m9azyrokb] {
            color: rgba(0, 200, 255, 0.76);
            font-size: 18px !important;
        }

        .dash-quicknav[b-8m9azyrokb] {
            grid-template-columns: repeat(2, 1fr);
        }

        .dash-nt-btn[b-8m9azyrokb] {
            width: 100%;
            min-width: 0;
            height: 54px;
            letter-spacing: 2.8px;
            border-color: rgba(27, 202, 255, 0.92) !important;
            background: linear-gradient(90deg, rgba(17, 189, 251, 0.12), rgba(204, 77, 255, 0.18)) !important;
            box-shadow:
                inset 0 0 0 1px rgba(204, 77, 255, 0.42),
                0 0 22px rgba(17, 189, 251, 0.18),
                0 0 42px rgba(204, 77, 255, 0.12) !important;
        }

        .dash-next-tournament[b-8m9azyrokb]  .dash-countdown {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 7px;
            margin-bottom: 16px;
        }

        .dash-next-tournament[b-8m9azyrokb]  .dash-countdown-unit {
            min-height: 66px;
            border-radius: 6px;
        }

        .dash-calendar-grid[b-8m9azyrokb] {
            grid-template-rows: repeat(3, minmax(116px, 1fr));
            min-height: 360px;
        }

        .dash-calendar-day[b-8m9azyrokb] {
            padding: 5px;
        }

        .dash-calendar-event[b-8m9azyrokb] {
            min-height: 23px;
            padding: 2px 3px;
        }

        .dash-calendar-event span[b-8m9azyrokb] {
            font-size: 0.5rem;
        }

        .dash-calendar-event small[b-8m9azyrokb] {
            display: block;
            font-size: 0.48rem;
        }

        .dash-fixture-match-card[b-8m9azyrokb] {
            grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
            gap: 8px 7px;
            min-height: 86px;
            padding: 12px 12px 10px;
            border-radius: 12px;
        }

        .dash-match-side[b-8m9azyrokb] {
            grid-template-columns: 34px minmax(0, 1fr);
            gap: 6px;
        }

        .dash-match-side--away[b-8m9azyrokb] {
            grid-template-columns: minmax(0, 1fr) 34px;
        }

        .dash-match-logo[b-8m9azyrokb] {
            width: 34px;
            height: 34px;
        }

        .dash-match-team-name[b-8m9azyrokb] {
            font-size: 0.72rem;
        }

        .dash-match-center strong[b-8m9azyrokb] {
            font-size: 0.78rem;
        }

        .dash-match-date[b-8m9azyrokb] {
            gap: 6px;
            font-size: 0.68rem;
        }

        .dash-match-date .mud-icon-root[b-8m9azyrokb] {
            font-size: 16px !important;
        }

        .dash-calendar-event--fixture[b-8m9azyrokb] {
            min-height: 54px;
            padding: 5px;
        }

        .dash-calendar-match[b-8m9azyrokb] {
            grid-template-columns: minmax(0, 1fr);
            gap: 2px;
        }

        .dash-calendar-match-team[b-8m9azyrokb],
        .dash-calendar-match-team--away[b-8m9azyrokb] {
            grid-template-columns: 13px minmax(0, 1fr);
        }

        .dash-calendar-match-team--away[b-8m9azyrokb] {
            grid-template-columns: minmax(0, 1fr) 13px;
        }

        .dash-calendar-team-logo[b-8m9azyrokb] {
            width: 13px;
            height: 13px;
            border-radius: 4px;
            padding: 1px;
        }

        .dash-calendar-team-logo--placeholder[b-8m9azyrokb] {
            font-size: 0.34rem;
        }

        .dash-calendar-team-logo--shield .mud-icon-root[b-8m9azyrokb] {
            font-size: 9px !important;
        }

        .dash-calendar-team-name[b-8m9azyrokb] {
            display: block;
            font-size: 0.44rem;
        }

        .dash-calendar-match-center[b-8m9azyrokb] {
            font-size: 0.4rem;
        }

        .dash-calendar-fixture-time[b-8m9azyrokb] {
            gap: 2px;
        }

        .dash-calendar-fixture-time .mud-icon-root[b-8m9azyrokb] {
            font-size: 9px !important;
        }

        .dash-calendar-fixture-time small[b-8m9azyrokb] {
            font-size: 0.34rem;
        }
    }
/* /Pages/Invites/MyInvites.razor.rz.scp.css */
.my-invites-banner[b-b8e2ph4eun] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    background: linear-gradient(135deg, rgba(18,23,46,0.95) 0%, rgba(28,33,112,0.6) 100%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
/* /Pages/Leaderboards/LeaderboardDetail.razor.rz.scp.css */
.public-leaderboard-detail[b-ww0rof4h6p] {
    width: 100%;
    max-width: 1720px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 24px 72px 72px;
    background: transparent;
    box-sizing: border-box;
    color: rgba(243, 249, 255, 0.94);
    overflow-x: hidden;
}

.public-leaderboard-detail[b-ww0rof4h6p]::before {
    content: none;
}

.public-leaderboard-detail > *[b-ww0rof4h6p] {
    width: 100%;
    margin-inline: 0;
    position: relative;
    z-index: 1;
}

.ld-hero[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
    gap: 20px;
    min-height: 360px;
    margin-bottom: 18px;
    padding: 28px;
    border: 1px solid rgba(116, 212, 255, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(125deg, rgba(3, 18, 43, 0.96), rgba(5, 10, 31, 0.82)),
        radial-gradient(circle at 12% 12%, rgba(0, 200, 255, 0.19), transparent 30%),
        radial-gradient(circle at 82% 16%, rgba(151, 97, 255, 0.22), transparent 32%);
    box-shadow: 0 28px 74px rgba(0, 0, 0, 0.34);
}

.ld-hero__copy[b-ww0rof4h6p] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
}

.ld-back[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 38px;
    margin-bottom: auto;
    color: rgba(222, 239, 255, 0.76);
    font-weight: 850;
    text-decoration: none;
}

.ld-back:hover[b-ww0rof4h6p] {
    color: #fff;
}

.ld-hero__kicker[b-ww0rof4h6p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.ld-hero__kicker > span:not(.ld-status)[b-ww0rof4h6p],
.ld-status[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgba(146, 224, 255, 0.18);
    border-radius: 999px;
    color: rgba(232, 246, 255, 0.84);
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.ld-status--live[b-ww0rof4h6p] {
    border-color: rgba(48, 242, 255, 0.48);
    color: #b7fbff;
    background: rgba(0, 200, 255, 0.14);
    box-shadow: 0 0 26px rgba(0, 200, 255, 0.18);
}

.ld-status--waiting[b-ww0rof4h6p] {
    border-color: rgba(255, 211, 112, 0.38);
    color: #ffe0a1;
    background: rgba(255, 211, 112, 0.12);
}

.ld-status--archived[b-ww0rof4h6p] {
    opacity: 0.74;
}

.ld-hero h1[b-ww0rof4h6p] {
    max-width: 860px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.45rem, 5vw, 5.2rem);
    font-weight: 950;
    line-height: 0.95;
    letter-spacing: 0;
}

.ld-hero p[b-ww0rof4h6p] {
    max-width: 760px;
    margin: 18px 0 0;
    color: rgba(221, 236, 255, 0.73);
    font-size: 1.02rem;
    line-height: 1.66;
}

.ld-hero__panel[b-ww0rof4h6p],
.ld-podium-card[b-ww0rof4h6p],
.ld-board[b-ww0rof4h6p],
.ld-empty[b-ww0rof4h6p],
.ld-loading[b-ww0rof4h6p] {
    border: 1px solid rgba(116, 212, 255, 0.17);
    border-radius: 8px;
    background: rgba(4, 16, 36, 0.78);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px);
}

.ld-hero__panel[b-ww0rof4h6p] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    background:
        linear-gradient(155deg, rgba(5, 20, 46, 0.94), rgba(6, 12, 32, 0.82)),
        radial-gradient(circle at 76% 8%, rgba(255, 211, 112, 0.16), transparent 30%);
}

.ld-live-chip[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: #aaf8ff;
    font-size: 0.76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ld-live-chip span[b-ww0rof4h6p] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2ff3ff;
    box-shadow: 0 0 18px rgba(47, 243, 255, 0.86);
}

.ld-hero__metrics[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ld-hero__metrics div[b-ww0rof4h6p] {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(139, 221, 255, 0.15);
    border-radius: 8px;
    background: rgba(0, 8, 22, 0.48);
}

.ld-hero__metrics strong[b-ww0rof4h6p] {
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ld-hero__metrics span[b-ww0rof4h6p] {
    display: block;
    margin-top: 8px;
    color: rgba(216, 232, 250, 0.62);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ld-current-leader[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255, 211, 112, 0.28);
    border-radius: 8px;
    color: inherit;
    background: linear-gradient(90deg, rgba(255, 211, 112, 0.12), rgba(47, 243, 255, 0.08));
    text-decoration: none;
}

.ld-current-leader strong[b-ww0rof4h6p],
.ld-team strong[b-ww0rof4h6p],
.ld-podium-card strong[b-ww0rof4h6p] {
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ld-current-leader small[b-ww0rof4h6p],
.ld-team small[b-ww0rof4h6p],
.ld-podium-card small[b-ww0rof4h6p] {
    display: block;
    margin-top: 3px;
    color: rgba(220, 235, 250, 0.62);
    font-size: 0.76rem;
}

.ld-rank[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    border: 1px solid rgba(139, 220, 255, 0.18);
    border-radius: 8px;
    color: #a5efff;
    background: rgba(255, 255, 255, 0.06);
    font-weight: 950;
}

.ld-rank--gold[b-ww0rof4h6p] {
    border-color: rgba(255, 211, 112, 0.58);
    color: #ffd36c;
    background: rgba(255, 211, 112, 0.14);
}

.ld-rank--silver[b-ww0rof4h6p] {
    border-color: rgba(210, 227, 242, 0.52);
    color: #e6f1ff;
    background: rgba(210, 227, 242, 0.12);
}

.ld-rank--bronze[b-ww0rof4h6p] {
    border-color: rgba(231, 163, 96, 0.52);
    color: #ffc18b;
    background: rgba(231, 163, 96, 0.12);
}

[b-ww0rof4h6p] .ld-team-logo {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid rgba(143, 224, 255, 0.22);
    border-radius: 10px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, 0.1), transparent 30%),
        linear-gradient(145deg, rgba(12, 28, 48, 0.96), rgba(4, 11, 20, 0.98));
    color: #fff;
    font-size: 0.78rem;
    font-weight: 950;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.34);
}

[b-ww0rof4h6p] .ld-team-logo--large {
    width: 72px;
    height: 72px;
}

[b-ww0rof4h6p] .ld-team-logo--placeholder {
    border-radius: 50%;
    background: linear-gradient(135deg, #123a62, #1b2f51);
}

[b-ww0rof4h6p] .ld-team-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

[b-ww0rof4h6p] .ld-team-logo__fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #f5f8fc;
    font-weight: 900;
}

.ld-podium[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.ld-podium-card[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 128px;
    padding: 18px;
    color: inherit;
    text-decoration: none;
}

.ld-podium-card--gold[b-ww0rof4h6p] {
    border-color: rgba(255, 211, 112, 0.4);
    background:
        linear-gradient(135deg, rgba(255, 211, 112, 0.14), rgba(47, 243, 255, 0.08)),
        rgba(4, 16, 36, 0.78);
}

.ld-podium-card--silver[b-ww0rof4h6p] {
    background:
        linear-gradient(135deg, rgba(226, 241, 255, 0.11), rgba(47, 243, 255, 0.07)),
        rgba(4, 16, 36, 0.78);
}

.ld-podium-card--bronze[b-ww0rof4h6p] {
    background:
        linear-gradient(135deg, rgba(231, 163, 96, 0.12), rgba(151, 97, 255, 0.08)),
        rgba(4, 16, 36, 0.78);
}

.ld-eyebrow[b-ww0rof4h6p] {
    display: inline-flex;
    margin-bottom: 6px;
    color: #7fe7ff;
    font-size: 0.73rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ld-board[b-ww0rof4h6p] {
    padding: 18px;
}

.ld-toolbar[b-ww0rof4h6p] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.ld-search[b-ww0rof4h6p] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(420px, 100%);
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(130, 220, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 8, 22, 0.58);
    color: rgba(223, 240, 255, 0.72);
}

.ld-search input[b-ww0rof4h6p] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
}

.ld-search input[b-ww0rof4h6p]::placeholder {
    color: rgba(217, 232, 249, 0.54);
}

.ld-standings[b-ww0rof4h6p] {
    display: grid;
    gap: 8px;
}

.ld-standings__head[b-ww0rof4h6p],
.ld-standing-row[b-ww0rof4h6p] {
    display: grid;
    grid-template-columns: 96px minmax(260px, 1.9fr) minmax(168px, 0.9fr) 76px 58px 58px 58px 58px 70px;
    gap: 10px;
    align-items: center;
}

.ld-standings__head[b-ww0rof4h6p] {
    min-height: 38px;
    padding: 0 14px;
    color: rgba(211, 229, 247, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ld-standings__head span:nth-child(n+4)[b-ww0rof4h6p],
.ld-standing-row > span[b-ww0rof4h6p],
.ld-standing-row > strong[b-ww0rof4h6p] {
    text-align: center;
}

.ld-standing-row[b-ww0rof4h6p] {
    position: relative;
    min-height: 76px;
    padding: 10px 14px;
    border: 1px solid rgba(118, 213, 255, 0.12);
    border-left-width: 4px;
    border-radius: 8px;
    background: rgba(3, 15, 34, 0.76);
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.ld-standing-row:hover[b-ww0rof4h6p] {
    transform: translateY(-2px);
    border-color: rgba(47, 243, 255, 0.36);
    background: rgba(5, 21, 47, 0.92);
}

.ld-standing-row--qualified[b-ww0rof4h6p] {
    border-left-color: #ffd36c;
}

.ld-standing-row--contender[b-ww0rof4h6p] {
    border-left-color: #2ff3ff;
}

.ld-standing-row--safe[b-ww0rof4h6p] {
    border-left-color: #6af1a9;
}

.ld-standing-row--danger[b-ww0rof4h6p] {
    border-left-color: #ff6784;
}

.ld-standing-row--podium[b-ww0rof4h6p] {
    background:
        linear-gradient(90deg, rgba(255, 211, 112, 0.09), transparent 46%),
        rgba(3, 15, 34, 0.82);
}

.ld-position[b-ww0rof4h6p] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ld-momentum[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: rgba(224, 239, 252, 0.66);
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.72rem;
    font-weight: 950;
}

.ld-momentum--up[b-ww0rof4h6p] {
    color: #8ff4c2;
}

.ld-momentum--down[b-ww0rof4h6p] {
    color: #ff9bad;
}

.ld-team[b-ww0rof4h6p] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.ld-form[b-ww0rof4h6p] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.ld-form__token[b-ww0rof4h6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 8px;
    border-radius: 8px;
    color: rgba(235, 247, 255, 0.82);
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.73rem;
    font-weight: 900;
}

.ld-form__token--win[b-ww0rof4h6p] {
    color: #aef5cd;
    background: rgba(106, 241, 169, 0.12);
}

.ld-form__token--draw[b-ww0rof4h6p] {
    color: #dcecff;
    background: rgba(220, 236, 255, 0.09);
}

.ld-form__token--loss[b-ww0rof4h6p] {
    color: #ffb6c4;
    background: rgba(255, 103, 132, 0.11);
}

.ld-points[b-ww0rof4h6p] {
    color: #fff;
    font-size: 1.12rem;
}

.ld-gd[b-ww0rof4h6p] {
    color: rgba(224, 238, 251, 0.76);
    font-weight: 850;
}

.ld-gd--positive[b-ww0rof4h6p] {
    color: #8ff4c2;
}

.ld-gd--negative[b-ww0rof4h6p] {
    color: #ff9bad;
}

.ld-mobile-meta[b-ww0rof4h6p] {
    display: none;
}

.ld-empty[b-ww0rof4h6p],
.ld-loading[b-ww0rof4h6p] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 42px 20px;
    text-align: center;
}

.ld-empty__mark[b-ww0rof4h6p] {
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 214, 116, 0.32);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 207, 94, 0.22), rgba(0, 200, 255, 0.08));
    color: #ffd26f;
}

.ld-empty h1[b-ww0rof4h6p],
.ld-empty h2[b-ww0rof4h6p] {
    margin: 0;
    color: #fff;
    letter-spacing: 0;
}

.ld-empty p[b-ww0rof4h6p] {
    max-width: 520px;
    margin: 12px auto 0;
    color: rgba(217, 232, 249, 0.72);
}

.ld-empty a[b-ww0rof4h6p] {
    margin-top: 18px;
    color: #9ff2ff;
    font-weight: 900;
}

.ld-empty--compact[b-ww0rof4h6p] {
    min-height: 280px;
    background: rgba(6, 19, 42, 0.62);
}

.ld-loading[b-ww0rof4h6p] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ld-loading div[b-ww0rof4h6p] {
    width: 100%;
    min-height: 220px;
    border: 1px solid rgba(124, 221, 255, 0.12);
    border-radius: 8px;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045));
    background-size: 220% 100%;
    animation: ld-shimmer-b-ww0rof4h6p 1.6s ease-in-out infinite;
}

@keyframes ld-shimmer-b-ww0rof4h6p {
    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -120% 0;
    }
}

@media (max-width: 1240px) {
    .ld-hero[b-ww0rof4h6p],
    .ld-podium[b-ww0rof4h6p] {
        grid-template-columns: 1fr;
    }

    .ld-standings__head[b-ww0rof4h6p] {
        display: none;
    }

    .ld-standing-row[b-ww0rof4h6p] {
        grid-template-columns: 86px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
    }

    .ld-standing-row > span[b-ww0rof4h6p],
    .ld-standing-row > strong[b-ww0rof4h6p],
    .ld-form[b-ww0rof4h6p] {
        display: none;
    }

    .ld-mobile-meta[b-ww0rof4h6p] {
        display: flex;
        grid-column: 2 / -1;
        flex-wrap: wrap;
        gap: 7px;
    }

    .ld-mobile-meta span[b-ww0rof4h6p] {
        min-height: 28px;
        padding: 5px 8px;
        border: 1px solid rgba(137, 221, 255, 0.12);
        border-radius: 8px;
        color: rgba(226, 241, 255, 0.76);
        background: rgba(255, 255, 255, 0.045);
        font-size: 0.76rem;
        font-weight: 850;
    }
}

@media (max-width: 1100px) {
    .public-leaderboard-detail[b-ww0rof4h6p] {
        padding: 20px 32px 58px;
    }
}

@media (max-width: 760px) {
    .public-leaderboard-detail[b-ww0rof4h6p] {
        padding: 14px 16px 44px;
    }

    .ld-hero[b-ww0rof4h6p],
    .ld-board[b-ww0rof4h6p],
    .ld-hero__panel[b-ww0rof4h6p],
    .ld-podium-card[b-ww0rof4h6p] {
        padding: 16px;
    }

    .ld-hero[b-ww0rof4h6p] {
        min-height: auto;
    }

    .ld-hero h1[b-ww0rof4h6p] {
        font-size: 2.55rem;
    }

    .ld-hero__metrics[b-ww0rof4h6p],
    .ld-loading[b-ww0rof4h6p] {
        grid-template-columns: 1fr;
    }

    .ld-standing-row[b-ww0rof4h6p] {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .ld-team[b-ww0rof4h6p] {
        align-items: flex-start;
    }

    .ld-team span[b-ww0rof4h6p] {
        min-width: 0;
    }

    .ld-team strong[b-ww0rof4h6p] {
        display: -webkit-box;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    [b-ww0rof4h6p] .ld-team-logo {
        width: 34px;
        height: 34px;
    }

    [b-ww0rof4h6p] .ld-team-logo--large {
        width: 60px;
        height: 60px;
    }

    .ld-position[b-ww0rof4h6p] {
        align-self: start;
        flex-direction: column;
        gap: 6px;
    }

    .ld-mobile-meta[b-ww0rof4h6p] {
        grid-column: 1 / -1;
        flex-wrap: nowrap;
        padding-bottom: 3px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-color: rgba(137, 221, 255, 0.5) rgba(255, 255, 255, 0.06);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .ld-mobile-meta[b-ww0rof4h6p]::-webkit-scrollbar {
        height: 5px;
    }

    .ld-mobile-meta[b-ww0rof4h6p]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.06);
        border-radius: 999px;
    }

    .ld-mobile-meta[b-ww0rof4h6p]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(137, 221, 255, 0.5);
    }

    .ld-mobile-meta span[b-ww0rof4h6p] {
        flex: 0 0 auto;
    }
}
/* /Pages/Leaderboards/LeaderboardsList.razor.rz.scp.css */
.public-leaderboards-page[b-drh4cmq1hj] {
    width: 100%;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    padding: 24px 72px 72px;
    background: transparent;
    box-sizing: border-box;
    color: #f5f8fc;
    position: relative;
    overflow-x: hidden;
    font-family: Inter, system-ui, sans-serif;
}

.public-leaderboards-page[b-drh4cmq1hj]::before {
    content: none;
}

.public-leaderboards-page > *[b-drh4cmq1hj] {
    width: min(1720px, 100%);
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.leaderboards-hero[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 460px);
    gap: 22px;
    align-items: center;
    min-height: 0;
    margin-bottom: 0;
    padding: 8px 0 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.leaderboards-hero__copy[b-drh4cmq1hj] {
    max-width: 820px;
}

.leaderboards-eyebrow[b-drh4cmq1hj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: #00c2ff;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.leaderboards-eyebrow[b-drh4cmq1hj]::before {
    content: none;
}

.leaderboards-hero h1[b-drh4cmq1hj],
.leaderboards-featured h2[b-drh4cmq1hj],
.leaderboards-section-title h2[b-drh4cmq1hj],
.leaderboards-empty h2[b-drh4cmq1hj],
.leaderboards-card h3[b-drh4cmq1hj] {
    margin: 0;
    letter-spacing: 0;
}

.leaderboards-hero h1[b-drh4cmq1hj] {
    max-width: 680px;
    color: #f5f8fc;
    font-family: Oxanium, Rajdhani, Inter, system-ui, sans-serif;
    font-size: clamp(2.5rem, 3.8vw, 4rem);
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.leaderboards-hero p[b-drh4cmq1hj] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #b6c4dc;
    font-size: 0.98rem;
    line-height: 1.5;
}

.leaderboards-hero__stats[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.leaderboards-hero__stats div[b-drh4cmq1hj] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    background: rgba(9, 22, 39, 0.84);
}

.leaderboards-hero__stats strong[b-drh4cmq1hj] {
    display: block;
    color: #f5f8fc;
    font-size: 1.58rem;
    line-height: 1;
}

.leaderboards-hero__stats span[b-drh4cmq1hj] {
    display: block;
    margin-top: 7px;
    color: #7787a3;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.leaderboards-panel[b-drh4cmq1hj],
.leaderboards-featured[b-drh4cmq1hj],
.leaderboards-radar[b-drh4cmq1hj],
.leaderboards-empty[b-drh4cmq1hj] {
    border: 1px solid rgba(0, 194, 255, 0.18);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7, 20, 38, 0.94), rgba(4, 14, 27, 0.98));
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
    backdrop-filter: none;
}

.leaderboards-loading[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.leaderboards-skeleton-card[b-drh4cmq1hj] {
    min-height: 180px;
    padding: 18px;
    border: 1px solid rgba(124, 221, 255, 0.12);
    border-radius: 8px;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045));
    background-size: 220% 100%;
    animation: leaderboard-shimmer-b-drh4cmq1hj 1.6s ease-in-out infinite;
}

.leaderboards-skeleton-card span[b-drh4cmq1hj] {
    display: block;
    height: 12px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(220, 243, 255, 0.12);
}

.leaderboards-skeleton-card span:first-child[b-drh4cmq1hj] {
    width: 42%;
}

.leaderboards-skeleton-card span:nth-child(2)[b-drh4cmq1hj] {
    width: 76%;
}

.leaderboards-skeleton-card span:last-child[b-drh4cmq1hj] {
    width: 58%;
}

.leaderboards-empty[b-drh4cmq1hj] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 44px 22px;
    text-align: center;
}

.leaderboards-empty__mark[b-drh4cmq1hj] {
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 214, 116, 0.32);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 207, 94, 0.22), rgba(0, 200, 255, 0.08));
    color: #ffd26f;
}

.leaderboards-empty__mark[b-drh4cmq1hj]  .mud-icon-root {
    font-size: 38px;
}

.leaderboards-empty h2[b-drh4cmq1hj] {
    color: #fff;
    font-size: 1.75rem;
}

.leaderboards-empty p[b-drh4cmq1hj] {
    max-width: 520px;
    margin: 12px auto 22px;
    color: rgba(217, 232, 249, 0.72);
}

.leaderboards-empty--compact[b-drh4cmq1hj] {
    min-height: 280px;
    margin-top: 18px;
    background: rgba(6, 19, 42, 0.62);
}

.leaderboards-featured-grid[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.62fr);
    gap: 16px;
    margin-bottom: 20px;
}

.leaderboards-featured[b-drh4cmq1hj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 360px;
    padding: 22px;
    background:
        radial-gradient(circle at 10% 12%, rgba(0, 194, 255, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(7, 20, 38, 0.94), rgba(4, 14, 27, 0.98));
}

.leaderboards-featured__header[b-drh4cmq1hj] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: start;
}

.leaderboards-featured h2[b-drh4cmq1hj] {
    max-width: 760px;
    color: #f5f8fc;
    font-family: Oxanium, Rajdhani, Inter, system-ui, sans-serif;
    font-size: clamp(1.7rem, 2.35vw, 2.75rem);
    line-height: 1.04;
    font-weight: 900;
    text-transform: uppercase;
}

.leaderboards-featured p[b-drh4cmq1hj] {
    max-width: 760px;
    margin: 0;
    color: #b6c4dc;
    line-height: 1.5;
}

.leaderboards-status[b-drh4cmq1hj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 8px;
    color: #b6c4dc;
    background: rgba(9, 22, 39, 0.84);
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
    text-transform: uppercase;
}

.leaderboards-status--live[b-drh4cmq1hj] {
    border-color: rgba(139, 92, 246, 0.72);
    color: #f5f8fc;
    background: linear-gradient(135deg, rgba(47, 128, 255, 0.26), rgba(139, 92, 246, 0.34));
    box-shadow: 0 0 28px rgba(139, 92, 246, 0.25);
}

.leaderboards-status--waiting[b-drh4cmq1hj] {
    border-color: rgba(255, 213, 114, 0.36);
    color: #ffe0a1;
    background: rgba(255, 198, 78, 0.12);
}

.leaderboards-status--archived[b-drh4cmq1hj] {
    opacity: 0.72;
}

.leaderboards-featured__metrics[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.leaderboards-featured__metrics div[b-drh4cmq1hj] {
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    background: rgba(9, 22, 39, 0.84);
}

.leaderboards-featured__metrics strong[b-drh4cmq1hj] {
    display: block;
    color: #f5f8fc;
    font-size: 1.34rem;
    line-height: 1.1;
}

.leaderboards-featured__metrics span[b-drh4cmq1hj] {
    display: block;
    margin-top: 7px;
    color: #7787a3;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.leaderboards-featured-team[b-drh4cmq1hj] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: min(520px, 100%);
    margin-top: auto;
    padding: 12px;
    border: 1px solid rgba(255, 199, 0, 0.28);
    border-radius: 12px;
    background: rgba(255, 199, 0, 0.08);
}

.leaderboards-rank[b-drh4cmq1hj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 10px;
    color: #f5f8fc;
    background: transparent;
    font-weight: 950;
}

.leaderboards-rank--gold[b-drh4cmq1hj] {
    border-color: #ffc700;
    color: #ffc700;
    background: rgba(255, 199, 0, 0.08);
    box-shadow: 0 0 28px rgba(255, 199, 0, 0.25);
}

[b-drh4cmq1hj] .leaderboards-team-logo {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid rgba(143, 224, 255, 0.22);
    border-radius: 10px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, 0.1), transparent 30%),
        linear-gradient(145deg, rgba(12, 28, 48, 0.96), rgba(4, 11, 20, 0.98));
    color: #fff;
    font-size: 0.78rem;
    font-weight: 950;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.34);
}

[b-drh4cmq1hj] .leaderboards-team-logo--large {
    width: 72px;
    height: 72px;
}

[b-drh4cmq1hj] .leaderboards-team-logo--placeholder {
    border-radius: 50%;
    background: linear-gradient(135deg, #123a62, #1b2f51);
}

[b-drh4cmq1hj] .leaderboards-team-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

[b-drh4cmq1hj] .leaderboards-team-logo__fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #f5f8fc;
    font-weight: 900;
}

.leaderboards-featured-team strong[b-drh4cmq1hj],
.leaderboards-radar-row strong[b-drh4cmq1hj],
.leaderboards-card__leader strong[b-drh4cmq1hj] {
    display: block;
    color: #f5f8fc;
    line-height: 1.2;
}

.leaderboards-featured-team small[b-drh4cmq1hj],
.leaderboards-radar-row small[b-drh4cmq1hj],
.leaderboards-card__leader small[b-drh4cmq1hj] {
    display: block;
    margin-top: 3px;
    color: #7787a3;
    font-size: 0.78rem;
}

.leaderboards-featured[b-drh4cmq1hj]  .mud-button-root,
.leaderboards-empty[b-drh4cmq1hj]  .mud-button-root {
    width: fit-content;
    min-height: 42px;
    border-radius: 8px;
    font-weight: 900;
}

.leaderboards-radar[b-drh4cmq1hj] {
    padding: 20px;
}

.leaderboards-section-title[b-drh4cmq1hj] {
    margin-bottom: 16px;
}

.leaderboards-section-title h2[b-drh4cmq1hj] {
    color: #f5f8fc;
    font-size: 1.25rem;
}

.leaderboards-radar-row[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid rgba(125, 160, 210, 0.13);
}

.leaderboards-radar-row:hover[b-drh4cmq1hj] {
    color: inherit;
}

.leaderboards-radar-row b[b-drh4cmq1hj] {
    color: #ffc700;
    font-size: 1.04rem;
}

.leaderboards-radar-empty[b-drh4cmq1hj] {
    padding: 20px 0 8px;
    color: rgba(220, 235, 250, 0.64);
    line-height: 1.5;
}

.leaderboards-panel[b-drh4cmq1hj] {
    padding: 32px;
}

.leaderboards-toolbar[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.leaderboards-search[b-drh4cmq1hj] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 6px;
    background: rgba(9, 22, 39, 0.84);
    color: #b6c4dc;
}

.leaderboards-search input[b-drh4cmq1hj] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
}

.leaderboards-search input[b-drh4cmq1hj]::placeholder {
    color: #7787a3;
}

.leaderboards-tabs[b-drh4cmq1hj] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 2px 22px;
    scroll-snap-type: x proximity;
    scrollbar-color: rgba(127, 231, 255, 0.52) rgba(125, 160, 210, 0.12);
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.leaderboards-tabs[b-drh4cmq1hj]::-webkit-scrollbar {
    height: 6px;
}

.leaderboards-tabs[b-drh4cmq1hj]::-webkit-scrollbar-track {
    background: rgba(125, 160, 210, 0.12);
    border-radius: 999px;
}

.leaderboards-tabs[b-drh4cmq1hj]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(127, 231, 255, 0.52);
}

.leaderboards-tab[b-drh4cmq1hj],
.leaderboards-reset[b-drh4cmq1hj] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    color: #b6c4dc;
    background: rgba(9, 22, 39, 0.84);
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.leaderboards-tab:focus-visible[b-drh4cmq1hj],
.leaderboards-reset:focus-visible[b-drh4cmq1hj] {
    outline: 2px solid rgba(127, 231, 255, 0.9);
    outline-offset: 2px;
}

.leaderboards-tab--active[b-drh4cmq1hj] {
    border-color: rgba(139, 92, 246, 0.72);
    color: #f5f8fc;
    background: linear-gradient(135deg, rgba(47, 128, 255, 0.26), rgba(139, 92, 246, 0.34));
    box-shadow: 0 0 28px rgba(139, 92, 246, 0.25);
}

.leaderboards-card-grid[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.leaderboards-card[b-drh4cmq1hj] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 306px;
    overflow: hidden;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 16px;
    background:
        radial-gradient(circle at 16% 18%, rgba(0, 200, 255, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(9, 22, 39, 0.96), rgba(4, 14, 27, 0.99));
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 16px 34px rgba(0, 0, 0, 0.24);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.leaderboards-card[b-drh4cmq1hj]::after {
    content: "";
    position: absolute;
    inset: 104px 0 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(1, 5, 10, 0.28), rgba(1, 7, 14, 0.94) 34%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.02));
    pointer-events: none;
}

.leaderboards-card:hover[b-drh4cmq1hj] {
    transform: translateY(-2px);
    border-color: rgba(0, 194, 255, 0.32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 20px 44px rgba(0, 0, 0, 0.33);
}

.leaderboards-card__banner[b-drh4cmq1hj] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    min-height: 124px;
    padding: 14px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0, 200, 255, 0.34), rgba(0, 0, 0, 0.16) 52%, rgba(92, 68, 220, 0.42)),
        url('/images/leagues/league-card-shards.png');
    background-size: 125% auto;
    background-position: center 48%;
}

.leaderboards-card__banner[b-drh4cmq1hj]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.68)),
        radial-gradient(circle at 16% 20%, rgba(120, 235, 255, 0.28), transparent 24%);
    pointer-events: none;
}

.leaderboards-card__badges[b-drh4cmq1hj] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.leaderboards-card__badges .leaderboards-status:first-child[b-drh4cmq1hj] {
    justify-content: flex-start;
    max-width: min(64%, 190px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.leaderboards-card__banner-logo[b-drh4cmq1hj] {
    position: absolute;
    left: 16px;
    bottom: 12px;
    z-index: 2;
}

.leaderboards-card__banner-logo--empty[b-drh4cmq1hj] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(143, 224, 255, 0.28);
    border-radius: 10px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, 0.12), transparent 30%),
        linear-gradient(145deg, rgba(12, 28, 48, 0.96), rgba(4, 11, 20, 0.98));
    box-shadow: 0 16px 22px rgba(0, 0, 0, 0.46);
}

.leaderboards-card__banner-logo--empty[b-drh4cmq1hj]  .mud-icon-root {
    color: #9defff;
    font-size: 32px;
}

.leaderboards-card__banner-logo[b-drh4cmq1hj]  .leaderboards-team-logo--large {
    width: 72px;
    height: 72px;
    border-radius: 10px;
    filter:
        drop-shadow(0 16px 20px rgba(0, 0, 0, 0.56))
        drop-shadow(0 0 14px rgba(47, 243, 255, 0.24));
}

.leaderboards-card__body[b-drh4cmq1hj] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
}

.leaderboards-card h3[b-drh4cmq1hj] {
    display: -webkit-box;
    overflow: hidden;
    color: #f5f8fc;
    font-size: 1.06rem;
    line-height: 1.12;
    font-weight: 950;
    text-transform: uppercase;
    text-overflow: ellipsis;
    text-shadow: 0 9px 18px rgba(0, 0, 0, 0.52);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.leaderboards-card p[b-drh4cmq1hj] {
    display: -webkit-box;
    min-height: 40px;
    margin: 7px 0 0;
    overflow: hidden;
    color: #b6c4dc;
    font-size: 0.88rem;
    line-height: 1.42;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.leaderboards-card__meta[b-drh4cmq1hj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.leaderboards-card__meta span[b-drh4cmq1hj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 8px;
    color: #b6c4dc;
    background: rgba(9, 22, 39, 0.84);
    font-size: 0.76rem;
    font-weight: 800;
}

.leaderboards-card__meta[b-drh4cmq1hj]  .mud-icon-root {
    font-size: 17px;
    color: #7fe7ff;
}

.leaderboards-card__leader[b-drh4cmq1hj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 199, 0, 0.22);
    border-radius: 12px;
    background: rgba(255, 199, 0, 0.08);
}

.leaderboards-card__leader b[b-drh4cmq1hj] {
    color: #ffc700;
    font-size: 0.88rem;
    white-space: nowrap;
}

.leaderboards-card__leader--empty[b-drh4cmq1hj] {
    grid-template-columns: auto minmax(0, 1fr);
    border-color: rgba(125, 160, 210, 0.16);
    background: rgba(9, 22, 39, 0.84);
    color: #b6c4dc;
}

.leaderboards-card__action[b-drh4cmq1hj] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 0 16px;
    border-top: 1px solid rgba(125, 160, 210, 0.13);
    color: #00c2ff;
    font-size: 0.82rem;
    font-weight: 900;
}

@keyframes leaderboard-shimmer-b-drh4cmq1hj {
    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -120% 0;
    }
}

@media (max-width: 1180px) {
    .leaderboards-featured-grid[b-drh4cmq1hj],
    .leaderboards-card-grid[b-drh4cmq1hj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leaderboards-hero[b-drh4cmq1hj] {
        grid-template-columns: 1fr;
    }

    .leaderboards-radar[b-drh4cmq1hj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .public-leaderboards-page[b-drh4cmq1hj] {
        padding: 20px 32px 58px;
    }

    .leaderboards-hero h1[b-drh4cmq1hj] {
        font-size: 3rem;
    }

    .leaderboards-toolbar[b-drh4cmq1hj] {
        grid-template-columns: 1fr;
    }

    .leaderboards-tabs[b-drh4cmq1hj] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .public-leaderboards-page[b-drh4cmq1hj] {
        padding: 14px 16px 44px;
    }

    .leaderboards-featured[b-drh4cmq1hj],
    .leaderboards-radar[b-drh4cmq1hj],
    .leaderboards-panel[b-drh4cmq1hj] {
        padding: 16px;
    }

    .leaderboards-hero[b-drh4cmq1hj] {
        min-height: auto;
        gap: 18px;
        padding: 4px 0 16px;
    }

    .leaderboards-hero h1[b-drh4cmq1hj] {
        font-size: clamp(2.35rem, 10vw, 3rem);
    }

    .leaderboards-hero p[b-drh4cmq1hj] {
        font-size: 0.94rem;
        line-height: 1.42;
    }

    .leaderboards-featured__metrics[b-drh4cmq1hj],
    .leaderboards-featured-grid[b-drh4cmq1hj],
    .leaderboards-card-grid[b-drh4cmq1hj],
    .leaderboards-loading[b-drh4cmq1hj],
    .leaderboards-toolbar[b-drh4cmq1hj] {
        grid-template-columns: 1fr;
    }

    .leaderboards-hero__stats[b-drh4cmq1hj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .leaderboards-hero__stats div[b-drh4cmq1hj] {
        padding: 10px;
    }

    .leaderboards-hero__stats strong[b-drh4cmq1hj] {
        font-size: 1.35rem;
    }

    .leaderboards-hero__stats span[b-drh4cmq1hj] {
        font-size: 0.56rem;
        line-height: 1.08;
    }

    .leaderboards-featured__header[b-drh4cmq1hj] {
        flex-direction: column;
    }

    .leaderboards-featured h2[b-drh4cmq1hj] {
        font-size: 1.7rem;
    }

    .leaderboards-tabs[b-drh4cmq1hj] {
        justify-content: flex-start;
        margin-inline: -2px;
        padding-inline: 2px 22px;
        -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
        mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
    }

    .leaderboards-card[b-drh4cmq1hj] {
        min-height: 0;
    }

    .leaderboards-card[b-drh4cmq1hj]::after {
        inset: 86px 0 0;
    }

    .leaderboards-card__banner[b-drh4cmq1hj] {
        min-height: 108px;
        background-size: cover;
    }

    .leaderboards-card__banner-logo[b-drh4cmq1hj],
    .leaderboards-card__banner-logo--empty[b-drh4cmq1hj] {
        width: 60px;
        height: 60px;
    }

    .leaderboards-card__banner-logo[b-drh4cmq1hj]  .leaderboards-team-logo--large {
        width: 60px;
        height: 60px;
    }

    .leaderboards-card h3[b-drh4cmq1hj] {
        font-size: 0.98rem;
        line-height: 1.14;
        overflow-wrap: anywhere;
    }

    .leaderboards-card__leader[b-drh4cmq1hj] {
        grid-template-columns: 1fr;
        gap: 5px;
        align-items: start;
    }

    .leaderboards-card__leader b[b-drh4cmq1hj] {
        white-space: normal;
    }

    [b-drh4cmq1hj] .leaderboards-team-logo--large {
        width: 60px;
        height: 60px;
    }
}
/* /Pages/LeagueAdmin/Dashboard.razor.rz.scp.css */
.la-loading-wrap[b-l0sswls9k6] {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
}

.la-command-container[b-l0sswls9k6] {
    width: min(100%, 1440px);
    margin-inline: auto;
}

.la-hero[b-l0sswls9k6] {
    margin-bottom: 18px;
    padding: 0 0 18px;
    border: 0;
    border-bottom: 1px solid var(--cad-border, rgba(0, 200, 255, 0.12));
    border-radius: 0;
    background: transparent;
}

.la-hero-content[b-l0sswls9k6] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.la-hero-icon-wrap[b-l0sswls9k6] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(0, 200, 255, 0.08);
    border: 1px solid rgba(0, 200, 255, 0.16);
    flex-shrink: 0;
}

.la-empty-state[b-l0sswls9k6] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.la-dashboard-tabs[b-l0sswls9k6] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
    padding: 4px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
}

.la-dashboard-tab[b-l0sswls9k6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 13px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.la-dashboard-tab .mud-icon-root[b-l0sswls9k6] {
    font-size: 18px;
}

.la-dashboard-tab b[b-l0sswls9k6] {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 179, 0, 0.16);
    color: #ffcb45;
    font-size: 0.76rem;
}

.la-dashboard-tab.is-active[b-l0sswls9k6] {
    background: rgba(0, 200, 255, 0.16);
    color: #fff;
    box-shadow: inset 0 -2px 0 #00c8ff;
}

.la-league-card[b-l0sswls9k6] {
    height: 100%;
    background: rgba(14, 28, 46, 0.84);
    border: 1px solid rgba(94, 148, 190, 0.18);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

.la-league-card-body[b-l0sswls9k6] {
    display: flex;
    gap: 14px;
    padding: 16px;
    flex: 1;
    min-width: 0;
}

.la-league-card-main[b-l0sswls9k6] {
    min-width: 0;
    flex: 1;
}

.la-league-name[b-l0sswls9k6] {
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-chip-row[b-l0sswls9k6] {
    flex-wrap: wrap;
}

.la-muted[b-l0sswls9k6] {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.42);
}

.la-league-card-actions[b-l0sswls9k6] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.la-filter-grid[b-l0sswls9k6] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(4, minmax(145px, 0.85fr)) auto auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid var(--cad-border, rgba(0, 200, 255, 0.12));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
}

.la-filter-grid--queue[b-l0sswls9k6] {
    grid-template-columns: minmax(240px, 1.35fr) minmax(160px, 0.85fr) minmax(180px, 0.95fr) auto;
}

.la-filter-grid--complaints[b-l0sswls9k6] {
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, 0.85fr) minmax(180px, 0.85fr) minmax(150px, 0.65fr) auto;
}

@media (max-width: 1200px) {
    .la-filter-grid[b-l0sswls9k6],
    .la-filter-grid--complaints[b-l0sswls9k6],
    .la-filter-grid--queue[b-l0sswls9k6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.la-table-wrap[b-l0sswls9k6] {
    overflow-x: auto;
    border: 1px solid var(--cad-border, rgba(255, 255, 255, 0.07));
    border-radius: 12px;
    background: rgba(5, 10, 18, 0.42);
    scrollbar-width: none;
}

.la-table-wrap[b-l0sswls9k6]::-webkit-scrollbar {
    display: none;
}

.la-admin-table[b-l0sswls9k6] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.la-admin-table th[b-l0sswls9k6],
.la-admin-table td[b-l0sswls9k6] {
    padding: 11px 14px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.72);
    color: rgba(225, 239, 255, 0.72);
    vertical-align: middle;
}

.la-admin-table th[b-l0sswls9k6] {
    color: rgba(180, 204, 229, 0.72);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(8, 17, 30, 0.82);
}

.la-admin-table th button[b-l0sswls9k6] {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.la-admin-table tbody tr:hover[b-l0sswls9k6] {
    background: rgba(0, 200, 255, 0.04);
}

.la-league-cell[b-l0sswls9k6] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.la-league-cell strong[b-l0sswls9k6],
.la-league-cell small[b-l0sswls9k6],
.la-season-cell strong[b-l0sswls9k6],
.la-season-cell small[b-l0sswls9k6] {
    display: block;
}

.la-league-cell strong[b-l0sswls9k6],
.la-season-cell strong[b-l0sswls9k6] {
    color: #fff;
    font-weight: 900;
}

.la-league-cell small[b-l0sswls9k6],
.la-season-cell small[b-l0sswls9k6] {
    margin-top: 2px;
    color: rgba(180, 204, 229, 0.58);
}

.la-chip[b-l0sswls9k6] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(180, 204, 229, 0.1);
    color: rgba(225, 239, 255, 0.86);
    font-size: 0.72rem;
    font-weight: 900;
}

.la-chip--category[b-l0sswls9k6] {
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
}

.la-chip--tier[b-l0sswls9k6] {
    color: #b996ff;
    background: rgba(153, 99, 255, 0.16);
}

.la-chip--success[b-l0sswls9k6] {
    color: #6ee88a;
    background: rgba(60, 190, 96, 0.18);
}

.la-chip--warning[b-l0sswls9k6] {
    color: #ffca66;
    background: rgba(255, 191, 60, 0.16);
}

.la-chip--info[b-l0sswls9k6] {
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.12);
}

.la-chip--muted[b-l0sswls9k6] {
    color: rgba(225, 239, 255, 0.62);
    background: rgba(180, 204, 229, 0.08);
}

.la-row-actions[b-l0sswls9k6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.la-empty-row[b-l0sswls9k6] {
    min-height: 120px;
    display: grid;
    place-items: center;
    gap: 8px;
    color: rgba(225, 239, 255, 0.55);
    text-align: center;
}

.la-empty-row .mud-icon-root[b-l0sswls9k6] {
    color: rgba(0, 200, 255, 0.35);
}

.la-pagination[b-l0sswls9k6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    color: rgba(225, 239, 255, 0.62);
    background: rgba(5, 10, 18, 0.35);
}

.la-page-controls[b-l0sswls9k6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.la-page-controls strong[b-l0sswls9k6] {
    min-width: 32px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    background: #00a6d6;
    color: #fff;
}

.la-complaint-list[b-l0sswls9k6] {
    display: grid;
    gap: 12px;
}

.la-complaint-card[b-l0sswls9k6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(255, 179, 0, 0.18);
    border-left: 3px solid #ffb300;
    border-radius: 10px;
    background: rgba(8, 12, 22, 0.72);
}

.la-complaint-main[b-l0sswls9k6] {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.la-complaint-kicker[b-l0sswls9k6],
.la-complaint-meta[b-l0sswls9k6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.la-complaint-match[b-l0sswls9k6] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) 70px minmax(120px, 1fr);
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 800;
}

.la-complaint-match span[b-l0sswls9k6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-complaint-match b[b-l0sswls9k6] {
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.14);
    color: #fff;
    text-align: center;
}

.la-complaint-card p[b-l0sswls9k6] {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.86rem;
}

.la-complaint-actions[b-l0sswls9k6] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 599px) {
    .la-hero[b-l0sswls9k6] {
        padding: 18px;
    }

    .la-hero-content[b-l0sswls9k6] {
        align-items: flex-start;
    }

    .la-dashboard-tabs[b-l0sswls9k6],
    .la-dashboard-tab[b-l0sswls9k6] {
        width: 100%;
    }

    .la-dashboard-tab[b-l0sswls9k6] {
        justify-content: center;
    }

    .la-filter-grid[b-l0sswls9k6],
    .la-filter-grid--complaints[b-l0sswls9k6],
    .la-filter-grid--queue[b-l0sswls9k6] {
        grid-template-columns: 1fr;
    }

    .la-pagination[b-l0sswls9k6] {
        align-items: stretch;
        flex-direction: column;
    }

    .la-page-controls[b-l0sswls9k6] {
        justify-content: space-between;
    }

    .la-complaint-card[b-l0sswls9k6],
    .la-complaint-match[b-l0sswls9k6] {
        grid-template-columns: 1fr;
    }

    .la-complaint-actions[b-l0sswls9k6] {
        justify-content: stretch;
    }
}
/* /Pages/LeagueAdmin/ManageLeagues.razor.rz.scp.css */
.la-search[b-ijrlphhpq8] {
    width: min(340px, 100%);
    margin-left: auto;
}

.la-empty-state[b-ijrlphhpq8] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

[b-ijrlphhpq8] .la-table {
    overflow-x: auto;
}

[b-ijrlphhpq8] .la-table .mud-table-cell {
    height: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
}

[b-ijrlphhpq8] .la-actions-cell {
    min-width: 520px;
    width: 520px;
}

.la-actions[b-ijrlphhpq8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}

.la-actions[b-ijrlphhpq8]  .mud-button-root {
    min-width: 78px;
    height: 36px;
    white-space: nowrap;
}

.la-actions[b-ijrlphhpq8]  .mud-icon-button {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 189, 242, 0.24);
    border-radius: 8px;
    background: rgba(0, 189, 242, 0.06);
}

.la-table-league[b-ijrlphhpq8] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.la-table-league-text[b-ijrlphhpq8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.la-table-league-text b[b-ijrlphhpq8] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.la-table-league-text span[b-ijrlphhpq8] {
    color: rgba(255, 255, 255, 0.42);
    font-size: 0.78rem;
}

@media (max-width: 599px) {
    .la-search[b-ijrlphhpq8] {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }

    [b-ijrlphhpq8] .la-actions-cell {
        min-width: 460px;
    }
}
/* /Pages/Leagues/Components/LeagueCrest.razor.rz.scp.css */
.league-crest[b-x3c5cfyqqx] {
    --crest-size: 72px;
    position: relative;
    width: var(--crest-size);
    height: var(--crest-size);
    flex: 0 0 var(--crest-size);
    display: grid;
    place-items: center;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.42));
}

.league-crest--xs[b-x3c5cfyqqx] {
    --crest-size: 28px;
}

.league-crest--sm[b-x3c5cfyqqx] {
    --crest-size: 44px;
}

.league-crest--match[b-x3c5cfyqqx] {
    --crest-size: 34px;
}

.league-crest--team[b-x3c5cfyqqx] {
    --crest-size: 36px;
}

.league-crest--md[b-x3c5cfyqqx] {
    --crest-size: 72px;
}

.league-crest--lg[b-x3c5cfyqqx] {
    --crest-size: 118px;
}

.league-crest--xl[b-x3c5cfyqqx] {
    --crest-size: 168px;
}

.league-crest--image[b-x3c5cfyqqx],
.league-crest--generated[b-x3c5cfyqqx] {
    padding: calc(var(--crest-size) * .045);
    border: 1px solid color-mix(in srgb, var(--crest-accent) 72%, rgba(255, 255, 255, .18));
    border-radius: 8px;
    background:
        radial-gradient(circle at 30% 15%, rgba(255, 255, 255, .12), transparent 28%),
        linear-gradient(145deg, rgba(12, 24, 38, .92), rgba(3, 10, 19, .94));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .06),
        0 0 24px color-mix(in srgb, var(--crest-accent) 34%, transparent);
    overflow: hidden;
}

.league-crest--generated[b-x3c5cfyqqx]::before {
    content: none;
}

.league-crest--generated[b-x3c5cfyqqx]::after {
    content: none;
}

.league-crest img[b-x3c5cfyqqx] {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.crest-shield[b-x3c5cfyqqx] {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 6px;
    background:
        radial-gradient(circle at 50% 24%, var(--crest-accent-soft), transparent 44%),
        linear-gradient(145deg, rgba(16, 32, 49, .95), rgba(3, 10, 19, .98));
}

.crest-mark[b-x3c5cfyqqx] {
    display: grid;
    place-items: center;
    width: 62%;
    height: 62%;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    color: #fff;
    font-size: calc(var(--crest-size) * 0.18);
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}

/* Logo protection pass for EA FC and uploaded logos. */
.league-crest--image[b-x3c5cfyqqx] {
    padding: 0;
}

.league-crest--generated[b-x3c5cfyqqx] {
    padding: clamp(1px, calc(var(--crest-size) * .035), 7px);
}

.league-crest--image[b-x3c5cfyqqx],
.league-crest--generated[b-x3c5cfyqqx] {
    border-color: color-mix(in srgb, var(--crest-accent) 46%, rgba(125, 160, 210, .28));
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, .10), transparent 30%),
        linear-gradient(145deg, rgba(14, 27, 44, .96), rgba(4, 11, 20, .98));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055),
        0 10px 18px rgba(0, 0, 0, .34);
}

.league-crest img[b-x3c5cfyqqx] {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    image-rendering: auto;
}

.league-crest--xs[b-x3c5cfyqqx],
.league-crest--sm[b-x3c5cfyqqx],
.league-crest--match[b-x3c5cfyqqx],
.league-crest--team[b-x3c5cfyqqx] {
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .34));
}

.league-crest--match.league-crest--image[b-x3c5cfyqqx],
.league-crest--team.league-crest--image[b-x3c5cfyqqx] {
    padding: 0;
    border-radius: 10px;
}

.league-crest--match.league-crest--generated[b-x3c5cfyqqx],
.league-crest--team.league-crest--generated[b-x3c5cfyqqx] {
    padding: 2px;
    border-radius: 10px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, .1), transparent 30%),
        linear-gradient(145deg, rgba(12, 28, 48, .96), rgba(4, 11, 20, .98));
}
/* /Pages/Leagues/Components/LeagueDetailHero.razor.rz.scp.css */
.ldh-block[b-69eygwphs5] {
    width: 100%;
    min-width: 0;
}

.ldh-hero[b-69eygwphs5] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: clamp(22px, 2.2vw, 34px);
    align-items: center;
    width: 100%;
    min-height: 214px;
    padding: 24px 30px;
    border: 1px solid rgba(82, 151, 216, 0.24);
    border-radius: 10px 10px 0 0;
    background-color: #050b12;
    background-size: cover, contain;
    background-position: center, center right;
    background-repeat: no-repeat, no-repeat;
    box-shadow: inset 0 -88px 120px rgba(0, 0, 0, 0.54), 0 20px 58px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.ldh-hero[b-69eygwphs5]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 20%, rgba(0, 174, 255, 0.14), transparent 34%),
        linear-gradient(90deg, rgba(2, 9, 20, 0.72), rgba(2, 9, 20, 0.2) 68%, rgba(2, 9, 20, 0.56));
    pointer-events: none;
}

.ldh-copy[b-69eygwphs5],
.ldh-season-card[b-69eygwphs5] {
    position: relative;
    z-index: 1;
}

.ldh-copy[b-69eygwphs5] {
    display: flex;
    align-items: center;
    gap: clamp(20px, 2vw, 30px);
    min-width: 0;
}

.ldh-copy[b-69eygwphs5]  .league-crest--xl {
    --crest-size: 112px;
}

.ldh-main[b-69eygwphs5] {
    min-width: 0;
}

.ldh-season-pill[b-69eygwphs5] {
    width: fit-content;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 14px;
    border: 1px solid rgba(0, 174, 255, 0.34);
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0, 119, 204, 0.74), rgba(47, 128, 255, 0.58));
    color: #dff3ff;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldh-main h1[b-69eygwphs5] {
    max-width: min(1100px, 100%);
    margin: 0;
    overflow-wrap: anywhere;
    color: #f5f8fc;
    font-size: clamp(2.15rem, 2.55vw, 3.25rem);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: 0;
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.54);
}

.ldh-subline[b-69eygwphs5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 11px;
    color: #dce8f7;
    font-size: 0.96rem;
    font-weight: 760;
}

.ldh-subline i[b-69eygwphs5] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(220, 232, 247, 0.72);
}

.ldh-subline[b-69eygwphs5]  .mud-icon-root {
    width: 18px;
    height: 18px;
    color: #dce8f7;
}

.ldh-chips[b-69eygwphs5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.ldh-chips span[b-69eygwphs5] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 6px;
    background: rgba(4, 12, 22, 0.68);
    color: #f2f6fb;
    font-size: 0.76rem;
    font-weight: 900;
}

.ldh-chips .status[b-69eygwphs5] {
    border-color: rgba(46, 215, 123, 0.26);
    background: rgba(46, 215, 123, 0.14);
    color: #6cf29a;
}

.ldh-season-card[b-69eygwphs5] {
    display: grid;
    gap: 12px;
    align-self: center;
    width: 100%;
}

.ldh-select[b-69eygwphs5] {
    margin: 0;
}

.ldh-select[b-69eygwphs5]  .mud-input-control {
    margin: 0;
}

.ldh-select[b-69eygwphs5]  .mud-input-root,
.ldh-static-season[b-69eygwphs5] {
    min-height: 44px;
    border-radius: 7px;
    background: rgba(2, 8, 16, 0.82);
    color: #f5f8fc !important;
    font-weight: 900 !important;
}

.ldh-select[b-69eygwphs5]  .mud-input-outlined-border {
    border-color: rgba(125, 160, 210, 0.28) !important;
}

.ldh-static-season[b-69eygwphs5] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(125, 160, 210, 0.28);
}

.ldh-season-date[b-69eygwphs5] {
    color: #a8b7cb;
    font-size: 0.84rem;
}

.ldh-progress-row[b-69eygwphs5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #a8b7cb;
    font-size: 0.78rem;
}

.ldh-progress-row b[b-69eygwphs5] {
    color: #dce8f7;
}

.ldh-progress[b-69eygwphs5] {
    height: 7px;
    border-radius: 999px;
    background: rgba(125, 160, 210, 0.18);
    overflow: hidden;
}

.ldh-progress i[b-69eygwphs5] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #00c2ff, #2f80ff);
}

.ldh-stats-bar[b-69eygwphs5] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 64px;
    border: 1px solid rgba(82, 151, 216, 0.2);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(180deg, rgba(8, 19, 34, 0.96), rgba(4, 12, 22, 0.98));
}

.ldh-stats-bar div[b-69eygwphs5] {
    display: grid;
    grid-template-columns: 34px minmax(0, auto);
    column-gap: 10px;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0 16px;
    border-right: 1px solid rgba(125, 160, 210, 0.13);
}

.ldh-stats-bar div:last-child[b-69eygwphs5] {
    border-right: 0;
}

.ldh-stats-bar[b-69eygwphs5]  .mud-icon-root {
    grid-row: span 2;
    color: #aebbd0;
    font-size: 27px;
}

.ldh-stats-bar b[b-69eygwphs5] {
    color: #f5f8fc;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ldh-stats-bar span[b-69eygwphs5] {
    color: #95a8c2;
    font-size: 0.78rem;
    line-height: 1.15;
}

@media (max-width: 1080px) {
    .ldh-hero[b-69eygwphs5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ldh-copy[b-69eygwphs5] {
        display: grid;
        grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
        align-items: center;
    }

    .ldh-main[b-69eygwphs5] {
        min-width: 0;
    }

    .ldh-season-card[b-69eygwphs5] {
        width: min(360px, 100%);
    }
}

@media (max-width: 720px) {
    .ldh-hero[b-69eygwphs5] {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px 14px;
        border-radius: 10px 10px 0 0;
        background-position: 62% center;
    }

    .ldh-copy[b-69eygwphs5] {
        align-items: flex-start;
        gap: 14px;
    }

    .ldh-copy[b-69eygwphs5]  .league-crest--xl {
        --crest-size: 86px;
    }

    .ldh-main h1[b-69eygwphs5] {
        font-size: clamp(1.38rem, 6.8vw, 2rem);
    }

    .ldh-season-card[b-69eygwphs5] {
        width: 100%;
        gap: 9px;
        padding: 11px;
        border: 1px solid rgba(125, 160, 210, 0.18);
        border-radius: 9px;
        background: rgba(2, 8, 16, 0.68);
    }

    .ldh-chips[b-69eygwphs5] {
        margin-top: 10px;
    }

    .ldh-chips span[b-69eygwphs5] {
        min-height: 25px;
        padding: 0 9px;
        font-size: 0.68rem;
    }

    .ldh-subline[b-69eygwphs5] {
        font-size: 0.82rem;
    }

    .ldh-stats-bar[b-69eygwphs5] {
        grid-template-columns: repeat(5, minmax(64px, 1fr));
        min-height: 64px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .ldh-stats-bar[b-69eygwphs5]::-webkit-scrollbar {
        display: none;
    }

    .ldh-stats-bar div[b-69eygwphs5] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-height: 64px;
        padding: 6px 2px;
        text-align: center;
    }

    .ldh-stats-bar[b-69eygwphs5]  .mud-icon-root {
        font-size: 18px;
    }

    .ldh-stats-bar b[b-69eygwphs5] {
        font-size: 0.92rem;
    }

    .ldh-stats-bar span[b-69eygwphs5] {
        max-width: 100%;
        overflow: hidden;
        font-size: 0.62rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 520px) {
    .ldh-copy[b-69eygwphs5] {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .ldh-copy[b-69eygwphs5]  .league-crest--xl {
        --crest-size: 76px;
    }
}
/* /Pages/Leagues/Components/LeagueDetailNav.razor.rz.scp.css */
.ldn-tabs[b-1mgx0vkrap] {
    display: flex;
    align-items: center;
    overflow-x: auto;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 0 0 8px 8px;
    background:
        linear-gradient(180deg, rgba(5, 14, 25, 0.96), rgba(3, 10, 18, 0.98)),
        radial-gradient(circle at 82% 0, rgba(0, 194, 255, 0.1), transparent 360px);
    scrollbar-width: none;
}

.ldn-tabs[b-1mgx0vkrap]::-webkit-scrollbar {
    display: none;
}

.ldn-tabs button[b-1mgx0vkrap] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 0 auto;
    min-height: 64px;
    padding: 0 30px;
    border: 0;
    border-right: 1px solid rgba(125, 160, 210, 0.1);
    background: transparent;
    color: #b7c4d8;
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.ldn-tabs button:last-child[b-1mgx0vkrap] {
    border-right: 0;
}

.ldn-tabs button.active[b-1mgx0vkrap],
.ldn-tabs button:hover[b-1mgx0vkrap] {
    background: linear-gradient(180deg, rgba(0, 148, 255, 0.16), rgba(0, 148, 255, 0.04));
    color: #00c2ff;
}

.ldn-tabs button.active[b-1mgx0vkrap]::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    height: 3px;
    border-radius: 999px;
    background: #00a9ff;
    box-shadow: 0 0 18px rgba(0, 169, 255, 0.48);
}

.ldn-tabs[b-1mgx0vkrap]  .mud-icon-root {
    width: 18px;
    height: 18px;
    color: currentColor;
}

.ldn-tabs--vertical[b-1mgx0vkrap] {
    display: grid;
    gap: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.ldn-tabs--vertical button[b-1mgx0vkrap] {
    justify-content: flex-start;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #b7c4d8;
    font-size: 0.95rem;
    text-transform: none;
}

.ldn-tabs--vertical button.active[b-1mgx0vkrap],
.ldn-tabs--vertical button:hover[b-1mgx0vkrap] {
    border-color: rgba(0, 169, 255, 0.18);
    background: linear-gradient(90deg, rgba(0, 113, 197, 0.42), rgba(0, 113, 197, 0.1));
    color: #1eb4ff;
}

.ldn-tabs--vertical button.active[b-1mgx0vkrap]::after {
    display: none;
}

.ldn-tabs--vertical button span[b-1mgx0vkrap] {
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

@media (max-width: 920px) {
    .ldn-tabs button[b-1mgx0vkrap] {
        flex: 0 0 auto;
        padding: 0 20px;
    }
}
/* /Pages/Leagues/Components/LeagueInfoTile.razor.rz.scp.css */
.ldc-info-tile[b-632tyiyex1] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 8px;
    background: rgba(8, 20, 35, 0.72);
}

.ldc-info-tile span[b-632tyiyex1],
.ldc-info-tile b[b-632tyiyex1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-info-tile span[b-632tyiyex1] {
    color: #8fa2bd;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-info-tile b[b-632tyiyex1] {
    margin-top: 6px;
    color: #f5f8fc;
    font-size: 1.08rem;
    font-weight: 900;
}
/* /Pages/Leagues/Components/LeagueMatchRow.razor.rz.scp.css */
.ldc-match-row[b-u7zu2p259r] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1.25fr) 108px minmax(0, 1.25fr) 86px;
    gap: 14px;
    align-items: center;
    width: calc(100% - 24px);
    min-height: 72px;
    margin: 10px 12px;
    padding: 0 18px;
    border: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(12, 32, 55, 0.94), rgba(7, 20, 36, 0.96));
    color: #f5f8fc;
    cursor: default;
    font: inherit;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    contain: layout paint;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.ldc-match-row:last-child[b-u7zu2p259r] {
    margin-bottom: 12px;
}

.ldc-match-row:hover[b-u7zu2p259r],
.ldc-match-row.active[b-u7zu2p259r] {
    border-color: rgba(0, 194, 255, 0.45);
    background:
        linear-gradient(180deg, rgba(18, 49, 82, 0.98), rgba(10, 29, 50, 0.98));
    box-shadow: 0 0 0 1px rgba(0, 194, 255, 0.08), 0 16px 30px rgba(0, 0, 0, 0.24);
}

.ldc-match-row:focus-within[b-u7zu2p259r] {
    outline: 2px solid #00c8ff;
    outline-offset: 3px;
    border-color: rgba(0, 194, 255, 0.72);
    box-shadow: 0 0 0 4px rgba(0, 194, 255, 0.12), 0 16px 30px rgba(0, 0, 0, 0.24);
}

.ldc-match-row--compact[b-u7zu2p259r] {
    grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr) 62px;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0 16px;
}

.ldc-match-row--compact time[b-u7zu2p259r] {
    display: none;
}

.ldc-match-row--compact .ldc-row-action[b-u7zu2p259r] {
    min-height: 28px;
    padding: 0 8px;
}

time[b-u7zu2p259r] {
    color: #d8e5f6;
    font-variant-numeric: tabular-nums;
}

time b[b-u7zu2p259r],
time small[b-u7zu2p259r] {
    display: block;
}

time small[b-u7zu2p259r] {
    color: #8fa2bd;
    font-size: 0.74rem;
}

.ldc-match-team[b-u7zu2p259r] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ldc-match-team--away[b-u7zu2p259r] {
    justify-content: flex-end;
    text-align: right;
}

.ldc-match-team strong[b-u7zu2p259r] {
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.9rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-match-score[b-u7zu2p259r] {
    display: grid;
    justify-items: center;
    gap: 1px;
    min-width: 0;
}

.ldc-match-score b[b-u7zu2p259r] {
    display: inline-grid;
    place-items: center;
    min-width: 78px;
    min-height: 34px;
    border-radius: 7px;
    background: rgba(22, 44, 76, 0.95);
    color: #fff;
    font-size: 1.26rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.ldc-match-score small[b-u7zu2p259r] {
    color: #36e082;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-row-action[b-u7zu2p259r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(0, 169, 255, 0.36);
    border-radius: 6px;
    background: rgba(0, 118, 215, 0.2);
    color: #37caff;
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.ldc-row-action:hover[b-u7zu2p259r],
.ldc-row-action:focus-visible[b-u7zu2p259r] {
    border-color: rgba(0, 194, 255, 0.64);
    background: rgba(0, 169, 255, 0.26);
    color: #f5f8fc;
}

@media (max-width: 760px) {
    .ldc-match-row[b-u7zu2p259r],
    .ldc-match-row--compact[b-u7zu2p259r] {
        grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
        gap: 8px;
        width: calc(100% - 16px);
        min-height: 72px;
        margin: 8px;
        padding: 10px;
    }

    .ldc-match-row--compact[b-u7zu2p259r] {
        width: 100%;
        margin: 0;
    }

    time[b-u7zu2p259r] {
        display: none;
    }

    .ldc-row-action[b-u7zu2p259r] {
        grid-column: 1 / -1;
        min-height: 32px;
        width: 100%;
    }

    .ldc-match-score b[b-u7zu2p259r] {
        min-width: 62px;
        min-height: 30px;
        font-size: 1rem;
    }

    .ldc-match-team[b-u7zu2p259r] {
        gap: 7px;
    }

    .ldc-match-team strong[b-u7zu2p259r] {
        font-size: 0.78rem;
    }
}
/* /Pages/Leagues/Components/LeaguePlayerLeaderboardTable.razor.rz.scp.css */
.ldc-empty[b-58odkqv4df] {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 28px;
    color: #8fa2bd;
    text-align: center;
}

.ldc-rank-table-wrap[b-58odkqv4df] {
    width: 100%;
    margin: 0;
    padding: 16px 18px 18px;
    background: linear-gradient(180deg, rgba(2, 8, 17, 0.56), rgba(1, 5, 12, 0.64));
    overflow-x: auto;
}

.ldc-leader-table[b-58odkqv4df] {
    min-width: 1120px;
    border-spacing: 0 10px;
}

.ldc-leader-table thead th[b-58odkqv4df] {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(93, 157, 216, 0.18);
    color: #9eb1ca;
}

.ldc-leader-table tbody td[b-58odkqv4df] {
    height: 70px;
    border-top: 1px solid rgba(82, 151, 216, 0.2);
    border-bottom: 1px solid rgba(82, 151, 216, 0.2);
    background: rgba(10, 27, 47, 0.92);
}

.ldc-leader-table tbody tr:nth-child(even) td[b-58odkqv4df] {
    background: rgba(12, 32, 55, 0.94);
}

.ldc-leader-table tbody tr:hover td[b-58odkqv4df] {
    border-color: rgba(0, 194, 255, 0.42);
    background: rgba(18, 47, 78, 0.98);
    transform: none;
}

.ldc-leader-table th:first-child[b-58odkqv4df],
.ldc-leader-table td:first-child[b-58odkqv4df] {
    width: 76px;
}

.ldc-leader-table th:not(:nth-child(2)):not(:nth-child(3))[b-58odkqv4df],
.ldc-leader-table td:not(:nth-child(2)):not(:nth-child(3))[b-58odkqv4df] {
    text-align: center;
}
/* /Pages/Leagues/Components/LeagueSideRail.razor.rz.scp.css */
.lds-rail[b-633fwl1fqz] {
    position: sticky;
    top: 82px;
    display: grid;
    gap: 0;
    align-self: start;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 10px;
    background:
        radial-gradient(circle at 8% 0, rgba(0, 147, 255, 0.12), transparent 240px),
        linear-gradient(180deg, rgba(9, 22, 39, 0.94), rgba(4, 13, 24, 0.98));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.lds-panel[b-633fwl1fqz],
.lds-clock[b-633fwl1fqz] {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.lds-panel[b-633fwl1fqz] {
    padding: 18px;
    border-bottom: 1px solid rgba(125, 160, 210, 0.13);
}

.lds-panel--nav[b-633fwl1fqz] {
    padding: 18px 12px 12px;
    background: rgba(0, 125, 220, 0.05);
}

.lds-section-title[b-633fwl1fqz] {
    margin: 0 0 14px;
    color: #8fa2bd;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.lds-panel--nav .lds-section-title[b-633fwl1fqz] {
    margin-left: 6px;
}

.lds-info-row[b-633fwl1fqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    color: #97a6ba;
    font-size: 0.86rem;
}

.lds-info-row b[b-633fwl1fqz] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
    color: #f5f8fc;
    font-weight: 850;
    text-align: right;
}

.lds-info-row i[b-633fwl1fqz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7787a3;
}

.lds-info-row i.active[b-633fwl1fqz] {
    background: #2dd37a;
    box-shadow: 0 0 14px rgba(45, 211, 122, 0.5);
}

.lds-info-row i.done[b-633fwl1fqz] {
    background: #00c2ff;
    box-shadow: 0 0 14px rgba(0, 194, 255, 0.4);
}

.lds-panel p[b-633fwl1fqz] {
    margin: 0;
    color: #8fa2bd;
    font-size: 0.9rem;
}

.lds-admin-list[b-633fwl1fqz] {
    display: grid;
    gap: 10px;
}

.lds-admin[b-633fwl1fqz] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(82, 151, 216, 0.18);
    border-radius: 8px;
    background: rgba(8, 25, 44, 0.72);
}

.lds-admin--contactable[b-633fwl1fqz] {
    grid-template-columns: 36px minmax(0, 1fr) auto;
}

.lds-admin-avatar[b-633fwl1fqz] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid rgba(0, 194, 255, 0.26);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%, rgba(0, 194, 255, 0.24), rgba(5, 14, 26, 0.94));
    color: #f5f8fc;
    font-size: 0.78rem;
    font-weight: 950;
}

.lds-admin-avatar img[b-633fwl1fqz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lds-admin-copy[b-633fwl1fqz] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lds-admin-copy b[b-633fwl1fqz],
.lds-admin-copy small[b-633fwl1fqz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lds-admin-copy b[b-633fwl1fqz] {
    color: #f5f8fc;
    font-size: 0.84rem;
    font-weight: 900;
}

.lds-admin-copy small[b-633fwl1fqz] {
    color: #8fa2bd;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.lds-admin button[b-633fwl1fqz] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(0, 169, 255, 0.42);
    border-radius: 6px;
    background: rgba(0, 118, 215, 0.2);
    color: #37caff;
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.lds-admin button:hover[b-633fwl1fqz] {
    border-color: rgba(0, 194, 255, 0.72);
    background: rgba(0, 132, 235, 0.32);
}

.lds-activity-list[b-633fwl1fqz] {
    display: grid;
    gap: 10px;
}

.lds-activity[b-633fwl1fqz] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    column-gap: 10px;
    align-items: start;
}

.lds-activity span[b-633fwl1fqz] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(0, 136, 255, 0.28);
    color: #43c7ff;
    font-size: 0.74rem;
    font-weight: 900;
}

.lds-activity b[b-633fwl1fqz],
.lds-activity small[b-633fwl1fqz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lds-activity b[b-633fwl1fqz] {
    color: #f5f8fc;
    font-size: 0.82rem;
    line-height: 1.3;
}

.lds-activity small[b-633fwl1fqz] {
    grid-column: 2;
    color: #7787a3;
    font-size: 0.72rem;
}

.lds-clock[b-633fwl1fqz] {
    padding: 18px;
    border-bottom: 0;
}

.lds-clock span[b-633fwl1fqz],
.lds-clock small[b-633fwl1fqz] {
    display: block;
    color: #8fa2bd;
    font-size: 0.82rem;
    font-weight: 800;
}

.lds-clock b[b-633fwl1fqz] {
    display: block;
    margin: 10px 0 4px;
    color: #f5f8fc;
    font-size: 1.45rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
    .lds-rail[b-633fwl1fqz] {
        position: static;
        grid-template-columns: 1fr 1fr;
    }

    .lds-panel--nav[b-633fwl1fqz] {
        grid-column: 1 / -1;
    }

    .lds-panel[b-633fwl1fqz],
    .lds-clock[b-633fwl1fqz] {
        border-bottom: 1px solid rgba(125, 160, 210, 0.13);
    }
}

@media (max-width: 720px) {
    .lds-rail[b-633fwl1fqz] {
        grid-template-columns: 1fr;
    }

    .lds-panel[b-633fwl1fqz],
    .lds-clock[b-633fwl1fqz] {
        padding: 14px;
    }
}
/* /Pages/Leagues/Components/LeagueStandingsTable.razor.rz.scp.css */
.ldc-rank-table-wrap[b-q6nffob77x] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 16px 18px 18px;
    background:
        linear-gradient(180deg, rgba(2, 8, 17, 0.56), rgba(1, 5, 12, 0.64));
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    box-sizing: border-box;
}

.ldc-rank-mobile-list[b-q6nffob77x] {
    max-width: 100%;
    padding: 14px 18px 18px;
    background:
        linear-gradient(180deg, rgba(2, 8, 17, 0.48), rgba(1, 5, 12, 0.62));
}

.ldc-standings-preview[b-q6nffob77x] {
    display: grid;
    gap: 8px;
    max-width: 100%;
    padding: 14px 18px 18px;
    background:
        linear-gradient(180deg, rgba(2, 8, 17, 0.56), rgba(1, 5, 12, 0.64));
}

.ldc-standings-preview-head[b-q6nffob77x],
.ldc-standings-preview-row[b-q6nffob77x] {
    display: grid;
    grid-template-columns: 46px minmax(170px, 1fr) repeat(4, 34px) 46px 116px 54px;
    gap: 8px;
    align-items: center;
}

.ldc-standings-preview-head[b-q6nffob77x] {
    padding: 0 12px 4px;
    color: #9eb1ca;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-standings-preview-head span:not(:nth-child(2))[b-q6nffob77x],
.ldc-standings-preview-row > b[b-q6nffob77x],
.ldc-standings-preview-row > .pcw-rank-score[b-q6nffob77x],
.ldc-standings-preview-row > .pcw-rank-number[b-q6nffob77x] {
    text-align: center;
    justify-self: center;
}

.ldc-standings-preview-row[b-q6nffob77x] {
    min-height: 58px;
    padding: 7px 12px;
    border: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 10px;
    background: rgba(10, 27, 47, 0.92);
    color: #f6f9ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: border-color 160ms ease, background 160ms ease;
}

.ldc-standings-preview-row:nth-child(odd)[b-q6nffob77x] {
    background: rgba(12, 32, 55, 0.94);
}

.ldc-standings-preview-row:hover[b-q6nffob77x] {
    border-color: rgba(0, 194, 255, 0.46);
    background: rgba(18, 47, 78, 0.98);
}

.ldc-standings-preview-row .pcw-rank-rank[b-q6nffob77x] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
}

.ldc-standings-preview-row .pcw-rank-identity[b-q6nffob77x] {
    min-width: 0;
}

.ldc-standings-preview-row .pcw-rank-identity strong[b-q6nffob77x] {
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-standings-preview-row > b[b-q6nffob77x] {
    color: #eaf2ff;
    font-size: 0.84rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.ldc-standings-preview-row .pcw-rank-score[b-q6nffob77x] {
    min-width: 40px;
}

.ldc-standings-table[b-q6nffob77x] {
    min-width: 960px;
    border-spacing: 0 12px;
}

.ldc-standings-table.pcw-rank-table--compact[b-q6nffob77x] {
    min-width: 790px;
    border-spacing: 0 9px;
}

.ldc-standings-table thead th[b-q6nffob77x] {
    padding: 0 14px 10px;
    border-bottom: 1px solid rgba(93, 157, 216, 0.18);
    color: #9eb1ca;
}

.ldc-standings-table tbody td[b-q6nffob77x] {
    height: 74px;
    border-top: 1px solid rgba(82, 151, 216, 0.22);
    border-bottom: 1px solid rgba(82, 151, 216, 0.22);
    background: rgba(10, 27, 47, 0.92);
    color: #f6f9ff;
}

.ldc-standings-table.pcw-rank-table--compact tbody td[b-q6nffob77x] {
    height: 58px;
}

.ldc-standings-table tbody tr:nth-child(even) td[b-q6nffob77x] {
    background: rgba(12, 32, 55, 0.94);
}

.ldc-standings-table tbody tr:hover td[b-q6nffob77x] {
    border-color: rgba(0, 194, 255, 0.46);
    background: rgba(18, 47, 78, 0.98);
    transform: none;
}

.ldc-standings-preview-row.ldc-standings-row--highlight[b-q6nffob77x],
.ldc-rank-mobile-list .pcw-rank-card.ldc-standings-row--highlight[b-q6nffob77x] {
    border-color: color-mix(in srgb, var(--ldc-highlight) 58%, rgba(255, 255, 255, 0.16));
    background: color-mix(in srgb, var(--ldc-highlight) 28%, rgba(10, 27, 47, 0.94));
}

.ldc-standings-table tbody tr.ldc-standings-row--highlight td[b-q6nffob77x] {
    border-color: color-mix(in srgb, var(--ldc-highlight) 58%, rgba(255, 255, 255, 0.16));
    background: color-mix(in srgb, var(--ldc-highlight) 28%, rgba(10, 27, 47, 0.94));
}

.ldc-standings-table tbody tr.ldc-standings-row--highlight:hover td[b-q6nffob77x],
.ldc-standings-preview-row.ldc-standings-row--highlight:hover[b-q6nffob77x] {
    border-color: color-mix(in srgb, var(--ldc-highlight) 72%, rgba(255, 255, 255, 0.16));
    background: color-mix(in srgb, var(--ldc-highlight) 34%, rgba(10, 27, 47, 0.94));
}

.ldc-standings-table th:first-child[b-q6nffob77x],
.ldc-standings-table td:first-child[b-q6nffob77x] {
    width: 74px;
}

.ldc-standings-table tbody td:first-child[b-q6nffob77x] {
    border-left: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 10px 0 0 10px;
}

.ldc-standings-table tbody td:last-child[b-q6nffob77x] {
    border-right: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 0 10px 10px 0;
}

.ldc-standings-table th:not(:nth-child(2))[b-q6nffob77x],
.ldc-standings-table td:not(:nth-child(2))[b-q6nffob77x] {
    text-align: center;
}

.ldc-standings-table[b-q6nffob77x]  .league-crest--team {
    flex-basis: 36px;
}

.ldc-rank-mobile-list .pcw-rank-card[b-q6nffob77x] {
    border-color: rgba(82, 151, 216, 0.24);
    border-radius: 10px;
    background: rgba(10, 27, 47, 0.94);
}

.ldc-rank-mobile-list--compact[b-q6nffob77x] {
    display: none !important;
}

@media (max-width: 760px) {
    .ldc-rank-table-wrap[b-q6nffob77x],
    .ldc-rank-mobile-list[b-q6nffob77x] {
        padding: 14px;
    }

    .ldc-standings-preview[b-q6nffob77x] {
        padding: 12px;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .ldc-standings-preview-head[b-q6nffob77x],
    .ldc-standings-preview-row[b-q6nffob77x] {
        min-width: 640px;
    }

    .ldc-rank-mobile-list .pcw-rank-card[b-q6nffob77x] {
        min-width: 0;
    }
}
/* /Pages/Leagues/Components/LeagueStatTile.razor.rz.scp.css */
.ldc-stat-tile[b-fv8v9ou71l] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 8px;
    background: rgba(8, 20, 35, 0.72);
}

.ldc-stat-tile span[b-fv8v9ou71l],
.ldc-stat-tile b[b-fv8v9ou71l],
.ldc-stat-tile small[b-fv8v9ou71l] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-stat-tile span[b-fv8v9ou71l],
.ldc-stat-tile small[b-fv8v9ou71l] {
    color: #8fa2bd;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-stat-tile b[b-fv8v9ou71l] {
    margin-top: 6px;
    color: #f5f8fc;
    font-size: 1.32rem;
    font-weight: 900;
}

.ldc-stat-tile--green b[b-fv8v9ou71l] {
    color: #27df7f;
}

.ldc-stat-tile--purple b[b-fv8v9ou71l] {
    color: #a68cff;
}

.ldc-stat-tile--gold b[b-fv8v9ou71l] {
    color: #ffc700;
}

.ldc-stat-tile--blue b[b-fv8v9ou71l] {
    color: #2f80ff;
}

.ldc-stat-tile--red b[b-fv8v9ou71l] {
    color: #ff5b6b;
}

.ldc-stat-tile--cyan b[b-fv8v9ou71l] {
    color: #00c2ff;
}
/* /Pages/Leagues/Components/LeagueTabContent.razor.rz.scp.css */
.ldc-shell[b-emu638rjdt] {
    display: grid;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
    color: #f5f8fc;
}

.ldc-overview-layout[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 342px;
    gap: 16px;
    align-items: start;
}

.ldc-overview-primary[b-emu638rjdt],
.ldc-overview-rail[b-emu638rjdt] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.ldc-overview-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr);
    gap: 16px;
    align-items: start;
}

.ldc-lower-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
    gap: 16px;
}

.ldc-lower-grid > .ldc-panel:only-child[b-emu638rjdt] {
    grid-column: 1 / -1;
}

.ldc-rules-grid[b-emu638rjdt] {
    display: grid;
    gap: 16px;
}

.ldc-rules-grid[b-emu638rjdt] {
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
}

.ldc-panel[b-emu638rjdt] {
    min-width: 0;
    max-width: 100%;
    border: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 10px;
    background:
        radial-gradient(circle at 12% 0, rgba(0, 148, 255, 0.13), transparent 260px),
        linear-gradient(180deg, rgba(8, 24, 43, 0.98), rgba(4, 13, 24, 0.99));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.ldc-panel--full[b-emu638rjdt] {
    min-height: 560px;
}

.ldc-panel-head[b-emu638rjdt],
.ldc-page-toolbar[b-emu638rjdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 18px 22px;
    border-bottom: 1px solid rgba(82, 151, 216, 0.2);
    background: rgba(2, 8, 17, 0.18);
}

.ldc-panel-head div[b-emu638rjdt],
.ldc-page-toolbar > div:first-child[b-emu638rjdt] {
    min-width: 0;
}

.ldc-panel-head span[b-emu638rjdt],
.ldc-page-toolbar span[b-emu638rjdt] {
    display: block;
    color: #8fa2bd;
    font-size: 0.78rem;
    font-weight: 900;
}

.ldc-panel-head h2[b-emu638rjdt],
.ldc-page-toolbar h2[b-emu638rjdt] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1.18rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ldc-panel-head button[b-emu638rjdt],
.ldc-clear-button[b-emu638rjdt],
.ldc-outline-action[b-emu638rjdt],
.ldc-row-action[b-emu638rjdt],
.ldc-primary-action[b-emu638rjdt],
.ldc-upcoming-card button[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(0, 169, 255, 0.36);
    border-radius: 6px;
    background: rgba(0, 118, 215, 0.12);
    color: #00b8ff;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.ldc-panel-head button:hover[b-emu638rjdt],
.ldc-clear-button:hover[b-emu638rjdt],
.ldc-outline-action:hover[b-emu638rjdt],
.ldc-row-action:hover[b-emu638rjdt],
.ldc-primary-action:hover[b-emu638rjdt],
.ldc-upcoming-card button:hover[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.64);
    background: rgba(0, 169, 255, 0.18);
    color: #69d8ff;
}

.ldc-panel-head--stacked[b-emu638rjdt] {
    align-items: flex-start;
}

.ldc-panel-actions[b-emu638rjdt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.ldc-panel--top-scorers .ldc-panel-head--stacked[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.ldc-panel--top-scorers .ldc-panel-head h2[b-emu638rjdt] {
    font-size: 1.08rem;
}

.ldc-panel--top-scorers .ldc-panel-actions[b-emu638rjdt] {
    justify-content: space-between;
    width: 100%;
}

.ldc-panel--top-scorers .ldc-panel-actions button[b-emu638rjdt] {
    min-width: 92px;
}

.ldc-panel--top-scorers .ldc-select--compact[b-emu638rjdt] {
    flex: 1 1 auto;
    min-width: 0;
}

.ldc-empty[b-emu638rjdt] {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 28px;
    color: #8fa2bd;
    text-align: center;
}

.ldc-empty--small[b-emu638rjdt] {
    min-height: 120px;
}

.ldc-skeleton-stack[b-emu638rjdt],
.ldc-skeleton-grid[b-emu638rjdt] {
    padding: 18px;
}

.ldc-skeleton-stack[b-emu638rjdt] {
    display: grid;
    gap: 10px;
}

.ldc-skeleton-stack span[b-emu638rjdt],
.ldc-skeleton-grid span[b-emu638rjdt] {
    min-height: 46px;
    border: 1px solid rgba(82, 151, 216, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(12, 31, 53, 0.72), rgba(28, 64, 99, 0.52), rgba(12, 31, 53, 0.72));
    background-size: 220% 100%;
    animation: ldc-skeleton-pulse-b-emu638rjdt 1.25s ease-in-out infinite;
}

.ldc-skeleton-stack--wide span[b-emu638rjdt] {
    min-height: 58px;
}

.ldc-skeleton-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.ldc-skeleton-grid span[b-emu638rjdt] {
    min-height: 220px;
}

@keyframes ldc-skeleton-pulse-b-emu638rjdt {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ldc-skeleton-stack span[b-emu638rjdt],
    .ldc-skeleton-grid span[b-emu638rjdt],
    .ldc-matchday-group[b-emu638rjdt] {
        animation: none;
    }
}

.ldc-rank-table-wrap[b-emu638rjdt] {
    margin: 0;
    padding: 10px 18px 18px;
}

.ldc-rank-mobile-list[b-emu638rjdt] {
    padding: 0 18px 18px;
}

.ldc-standings-table th:first-child[b-emu638rjdt],
.ldc-standings-table td:first-child[b-emu638rjdt],
.ldc-teams-table th:first-child[b-emu638rjdt],
.ldc-teams-table td:first-child[b-emu638rjdt],
.ldc-leader-table th:first-child[b-emu638rjdt],
.ldc-leader-table td:first-child[b-emu638rjdt] {
    width: 76px;
}

.ldc-standings-table th:not(:nth-child(2))[b-emu638rjdt],
.ldc-standings-table td:not(:nth-child(2))[b-emu638rjdt],
.ldc-leader-table th:not(:nth-child(2)):not(:nth-child(3))[b-emu638rjdt],
.ldc-leader-table td:not(:nth-child(2)):not(:nth-child(3))[b-emu638rjdt] {
    text-align: center;
}

.ldc-recent-list[b-emu638rjdt] {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.ldc-matchday-list[b-emu638rjdt] {
    display: grid;
    gap: 12px;
    max-height: clamp(430px, 62vh, 760px);
    margin: 18px;
    padding: 0 8px 0 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scroll-padding: 12px;
}

.ldc-matchday-list[b-emu638rjdt]::-webkit-scrollbar {
    width: 8px;
}

.ldc-matchday-list[b-emu638rjdt]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(2, 10, 20, 0.62);
}

.ldc-matchday-list[b-emu638rjdt]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 169, 255, 0.34);
}

.ldc-matchday-list[b-emu638rjdt]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 194, 255, 0.54);
}

.ldc-matchday-group[b-emu638rjdt] {
    overflow: hidden;
    border: 1px solid rgba(82, 151, 216, 0.24);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(5, 17, 31, 0.92), rgba(3, 10, 20, 0.96));
    animation: ldc-matchday-fade-in-b-emu638rjdt 260ms ease-out both;
    will-change: opacity, transform;
}

@keyframes ldc-matchday-fade-in-b-emu638rjdt {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

.ldc-matchday-group > header[b-emu638rjdt] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(82, 151, 216, 0.18);
    background: rgba(2, 8, 17, 0.94);
    backdrop-filter: blur(8px);
}

.ldc-matchday-group > div[b-emu638rjdt] {
    display: grid;
    padding: 2px 0 0;
}

.ldc-matchday-load-more[b-emu638rjdt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 6px 0 2px;
    color: #8fa2bd;
    font-size: 0.76rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.ldc-matchday-load-more span[b-emu638rjdt] {
    min-width: 0;
    color: #8fa2bd;
}

.ldc-matchday-load-more .ldc-clear-button[b-emu638rjdt] {
    min-height: 34px;
}

.ldc-matchday-load-more--complete[b-emu638rjdt] {
    min-height: 36px;
    color: #6f829d;
}

.ldc-matchday-load-more__skeleton[b-emu638rjdt] {
    display: inline-grid;
    grid-template-columns: repeat(3, 28px);
    gap: 5px;
    align-items: center;
}

.ldc-matchday-load-more__skeleton i[b-emu638rjdt] {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(62, 91, 130, 0.3), rgba(55, 202, 255, 0.28), rgba(62, 91, 130, 0.3));
    animation: ldc-load-pulse-b-emu638rjdt 1.3s ease-in-out infinite;
}

.ldc-matchday-load-more__skeleton i:nth-child(2)[b-emu638rjdt] {
    animation-delay: 120ms;
}

.ldc-matchday-load-more__skeleton i:nth-child(3)[b-emu638rjdt] {
    animation-delay: 240ms;
}

@keyframes ldc-load-pulse-b-emu638rjdt {
    0%, 100% {
        opacity: 0.42;
    }

    50% {
        opacity: 1;
    }
}

.ldc-detail-action--compact[b-emu638rjdt] {
    min-height: 34px;
    padding: 0 12px;
    white-space: nowrap;
}

.ldc-match-detail-overlay[b-emu638rjdt] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 24px;
    background: rgba(1, 7, 14, 0.76);
    backdrop-filter: blur(8px);
}

.ldc-match-detail-panel[b-emu638rjdt] {
    display: grid;
    gap: 18px;
    margin: 18px;
    padding: 18px;
    border: 1px solid rgba(0, 194, 255, 0.3);
    border-radius: 10px;
    background:
        radial-gradient(circle at 50% 0, rgba(0, 194, 255, 0.2), transparent 52%),
        linear-gradient(90deg, rgba(0, 194, 255, 0.08), transparent 18%, transparent 82%, rgba(0, 194, 255, 0.08)),
        linear-gradient(180deg, rgba(10, 29, 50, 0.98), rgba(4, 13, 24, 0.99));
}

.ldc-match-detail-panel--dialog[b-emu638rjdt] {
    width: min(1040px, 100%);
    max-height: calc(100vh - 48px);
    margin: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.ldc-match-detail-header[b-emu638rjdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.ldc-match-detail-panel h3[b-emu638rjdt] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1.08rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ldc-match-detail-panel header span[b-emu638rjdt],
.ldc-match-detail-meta span[b-emu638rjdt],
.ldc-match-detail-drawer header span[b-emu638rjdt] {
    display: block;
    color: #8fa2bd;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-match-detail-hero[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    min-height: 176px;
    padding: 20px;
    border: 1px solid rgba(82, 151, 216, 0.24);
    border-radius: 10px;
    background:
        radial-gradient(circle at 50% 50%, rgba(0, 194, 255, 0.12), transparent 48%),
        linear-gradient(180deg, rgba(6, 20, 38, 0.9), rgba(2, 9, 18, 0.95));
}

.ldc-match-detail-team[b-emu638rjdt] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
    text-align: center;
}

.ldc-match-detail-team--home[b-emu638rjdt] {
    justify-items: end;
    text-align: right;
}

.ldc-match-detail-team--away[b-emu638rjdt] {
    justify-items: start;
    text-align: left;
}

.ldc-match-detail-team b[b-emu638rjdt] {
    max-width: 100%;
    overflow: hidden;
    color: #f5f8fc;
    font-size: clamp(1rem, 1.6vw, 1.42rem);
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-match-detail-team small[b-emu638rjdt] {
    color: #8fa2bd;
    font-weight: 800;
}

.ldc-match-detail-score[b-emu638rjdt] {
    display: grid;
    justify-items: center;
    gap: 7px;
}

.ldc-match-detail-score strong[b-emu638rjdt] {
    min-width: 172px;
    padding: 12px 24px;
    border: 1px solid rgba(0, 194, 255, 0.3);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(16, 46, 78, 0.98), rgba(7, 24, 44, 0.98));
    color: #fff;
    font-size: clamp(2.25rem, 4vw, 4.2rem);
    font-weight: 950;
    text-align: center;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34), 0 0 34px rgba(0, 194, 255, 0.08);
}

.ldc-match-detail-score span[b-emu638rjdt] {
    color: #36e082;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-match-detail-score small[b-emu638rjdt] {
    color: #9fb0c7;
    font-size: 0.76rem;
    font-weight: 850;
}

.ldc-match-detail-actions[b-emu638rjdt] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ldc-detail-action[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(0, 169, 255, 0.36);
    border-radius: 7px;
    background: rgba(0, 118, 215, 0.12);
    color: #37caff;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-detail-action:hover[b-emu638rjdt],
.ldc-detail-action.active[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.66);
    background: rgba(0, 169, 255, 0.2);
    color: #f5f8fc;
}

.ldc-match-detail-meta[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ldc-match-detail-meta div[b-emu638rjdt] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(82, 151, 216, 0.18);
    border-radius: 8px;
    background: rgba(3, 12, 24, 0.62);
}

.ldc-match-detail-meta b[b-emu638rjdt] {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    color: #f5f8fc;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-match-detail-drawer[b-emu638rjdt] {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 10px;
    background: rgba(3, 12, 24, 0.72);
}

.ldc-match-detail-drawer > header[b-emu638rjdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ldc-match-detail-drawer h4[b-emu638rjdt] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-match-detail-drawer > header > strong[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(0, 194, 255, 0.28);
    border-radius: 999px;
    background: rgba(0, 194, 255, 0.08);
    color: #8ee4ff;
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-match-dialog-overlay[b-emu638rjdt] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(1, 6, 13, 0.78);
    backdrop-filter: blur(10px);
}

.ldc-match-dialog[b-emu638rjdt] {
    display: grid;
    gap: 16px;
    width: min(1480px, 100%);
    max-height: calc(100vh - 32px);
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(0, 194, 255, 0.24);
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(8, 20, 35, 0.98), rgba(3, 10, 21, 0.98)),
        radial-gradient(circle at 20% 0%, rgba(0, 194, 255, 0.16), transparent 42%);
    box-shadow: 0 24px 90px rgba(0, 0, 0, 0.54), 0 0 46px rgba(0, 194, 255, 0.12);
}

.ldc-match-dialog__top[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(82, 151, 216, 0.18);
}

.ldc-match-dialog__top span[b-emu638rjdt] {
    color: #8ee4ff;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-match-dialog__top h3[b-emu638rjdt] {
    margin: 2px 0 0;
    color: #f5f8fc;
    font-size: 1.25rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-match-dialog__top > strong[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(0, 194, 255, 0.28);
    border-radius: 999px;
    background: rgba(0, 194, 255, 0.08);
    color: #8ee4ff;
    font-size: 0.7rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-dialog-close[b-emu638rjdt] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(125, 160, 210, 0.26);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f5f8fc;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.ldc-dialog-close:hover[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.45);
    color: #8ee4ff;
}

.ldc-dialog-tabs[b-emu638rjdt] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(420px, 100%);
    padding: 4px;
    border: 1px solid rgba(82, 151, 216, 0.2);
    border-radius: 10px;
    background: rgba(4, 13, 24, 0.72);
}

.ldc-dialog-tab[b-emu638rjdt] {
    min-height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #91a4bc;
    font-size: 0.76rem;
    font-weight: 950;
    text-transform: uppercase;
    cursor: pointer;
}

.ldc-dialog-tab.active[b-emu638rjdt] {
    background: rgba(0, 194, 255, 0.14);
    color: #f5f8fc;
    box-shadow: inset 0 0 0 1px rgba(0, 194, 255, 0.34);
}

.ldc-dialog-tab:hover[b-emu638rjdt],
.ldc-dialog-tab:focus-visible[b-emu638rjdt] {
    color: #f5f8fc;
    outline: none;
}

.ldc-detail-loading[b-emu638rjdt],
.ldc-detail-empty[b-emu638rjdt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    padding: 14px;
    border: 1px dashed rgba(0, 200, 255, 0.22);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.045);
    color: #91a4bc;
    font-size: 0.86rem;
    font-weight: 800;
}

.ldc-detail-empty[b-emu638rjdt] {
    justify-content: center;
    text-align: center;
}

.ldc-detail-empty--compact[b-emu638rjdt] {
    min-height: 54px;
}

.ldc-lineup-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ldc-lineup-grid--single[b-emu638rjdt] {
    grid-template-columns: minmax(0, 1fr);
}

.ldc-lineup-tabs[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ldc-lineup-tabs button[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(82, 151, 216, 0.2);
    border-radius: 8px;
    background: rgba(7, 22, 38, 0.64);
    color: #f5f8fc;
    text-align: left;
    cursor: pointer;
}

.ldc-lineup-tabs button.active[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.56);
    background: rgba(0, 194, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 22px rgba(0, 194, 255, 0.14);
}

.ldc-player-team-tabs[b-emu638rjdt] {
    margin-top: -2px;
}

.ldc-lineup-tabs button > .pcw-crest[b-emu638rjdt] {
    align-self: start;
}

.ldc-lineup-tab-copy[b-emu638rjdt] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.ldc-lineup-tab-copy span[b-emu638rjdt] {
    overflow: hidden;
    color: #8ee4ff;
    font-size: 0.68rem;
    font-weight: 950;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ldc-lineup-tab-copy b[b-emu638rjdt] {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.86rem;
    font-weight: 950;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
}

.ldc-lineup-card[b-emu638rjdt] {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(82, 151, 216, 0.2);
    border-radius: 9px;
    background: rgba(7, 22, 38, 0.72);
}

.ldc-lineup-card__head[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.ldc-lineup-card__head div[b-emu638rjdt],
.ldc-lineup-summary[b-emu638rjdt] {
    display: grid;
    min-width: 0;
}

.ldc-lineup-card__head span[b-emu638rjdt],
.ldc-lineup-summary span[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-lineup-card__head b[b-emu638rjdt],
.ldc-lineup-summary strong[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-lineup-empty[b-emu638rjdt] {
    min-height: 90px;
    padding: 14px;
    border: 1px dashed rgba(125, 160, 210, 0.22);
    border-radius: 8px;
    color: #91a4bc;
    font-size: 0.82rem;
    font-weight: 800;
}

.ldc-lineup-player-list[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.ldc-lineup-template-preview[b-emu638rjdt] {
    min-height: 560px;
}

.ldc-lineup-roster[b-emu638rjdt] {
    display: grid;
    gap: 8px;
}

.ldc-lineup-roster > span[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.7rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-lineup-player-list span[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 7px;
    min-width: 0;
    padding: 7px 8px;
    border-radius: 7px;
    background: rgba(4, 13, 24, 0.72);
    color: #d8e5f6;
    font-size: 0.78rem;
}

.ldc-lineup-player-list b[b-emu638rjdt] {
    color: #00c2ff;
    font-size: 0.72rem;
    font-weight: 950;
}

.ldc-stats-compare[b-emu638rjdt] {
    display: grid;
    gap: 8px;
}

.ldc-match-stats-matchup[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 56px;
    padding: 10px;
    border: 1px solid rgba(0, 189, 242, 0.2);
    border-radius: 8px;
    background: rgba(0, 189, 242, 0.06);
}

.ldc-match-stats-matchup > strong[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 1.18rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ldc-match-stats-team[b-emu638rjdt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ldc-match-stats-team--away[b-emu638rjdt] {
    justify-content: flex-end;
    text-align: right;
}

.ldc-match-stats-team span[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-stat-compare-row[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 48px minmax(76px, 1fr) minmax(116px, 148px) minmax(76px, 1fr) 48px;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(43, 75, 109, 0.68);
    border-radius: 8px;
    background: rgba(10, 24, 39, 0.76);
}

.ldc-stat-compare-row > span[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 1rem;
    font-weight: 950;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.ldc-stat-compare-row > b[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 0.76rem;
    font-weight: 950;
    text-align: center;
    text-transform: uppercase;
}

.ldc-stat-compare-row > div[b-emu638rjdt] {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(116, 138, 161, 0.25);
}

.ldc-stat-compare-row i[b-emu638rjdt] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.ldc-stat-compare-row i.home[b-emu638rjdt] {
    margin-left: auto;
    background: linear-gradient(90deg, #0875ff, #00c2ff);
}

.ldc-stat-compare-row i.away[b-emu638rjdt] {
    background: linear-gradient(90deg, #8f4dff, #d45cff);
}

.ldc-player-stat-group[b-emu638rjdt] {
    display: grid;
    gap: 10px;
}

.ldc-player-stat-group > header[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(0, 189, 242, 0.18);
    border-radius: 8px;
    background: rgba(0, 189, 242, 0.06);
}

.ldc-player-stat-group > header div[b-emu638rjdt] {
    display: grid;
    min-width: 0;
}

.ldc-player-stat-group > header b[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-player-stat-group > header span[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.72rem;
    font-weight: 850;
}

.ldc-player-stat-group > header strong[b-emu638rjdt] {
    color: #00c2ff;
    font-size: 1.3rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.ldc-player-stat-table-wrap[b-emu638rjdt] {
    overflow-x: auto;
}

.ldc-player-stat-table[b-emu638rjdt] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.ldc-player-stat-table th[b-emu638rjdt],
.ldc-player-stat-table td[b-emu638rjdt] {
    padding: 8px 9px;
    border-bottom: 1px solid rgba(43, 75, 109, 0.45);
    text-align: center;
}

.ldc-player-stat-table th:first-child[b-emu638rjdt],
.ldc-player-stat-table td:first-child[b-emu638rjdt] {
    text-align: left;
}

.ldc-player-stat-table th[b-emu638rjdt] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.ldc-rating-pill[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 22px;
    padding: 2px 7px;
    border: 1px solid currentColor;
    border-radius: 6px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.ldc-rating-pill.is-low[b-emu638rjdt] {
    color: #ff5c7a;
    background: rgba(255, 92, 122, 0.11);
}

.ldc-rating-pill.is-mid[b-emu638rjdt] {
    color: #f6b84f;
    background: rgba(246, 184, 79, 0.12);
}

.ldc-rating-pill.is-high[b-emu638rjdt] {
    color: #5df08f;
    background: rgba(93, 240, 143, 0.12);
}

.ldc-player-stat-table tr.is-mvp[b-emu638rjdt] {
    background: rgba(255, 215, 0, 0.06);
}

.ldc-player-stat-table em[b-emu638rjdt] {
    display: inline-flex;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.16);
    color: #ffd166;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 950;
}

.ldc-player-profile-link[b-emu638rjdt],
.ldc-player-name-text[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    vertical-align: middle;
}

.ldc-player-profile-link[b-emu638rjdt] {
    color: #8ee4ff;
    font-weight: 950;
    text-decoration: none;
}

.ldc-player-profile-link:hover[b-emu638rjdt] {
    color: #f5f8fc;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.ldc-player-profile-link .mud-icon-root[b-emu638rjdt] {
    flex: 0 0 auto;
    color: #4eeb91;
    font-size: 0.92rem;
}

.ldc-matchday-group b[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 0.94rem;
    text-transform: uppercase;
}

.ldc-matchday-group span[b-emu638rjdt],
.ldc-matchday-group em[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
}

.ldc-leader-mini-list[b-emu638rjdt],
.ldc-news-list[b-emu638rjdt] {
    display: grid;
    gap: 8px;
    padding: 14px 18px 18px;
}

.ldc-social-list[b-emu638rjdt] {
    display: grid;
    gap: 10px;
    padding: 14px 18px 18px;
}

.ldc-social-card[b-emu638rjdt] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(82, 151, 216, 0.16);
    border-radius: 8px;
    background: rgba(7, 21, 38, 0.62);
    color: #f5f8fc;
    text-decoration: none;
}

.ldc-social-card:hover[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.38);
    background: rgba(0, 136, 255, 0.12);
}

.ldc-social-card img[b-emu638rjdt] {
    width: 100%;
    aspect-ratio: 1.25;
    object-fit: cover;
    border-radius: 6px;
}

.ldc-social-card span[b-emu638rjdt],
.ldc-social-card small[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.74rem;
    font-weight: 850;
}

.ldc-social-card span[b-emu638rjdt] {
    text-transform: uppercase;
}

.ldc-social-card b[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-social-card small[b-emu638rjdt] {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ldc-leader-mini[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 24px 36px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 42px;
    padding: 8px;
    border: 1px solid rgba(82, 151, 216, 0.14);
    border-radius: 8px;
    background: rgba(7, 21, 38, 0.58);
    color: #f5f8fc;
    text-decoration: none;
}

.ldc-leader-mini:hover[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.34);
    background: rgba(0, 136, 255, 0.12);
}

.ldc-leader-mini > span:first-child[b-emu638rjdt] {
    color: #9fb0c7;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
}

.ldc-leader-mini b[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-leader-mini strong[b-emu638rjdt] {
    color: #f5f8fc;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.ldc-upcoming-card[b-emu638rjdt] {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.ldc-upcoming-card > span[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-upcoming-versus[b-emu638rjdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    text-align: center;
}

.ldc-upcoming-versus > strong[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 1.6rem;
    font-weight: 900;
}

.ldc-upcoming-versus div[b-emu638rjdt] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
}

.ldc-upcoming-versus b[b-emu638rjdt] {
    max-width: 100%;
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-upcoming-card footer[b-emu638rjdt] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #8fa2bd;
    font-size: 0.82rem;
}

.ldc-description[b-emu638rjdt] {
    margin: 0;
    padding: 22px;
    color: #c2cde0;
    line-height: 1.55;
}

.ldc-info-grid[b-emu638rjdt],
.ldc-stat-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 22px 22px;
}

.ldc-stat-grid[b-emu638rjdt] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 22px;
}

.ldc-stat-grid--wide[b-emu638rjdt] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ldc-info-tile[b-emu638rjdt],
.ldc-stat-tile[b-emu638rjdt] {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(125, 160, 210, 0.12);
    border-radius: 8px;
    background: rgba(8, 20, 35, 0.72);
}

.ldc-info-tile span[b-emu638rjdt],
.ldc-stat-tile span[b-emu638rjdt],
.ldc-stat-tile small[b-emu638rjdt] {
    display: block;
    overflow: hidden;
    color: #8fa2bd;
    font-size: 0.74rem;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ldc-info-tile b[b-emu638rjdt],
.ldc-stat-tile b[b-emu638rjdt] {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    color: #f5f8fc;
    font-size: 1.08rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-stat-tile b[b-emu638rjdt] {
    font-size: 1.32rem;
}

.ldc-stat-tile--green b[b-emu638rjdt],
.pcw-rank-number--positive[b-emu638rjdt] {
    color: #27df7f;
}

.ldc-stat-tile--purple b[b-emu638rjdt] {
    color: #a68cff;
}

.ldc-stat-tile--gold b[b-emu638rjdt] {
    color: #ffc700;
}

.ldc-stat-tile--blue b[b-emu638rjdt],
.pcw-rank-number--blue[b-emu638rjdt] {
    color: #2f80ff;
}

.ldc-stat-tile--red b[b-emu638rjdt],
.pcw-rank-number--negative[b-emu638rjdt] {
    color: #ff5b6b;
}

.ldc-stat-tile--cyan b[b-emu638rjdt] {
    color: #00c2ff;
}

.ldc-news-list article[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 66px;
}

.ldc-news-list article > span[b-emu638rjdt] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: rgba(0, 128, 255, 0.24);
    color: #45c9ff;
    font-weight: 900;
}

.ldc-news-list b[b-emu638rjdt],
.ldc-news-list small[b-emu638rjdt] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ldc-news-list b[b-emu638rjdt] {
    color: #f5f8fc;
    font-size: 0.88rem;
}

.ldc-news-list small[b-emu638rjdt] {
    margin-top: 3px;
    color: #8fa2bd;
    font-size: 0.76rem;
}

.ldc-page-toolbar[b-emu638rjdt] {
    min-height: 84px;
}

.ldc-toolbar-controls[b-emu638rjdt],
.ldc-sub-toolbar[b-emu638rjdt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.ldc-toolbar-controls--teams[b-emu638rjdt] {
    align-items: center;
}

.ldc-segments[b-emu638rjdt],
.ldc-icon-toggle[b-emu638rjdt] {
    display: inline-flex;
    min-height: 40px;
    overflow: hidden;
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 7px;
    background: rgba(4, 13, 24, 0.72);
}

.ldc-segments button[b-emu638rjdt],
.ldc-icon-toggle button[b-emu638rjdt],
.ldc-toggle[b-emu638rjdt] {
    min-height: 40px;
    padding: 0 15px;
    border: 0;
    border-right: 1px solid rgba(125, 160, 210, 0.1);
    background: transparent;
    color: #b7c4d8;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
}

.ldc-segments button:last-child[b-emu638rjdt],
.ldc-icon-toggle button:last-child[b-emu638rjdt] {
    border-right: 0;
}

.ldc-segments button.active[b-emu638rjdt],
.ldc-icon-toggle button.active[b-emu638rjdt],
.ldc-toggle.active[b-emu638rjdt],
.ldc-segments button:hover[b-emu638rjdt],
.ldc-icon-toggle button:hover[b-emu638rjdt],
.ldc-toggle:hover[b-emu638rjdt] {
    background: rgba(0, 139, 255, 0.2);
    color: #34c3ff;
}

.ldc-select[b-emu638rjdt],
.ldc-search input[b-emu638rjdt] {
    min-height: 40px;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 7px;
    background: rgba(4, 13, 24, 0.72);
    color: #f5f8fc;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 750;
}

.ldc-select[b-emu638rjdt] {
    min-width: 190px;
    padding: 0 36px 0 12px;
}

.ldc-select--compact[b-emu638rjdt] {
    min-width: 132px;
    min-height: 38px;
    font-size: 0.78rem;
    font-weight: 900;
}

.ldc-search[b-emu638rjdt] {
    display: grid;
    min-width: 300px;
}

.ldc-search span[b-emu638rjdt] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.ldc-search input[b-emu638rjdt] {
    width: 100%;
    padding: 0 14px;
}

.ldc-match-row[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1.25fr) 108px minmax(0, 1.25fr) 112px 86px;
    gap: 14px;
    align-items: center;
    width: 100%;
    min-height: 66px;
    padding: 0 18px;
    border: 0;
    border-bottom: 1px solid rgba(125, 160, 210, 0.1);
    background: rgba(7, 22, 38, 0.5);
    color: #f5f8fc;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.ldc-match-row:last-child[b-emu638rjdt] {
    border-bottom: 0;
}

.ldc-match-row:hover[b-emu638rjdt],
.ldc-match-row.active[b-emu638rjdt] {
    background: rgba(0, 136, 255, 0.13);
}

.ldc-match-row--compact[b-emu638rjdt] {
    grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr);
    min-height: 58px;
    padding: 0 16px;
}

.ldc-match-row--compact time[b-emu638rjdt],
.ldc-match-row--compact .ldc-proof-pill[b-emu638rjdt] {
    display: none;
}

.ldc-match-row--compact .ldc-row-action[b-emu638rjdt] {
    display: none;
}

.ldc-match-row time[b-emu638rjdt] {
    color: #d8e5f6;
    font-variant-numeric: tabular-nums;
}

.ldc-match-row time b[b-emu638rjdt],
.ldc-match-row time small[b-emu638rjdt] {
    display: block;
}

.ldc-match-row time small[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.74rem;
}

.ldc-match-team[b-emu638rjdt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ldc-match-team--away[b-emu638rjdt] {
    justify-content: flex-end;
    text-align: right;
}

.ldc-match-team strong[b-emu638rjdt] {
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.9rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-match-score[b-emu638rjdt] {
    display: grid;
    justify-items: center;
    gap: 1px;
    min-width: 0;
}

.ldc-match-score b[b-emu638rjdt] {
    display: inline-grid;
    place-items: center;
    min-width: 78px;
    min-height: 34px;
    border-radius: 7px;
    background: rgba(28, 48, 76, 0.82);
    color: #fff;
    font-size: 1.26rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.ldc-match-score small[b-emu638rjdt] {
    color: #36e082;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-proof-pill[b-emu638rjdt],
.ldc-team-state[b-emu638rjdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(125, 160, 210, 0.12);
    color: #b7c4d8;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.ldc-proof-pill--ok[b-emu638rjdt],
.ldc-team-state.ok[b-emu638rjdt] {
    background: rgba(45, 211, 122, 0.16);
    color: #4eeb91;
}

.ldc-proof-pill--wait[b-emu638rjdt],
.ldc-team-state.warn[b-emu638rjdt] {
    background: rgba(255, 199, 0, 0.14);
    color: #ffd15c;
}

.ldc-team-state.danger[b-emu638rjdt] {
    background: rgba(255, 82, 111, 0.16);
    color: #ff6d7b;
}

.ldc-team-grid[b-emu638rjdt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 18px;
}

.ldc-team-card[b-emu638rjdt] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 326px;
    padding: 26px 18px 16px;
    border: 1px solid rgba(82, 151, 216, 0.22);
    border-radius: 10px;
    background:
        radial-gradient(circle at 50% 18%, rgba(0, 194, 255, 0.1), transparent 42%),
        rgba(8, 24, 43, 0.86);
    text-align: center;
}

.ldc-team-rank[b-emu638rjdt] {
    position: absolute;
    top: 16px;
    left: 16px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 120, 255, 0.32);
    color: #95dbff;
    font-size: 0.82rem;
    font-weight: 900;
}

.ldc-team-card h3[b-emu638rjdt] {
    display: -webkit-box;
    min-height: 44px;
    margin: 6px 0 0;
    overflow: hidden;
    color: #f5f8fc;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ldc-team-card p[b-emu638rjdt] {
    margin: 0;
    color: #9fb0c7;
    font-size: 0.84rem;
}

.ldc-team-card dl[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    margin: 10px 0;
}

.ldc-team-card dt[b-emu638rjdt],
.ldc-team-card dd[b-emu638rjdt] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-team-card dt[b-emu638rjdt] {
    color: #8fa2bd;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-team-card dd[b-emu638rjdt] {
    margin-top: 4px;
    color: #f5f8fc;
    font-size: 0.82rem;
}

.ldc-team-card .ldc-outline-action[b-emu638rjdt] {
    width: 100%;
    margin-top: auto;
}

.ldc-sub-toolbar[b-emu638rjdt] {
    justify-content: flex-start;
    padding: 18px 22px 0;
}

.ldc-toggle[b-emu638rjdt] {
    border: 1px solid rgba(125, 160, 210, 0.16);
    border-radius: 7px;
    background: rgba(4, 13, 24, 0.72);
}

.ldc-application-empty[b-emu638rjdt],
.ldc-application-teams[b-emu638rjdt] {
    display: grid;
    gap: 10px;
    padding: 22px;
}

.ldc-application-empty[b-emu638rjdt] {
    color: #b7c4d8;
}

.ldc-application-empty b[b-emu638rjdt] {
    color: #f5f8fc;
}

.ldc-application-empty a[b-emu638rjdt] {
    color: #00c2ff;
    font-weight: 900;
}

.ldc-application-team[b-emu638rjdt] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid rgba(125, 160, 210, 0.14);
    border-radius: 8px;
    background: rgba(7, 22, 38, 0.58);
    color: #f5f8fc;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.ldc-application-team.active[b-emu638rjdt],
.ldc-application-team:hover[b-emu638rjdt] {
    border-color: rgba(0, 194, 255, 0.42);
    background: rgba(0, 136, 255, 0.14);
}

.ldc-application-team span[b-emu638rjdt],
.ldc-application-team b[b-emu638rjdt],
.ldc-application-team small[b-emu638rjdt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ldc-application-team small[b-emu638rjdt] {
    display: block;
    color: #8fa2bd;
}

.ldc-primary-action[b-emu638rjdt] {
    margin: 0 22px 22px;
}

.ldc-primary-action:disabled[b-emu638rjdt] {
    cursor: not-allowed;
    opacity: 0.5;
}

.ldc-alert[b-emu638rjdt] {
    margin: 0 22px 22px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(47, 128, 255, 0.14);
    color: #cfe4ff;
}

.ldc-alert--success[b-emu638rjdt] {
    background: rgba(45, 211, 122, 0.14);
    color: #baf8d2;
}

.ldc-alert--error[b-emu638rjdt] {
    background: rgba(255, 82, 111, 0.14);
    color: #ffc2cb;
}

@media (max-width: 1500px) {
    .ldc-overview-layout[b-emu638rjdt] {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .ldc-overview-grid[b-emu638rjdt],
    .ldc-lower-grid[b-emu638rjdt] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .ldc-team-grid[b-emu638rjdt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1360px) {
    .ldc-overview-layout[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-overview-rail[b-emu638rjdt] {
        grid-template-columns: 1fr 1fr;
    }

    .ldc-panel--news[b-emu638rjdt] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .ldc-overview-layout[b-emu638rjdt],
    .ldc-overview-grid[b-emu638rjdt],
    .ldc-lower-grid[b-emu638rjdt],
    .ldc-rules-grid[b-emu638rjdt],
    .ldc-overview-rail[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-team-grid[b-emu638rjdt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ldc-stat-grid[b-emu638rjdt],
    .ldc-stat-grid--wide[b-emu638rjdt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ldc-page-toolbar[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
    }

    .ldc-toolbar-controls[b-emu638rjdt] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .ldc-panel-head[b-emu638rjdt],
    .ldc-page-toolbar[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
        min-height: 0;
        padding: 15px;
    }

    .ldc-panel-head button[b-emu638rjdt] {
        width: 100%;
    }

    .ldc-panel-actions[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .ldc-recent-list[b-emu638rjdt],
    .ldc-team-grid[b-emu638rjdt],
    .ldc-info-grid[b-emu638rjdt],
    .ldc-stat-grid[b-emu638rjdt],
    .ldc-description[b-emu638rjdt],
    .ldc-rank-table-wrap[b-emu638rjdt],
    .ldc-rank-mobile-list[b-emu638rjdt] {
        padding: 14px;
    }

    .ldc-matchday-list[b-emu638rjdt] {
        max-height: min(54vh, 520px);
        margin: 14px;
        padding-right: 6px;
    }

    .ldc-info-grid[b-emu638rjdt],
    .ldc-stat-grid[b-emu638rjdt],
    .ldc-stat-grid--wide[b-emu638rjdt],
    .ldc-team-grid[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-toolbar-controls[b-emu638rjdt],
    .ldc-sub-toolbar[b-emu638rjdt],
    .ldc-panel-actions .ldc-select[b-emu638rjdt],
    .ldc-segments[b-emu638rjdt],
    .ldc-select[b-emu638rjdt],
    .ldc-search[b-emu638rjdt],
    .ldc-clear-button[b-emu638rjdt],
    .ldc-icon-toggle[b-emu638rjdt],
    .ldc-toggle[b-emu638rjdt] {
        width: 100%;
    }

    .ldc-segments button[b-emu638rjdt],
    .ldc-icon-toggle button[b-emu638rjdt] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 8px;
    }

    .ldc-match-row[b-emu638rjdt],
    .ldc-match-row--compact[b-emu638rjdt] {
        grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
        gap: 8px;
        min-height: 72px;
        padding: 10px;
    }

    .ldc-matchday-load-more[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
        padding: 8px 0 0;
    }

    .ldc-matchday-load-more__skeleton[b-emu638rjdt] {
        justify-content: center;
    }

    .ldc-match-detail-overlay[b-emu638rjdt] {
        align-items: end;
        padding: 12px;
    }

    .ldc-match-detail-panel[b-emu638rjdt] {
        margin: 14px;
        padding: 14px;
    }

    .ldc-match-detail-panel--dialog[b-emu638rjdt] {
        width: 100%;
        max-height: calc(100vh - 24px);
        margin: 0;
        border-radius: 10px;
    }

    .ldc-match-detail-header[b-emu638rjdt],
    .ldc-match-detail-hero[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-match-detail-header[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
    }

    .ldc-match-detail-team--home[b-emu638rjdt],
    .ldc-match-detail-team--away[b-emu638rjdt] {
        justify-items: center;
        text-align: center;
    }

    .ldc-match-detail-score strong[b-emu638rjdt] {
        min-width: 142px;
    }

    .ldc-match-detail-meta[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-match-detail-actions[b-emu638rjdt],
    .ldc-detail-action[b-emu638rjdt],
    .ldc-lineup-grid[b-emu638rjdt] {
        width: 100%;
    }

    .ldc-match-dialog-overlay[b-emu638rjdt] {
        align-items: end;
        padding: 12px;
    }

    .ldc-match-dialog[b-emu638rjdt] {
        max-height: calc(100vh - 24px);
        padding: 14px;
        border-radius: 10px;
    }

    .ldc-match-dialog__top[b-emu638rjdt] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ldc-match-dialog__top > strong[b-emu638rjdt] {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .ldc-detail-action[b-emu638rjdt],
    .ldc-lineup-grid[b-emu638rjdt] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ldc-dialog-tabs[b-emu638rjdt] {
        width: 100%;
    }

    .ldc-lineup-tabs[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-lineup-player-list[b-emu638rjdt],
    .ldc-stat-compare-row[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-match-stats-matchup[b-emu638rjdt] {
        grid-template-columns: 1fr;
    }

    .ldc-match-stats-matchup > strong[b-emu638rjdt] {
        order: -1;
        text-align: center;
    }

    .ldc-match-stats-team[b-emu638rjdt],
    .ldc-match-stats-team--away[b-emu638rjdt] {
        justify-content: space-between;
        text-align: left;
    }

    .ldc-lineup-template-preview[b-emu638rjdt] {
        min-height: 370px;
    }

    .ldc-stat-compare-row > div[b-emu638rjdt] {
        display: none;
    }

    .ldc-player-stat-table[b-emu638rjdt] {
        min-width: 680px;
    }

    .ldc-match-row time[b-emu638rjdt],
    .ldc-match-row .ldc-proof-pill[b-emu638rjdt],
    .ldc-match-row .ldc-row-action[b-emu638rjdt] {
        display: none;
    }

    .ldc-match-score b[b-emu638rjdt] {
        min-width: 62px;
        min-height: 30px;
        font-size: 1rem;
    }

    .ldc-match-team[b-emu638rjdt] {
        gap: 7px;
    }

    .ldc-match-team strong[b-emu638rjdt] {
        font-size: 0.78rem;
    }

    .ldc-matchday-load-more[b-emu638rjdt] {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Authoritative compact League team-card pass. Keep after the base team-card rules above. */
.ldc-team-grid[b-emu638rjdt] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    padding: 14px;
}

.ldc-team-card[b-emu638rjdt] {
    min-height: 268px;
    gap: 7px;
    padding: 20px 16px 14px;
    border-radius: 8px;
}

.ldc-team-card[b-emu638rjdt]  .league-crest--lg {
    --crest-size: 88px;
}

.ldc-team-card h3[b-emu638rjdt] {
    min-height: 38px;
    margin-top: 4px;
    font-size: 0.98rem;
    line-height: 1.2;
}

.ldc-team-card p[b-emu638rjdt] {
    font-size: 0.78rem;
}

.ldc-team-card .ldc-team-state[b-emu638rjdt] {
    min-height: 22px;
    padding: 0 9px;
    font-size: 0.68rem;
}

.ldc-team-card dl[b-emu638rjdt] {
    gap: 8px;
    margin: 6px 0 4px;
}

.ldc-team-card dt[b-emu638rjdt] {
    font-size: 0.66rem;
}

.ldc-team-card dd[b-emu638rjdt] {
    margin-top: 3px;
    font-size: 0.78rem;
}

.ldc-team-card .ldc-outline-action[b-emu638rjdt] {
    min-height: 38px;
}

@media (max-width: 1100px) {
    .ldc-team-grid[b-emu638rjdt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ldc-team-grid[b-emu638rjdt] {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}
/* /Pages/Leagues/Components/LeagueTeamLeaderboardTable.razor.rz.scp.css */
.ldc-empty[b-hxktxowgx8] {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 28px;
    color: #8fa2bd;
    text-align: center;
}

.ldc-rank-table-wrap[b-hxktxowgx8] {
    width: 100%;
    margin: 0;
    padding: 16px 18px 18px;
    background: linear-gradient(180deg, rgba(2, 8, 17, 0.56), rgba(1, 5, 12, 0.64));
    overflow-x: auto;
}

.ldc-leader-table[b-hxktxowgx8] {
    min-width: 1040px;
    border-spacing: 0 10px;
}

.ldc-leader-table thead th[b-hxktxowgx8] {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(93, 157, 216, 0.18);
    color: #9eb1ca;
}

.ldc-leader-table tbody td[b-hxktxowgx8] {
    height: 70px;
    border-top: 1px solid rgba(82, 151, 216, 0.2);
    border-bottom: 1px solid rgba(82, 151, 216, 0.2);
    background: rgba(10, 27, 47, 0.92);
}

.ldc-leader-table tbody tr:nth-child(even) td[b-hxktxowgx8] {
    background: rgba(12, 32, 55, 0.94);
}

.ldc-leader-table tbody tr:hover td[b-hxktxowgx8] {
    border-color: rgba(0, 194, 255, 0.42);
    background: rgba(18, 47, 78, 0.98);
    transform: none;
}

.ldc-leader-table th:first-child[b-hxktxowgx8],
.ldc-leader-table td:first-child[b-hxktxowgx8] {
    width: 76px;
}

.ldc-leader-table th:not(:nth-child(2))[b-hxktxowgx8],
.ldc-leader-table td:not(:nth-child(2))[b-hxktxowgx8] {
    text-align: center;
}
/* /Pages/Leagues/Components/LeagueTeamsTable.razor.rz.scp.css */
.ldc-rank-table-wrap[b-32dy4d801e] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 16px 18px 18px;
    background: linear-gradient(180deg, rgba(2, 8, 17, 0.56), rgba(1, 5, 12, 0.64));
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    box-sizing: border-box;
}

.ldc-rank-mobile-list[b-32dy4d801e] {
    max-width: 100%;
    padding: 14px 18px 18px;
}

.ldc-teams-table[b-32dy4d801e] {
    min-width: 980px;
    border-spacing: 0 10px;
}

.ldc-teams-table thead th[b-32dy4d801e] {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(93, 157, 216, 0.18);
    color: #9eb1ca;
}

.ldc-teams-table tbody td[b-32dy4d801e] {
    height: 70px;
    border-top: 1px solid rgba(82, 151, 216, 0.2);
    border-bottom: 1px solid rgba(82, 151, 216, 0.2);
    background: rgba(10, 27, 47, 0.92);
}

.ldc-teams-table tbody tr:nth-child(even) td[b-32dy4d801e] {
    background: rgba(12, 32, 55, 0.94);
}

.ldc-teams-table tbody tr:hover td[b-32dy4d801e] {
    border-color: rgba(0, 194, 255, 0.42);
    background: rgba(18, 47, 78, 0.98);
    transform: none;
}

.ldc-team-state[b-32dy4d801e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(125, 160, 210, 0.12);
    color: #b7c4d8;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.ldc-team-state.ok[b-32dy4d801e] {
    background: rgba(45, 211, 122, 0.16);
    color: #4eeb91;
}

.ldc-team-state.warn[b-32dy4d801e] {
    background: rgba(255, 199, 0, 0.14);
    color: #ffd15c;
}

.ldc-team-state.danger[b-32dy4d801e] {
    background: rgba(255, 82, 111, 0.16);
    color: #ff6d7b;
}

@media (max-width: 760px) {
    .ldc-rank-table-wrap[b-32dy4d801e],
    .ldc-rank-mobile-list[b-32dy4d801e] {
        padding: 14px;
    }

    .ldc-rank-mobile-list .pcw-rank-card[b-32dy4d801e] {
        min-width: 0;
    }
}
/* /Pages/Leagues/Components/LeagueUpcomingMatchCard.razor.rz.scp.css */
.ldc-upcoming-card[b-g5srul9iu5] {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.ldc-upcoming-card > span[b-g5srul9iu5] {
    color: #8fa2bd;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ldc-upcoming-versus[b-g5srul9iu5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    text-align: center;
}

.ldc-upcoming-versus > strong[b-g5srul9iu5] {
    color: #f5f8fc;
    font-size: 1.6rem;
    font-weight: 900;
}

.ldc-upcoming-versus div[b-g5srul9iu5] {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
}

.ldc-upcoming-versus b[b-g5srul9iu5] {
    max-width: 100%;
    overflow: hidden;
    color: #f5f8fc;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldc-upcoming-card footer[b-g5srul9iu5] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #8fa2bd;
    font-size: 0.82rem;
}

.ldc-upcoming-card button[b-g5srul9iu5] {
    min-height: 38px;
    border: 1px solid rgba(0, 169, 255, 0.36);
    border-radius: 6px;
    background: rgba(0, 118, 215, 0.12);
    color: #00b8ff;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}
/* /Pages/Leagues/Detail.razor.rz.scp.css */
.ld-loading[b-huojlvsefq] {
    display: flex;
    justify-content: center;
    padding: 96px;
}

.ld-notfound[b-huojlvsefq] {
    border: 1px solid rgba(0, 194, 255, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(12, 24, 36, 0.94), rgba(5, 12, 22, 0.96));
    color: #fff;
    text-align: center;
}

.ld-page[b-huojlvsefq] {
    --league-accent: #00c2ff;
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    padding: 18px 18px 44px;
    color: #f5f8fc;
    background: #020812;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    box-sizing: border-box;
    overflow-x: clip;
}

.ld-layout[b-huojlvsefq] {
    width: 100%;
    max-width: none;
    margin: 0;
    display: grid;
    grid-template-columns: clamp(272px, 15.75vw, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    min-width: 0;
}

.ld-sidebar-slot[b-huojlvsefq] {
    min-width: 0;
}

.ld-main-column[b-huojlvsefq] {
    min-width: 0;
    max-width: 100%;
}

.ld-back-row[b-huojlvsefq] {
    margin-bottom: 14px;
}

.ld-breadcrumb[b-huojlvsefq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    color: #8fa2bd;
    font-size: 0.9rem;
    font-weight: 700;
}

.ld-breadcrumb a[b-huojlvsefq] {
    color: #b9c8dc;
    text-decoration: none;
}

.ld-breadcrumb a:hover[b-huojlvsefq],
.ld-breadcrumb span[b-huojlvsefq] {
    color: #f5f8fc;
}

.ld-breadcrumb span[b-huojlvsefq] {
    font-weight: 900;
}

.ld-breadcrumb[b-huojlvsefq]  .mud-icon-root {
    color: #6f8099;
    font-size: 18px;
}

.ld-main[b-huojlvsefq] {
    min-width: 0;
    max-width: 100%;
    margin-top: 18px;
}

.ld-support-slot[b-huojlvsefq] {
    margin-top: 18px;
}

.ld-mobile-tabs[b-huojlvsefq] {
    display: none;
}

@media (max-width: 1180px) {
    .ld-layout[b-huojlvsefq] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ld-sidebar-slot[b-huojlvsefq] {
        padding-top: 0;
        order: 2;
    }

    .ld-main-column[b-huojlvsefq] {
        order: 1;
    }
}

@media (max-width: 720px) {
    .ld-page[b-huojlvsefq] {
        padding: 12px 10px calc(146px + env(safe-area-inset-bottom, 0px));
    }

    .ld-main-column[b-huojlvsefq] {
        padding-bottom: 18px;
    }

    .ld-back-row[b-huojlvsefq] {
        margin-bottom: 10px;
    }

    .ld-breadcrumb[b-huojlvsefq] {
        width: 100%;
        overflow: hidden;
        font-size: 0.8rem;
        white-space: nowrap;
    }

    .ld-breadcrumb span[b-huojlvsefq] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ld-sidebar-slot[b-huojlvsefq] {
        display: none;
    }

    .ld-main[b-huojlvsefq] {
        margin-top: 12px;
    }

    .ld-mobile-tabs[b-huojlvsefq] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 120;
        display: block;
        min-height: calc(74px + env(safe-area-inset-bottom, 0px));
        width: 100%;
        max-width: 100%;
        padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
        border-top: 1px solid rgba(0, 194, 255, 0.18);
        background: rgba(5, 13, 24, 0.98);
        box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.38);
        box-sizing: border-box;
        overflow: hidden;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-sizing: border-box;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs button {
        min-width: 0;
        min-height: 66px;
        flex: 1 1 0;
        flex-direction: column;
        gap: 3px;
        padding: 7px 2px 6px;
        border-right: 0;
        border-top: 2px solid transparent;
        color: rgba(223, 235, 250, 0.5);
        font-size: 0.58rem;
        line-height: 1;
        text-transform: none;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs button.active {
        border-top-color: #00c2ff;
        background: linear-gradient(180deg, rgba(0, 148, 255, 0.16), rgba(0, 148, 255, 0.04));
        color: #37caff;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs button.active::after {
        display: none;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs .mud-icon-root {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }

    .ld-mobile-tabs[b-huojlvsefq]  .ldn-tabs span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/* /Pages/Leagues/Index.razor.rz.scp.css */
.lg-page[b-jzux8q9bt7] {
    width: 100%;
    margin: 0 0 36px;
    padding: 0 28px 34px;
    color: #eaf3ff;
    background:
        radial-gradient(circle at 72% -8%, rgba(0, 200, 255, .12), transparent 30%),
        radial-gradient(circle at 8% 12%, rgba(124, 60, 255, .08), transparent 24%),
        linear-gradient(180deg, #020712, #01050a 58%, #000409);
}

.lg-hero[b-jzux8q9bt7] {
    min-height: 188px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(620px, 1.15fr);
    gap: 34px;
    align-items: center;
    margin: 0 -28px;
    padding: 36px 76px 32px;
    background:
        linear-gradient(90deg, rgba(2, 7, 14, .78), rgba(2, 7, 14, .48) 48%, rgba(2, 7, 14, .72)),
        url('/images/leagues/league-stadium-trophy.png') center 48% / cover no-repeat;
    border-bottom: 1px solid rgba(0, 200, 255, .24);
    box-shadow: inset 0 -76px 90px rgba(0, 0, 0, .5);
}

.lg-hero-copy span[b-jzux8q9bt7] {
    display: block;
    color: #00d7ff;
    font-size: .88rem;
    font-weight: 950;
    text-transform: uppercase;
}

.lg-hero-copy h1[b-jzux8q9bt7] {
    margin: 6px 0 0;
    color: #fff;
    font-size: clamp(3.2rem, 4.5vw, 5rem);
    font-weight: 950;
    line-height: .9;
    text-transform: uppercase;
    text-shadow: 0 12px 30px rgba(0, 0, 0, .55);
}

.lg-hero-copy p[b-jzux8q9bt7] {
    max-width: 680px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 1.08rem;
    line-height: 1.35;
}

.lg-hero-stats[b-jzux8q9bt7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
}

.lg-hero-stats div[b-jzux8q9bt7] {
    min-height: 92px;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 14px;
    align-items: center;
    padding: 0 24px;
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.lg-hero-stats[b-jzux8q9bt7]  .mud-icon-root {
    grid-row: span 2;
    color: #b8cdff;
    font-size: 40px;
}

.lg-hero-stats b[b-jzux8q9bt7] {
    color: #fff;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1;
}

.lg-hero-stats span[b-jzux8q9bt7] {
    color: rgba(255, 255, 255, .82);
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
}

.lg-showcase[b-jzux8q9bt7] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 10px;
    margin-top: 0;
    padding: 34px 18px 12px;
    border: 1px solid rgba(0, 200, 255, .26);
    border-radius: 0 0 8px 8px;
    background: linear-gradient(180deg, rgba(12, 25, 39, .94), rgba(6, 14, 24, .97));
    box-shadow: 0 18px 54px rgba(0, 0, 0, .28);
}

.lg-showcase header[b-jzux8q9bt7] {
    position: absolute;
    left: 28px;
    top: 15px;
    color: #fff;
    font-size: .84rem;
    font-weight: 950;
    text-transform: uppercase;
}

.lg-showcase > button[b-jzux8q9bt7] {
    border: 0;
    background: transparent;
    color: rgba(221, 235, 255, .72);
    cursor: pointer;
}

.lg-showcase-track[b-jzux8q9bt7] {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.lg-showcase-marquee[b-jzux8q9bt7] {
    width: max-content;
    min-width: 100%;
    display: flex;
}

.lg-showcase-marquee.is-scrolling[b-jzux8q9bt7] {
    animation: lg-showcase-scroll-b-jzux8q9bt7 34s linear infinite;
}

.lg-showcase-track:focus-within .lg-showcase-marquee.is-scrolling[b-jzux8q9bt7] {
    animation-play-state: paused;
}

@keyframes lg-showcase-scroll-b-jzux8q9bt7 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lg-showcase-marquee.is-scrolling[b-jzux8q9bt7] {
        animation: none;
    }

    .lg-showcase-track[b-jzux8q9bt7] {
        overflow-x: auto;
        mask-image: none;
    }
}

.lg-showcase-item[b-jzux8q9bt7] {
    width: 186px;
    min-height: 96px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    flex: 0 0 186px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .13);
    background: transparent;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest {
    filter:
        drop-shadow(0 12px 16px rgba(0, 0, 0, .48))
        drop-shadow(0 0 12px color-mix(in srgb, var(--crest-accent) 40%, transparent));
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest--md {
    --crest-size: 58px;
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest::before,
.lg-showcase-item[b-jzux8q9bt7]  .league-crest::after {
    clip-path: none;
    border-radius: 8px;
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest::before {
    inset: -2px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--crest-accent) 68%, #ffffff 12%), rgba(255, 255, 255, .06) 42%, color-mix(in srgb, var(--crest-accent) 70%, #000000 18%));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .2),
        0 0 0 1px color-mix(in srgb, var(--crest-accent) 44%, transparent);
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest::after {
    inset: 5px;
    background:
        radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .2), transparent 25%),
        linear-gradient(145deg, rgba(7, 14, 25, .96), color-mix(in srgb, var(--crest-accent) 24%, #02070d) 64%, rgba(0, 0, 0, .98));
    border: 1px solid color-mix(in srgb, var(--crest-accent) 62%, rgba(255, 255, 255, .16));
}

.lg-showcase-item[b-jzux8q9bt7]  .league-crest img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.lg-showcase-item:focus-visible[b-jzux8q9bt7],
.lg-card:focus-visible[b-jzux8q9bt7],
.lg-card-actions button:focus-visible[b-jzux8q9bt7],
.lg-back:focus-visible[b-jzux8q9bt7] {
    outline: 2px solid #00c8ff;
    outline-offset: 2px;
}

.lg-showcase-item span[b-jzux8q9bt7] {
    width: 100%;
    max-width: 124px;
    overflow: hidden;
    font-size: .74rem;
    font-weight: 950;
    line-height: 1.12;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.lg-filter-panel[b-jzux8q9bt7] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    margin: 18px 0 20px;
    padding: 16px 18px;
    border: 1px solid rgba(111, 199, 255, .18);
    border-radius: 8px;
    background: rgba(8, 18, 29, .92);
}

.lg-back[b-jzux8q9bt7] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid rgba(0, 200, 255, .34);
    border-radius: 6px;
    background: rgba(0, 200, 255, .06);
    color: #00c8ff;
    font: inherit;
    font-size: .84rem;
    font-weight: 900;
    cursor: pointer;
}

.lg-search[b-jzux8q9bt7] {
    width: 280px;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid rgba(111, 199, 255, .2);
    border-radius: 6px;
    background: rgba(255, 255, 255, .035);
}

.lg-search[b-jzux8q9bt7]  .mud-icon-root {
    color: rgba(222, 235, 255, .68);
}

.lg-search input[b-jzux8q9bt7] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: .88rem;
}

.lg-filter-group[b-jzux8q9bt7] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.lg-filter-group label[b-jzux8q9bt7] {
    width: 100%;
    color: rgba(222, 235, 255, .66);
    font-size: .74rem;
    font-weight: 850;
}

.lg-filter-group button[b-jzux8q9bt7] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 6px;
    background: rgba(255, 255, 255, .025);
    color: rgba(238, 246, 255, .86);
    font: inherit;
    font-size: .8rem;
    font-weight: 780;
    cursor: pointer;
}

.lg-filter-group button.active[b-jzux8q9bt7] {
    border-color: #00c8ff;
    color: #00c8ff;
    box-shadow: inset 0 0 16px rgba(0, 200, 255, .08);
}

.lg-filter-group i[b-jzux8q9bt7] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.lg-filter-group .green[b-jzux8q9bt7] {
    background: #23d94d;
}

.lg-filter-group .orange[b-jzux8q9bt7] {
    background: #ffa51f;
}

.lg-filter-group .red[b-jzux8q9bt7] {
    background: #ff4138;
}

.lg-community-select[b-jzux8q9bt7] {
    width: 210px;
}

.lg-sort-select[b-jzux8q9bt7] {
    width: 168px;
}

.lg-active-filters[b-jzux8q9bt7] {
    flex: 1 1 320px;
    min-width: 280px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-left: 0;
    padding: 4px 5px 4px 12px;
    border: 1px solid rgba(0, 200, 255, .22);
    border-radius: 6px;
    background: rgba(0, 200, 255, .055);
    color: rgba(227, 240, 255, .82);
    font-size: .78rem;
    font-weight: 800;
}

.lg-active-filters span[b-jzux8q9bt7] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lg-active-filters button[b-jzux8q9bt7] {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(0, 200, 255, .4);
    border-radius: 5px;
    background: rgba(0, 200, 255, .08);
    color: #00d7ff;
    font: inherit;
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
    cursor: pointer;
}

.lg-community-select[b-jzux8q9bt7]  .mud-input-root,
.lg-community-select[b-jzux8q9bt7]  .mud-input,
.lg-sort-select[b-jzux8q9bt7]  .mud-input-root,
.lg-sort-select[b-jzux8q9bt7]  .mud-input {
    color: #fff !important;
    font-size: .88rem;
    font-weight: 760;
}

.lg-community-select[b-jzux8q9bt7]  .mud-input-outlined-border,
.lg-sort-select[b-jzux8q9bt7]  .mud-input-outlined-border {
    border-color: rgba(111, 199, 255, .2) !important;
}

.lg-loading[b-jzux8q9bt7],
.lg-empty[b-jzux8q9bt7] {
    display: grid;
    place-items: center;
    min-height: 300px;
    color: rgba(222, 235, 255, .76);
    text-align: center;
}

.lg-empty h2[b-jzux8q9bt7] {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 950;
}

.lg-empty-action[b-jzux8q9bt7] {
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid rgba(0, 200, 255, .5);
    border-radius: 6px;
    background: transparent;
    color: #00c8ff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.lg-results[b-jzux8q9bt7] {
    min-width: 0;
}

.lg-results-head[b-jzux8q9bt7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.lg-results-head div[b-jzux8q9bt7] {
    min-width: 0;
}

.lg-results-head span[b-jzux8q9bt7] {
    display: block;
    color: rgba(222, 235, 255, .66);
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.lg-results-head h2[b-jzux8q9bt7] {
    margin: 3px 0 0;
    color: #fff;
    font-size: 1.28rem;
    font-weight: 950;
    line-height: 1.05;
}

.lg-results-head b[b-jzux8q9bt7] {
    color: rgba(222, 235, 255, .72);
    font-size: .82rem;
    font-weight: 950;
    text-transform: uppercase;
    white-space: nowrap;
}

.lg-card-grid[b-jzux8q9bt7] {
    display: grid;
    gap: 14px;
}

.lg-card-grid--competitions[b-jzux8q9bt7],
.lg-card-grid--leagues[b-jzux8q9bt7] {
    grid-template-columns: repeat(3, minmax(340px, 1fr));
}

.lg-card[b-jzux8q9bt7] {
    position: relative;
    min-height: 220px;
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    grid-template-rows: minmax(190px, auto);
    gap: 14px;
    padding: 14px 14px 13px;
    border: 1px solid color-mix(in srgb, var(--card-accent) 42%, rgba(255, 255, 255, .08));
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 28%),
        radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--card-accent) 18%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(7, 16, 27, .97), rgba(3, 8, 15, .99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -1px 0 rgba(0, 0, 0, .7),
        0 16px 34px rgba(0, 0, 0, .24);
    overflow: hidden;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.lg-card[b-jzux8q9bt7]::after {
    content: "";
    position: absolute;
    inset: 112px 0 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(1, 5, 10, .36), rgba(1, 7, 13, .96) 34%),
        linear-gradient(90deg, rgba(255, 255, 255, .03), transparent 18%, transparent 82%, rgba(255, 255, 255, .025));
    pointer-events: none;
}

.lg-card:hover[b-jzux8q9bt7] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--card-accent) 62%, rgba(255, 255, 255, .12));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .1),
        0 18px 42px rgba(0, 0, 0, .32),
        0 0 0 1px color-mix(in srgb, var(--card-accent) 24%, transparent);
}

.lg-card-art[b-jzux8q9bt7] {
    position: absolute;
    inset: 0 0 auto;
    height: 128px;
    background-image:
        linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 56%, rgba(4, 9, 18, .72)), rgba(0, 0, 0, .18) 52%, color-mix(in srgb, var(--card-accent) 34%, rgba(0, 0, 0, .6))),
        url('/images/leagues/league-card-shards.png');
    background-size: 125% auto;
    background-position: center var(--card-lane);
    opacity: .98;
}

.lg-card-art[b-jzux8q9bt7]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .72)),
        radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--card-accent) 42%, rgba(255, 255, 255, .1)), transparent 22%);
}

.lg-card[b-jzux8q9bt7]  .lg-card-crest {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    margin-top: 0;
    z-index: 2;
}

.lg-card[b-jzux8q9bt7]  .league-crest {
    filter:
        drop-shadow(0 18px 22px rgba(0, 0, 0, .58))
        drop-shadow(0 0 15px color-mix(in srgb, var(--card-accent) 48%, transparent));
}

.lg-card[b-jzux8q9bt7]  .league-crest--lg {
    --crest-size: 92px;
}

.lg-card[b-jzux8q9bt7]  .league-crest::before,
.lg-card[b-jzux8q9bt7]  .league-crest::after {
    clip-path: none;
    border-radius: 8px;
}

.lg-card[b-jzux8q9bt7]  .league-crest::before {
    inset: -2px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 72%, #ffffff 12%), rgba(255, 255, 255, .06) 42%, color-mix(in srgb, var(--card-accent) 74%, #000000 18%));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .22),
        0 0 0 1px color-mix(in srgb, var(--card-accent) 46%, transparent);
}

.lg-card[b-jzux8q9bt7]  .league-crest::after {
    inset: 5px;
    background:
        radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .2), transparent 25%),
        linear-gradient(145deg, rgba(7, 14, 25, .96), color-mix(in srgb, var(--card-accent) 24%, #02070d) 64%, rgba(0, 0, 0, .98));
    border: 1px solid color-mix(in srgb, var(--card-accent) 66%, rgba(255, 255, 255, .16));
}

.lg-card[b-jzux8q9bt7]  .league-crest img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.lg-status[b-jzux8q9bt7] {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: start;
    z-index: 2;
    min-width: max-content;
    min-height: 33px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border-radius: 6px;
    color: #fff;
    font-size: .74rem;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.lg-status[b-jzux8q9bt7]::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
}

.lg-status--in-progress[b-jzux8q9bt7] {
    background: rgba(16, 97, 43, .54);
    color: #2cff5c;
}

.lg-status--registration[b-jzux8q9bt7] {
    background: rgba(111, 68, 7, .58);
    color: #ffab22;
}

.lg-status--completed[b-jzux8q9bt7] {
    background: rgba(21, 75, 139, .58);
    color: #5db4ff;
}

.lg-status--archived[b-jzux8q9bt7] {
    background: rgba(116, 36, 36, .58);
    color: #ff4942;
}

.lg-status--season-tba[b-jzux8q9bt7] {
    background: rgba(132, 149, 171, .22);
    color: #dce9ff;
}

.lg-season-badge[b-jzux8q9bt7] {
    position: absolute;
    top: 28px;
    right: 14px;
    z-index: 3;
    max-width: 86px;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 5px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .1), transparent 58%),
        color-mix(in srgb, var(--card-accent) 54%, rgba(14, 21, 34, .88));
    color: #fff;
    font-size: .54rem;
    font-weight: 950;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.lg-card-content[b-jzux8q9bt7] {
    position: relative;
    z-index: 2;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
}

.lg-card-content h2[b-jzux8q9bt7] {
    max-width: calc(100% - 108px);
    margin: 0 0 7px;
    overflow: hidden;
    color: #fff;
    display: -webkit-box;
    font-size: 1.36rem;
    font-weight: 950;
    line-height: 1.02;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-shadow: 0 9px 18px rgba(0, 0, 0, .58);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lg-card-content p[b-jzux8q9bt7],
.lg-card-content small[b-jzux8q9bt7] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 20px;
    margin: 0 0 7px;
    overflow: hidden;
    color: rgba(255, 255, 255, .88);
    font-size: .86rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lg-card-content p[b-jzux8q9bt7] {
    color: rgba(255, 255, 255, .92);
}

.lg-card-content small[b-jzux8q9bt7] {
    display: block;
    color: rgba(223, 236, 255, .7);
}

.lg-card--league .lg-card-content small[b-jzux8q9bt7] {
    display: flex;
    color: #48f45e;
}

.lg-card-content i[b-jzux8q9bt7] {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .56);
}

.lg-card-metrics[b-jzux8q9bt7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 18px 0 12px;
    padding-top: 0;
    border-top: 0;
}

.lg-card-metrics--four[b-jzux8q9bt7] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lg-card-metrics div[b-jzux8q9bt7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 3px;
    align-items: center;
    justify-items: center;
    min-height: 40px;
    padding: 0 6px;
    border-right: 1px solid rgba(255, 255, 255, .09);
}

.lg-card-metrics div:last-child[b-jzux8q9bt7] {
    border-right: 0;
}

.lg-card-metrics[b-jzux8q9bt7]  .mud-icon-root {
    display: none;
}

.lg-card-metrics b[b-jzux8q9bt7] {
    color: color-mix(in srgb, var(--card-accent) 48%, #ffffff);
    font-size: 1.14rem;
    font-weight: 950;
    line-height: 1;
}

.lg-card-metrics span[b-jzux8q9bt7] {
    color: rgba(222, 235, 255, .68);
    font-size: .62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.lg-card-actions[b-jzux8q9bt7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
}

.lg-card-actions button[b-jzux8q9bt7],
.lg-card-actions a[b-jzux8q9bt7] {
    min-width: 0;
    min-height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(152, 186, 226, .34);
    border-radius: 6px;
    background: rgba(3, 10, 20, .42);
    color: rgba(229, 239, 255, .92);
    font: inherit;
    font-size: .76rem;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.lg-card-actions button:hover[b-jzux8q9bt7],
.lg-card-actions a:hover[b-jzux8q9bt7] {
    transform: translateY(-1px);
    border-color: rgba(190, 217, 252, .58);
    background: rgba(8, 18, 31, .72);
}

.lg-card-actions button:last-child[b-jzux8q9bt7],
.lg-card-actions a:last-child[b-jzux8q9bt7] {
    border-color: transparent;
    background: linear-gradient(180deg, color-mix(in srgb, var(--card-accent) 92%, #ffffff 8%), color-mix(in srgb, var(--card-accent) 78%, #000000 22%));
    color: #fff;
}

.lg-card-actions[b-jzux8q9bt7]  .mud-icon-root {
    font-size: 16px;
}

@media (max-width: 1260px) {
    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(360px, 1fr));
    }
}

@media (max-width: 1120px) {
    .lg-hero[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        padding: 30px 28px;
    }

    .lg-hero-stats[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .lg-hero-stats div[b-jzux8q9bt7] {
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 8px;
        background: rgba(0, 0, 0, .16);
    }

}

@media (max-width: 720px) {
    .lg-page[b-jzux8q9bt7] {
        padding: 0 10px 24px;
    }

    .lg-hero[b-jzux8q9bt7] {
        margin: 0 -10px;
        gap: 20px;
        min-height: 0;
        padding: 24px 18px;
    }

    .lg-hero-copy h1[b-jzux8q9bt7] {
        font-size: clamp(2.25rem, 11vw, 3.15rem);
        overflow-wrap: anywhere;
    }

    .lg-hero-copy p[b-jzux8q9bt7] {
        font-size: 1rem;
    }

    .lg-hero-stats[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg-hero-stats div[b-jzux8q9bt7] {
        min-height: 74px;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 8px;
        padding: 0 8px;
    }

    .lg-hero-stats[b-jzux8q9bt7]  .mud-icon-root {
        font-size: 28px;
    }

    .lg-hero-stats b[b-jzux8q9bt7] {
        font-size: 1.45rem;
    }

    .lg-hero-stats span[b-jzux8q9bt7] {
        font-size: .62rem;
    }

    .lg-showcase[b-jzux8q9bt7] {
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        padding: 42px 8px 14px;
    }

    .lg-showcase-item[b-jzux8q9bt7] {
        width: 132px;
        flex-basis: 132px;
    }

    .lg-filter-panel[b-jzux8q9bt7] {
        padding: 14px;
    }

    .lg-search[b-jzux8q9bt7],
    .lg-community-select[b-jzux8q9bt7],
    .lg-sort-select[b-jzux8q9bt7],
    .lg-back[b-jzux8q9bt7],
    .lg-active-filters[b-jzux8q9bt7] {
        width: 100%;
    }

    .lg-active-filters[b-jzux8q9bt7] {
        align-items: flex-start;
        flex-direction: column;
        margin-left: 0;
        padding: 10px 12px;
    }

    .lg-active-filters span[b-jzux8q9bt7] {
        max-width: 100%;
        white-space: normal;
    }

    .lg-filter-group[b-jzux8q9bt7] {
        width: 100%;
    }

    .lg-results-head[b-jzux8q9bt7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
    }

    .lg-card[b-jzux8q9bt7] {
        min-height: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 0;
        padding: 18px 14px 14px;
    }

    .lg-card[b-jzux8q9bt7]  .league-crest--lg {
        --crest-size: 88px;
    }

    .lg-card-art[b-jzux8q9bt7] {
        height: 118px;
        background-size: cover;
    }

    .lg-card[b-jzux8q9bt7]  .lg-card-crest {
        grid-column: 1;
        grid-row: 1;
        margin-top: 0;
    }

    .lg-status[b-jzux8q9bt7] {
        grid-column: 1;
        grid-row: 2;
        margin-top: 12px;
        min-height: 30px;
        font-size: .7rem;
    }

    .lg-season-badge[b-jzux8q9bt7] {
        top: 18px;
        right: 14px;
        max-width: 114px;
        min-height: 28px;
    }

    .lg-card-content[b-jzux8q9bt7] {
        grid-column: 1;
        grid-row: 3;
        min-height: 0;
        padding-top: 16px;
    }

    .lg-card-content h2[b-jzux8q9bt7] {
        max-width: 100%;
        font-size: 1.18rem;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .lg-card-content p[b-jzux8q9bt7],
    .lg-card-content small[b-jzux8q9bt7] {
        white-space: normal;
    }

    .lg-card-metrics[b-jzux8q9bt7],
    .lg-card-metrics--four[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 18px 0 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, .12);
    }

    .lg-card-metrics div[b-jzux8q9bt7] {
        min-height: 50px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 6px;
        padding: 0 8px;
    }

    .lg-card-actions[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

/* Premium league redesign pass: preserve card anatomy, calm the surrounding page. */
.lg-page[b-jzux8q9bt7] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 32px 44px;
    background:
        linear-gradient(180deg, rgba(5, 11, 19, .98), rgba(3, 8, 14, .99) 48%, #01050a),
        #030812;
}

.lg-page > .lg-hero[b-jzux8q9bt7],
.lg-page > .lg-showcase[b-jzux8q9bt7],
.lg-page > .lg-filter-panel[b-jzux8q9bt7],
.lg-page > .lg-results[b-jzux8q9bt7],
.lg-page > .lg-loading[b-jzux8q9bt7],
.lg-page > .lg-empty[b-jzux8q9bt7] {
    width: min(1600px, 100%);
    margin-left: auto;
    margin-right: auto;
}

.lg-hero[b-jzux8q9bt7] {
    position: relative;
    min-height: 228px;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr);
    gap: 28px;
    margin-top: 0;
    padding: 38px 0 30px;
    border-bottom: 0;
    background:
        linear-gradient(180deg, rgba(11, 24, 40, .74), rgba(6, 15, 27, .86)),
        url('/images/leagues/league-stadium-trophy.png') center 52% / cover no-repeat;
    border-radius: 0 0 14px 14px;
    box-shadow: inset 0 -90px 120px rgba(0, 0, 0, .46);
    overflow: hidden;
}

.lg-hero[b-jzux8q9bt7]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(2, 8, 14, .92), rgba(2, 8, 14, .58) 58%, rgba(2, 8, 14, .84));
    pointer-events: none;
}

.lg-hero-copy[b-jzux8q9bt7],
.lg-hero-stats[b-jzux8q9bt7] {
    position: relative;
    z-index: 1;
}

.lg-hero-copy[b-jzux8q9bt7] {
    padding-left: 42px;
}

.lg-hero-copy span[b-jzux8q9bt7] {
    color: #7ad9ff;
    font-size: .78rem;
    letter-spacing: 0;
}

.lg-hero-copy h1[b-jzux8q9bt7] {
    font-size: clamp(3rem, 4.8vw, 4.75rem);
    letter-spacing: 0;
}

.lg-hero-copy p[b-jzux8q9bt7] {
    max-width: 640px;
    color: #c5d4e8;
}

.lg-hero-stats[b-jzux8q9bt7] {
    align-self: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 42px 0 0;
}

.lg-hero-stats div[b-jzux8q9bt7] {
    min-height: 78px;
    border: 1px solid rgba(125, 160, 210, .16);
    border-radius: 10px;
    background: rgba(8, 19, 33, .72);
    box-shadow: none;
}

.lg-hero-stats b[b-jzux8q9bt7] {
    font-size: 1.65rem;
}

.lg-showcase[b-jzux8q9bt7] {
    margin-top: 16px;
    border-color: rgba(125, 160, 210, .16);
    border-radius: 12px;
    background: rgba(7, 18, 31, .86);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.lg-showcase header[b-jzux8q9bt7],
.lg-results-head span[b-jzux8q9bt7] {
    color: #7ad9ff;
    letter-spacing: 0;
}

.lg-filter-panel[b-jzux8q9bt7] {
    display: grid;
    grid-template-columns: auto minmax(240px, 1.25fr) minmax(320px, 1.1fr) minmax(180px, .75fr) minmax(160px, .65fr);
    align-items: end;
    gap: 12px;
    margin-top: 18px;
    padding: 12px;
    border-color: rgba(125, 160, 210, .16);
    border-radius: 12px;
    background: rgba(7, 18, 31, .78);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

.lg-search[b-jzux8q9bt7],
.lg-back[b-jzux8q9bt7],
.lg-community-select[b-jzux8q9bt7],
.lg-sort-select[b-jzux8q9bt7] {
    min-height: 40px;
}

.lg-search[b-jzux8q9bt7] {
    width: auto;
    border-color: rgba(125, 160, 210, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.lg-filter-group[b-jzux8q9bt7] {
    align-content: end;
}

.lg-filter-group label[b-jzux8q9bt7] {
    color: #7787a3;
}

.lg-filter-group button[b-jzux8q9bt7] {
    min-height: 32px;
    border-color: rgba(125, 160, 210, .18);
    border-radius: 8px;
    background: rgba(8, 19, 33, .76);
}

.lg-filter-group button.active[b-jzux8q9bt7] {
    border-color: rgba(0, 194, 255, .54);
    background: rgba(0, 194, 255, .10);
    box-shadow: none;
}

.lg-results[b-jzux8q9bt7] {
    margin-top: 26px;
}

.lg-results-head[b-jzux8q9bt7] {
    padding: 0 2px;
    margin-bottom: 16px;
}

.lg-results-head h2[b-jzux8q9bt7] {
    color: #f5f8fc;
    font-size: 1.38rem;
}

.lg-card-grid[b-jzux8q9bt7] {
    gap: 16px;
}

.lg-card-grid--competitions[b-jzux8q9bt7],
.lg-card-grid--leagues[b-jzux8q9bt7] {
    grid-template-columns: repeat(3, minmax(360px, 1fr));
}

.lg-card[b-jzux8q9bt7] {
    border-color: color-mix(in srgb, var(--card-accent) 34%, rgba(125, 160, 210, .16));
    background:
        radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 31%),
        linear-gradient(180deg, rgba(7, 16, 27, .98), rgba(3, 8, 15, .99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 16px 34px rgba(0, 0, 0, .24);
}

.lg-card:hover[b-jzux8q9bt7] {
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 20px 44px rgba(0, 0, 0, .33);
}

.lg-card-content p[b-jzux8q9bt7],
.lg-card-content small[b-jzux8q9bt7] {
    color: #b6c4dc;
}

.lg-card-metrics[b-jzux8q9bt7] {
    border-radius: 9px;
    background: rgba(2, 8, 15, .28);
}

.lg-card-metrics b[b-jzux8q9bt7] {
    color: color-mix(in srgb, var(--card-accent) 38%, #f5f8fc);
}

.lg-card-actions button[b-jzux8q9bt7],
.lg-card-actions a[b-jzux8q9bt7] {
    min-height: 34px;
    border-radius: 7px;
}

@media (max-width: 1320px) {
    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(340px, 1fr));
    }

    .lg-filter-panel[b-jzux8q9bt7] {
        grid-template-columns: minmax(240px, 1fr) minmax(280px, 1fr);
    }

    .lg-back[b-jzux8q9bt7],
    .lg-filter-group[b-jzux8q9bt7],
    .lg-community-select[b-jzux8q9bt7],
    .lg-sort-select[b-jzux8q9bt7] {
        width: 100%;
    }
}

@media (max-width: 920px) {
    .lg-page[b-jzux8q9bt7] {
        padding: 0 16px 34px;
    }

    .lg-hero[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 28px 0;
    }

    .lg-hero-copy[b-jzux8q9bt7],
    .lg-hero-stats[b-jzux8q9bt7] {
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media (max-width: 720px) {
    .lg-page[b-jzux8q9bt7] {
        padding: 58px 12px 28px;
    }

    .lg-hero[b-jzux8q9bt7] {
        margin-left: auto;
        margin-right: auto;
        padding: 24px 0;
    }

    .lg-hero-copy h1[b-jzux8q9bt7] {
        font-size: clamp(2.25rem, 11vw, 3.15rem);
    }

    .lg-hero-stats[b-jzux8q9bt7],
    .lg-filter-panel[b-jzux8q9bt7],
    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
    }

    .lg-showcase[b-jzux8q9bt7] {
        border-radius: 12px;
    }

    .lg-showcase-track[b-jzux8q9bt7] {
        overflow-x: auto;
        mask-image: none;
    }

    .lg-showcase-marquee.is-scrolling[b-jzux8q9bt7] {
        animation: none;
    }

    .lg-showcase-item[b-jzux8q9bt7] {
        width: 138px;
        flex-basis: 138px;
    }

    .lg-card[b-jzux8q9bt7] {
        border-radius: 10px;
    }
}

/* Correction pass: hold the competition page together and use the wide canvas better. */
.lg-page[b-jzux8q9bt7] {
    position: relative;
    width: min(100%, 1760px);
    margin: 0 auto 28px;
    padding: 18px 28px 30px;
    background:
        radial-gradient(circle at 84px 120px, rgba(0, 194, 255, .08), transparent 260px),
        radial-gradient(circle at 80% 0, rgba(70, 110, 180, .10), transparent 380px),
        linear-gradient(180deg, rgba(4, 11, 20, .98), rgba(2, 7, 13, .99) 62%, #01050a);
}

.lg-hero[b-jzux8q9bt7],
.lg-showcase[b-jzux8q9bt7],
.lg-filter-panel[b-jzux8q9bt7],
.lg-results[b-jzux8q9bt7] {
    width: min(100%, 1680px);
    margin-left: auto;
    margin-right: auto;
}

.lg-hero[b-jzux8q9bt7] {
    min-height: 142px;
    grid-template-columns: minmax(0, 1fr) minmax(460px, .9fr);
    gap: 22px;
    margin-top: 0;
    padding: 24px 38px;
    border: 1px solid rgba(125, 160, 210, .16);
    border-radius: 14px 14px 0 0;
    box-shadow: inset 0 -48px 72px rgba(0, 0, 0, .42);
}

.lg-hero-copy h1[b-jzux8q9bt7] {
    font-size: clamp(2.55rem, 3.4vw, 4.2rem);
}

.lg-hero-copy p[b-jzux8q9bt7] {
    max-width: 560px;
    font-size: 1rem;
}

.lg-hero-stats[b-jzux8q9bt7] {
    gap: 10px;
    padding-right: 0;
}

.lg-hero-stats div[b-jzux8q9bt7] {
    min-height: 66px;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 0 16px;
}

.lg-hero-stats[b-jzux8q9bt7]  .mud-icon-root {
    font-size: 30px;
}

.lg-hero-stats b[b-jzux8q9bt7] {
    font-size: 1.42rem;
}

.lg-showcase[b-jzux8q9bt7] {
    margin-top: 0;
    padding-top: 28px;
    border-top: 0;
    border-radius: 0 0 14px 14px;
}

.lg-filter-panel[b-jzux8q9bt7] {
    margin-top: 12px;
}

.lg-results[b-jzux8q9bt7] {
    margin-top: 12px;
    padding: 18px;
    border: 1px solid rgba(125, 160, 210, .13);
    border-radius: 14px;
    background: rgba(3, 10, 18, .45);
}

.lg-results-head[b-jzux8q9bt7] {
    margin-bottom: 14px;
}

@media (min-width: 1700px) {
    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: repeat(3, minmax(410px, 1fr));
    }
}

@media (max-width: 920px) {
    .lg-page[b-jzux8q9bt7] {
        padding: 58px 12px 28px;
    }

    .lg-hero[b-jzux8q9bt7] {
        padding: 24px 0;
        border-radius: 12px;
    }

    .lg-showcase[b-jzux8q9bt7] {
        margin-top: 12px;
        border-top: 1px solid rgba(125, 160, 210, .16);
        border-radius: 12px;
    }

    .lg-results[b-jzux8q9bt7] {
        padding: 12px;
    }
}

@media (max-width: 720px) {
    .lg-page[b-jzux8q9bt7] {
        width: 100%;
        margin: 0;
        padding: 12px 10px 28px;
        overflow-x: hidden;
    }

    .lg-hero[b-jzux8q9bt7],
    .lg-showcase[b-jzux8q9bt7],
    .lg-filter-panel[b-jzux8q9bt7],
    .lg-results[b-jzux8q9bt7] {
        width: 100%;
    }

    .lg-hero[b-jzux8q9bt7] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: 0;
        padding: 18px 14px 14px;
        border-radius: 12px;
        background-position: 64% center;
    }

    .lg-hero[b-jzux8q9bt7]::before {
        background:
            linear-gradient(180deg, rgba(2, 8, 14, .94), rgba(2, 8, 14, .70) 58%, rgba(2, 8, 14, .92));
    }

    .lg-hero-copy[b-jzux8q9bt7],
    .lg-hero-stats[b-jzux8q9bt7] {
        padding: 0;
    }

    .lg-hero-copy span[b-jzux8q9bt7] {
        font-size: .72rem;
    }

    .lg-hero-copy h1[b-jzux8q9bt7] {
        max-width: 100%;
        margin-top: 5px;
        font-size: clamp(2.05rem, 12vw, 3rem);
        line-height: .94;
        overflow-wrap: anywhere;
    }

    .lg-hero-copy p[b-jzux8q9bt7] {
        max-width: 100%;
        margin-top: 9px;
        font-size: .94rem;
        line-height: 1.35;
    }

    .lg-hero-stats[b-jzux8q9bt7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .lg-hero-stats div[b-jzux8q9bt7] {
        min-height: 66px;
        grid-template-columns: 30px minmax(0, 1fr);
        column-gap: 8px;
        padding: 0 10px;
        border-color: rgba(125, 160, 210, .18);
        border-radius: 9px;
        background: rgba(5, 16, 30, .76);
    }

    .lg-hero-stats[b-jzux8q9bt7]  .mud-icon-root {
        font-size: 24px;
    }

    .lg-hero-stats b[b-jzux8q9bt7] {
        font-size: 1.34rem;
    }

    .lg-hero-stats span[b-jzux8q9bt7] {
        min-width: 0;
        overflow: hidden;
        font-size: .58rem;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lg-showcase[b-jzux8q9bt7] {
        margin-top: 10px;
        padding: 38px 8px 12px;
    }

    .lg-showcase header[b-jzux8q9bt7] {
        left: 16px;
        top: 12px;
        font-size: .75rem;
    }

    .lg-showcase > button[b-jzux8q9bt7] {
        display: none;
    }

    .lg-showcase[b-jzux8q9bt7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lg-showcase-track[b-jzux8q9bt7] {
        overflow-x: auto;
        mask-image: none;
        scroll-snap-type: x proximity;
    }

    .lg-showcase-marquee[b-jzux8q9bt7],
    .lg-showcase-marquee.is-scrolling[b-jzux8q9bt7] {
        animation: none;
    }

    .lg-showcase-item[b-jzux8q9bt7] {
        width: 132px;
        flex: 0 0 132px;
        min-height: 92px;
        scroll-snap-align: start;
    }

    .lg-filter-panel[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        margin-top: 10px;
        padding: 10px;
        gap: 10px;
        border-radius: 12px;
    }

    .lg-search[b-jzux8q9bt7],
    .lg-back[b-jzux8q9bt7],
    .lg-community-select[b-jzux8q9bt7],
    .lg-sort-select[b-jzux8q9bt7],
    .lg-filter-group[b-jzux8q9bt7] {
        width: 100%;
    }

    .lg-filter-group[b-jzux8q9bt7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .lg-filter-group label[b-jzux8q9bt7] {
        grid-column: 1 / -1;
    }

    .lg-filter-group button[b-jzux8q9bt7] {
        justify-content: center;
        min-height: 36px;
        padding: 0 8px;
        font-size: .72rem;
    }

    .lg-results[b-jzux8q9bt7] {
        margin-top: 12px;
        padding: 10px;
        border-radius: 12px;
    }

    .lg-results-head[b-jzux8q9bt7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .lg-results-head h2[b-jzux8q9bt7] {
        font-size: 1.12rem;
    }

    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .lg-card[b-jzux8q9bt7] {
        min-height: 0;
        grid-template-columns: 82px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 12px;
        padding: 12px;
        border-radius: 12px;
    }

    .lg-card-art[b-jzux8q9bt7] {
        height: 96px;
    }

    .lg-card[b-jzux8q9bt7]::after {
        inset: 82px 0 0;
    }

    .lg-card[b-jzux8q9bt7]  .lg-card-crest {
        grid-column: 1;
        grid-row: 1;
    }

    .lg-card[b-jzux8q9bt7]  .league-crest--lg {
        --crest-size: 72px;
    }

    .lg-status[b-jzux8q9bt7] {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
        min-height: 26px;
        margin-top: 0;
        padding: 0 8px;
        font-size: .62rem;
    }

    .lg-season-badge[b-jzux8q9bt7] {
        top: 12px;
        right: 12px;
        max-width: 100px;
        min-height: 24px;
        font-size: .5rem;
    }

    .lg-card-content[b-jzux8q9bt7] {
        grid-column: 2;
        grid-row: 1 / span 2;
        min-height: 0;
        padding-top: 34px;
    }

    .lg-card-content h2[b-jzux8q9bt7] {
        max-width: calc(100% - 84px);
        font-size: 1rem;
        line-height: 1.08;
    }

    .lg-card-content p[b-jzux8q9bt7],
    .lg-card-content small[b-jzux8q9bt7] {
        font-size: .74rem;
        white-space: normal;
    }

    .lg-card-metrics[b-jzux8q9bt7],
    .lg-card-metrics--four[b-jzux8q9bt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin: 10px 0;
        padding: 0;
        border-top: 0;
        background: transparent;
    }

    .lg-card-metrics div[b-jzux8q9bt7] {
        min-height: 38px;
        padding: 0 6px;
        border: 1px solid rgba(125, 160, 210, .12);
        border-radius: 7px;
        background: rgba(2, 8, 15, .36);
    }

    .lg-card-metrics b[b-jzux8q9bt7] {
        font-size: .96rem;
    }

    .lg-card-metrics span[b-jzux8q9bt7] {
        font-size: .52rem;
    }

    .lg-card-actions[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .lg-card-actions button[b-jzux8q9bt7],
    .lg-card-actions a[b-jzux8q9bt7] {
        min-height: 34px;
        font-size: .68rem;
    }
}

/* Shell alignment pass: match league detail width and let the app shell own the page background. */
.lg-page[b-jzux8q9bt7] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 18px 18px 44px;
    background: transparent;
    box-sizing: border-box;
}

.lg-page > .lg-hero[b-jzux8q9bt7],
.lg-page > .lg-showcase[b-jzux8q9bt7],
.lg-page > .lg-filter-panel[b-jzux8q9bt7],
.lg-page > .lg-results[b-jzux8q9bt7],
.lg-page > .lg-loading[b-jzux8q9bt7],
.lg-page > .lg-empty[b-jzux8q9bt7],
.lg-hero[b-jzux8q9bt7],
.lg-showcase[b-jzux8q9bt7],
.lg-filter-panel[b-jzux8q9bt7],
.lg-results[b-jzux8q9bt7] {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.lg-hero[b-jzux8q9bt7] {
    border-radius: 14px 14px 0 0;
}

.lg-showcase[b-jzux8q9bt7] {
    border-radius: 0 0 14px 14px;
}

.lg-results[b-jzux8q9bt7] {
    background: rgba(3, 10, 18, .28);
}

.lg-card-grid--competitions[b-jzux8q9bt7],
.lg-card-grid--leagues[b-jzux8q9bt7] {
    grid-template-columns: repeat(auto-fit, minmax(360px, 520px));
    justify-content: start;
}

.lg-card[b-jzux8q9bt7] {
    width: 100%;
    max-width: 520px;
}

@media (max-width: 720px) {
    .lg-page[b-jzux8q9bt7] {
        padding: 12px 10px 28px;
    }

    .lg-card-grid--competitions[b-jzux8q9bt7],
    .lg-card-grid--leagues[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
    }

    .lg-card[b-jzux8q9bt7] {
        max-width: none;
    }
}
/* Final toolbar polish: keep search, status, and selects on one compact scan line. */
.lg-filter-panel[b-jzux8q9bt7] {
    grid-template-columns: minmax(260px, 1.2fr) minmax(0, auto) minmax(210px, .7fr) minmax(170px, .55fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
}

.lg-filter-panel .lg-back[b-jzux8q9bt7] {
    grid-column: 1 / -1;
    width: fit-content;
}

.lg-filter-group[b-jzux8q9bt7] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    min-height: 40px;
    width: max-content;
    max-width: 100%;
    padding: 4px;
    border: 1px solid rgba(125, 160, 210, .18);
    border-radius: 8px;
    background: rgba(4, 13, 24, .42);
}

.lg-filter-group label[b-jzux8q9bt7] {
    width: auto;
    flex: 0 0 auto;
    margin: 0 4px 0 6px;
    color: #8fa2bd;
    font-size: .72rem;
    line-height: 1;
}

.lg-filter-group button[b-jzux8q9bt7] {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.lg-filter-group button.active[b-jzux8q9bt7] {
    background: rgba(0, 194, 255, .12);
    color: #4bd8ff;
}

.lg-community-select[b-jzux8q9bt7],
.lg-sort-select[b-jzux8q9bt7] {
    width: 100%;
}

@media (max-width: 1040px) {
    .lg-filter-panel[b-jzux8q9bt7] {
        grid-template-columns: minmax(240px, 1fr) minmax(0, 1fr);
    }

    .lg-filter-group[b-jzux8q9bt7],
    .lg-community-select[b-jzux8q9bt7],
    .lg-sort-select[b-jzux8q9bt7] {
        width: 100%;
    }

    .lg-filter-group[b-jzux8q9bt7] {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .lg-filter-group[b-jzux8q9bt7]::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 720px) {
    .lg-filter-panel[b-jzux8q9bt7] {
        grid-template-columns: 1fr;
    }

    .lg-filter-group[b-jzux8q9bt7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        padding: 6px;
        overflow: visible;
    }

    .lg-filter-group label[b-jzux8q9bt7] {
        grid-column: 1 / -1;
        margin: 0 0 2px;
    }

    .lg-filter-group button[b-jzux8q9bt7] {
        justify-content: center;
        min-height: 36px;
        white-space: normal;
    }
}
/* /Pages/MyCards.razor.rz.scp.css */
.my-cards-page[b-kmowypb7jb] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px;
}

.my-cards-header[b-kmowypb7jb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.my-cards-grid[b-kmowypb7jb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
}

.my-card-item[b-kmowypb7jb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,0.04);
    border-radius: 12px;
    padding: 12px;
    transition: background 0.2s;
}

    .my-card-item:hover[b-kmowypb7jb] {
        background: rgba(255,255,255,0.08);
    }

.my-card-preview[b-kmowypb7jb] {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.my-card-info[b-kmowypb7jb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-bottom: 6px;
}

.my-card-name[b-kmowypb7jb] {
    font-weight: 600;
    color: #fff;
    font-size: 0.85rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.my-card-pos[b-kmowypb7jb] {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
}

.my-card-actions[b-kmowypb7jb] {
    display: flex;
    gap: 4px;
}
/* /Pages/MyProfile.razor.rz.scp.css */
/* My Profile Page */ .mp-loading[b-o8oak6hr7f] { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; gap:12px; } .mp-page-title[b-o8oak6hr7f] { font-size:1.4rem; font-weight:900; letter-spacing:0.12em; text-align:center; margin-bottom:18px; text-transform:uppercase; background:linear-gradient(90deg,#00e5ff,#ce93d8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
/* /Pages/MyTeams/CreateTeam.razor.rz.scp.css */
    /* ── Outer wrap ─────────────────────────────────────────── */
    .ct-wrap[b-6ozalanmf3] {
        max-width: 680px;
        margin: 0 auto;
        padding: 24px 16px 48px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /* ── Header ─────────────────────────────────────────────── */
    .ct-header[b-6ozalanmf3] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 36px 24px 28px;
        border-radius: 16px;
        background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
        gap: 8px;
    }

    .ct-header-title[b-6ozalanmf3] {
        font-weight: 900 !important;
        letter-spacing: 2px;
        color: #fff !important;
        text-transform: uppercase;
    }

    .ct-header-sub[b-6ozalanmf3] {
        color: rgba(255,255,255,0.55) !important;
        font-size: 0.9rem;
        max-width: 440px;
    }

    /* ── Loading ─────────────────────────────────────────────── */
    .ct-loading[b-6ozalanmf3] {
        display: flex;
        justify-content: center;
        padding: 60px 0;
    }

    /* ── Stepper shell ───────────────────────────────────────── */
    .ct-stepper[b-6ozalanmf3] {
        background: transparent !important;
    }

    /* ── Step card ───────────────────────────────────────────── */
    .ct-step-card[b-6ozalanmf3] {
        margin-top: 8px;
    }

    /* ── Step hero area ──────────────────────────────────────── */
    .ct-step-hero[b-6ozalanmf3] {
        padding: 8px 0 24px;
        gap: 8px !important;
    }

    /* ── Icon wrap ───────────────────────────────────────────── */
    .ct-step-icon-wrap[b-6ozalanmf3] {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: radial-gradient(circle, rgba(0,200,255,0.18) 0%, rgba(28,33,112,0.4) 100%);
        border: 1.5px solid rgba(0,200,255,0.25);
        margin-bottom: 4px;
    }

    .ct-step-icon-wrap--ea[b-6ozalanmf3] {
        background: radial-gradient(circle, rgba(102,0,187,0.3) 0%, rgba(28,33,112,0.4) 100%);
        border-color: rgba(102,0,187,0.35);
    }

    .ct-step-icon-wrap--review[b-6ozalanmf3] {
        background: radial-gradient(circle, rgba(76,175,80,0.2) 0%, rgba(28,33,112,0.4) 100%);
        border-color: rgba(76,175,80,0.3);
    }

    .ct-step-icon[b-6ozalanmf3] {
        font-size: 32px !important;
        color: #00c8ff;
    }

    .ct-step-icon-wrap--ea .ct-step-icon[b-6ozalanmf3] {
        color: #a855f7;
    }

    .ct-step-icon-wrap--review .ct-step-icon[b-6ozalanmf3] {
        color: #4caf50;
    }

    /* ── Step heading / sub ──────────────────────────────────── */
    .ct-step-heading[b-6ozalanmf3] {
        font-weight: 800 !important;
        color: #fff !important;
        letter-spacing: 0.5px;
    }

    .ct-step-sub[b-6ozalanmf3] {
        color: var(--pcw-text-muted) !important;
        font-size: 0.85rem;
        max-width: 400px;
        line-height: 1.5;
    }

    /* ── Input fields ────────────────────────────────────────── */
    .ct-fields[b-6ozalanmf3] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        max-width: 420px;
        margin: 0 auto;
    }

    /* ── Skip note ───────────────────────────────────────────── */
    .ct-skip-note[b-6ozalanmf3] {
        max-width: 420px;
        margin: 16px auto 0;
    }

    /* ── Review rows ─────────────────────────────────────────── */
    .ct-review-rows[b-6ozalanmf3] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        max-width: 420px;
        margin: 0 auto 24px;
    }

    .ct-review-row[b-6ozalanmf3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        border-radius: 10px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.07);
    }

    .ct-review-lbl[b-6ozalanmf3] {
        font-size: 0.78rem;
        font-weight: 600;
        color: rgba(255,255,255,0.45);
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

    .ct-review-val[b-6ozalanmf3] {
        font-size: 0.95rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.3px;
    }

    .ct-review-tag[b-6ozalanmf3] {
        font-family: monospace;
        color: #00c8ff;
        letter-spacing: 2px;
        font-size: 1rem;
    }

    .ct-review-empty[b-6ozalanmf3] {
        color: rgba(255,255,255,0.25) !important;
        font-style: italic;
        font-weight: 400 !important;
        font-size: 0.85rem !important;
    }

    /* ── Create button ───────────────────────────────────────── */
    .ct-create-btn[b-6ozalanmf3] {
        max-width: 420px;
        display: block;
        margin: 0 auto;
        border-radius: 10px !important;
        font-weight: 800 !important;
        letter-spacing: 1.5px;
        height: 52px;
    }

    /* ── Footer ──────────────────────────────────────────────── */
    .ct-footer[b-6ozalanmf3] {
        display: flex;
        justify-content: center;
    }

    /* ── Responsive ──────────────────────────────────────────── */
    @media (max-width: 600px) {
        .ct-wrap[b-6ozalanmf3] {
            padding: 16px 8px 40px;
        }

        .ct-header[b-6ozalanmf3] {
            padding: 28px 16px 20px;
        }

        .ct-fields[b-6ozalanmf3],
        .ct-review-rows[b-6ozalanmf3],
        .ct-create-btn[b-6ozalanmf3],
        .ct-skip-note[b-6ozalanmf3] {
            max-width: 100%;
        }
    }
/* /Pages/MyTeams/TeamManagement.razor.rz.scp.css */
/* ── FM Loading / Error ───────────────────────────────── */
.fm-loading[b-jpvf2djvx8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% 18%, rgba(0, 200, 255, 0.08), transparent 34%),
        #070b12;
}

.fm-error-wrap[b-jpvf2djvx8] {
    padding: 48px 24px;
    max-width: 600px;
    margin: 0 auto;
}

/* ── Content Area ────────────────────────────────────── */
.fm-content[b-jpvf2djvx8] {
    box-sizing: border-box;
    width: 100%;
    padding: 24px;
    max-width: min(1600px, 100vw);
    margin: 0 auto;
    min-height: calc(100vh - 104px);
    min-width: 0;
    overflow-x: clip;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 200, 255, 0.055), transparent 28%),
        radial-gradient(circle at 88% 4%, rgba(109, 61, 255, 0.075), transparent 30%);
}

.fm-content--league-management[b-jpvf2djvx8] {
    width: 100%;
    max-width: 2540px;
    margin: 0 auto;
    background: #070b12;
}

.fm-content--calendar[b-jpvf2djvx8] {
    max-width: min(1920px, 100vw);
    padding-inline: clamp(16px, 2vw, 32px);
}

.fm-content--scouting-report[b-jpvf2djvx8] {
    max-width: min(1840px, 100vw);
    padding: 16px 18px;
}

.fm-content--fc26[b-jpvf2djvx8] {
    width: 100%;
    max-width: none;
    padding: 0;
    background: #050b12;
}

/* ── MudTable DataLabel card-mode hardening ─────────── */
[b-jpvf2djvx8] .mud-table-container {
    overflow-x: hidden;
    max-width: 100%;
}

[b-jpvf2djvx8] .mud-table-root {
    max-width: 100%;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .fm-content[b-jpvf2djvx8] {
        padding: 16px 12px;
        max-width: 100vw;
    }

    .fm-content[b-jpvf2djvx8],
    .fm-content[b-jpvf2djvx8]  * {
        min-width: 0;
        box-sizing: border-box;
    }

    .fm-content[b-jpvf2djvx8]  img,
    .fm-content[b-jpvf2djvx8]  svg,
    .fm-content[b-jpvf2djvx8]  canvas,
    .fm-content[b-jpvf2djvx8]  table {
        max-width: 100%;
    }

    .fm-content[b-jpvf2djvx8]  .mud-paper,
    .fm-content[b-jpvf2djvx8]  .mud-card,
    .fm-content[b-jpvf2djvx8]  .mud-alert,
    .fm-content[b-jpvf2djvx8]  .mud-table {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    /* Prevent DataLabel card rows from overflowing on narrow screens */
    [b-jpvf2djvx8] .mud-table-container {
        overflow-x: hidden;
    }

    [b-jpvf2djvx8] td.mud-table-cell {
        word-break: break-word;
        max-width: 100%;
    }
}
/* /Pages/MyTeams/ViewTeam.razor.rz.scp.css */
/* ── View Team page ──────────────────────────────────────── */

.vt-loading[b-jldiw540vi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 60px 0;
    flex-direction: column;
}

.vt-back-row[b-jldiw540vi] {
    margin-bottom: 12px;
}

/* ── No EA state ── */

.vt-no-ea[b-jldiw540vi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 24px;
    max-width: 500px;
    margin: 0 auto;
}

.vt-no-ea-icon[b-jldiw540vi] {
    font-size: 3.5rem !important;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 16px;
}

.vt-no-ea-alert[b-jldiw540vi] {
    width: 100%;
    text-align: left;
}
/* /Pages/News/Article.razor.rz.scp.css */
    /* Page Wrapper */
    .article-page-wrapper[b-mok0v38ote] {
        width: min(1720px, 100%);
        box-sizing: border-box;
        margin: 0 auto;
        background: linear-gradient(180deg, #0e1520 0%, #111a28 100%);
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 16px;
        padding: 28px 32px 32px;
        box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    /* Hero */
    .article-hero[b-mok0v38ote] {
        position: relative;
        width: 100%;
        min-height: 360px;
        background-size: cover;
        background-position: center;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(0, 200, 255, 0.1);
    }

    .article-hero-overlay[b-mok0v38ote] {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.4) 60%, transparent 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 32px;
    }

    .article-hero-title[b-mok0v38ote] {
        font-size: 2rem;
        font-weight: 800;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
        line-height: 1.2;
        margin: 0;
        word-break: break-word;
    }

    .article-hero-meta[b-mok0v38ote] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.6);
    }

    .article-meta-dot[b-mok0v38ote] {
        color: rgba(255, 255, 255, 0.3);
    }

    /* Mobile */
    @media (max-width: 600px) {
        .article-page-wrapper[b-mok0v38ote] {
            padding: 12px 10px 16px;
            border-radius: 12px;
        }

        .article-hero[b-mok0v38ote] {
            min-height: 240px;
            border-radius: 12px;
        }

        .article-hero-overlay[b-mok0v38ote] {
            padding: 16px;
        }

        .article-hero-title[b-mok0v38ote] {
            font-size: 1.3rem;
        }

        .article-hero-meta[b-mok0v38ote] {
            font-size: 0.75rem;
        }

        .article-body[b-mok0v38ote] {
            font-size: 0.95rem;
            line-height: 1.7;
        }
    }

    .article-content-card[b-mok0v38ote],
    .article-poll-card[b-mok0v38ote],
    .article-sidebar-card[b-mok0v38ote] {
        background: #121c2e !important;
        border: 1px solid rgba(0, 200, 255, 0.18);
        border-radius: 12px !important;
    }

    .article-body[b-mok0v38ote] {
        line-height: 1.8;
        font-size: 1.05rem;
        color: rgba(255, 255, 255, 0.88);
        overflow-wrap: anywhere;
    }

    /* Reset Quill editor chrome — we only want its list/indent rendering styles */
    .article-body.ql-editor[b-mok0v38ote] {
        min-height: unset;
        height: auto;
        overflow-y: visible;
        padding: 0;
        outline: none;
    }

        .article-body img[b-mok0v38ote] {
            display: block;
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
            border-radius: 8px;
            margin: 16px 0;
            object-fit: contain;
        }

        .article-body[b-mok0v38ote] (img),
        .article-body[b-mok0v38ote] (video),
        .article-body[b-mok0v38ote] (iframe),
        .article-body[b-mok0v38ote] (canvas),
        .article-body[b-mok0v38ote] (svg) {
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
        }

        .article-body[b-mok0v38ote] (figure) {
            max-width: 100% !important;
            width: 100% !important;
            margin: 16px 0;
        }

        .article-body[b-mok0v38ote] (figure img) {
            margin: 0;
        }

        .article-body[b-mok0v38ote] (p),
        .article-body[b-mok0v38ote] (div) {
            max-width: 100%;
            overflow-wrap: anywhere;
        }

        .article-body h1[b-mok0v38ote], .article-body h2[b-mok0v38ote], .article-body h3[b-mok0v38ote] {
            color: #fff;
            margin-top: 24px;
            margin-bottom: 12px;
        }

        .article-body blockquote[b-mok0v38ote] {
            border-left: 3px solid #00c8ff;
            padding-left: 16px;
            margin: 16px 0;
            color: rgba(255, 255, 255, 0.7);
        }

        .article-body pre[b-mok0v38ote] {
            background: #0d1320;
            padding: 16px;
            border-radius: 8px;
            overflow-x: auto;
        }

        .article-body a[b-mok0v38ote] {
            color: #00c8ff;
        }

    /* Poll */
    .poll-option[b-mok0v38ote] {
        position: relative;
        margin-bottom: 8px;
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: border-color 0.2s;
    }

        .poll-option:hover[b-mok0v38ote] {
            border-color: rgba(0, 200, 255, 0.3);
        }

    .poll-option-voted[b-mok0v38ote] {
        border-color: #00c8ff !important;
    }

    .poll-option-bar[b-mok0v38ote] {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 200, 255, 0.1);
        transition: width 0.4s ease;
    }

    .poll-option-content[b-mok0v38ote] {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 14px;
        font-size: 0.9rem;
    }

    .poll-option-pct[b-mok0v38ote] {
        font-weight: 700;
        color: #00c8ff;
    }

    .poll-remove-btn[b-mok0v38ote] {
        opacity: 0.6;
        transition: opacity 0.2s;
    }

    .poll-remove-btn:hover[b-mok0v38ote] {
        opacity: 1;
    }

    /* Sidebar / Related cards */
    .news-card[b-mok0v38ote] {
        background: #121c2e !important;
        border: 1px solid rgba(0, 200, 255, 0.18);
        border-radius: 12px !important;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

        .news-card:hover[b-mok0v38ote] {
            transform: translateY(-4px);
            box-shadow: 0 8px 32px rgba(0, 200, 255, 0.15);
        }

    .sidebar-item[b-mok0v38ote] {
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        cursor: pointer;
    }

        .sidebar-item:last-child[b-mok0v38ote] {
            border-bottom: none;
        }

        .sidebar-item:hover[b-mok0v38ote] {
            background: rgba(0, 200, 255, 0.04);
            border-radius: 6px;
            padding-left: 6px;
        }

    /* ─── Sticky sidebar on desktop ─── */
    .article-sidebar-sticky[b-mok0v38ote] {
        position: sticky;
        top: calc(var(--mud-appbar-height, 64px) + 16px);
        max-height: calc(100vh - var(--mud-appbar-height, 64px) - 32px);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 200, 255, 0.2) transparent;
    }

    /* ─── Sidebar thumbnail items ─── */
    .sidebar-item-media[b-mok0v38ote] {
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .sidebar-thumb[b-mok0v38ote] {
        width: 60px;
        height: 46px;
        object-fit: cover;
        border-radius: 6px;
        flex-shrink: 0;
    }

    .sidebar-item-text[b-mok0v38ote] {
        flex: 1;
        min-width: 0;
    }

    /* ─── Mobile ─── */
    @media (max-width: 959px) {
        .article-sidebar-sticky[b-mok0v38ote] {
            position: static;
            max-height: none;
            overflow-y: visible;
        }
    }

    @media (max-width: 600px) {
        .sidebar-thumb[b-mok0v38ote] {
            width: 52px;
            height: 40px;
        }
    }
/* /Pages/News/Index.razor.rz.scp.css */
.public-news-page[b-drtwotfcnt] {
    min-height: 100vh;
    padding: 24px 72px 72px;
    background: transparent;
}

.public-news-page[b-drtwotfcnt]  .news-page-wrapper {
    width: min(1720px, 100%);
    margin: 0 auto;
    border-radius: 8px;
}

@media (max-width: 1100px) {
    .public-news-page[b-drtwotfcnt] {
        padding: 20px 32px 58px;
    }
}

@media (max-width: 767px) {
    .public-news-page[b-drtwotfcnt] {
        padding: 14px 16px 44px;
    }
}
.public-news-title[b-drtwotfcnt] {
    max-width: 1480px;
    margin: 0 auto 16px;
}
/* /Pages/News/PartnerArticle.razor.rz.scp.css */
    .article-page-wrapper[b-jukdlk1c0k] {
        background: linear-gradient(180deg, #0e1520 0%, #111a28 100%);
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 16px;
        padding: 28px 32px 32px;
        box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .article-hero[b-jukdlk1c0k] {
        position: relative;
        width: 100%;
        min-height: 360px;
        background-size: cover;
        background-position: center;
        background-color: #1a2130;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(0, 200, 255, 0.1);
    }

    .article-hero-overlay[b-jukdlk1c0k] {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.4) 60%, transparent 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 32px;
    }

    .article-hero-title[b-jukdlk1c0k] {
        font-size: 2rem;
        font-weight: 800;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
        line-height: 1.2;
        margin: 0;
        word-break: break-word;
    }

    .article-hero-meta[b-jukdlk1c0k] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.6);
    }

    @media (max-width: 600px) {
        .article-page-wrapper[b-jukdlk1c0k] { padding: 12px 10px 16px; border-radius: 12px; }
        .article-hero[b-jukdlk1c0k] { min-height: 240px; border-radius: 12px; }
        .article-hero-overlay[b-jukdlk1c0k] { padding: 16px; }
        .article-hero-title[b-jukdlk1c0k] { font-size: 1.3rem; }
        .article-body[b-jukdlk1c0k] { font-size: 0.95rem; line-height: 1.7; }
    }

    @media (max-width: 959px) {
        .article-col-main[b-jukdlk1c0k] { order: 1; }
        .article-col-right[b-jukdlk1c0k] { order: 2; }
    }

    .article-content-card[b-jukdlk1c0k],
    .article-sidebar-card[b-jukdlk1c0k] {
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 12px !important;
    }

    .article-body[b-jukdlk1c0k] {
        line-height: 1.8;
        font-size: 1.05rem;
        color: rgba(255, 255, 255, 0.88);
    }

    .article-body.ql-editor[b-jukdlk1c0k] {
        min-height: unset;
        height: auto;
        overflow-y: visible;
        padding: 0;
        outline: none;
    }

    .article-body img[b-jukdlk1c0k] { max-width: 100%; border-radius: 8px; margin: 16px 0; }
    .article-body h1[b-jukdlk1c0k], .article-body h2[b-jukdlk1c0k], .article-body h3[b-jukdlk1c0k] { color: #fff; margin-top: 24px; margin-bottom: 12px; }
    .article-body blockquote[b-jukdlk1c0k] { border-left: 3px solid #00c8ff; padding-left: 16px; margin: 16px 0; color: rgba(255, 255, 255, 0.7); }
    .article-body pre[b-jukdlk1c0k] { background: #0d1320; padding: 16px; border-radius: 8px; overflow-x: auto; }
    .article-body a[b-jukdlk1c0k] { color: #00c8ff; }

    .sidebar-item[b-jukdlk1c0k] {
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        cursor: pointer;
    }
    .sidebar-item:last-child[b-jukdlk1c0k] { border-bottom: none; }
    .sidebar-item:hover[b-jukdlk1c0k] { background: rgba(0, 200, 255, 0.04); border-radius: 6px; padding-left: 6px; }
/* /Pages/NotFoundPage.razor.rz.scp.css */
    .notfound-page[b-a8vi4lz0bg] {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, var(--pcw-bg) 0%, var(--pcw-surface2) 100%);
        padding: 24px 72px 72px;
        box-sizing: border-box;
    }

    .notfound-container[b-a8vi4lz0bg] {
        width: min(1720px, 100%);
        max-width: none;
    }

    .notfound-content[b-a8vi4lz0bg] {
        background: var(--pcw-surface);
        border: 1px solid var(--pcw-border);
        border-bottom: 3px solid var(--pcw-accent);
        border-radius: 12px;
        padding: 60px 40px;
        text-align: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        max-width: 600px;
        margin: 0 auto;
    }

    .notfound-icon[b-a8vi4lz0bg] {
        width: 120px;
        height: 120px;
        color: var(--pcw-accent);
        margin-bottom: 24px;
        opacity: 0.8;
    }

    .notfound-title[b-a8vi4lz0bg] {
        font-size: 6rem;
        font-weight: 800;
        color: var(--pcw-accent);
        margin: 0;
        line-height: 1;
    }

    .notfound-subtitle[b-a8vi4lz0bg] {
        font-size: 2rem;
        font-weight: 700;
        color: var(--pcw-text);
        margin: 16px 0 8px 0;
    }

    .notfound-message[b-a8vi4lz0bg] {
        font-size: 1.125rem;
        color: var(--pcw-text-muted);
        margin: 0 0 40px 0;
        line-height: 1.6;
    }

    .notfound-actions[b-a8vi4lz0bg] {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }

    .btn[b-a8vi4lz0bg] {
        padding: 12px 24px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 1rem;
        border: none;
        cursor: pointer;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-decoration: none;
    }

    .btn-primary[b-a8vi4lz0bg] {
        background: var(--pcw-accent);
        color: #0a0e14;
    }

    .btn-primary:hover[b-a8vi4lz0bg] {
        background: #00b8ef;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--pcw-shadow);
    }

    .btn-outline[b-a8vi4lz0bg] {
        background: transparent;
        border: 1px solid var(--pcw-border);
        color: var(--pcw-text);
    }

    .btn-outline:hover[b-a8vi4lz0bg] {
        background: var(--pcw-surface2);
        border-color: var(--pcw-accent);
        transform: translateY(-2px);
    }

    .btn-icon[b-a8vi4lz0bg] {
        width: 20px;
        height: 20px;
    }

    .notfound-help[b-a8vi4lz0bg] {
        padding-top: 32px;
        border-top: 1px solid var(--pcw-border);
    }

    .help-text[b-a8vi4lz0bg] {
        color: var(--pcw-text-muted);
        font-size: 0.875rem;
        margin: 0 0 16px 0;
    }

    .help-links[b-a8vi4lz0bg] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }

    .help-links li[b-a8vi4lz0bg] {
        display: inline;
    }

    .help-link[b-a8vi4lz0bg] {
        color: var(--pcw-accent);
        text-decoration: none;
        font-size: 0.875rem;
        padding: 6px 12px;
        border-radius: 6px;
        transition: all 0.2s;
        display: inline-block;
    }

    .help-link:hover[b-a8vi4lz0bg] {
        background: var(--pcw-surface2);
        text-decoration: underline;
    }

    @media (max-width: 1100px) {
        .notfound-page[b-a8vi4lz0bg] {
            padding: 20px 32px 58px;
        }
    }

    @media (max-width: 640px) {
        .notfound-page[b-a8vi4lz0bg] {
            padding: 14px 16px 44px;
        }

        .notfound-content[b-a8vi4lz0bg] {
            padding: 40px 24px;
        }

        .notfound-title[b-a8vi4lz0bg] {
            font-size: 4rem;
        }

        .notfound-subtitle[b-a8vi4lz0bg] {
            font-size: 1.5rem;
        }

        .notfound-actions[b-a8vi4lz0bg] {
            flex-direction: column;
        }

        .btn[b-a8vi4lz0bg] {
            width: 100%;
        }
    }
/* /Pages/Onboarding/ManagerOnboarding.razor.rz.scp.css */
.onboarding-shell[b-59vvyjyzbz] {
    padding: 36px 18px 42px;
}

.onboarding-top-line[b-59vvyjyzbz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin: 32px 0 16px;
}

.onboarding-meta-actions[b-59vvyjyzbz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.onboarding-panel[b-59vvyjyzbz],
.onboarding-form-card[b-59vvyjyzbz] {
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 31, 51, 0.92), rgba(8, 16, 30, 0.96)), rgba(8, 18, 31, 0.88);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}

.onboarding-intro-panel[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 18px;
    align-items: center;
    padding: 18px;
}

.onboarding-eyebrow[b-59vvyjyzbz] {
    display: block;
    margin-bottom: 7px;
    color: #9f8cff;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.onboarding-title[b-59vvyjyzbz] {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
}

.onboarding-intro[b-59vvyjyzbz],
.flow-copy[b-59vvyjyzbz] {
    max-width: 760px;
    margin: 0;
    color: rgba(221, 238, 255, 0.72);
    line-height: 1.55;
}

.onboarding-readiness[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.onboarding-readiness div[b-59vvyjyzbz],
.review-item[b-59vvyjyzbz],
.progress-summary[b-59vvyjyzbz],
.team-state-panel[b-59vvyjyzbz],
.selected-team-card[b-59vvyjyzbz] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(122, 210, 255, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.onboarding-readiness small[b-59vvyjyzbz],
.review-item small[b-59vvyjyzbz] {
    display: block;
    color: rgba(142, 164, 187, 0.9);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.onboarding-readiness strong[b-59vvyjyzbz],
.review-item strong[b-59vvyjyzbz] {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: #ffffff;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: normal;
}

.onboarding-loading[b-59vvyjyzbz] {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding: 18px;
}

.onboarding-layout[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 18px;
}

.progress-rail[b-59vvyjyzbz] {
    position: sticky;
    top: 78px;
    display: grid;
    gap: 10px;
}

.mobile-step-bar[b-59vvyjyzbz] {
    display: none;
    gap: 8px;
    margin-top: 14px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.step-pill[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 10px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.74);
    text-align: left;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.step-pill:hover[b-59vvyjyzbz],
.step-pill:focus-visible[b-59vvyjyzbz] {
    border-color: rgba(117, 87, 255, 0.48);
    background: rgba(117, 87, 255, 0.1);
    color: #ffffff;
    outline: none;
}

.step-pill span:first-child[b-59vvyjyzbz] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(142, 164, 187, 0.95);
    font-size: 0.74rem;
    font-weight: 900;
}

.step-pill strong[b-59vvyjyzbz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.step-pill.active[b-59vvyjyzbz] {
    border-color: rgba(117, 87, 255, 0.58);
    background: rgba(117, 87, 255, 0.14);
    color: #ffffff;
}

.step-pill.active span:first-child[b-59vvyjyzbz] {
    background: #8f7aff;
    color: #080817;
}

.step-pill.done span:first-child[b-59vvyjyzbz] {
    background: rgba(34, 199, 111, 0.22);
    color: #77f0b1;
}

.progress-summary[b-59vvyjyzbz] {
    color: rgba(245, 251, 255, 0.78);
}

.progress-summary ul[b-59vvyjyzbz] {
    display: grid;
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.progress-summary li[b-59vvyjyzbz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress-summary li[b-59vvyjyzbz]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8f7aff;
    box-shadow: 0 0 12px rgba(117, 87, 255, 0.42);
}

.onboarding-form-card[b-59vvyjyzbz] {
    padding: 18px;
}

.flow-title[b-59vvyjyzbz] {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
}

.flow-copy[b-59vvyjyzbz] {
    margin-bottom: 18px;
}

.combo-option[b-59vvyjyzbz],
.team-option[b-59vvyjyzbz],
.selected-team-card[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 42px;
    width: 100%;
}

.selected-team-card[b-59vvyjyzbz] {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    margin-top: 10px;
}

.combo-option strong[b-59vvyjyzbz],
.combo-option small[b-59vvyjyzbz],
.team-option strong[b-59vvyjyzbz],
.team-option small[b-59vvyjyzbz],
.selected-team-card strong[b-59vvyjyzbz],
.selected-team-card small[b-59vvyjyzbz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-option small[b-59vvyjyzbz],
.team-option small[b-59vvyjyzbz],
.selected-team-card small[b-59vvyjyzbz] {
    color: rgba(142, 164, 187, 0.95);
    font-size: 0.72rem;
}

.flag-slot[b-59vvyjyzbz],
.crest[b-59vvyjyzbz] {
    display: inline-grid;
    width: 34px;
    min-width: 34px;
    height: 24px;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0, 200, 255, 0.16), rgba(117, 87, 255, 0.2)), rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
}

.crest[b-59vvyjyzbz] {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(117, 87, 255, 0.26);
    border-radius: 8px;
}

.country-preview[b-59vvyjyzbz] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.8);
}

.helper-text[b-59vvyjyzbz] {
    display: block;
    margin-top: 8px;
    color: rgba(142, 164, 187, 0.9);
}

.section-label[b-59vvyjyzbz] {
    margin-bottom: 8px;
    color: rgba(221, 238, 255, 0.74);
    font-size: 0.78rem;
    font-weight: 850;
}

.choice-row[b-59vvyjyzbz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.choice-chip[b-59vvyjyzbz] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.78);
    font-weight: 800;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.choice-chip:hover[b-59vvyjyzbz],
.choice-chip:focus-visible[b-59vvyjyzbz],
.choice-chip.selected[b-59vvyjyzbz] {
    border-color: rgba(117, 87, 255, 0.58);
    background: rgba(117, 87, 255, 0.16);
    color: #ffffff;
    outline: none;
}

.team-state-header[b-59vvyjyzbz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.loader-line[b-59vvyjyzbz] {
    position: relative;
    height: 8px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.loader-line[b-59vvyjyzbz]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 38%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, #8f7aff, transparent);
    animation: sweep-b-59vvyjyzbz 1.1s linear infinite;
}

@keyframes sweep-b-59vvyjyzbz {
    from { transform: translateX(-110%); }
    to { transform: translateX(300%); }
}

.review-grid[b-59vvyjyzbz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.flow-actions[b-59vvyjyzbz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

[b-59vvyjyzbz] .mud-input-control {
    margin-top: 0;
}

[b-59vvyjyzbz] .mud-input {
    background-color: rgba(4, 13, 25, 0.72);
}

@media (max-width: 900px) {
    .onboarding-intro-panel[b-59vvyjyzbz] {
        grid-template-columns: 1fr;
    }

    .onboarding-layout[b-59vvyjyzbz] {
        grid-template-columns: 1fr;
    }

    .progress-rail[b-59vvyjyzbz] {
        display: none;
    }

    .mobile-step-bar[b-59vvyjyzbz] {
        display: flex;
    }

    .mobile-step-bar .step-pill[b-59vvyjyzbz] {
        min-width: 160px;
    }
}

@media (max-width: 600px) {
    .onboarding-shell[b-59vvyjyzbz] {
        padding-inline: 12px;
    }

    .onboarding-top-line[b-59vvyjyzbz] {
        align-items: center;
    }

    .onboarding-meta-actions[b-59vvyjyzbz] {
        max-width: none;
    }

    .onboarding-readiness[b-59vvyjyzbz],
    .review-grid[b-59vvyjyzbz] {
        grid-template-columns: 1fr;
    }

    .onboarding-form-card[b-59vvyjyzbz],
    .onboarding-intro-panel[b-59vvyjyzbz] {
        padding: 14px;
    }

    .flow-actions[b-59vvyjyzbz] {
        align-items: stretch;
        flex-direction: column;
    }

    .flow-actions[b-59vvyjyzbz]  .mud-button-root {
        width: 100%;
    }
}
/* /Pages/Onboarding/PlayerOnboarding.razor.rz.scp.css */
.onboarding-shell[b-30auzaznoz] {
    padding: 36px 18px 42px;
}

.onboarding-top-line[b-30auzaznoz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin: 32px 0 16px;
}

.onboarding-meta-actions[b-30auzaznoz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.onboarding-panel[b-30auzaznoz],
.onboarding-form-card[b-30auzaznoz] {
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 31, 51, 0.92), rgba(8, 16, 30, 0.96)), rgba(8, 18, 31, 0.88);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}

.onboarding-intro-panel[b-30auzaznoz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 18px;
    align-items: center;
    padding: 18px;
}

.onboarding-eyebrow[b-30auzaznoz] {
    display: block;
    margin-bottom: 7px;
    color: #00c8ff;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.onboarding-title[b-30auzaznoz] {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
}

.onboarding-intro[b-30auzaznoz],
.flow-copy[b-30auzaznoz] {
    max-width: 760px;
    margin: 0;
    color: rgba(221, 238, 255, 0.72);
    line-height: 1.55;
}

.onboarding-readiness[b-30auzaznoz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.onboarding-readiness div[b-30auzaznoz],
.review-item[b-30auzaznoz],
.progress-summary[b-30auzaznoz] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(122, 210, 255, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.onboarding-readiness small[b-30auzaznoz],
.review-item small[b-30auzaznoz] {
    display: block;
    color: rgba(142, 164, 187, 0.9);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.onboarding-readiness strong[b-30auzaznoz],
.review-item strong[b-30auzaznoz] {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: #ffffff;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: normal;
}

.onboarding-loading[b-30auzaznoz] {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding: 18px;
}

.onboarding-layout[b-30auzaznoz] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 18px;
}

.progress-rail[b-30auzaznoz] {
    position: sticky;
    top: 78px;
    display: grid;
    gap: 10px;
}

.mobile-step-bar[b-30auzaznoz] {
    display: none;
    gap: 8px;
    margin-top: 14px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.step-pill[b-30auzaznoz] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 10px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.74);
    text-align: left;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.step-pill:hover[b-30auzaznoz],
.step-pill:focus-visible[b-30auzaznoz] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
    color: #ffffff;
    outline: none;
}

.step-pill span:first-child[b-30auzaznoz] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(142, 164, 187, 0.95);
    font-size: 0.74rem;
    font-weight: 900;
}

.step-pill strong[b-30auzaznoz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.step-pill.active[b-30auzaznoz] {
    border-color: rgba(0, 200, 255, 0.46);
    background: rgba(0, 200, 255, 0.1);
    color: #ffffff;
}

.step-pill.active span:first-child[b-30auzaznoz] {
    background: #00c8ff;
    color: #03111a;
}

.step-pill.done span:first-child[b-30auzaznoz] {
    background: rgba(34, 199, 111, 0.22);
    color: #77f0b1;
}

.progress-summary[b-30auzaznoz] {
    color: rgba(245, 251, 255, 0.78);
}

.progress-summary ul[b-30auzaznoz] {
    display: grid;
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.progress-summary li[b-30auzaznoz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress-summary li[b-30auzaznoz]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c8ff;
    box-shadow: 0 0 12px rgba(0, 200, 255, 0.4);
}

.onboarding-form-card[b-30auzaznoz] {
    padding: 18px;
}

.flow-title[b-30auzaznoz] {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
}

.flow-copy[b-30auzaznoz] {
    margin-bottom: 18px;
}

.combo-option[b-30auzaznoz] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 42px;
    width: 100%;
}

.combo-option strong[b-30auzaznoz],
.combo-option small[b-30auzaznoz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-option small[b-30auzaznoz] {
    color: rgba(142, 164, 187, 0.95);
    font-size: 0.72rem;
}

.flag-slot[b-30auzaznoz] {
    display: inline-grid;
    width: 34px;
    min-width: 34px;
    height: 24px;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0, 200, 255, 0.18), rgba(117, 87, 255, 0.14)), rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
}

.country-preview[b-30auzaznoz] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(122, 210, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.8);
}

.helper-text[b-30auzaznoz] {
    display: block;
    margin-top: 6px;
    color: rgba(142, 164, 187, 0.9);
}

.section-label[b-30auzaznoz] {
    margin-bottom: 8px;
    color: rgba(221, 238, 255, 0.74);
    font-size: 0.78rem;
    font-weight: 850;
}

.choice-row[b-30auzaznoz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.choice-chip[b-30auzaznoz] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(122, 210, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(245, 251, 255, 0.78);
    font-weight: 800;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.choice-chip:hover[b-30auzaznoz],
.choice-chip:focus-visible[b-30auzaznoz],
.choice-chip.selected[b-30auzaznoz] {
    border-color: rgba(0, 200, 255, 0.56);
    background: rgba(0, 200, 255, 0.14);
    color: #ffffff;
    outline: none;
}

.review-grid[b-30auzaznoz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.flow-actions[b-30auzaznoz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

[b-30auzaznoz] .mud-input-control {
    margin-top: 0;
}

[b-30auzaznoz] .mud-input {
    background-color: rgba(4, 13, 25, 0.72);
}

@media (max-width: 900px) {
    .onboarding-intro-panel[b-30auzaznoz] {
        grid-template-columns: 1fr;
    }

    .onboarding-layout[b-30auzaznoz] {
        grid-template-columns: 1fr;
    }

    .progress-rail[b-30auzaznoz] {
        display: none;
    }

    .mobile-step-bar[b-30auzaznoz] {
        display: flex;
    }

    .mobile-step-bar .step-pill[b-30auzaznoz] {
        min-width: 160px;
    }
}

@media (max-width: 600px) {
    .onboarding-shell[b-30auzaznoz] {
        padding-inline: 12px;
    }

    .onboarding-top-line[b-30auzaznoz] {
        align-items: center;
    }

    .onboarding-meta-actions[b-30auzaznoz] {
        max-width: none;
    }

    .onboarding-readiness[b-30auzaznoz],
    .review-grid[b-30auzaznoz] {
        grid-template-columns: 1fr;
    }

    .onboarding-form-card[b-30auzaznoz],
    .onboarding-intro-panel[b-30auzaznoz] {
        padding: 14px;
    }

    .flow-actions[b-30auzaznoz] {
        align-items: stretch;
        flex-direction: column;
    }

    .flow-actions[b-30auzaznoz]  .mud-button-root {
        width: 100%;
    }
}
/* /Pages/Onboarding/RoleSelect.razor.rz.scp.css */
.role-select-container[b-pyei7vryqw] {
    padding: 36px 18px 40px;
}

.onboarding-top-line[b-pyei7vryqw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin: 32px 0 18px;
}

.onboarding-panel[b-pyei7vryqw],
.role-card[b-pyei7vryqw] {
    border: 1px solid rgba(122, 210, 255, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 31, 51, 0.92), rgba(8, 16, 30, 0.96)), rgba(8, 18, 31, 0.88);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}

.role-loading[b-pyei7vryqw] {
    display: grid;
    min-height: 260px;
    place-items: center;
    gap: 12px;
    color: rgba(245, 251, 255, 0.76);
}

.role-hero-panel[b-pyei7vryqw] {
    display: block;
    padding: 20px;
}

.onboarding-eyebrow[b-pyei7vryqw] {
    display: block;
    margin-bottom: 8px;
    color: #00c8ff;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.role-title[b-pyei7vryqw] {
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
}

.role-intro[b-pyei7vryqw] {
    max-width: 720px;
    margin: 0;
    color: rgba(221, 238, 255, 0.72);
}

.role-alert[b-pyei7vryqw] {
    margin-top: 16px;
}

.role-grid[b-pyei7vryqw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.role-card[b-pyei7vryqw] {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 270px;
    padding: 20px;
    overflow: hidden;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.role-card[b-pyei7vryqw]::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: rgba(0, 200, 255, 0.5);
}

.role-card.manager[b-pyei7vryqw]::after {
    background: rgba(117, 87, 255, 0.62);
}

.role-card:hover[b-pyei7vryqw],
.role-card:focus-visible[b-pyei7vryqw] {
    border-color: rgba(0, 200, 255, 0.46);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36), 0 0 28px rgba(0, 200, 255, 0.14);
    transform: translateY(-2px);
    outline: none;
}

.role-card:disabled[b-pyei7vryqw] {
    cursor: progress;
    opacity: 0.72;
}

.role-icon[b-pyei7vryqw] {
    display: inline-grid;
    width: 52px;
    height: 52px;
    place-items: center;
    margin-bottom: 16px;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.1);
    color: #9eeaff;
    font-size: 1.12rem;
    font-weight: 900;
}

.manager .role-icon[b-pyei7vryqw] {
    border-color: rgba(117, 87, 255, 0.34);
    background: rgba(117, 87, 255, 0.12);
    color: #c9bfff;
}

.role-card-title[b-pyei7vryqw] {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.1;
}

.role-completed[b-pyei7vryqw] {
    justify-self: start;
    min-height: 24px;
    margin-top: 8px;
    padding: 3px 8px;
    border: 1px solid rgba(34, 199, 111, 0.35);
    border-radius: 999px;
    background: rgba(34, 199, 111, 0.12);
    color: #9af0bf;
    font-size: 0.72rem;
    font-weight: 800;
}

.role-card-copy[b-pyei7vryqw] {
    margin-top: 10px;
    color: rgba(221, 238, 255, 0.72);
    line-height: 1.48;
}

.role-points[b-pyei7vryqw] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    color: rgba(245, 251, 255, 0.78);
    font-size: 0.9rem;
}

.role-points span[b-pyei7vryqw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.role-points span[b-pyei7vryqw]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #00c8ff;
    box-shadow: 0 0 12px rgba(0, 200, 255, 0.42);
}

.manager-points span[b-pyei7vryqw]::before {
    background: #7557ff;
    box-shadow: 0 0 12px rgba(117, 87, 255, 0.42);
}

.role-action[b-pyei7vryqw] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 8px;
    min-height: 38px;
    margin-top: 18px;
    padding: 0 12px;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.1);
    color: #9eeaff;
    font-weight: 850;
}

.role-footer[b-pyei7vryqw] {
    margin-bottom: 0;
}

@media (max-width: 800px) {
    .role-select-container[b-pyei7vryqw] {
        padding-inline: 12px;
    }

    .role-grid[b-pyei7vryqw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .onboarding-top-line[b-pyei7vryqw] {
        justify-content: flex-end;
    }

    .role-title[b-pyei7vryqw] {
        font-size: 1.55rem;
    }
}
/* /Pages/Partners/MyPartners.razor.rz.scp.css */
.my-partners-page[b-vj576zg39k] {
    width: min(1180px, calc(100vw - 32px));
    margin: 0 auto;
    padding: 28px 0 56px;
}

.mp-hero[b-vj576zg39k] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.12), rgba(10, 15, 26, 0.28)),
        rgba(8, 13, 23, 0.86);
}

.mp-kicker[b-vj576zg39k] {
    margin: 0 0 8px;
    color: #00c8ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.mp-hero[b-vj576zg39k]  .mud-typography-h3 {
    margin-bottom: 8px;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 900;
}

.mp-hero[b-vj576zg39k]  .mud-typography-body1 {
    max-width: 620px;
    color: rgba(255, 255, 255, 0.68);
}

.mp-count-card[b-vj576zg39k] {
    display: grid;
    min-width: 118px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    text-align: center;
}

.mp-count-card strong[b-vj576zg39k] {
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.mp-count-card span[b-vj576zg39k] {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.mp-toolbar[b-vj576zg39k] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.mp-search[b-vj576zg39k] {
    width: min(360px, 100%);
}

.mp-grid[b-vj576zg39k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.mp-card[b-vj576zg39k] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 14px;
    min-height: 84px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: inherit;
    background: rgba(255, 255, 255, 0.035);
    text-decoration: none;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.mp-card:hover[b-vj576zg39k],
.mp-card:focus-visible[b-vj576zg39k] {
    border-color: rgba(0, 200, 255, 0.48);
    background: rgba(0, 200, 255, 0.08);
    outline: none;
    transform: translateY(-1px);
}

.mp-logo[b-vj576zg39k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.10);
    color: #00c8ff;
    overflow: hidden;
}

.mp-logo img[b-vj576zg39k] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}

.mp-logo[b-vj576zg39k]  .mud-icon-root {
    font-size: 26px;
}

.mp-card-body[b-vj576zg39k] {
    min-width: 0;
}

.mp-card-body strong[b-vj576zg39k],
.mp-card-body span[b-vj576zg39k] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mp-card-body strong[b-vj576zg39k] {
    color: #fff;
    font-size: 16px;
    font-weight: 850;
}

.mp-card-body span[b-vj576zg39k] {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.56);
    font-size: 13px;
}

.mp-card-arrow[b-vj576zg39k] {
    color: rgba(255, 255, 255, 0.46);
}

.mp-loading[b-vj576zg39k],
.mp-empty[b-vj576zg39k] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 240px;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    text-align: center;
}

.mp-empty--compact[b-vj576zg39k] {
    min-height: 160px;
    margin-top: 14px;
}

.mp-empty[b-vj576zg39k]  .mud-icon-root {
    color: #00c8ff;
    font-size: 38px;
}

.mp-empty[b-vj576zg39k]  .mud-typography-body2 {
    color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 700px) {
    .my-partners-page[b-vj576zg39k] {
        width: min(100% - 24px, 1180px);
        padding-top: 18px;
    }

    .mp-hero[b-vj576zg39k] {
        display: grid;
        padding: 22px;
    }

    .mp-count-card[b-vj576zg39k] {
        width: 100%;
    }

    .mp-toolbar[b-vj576zg39k] {
        justify-content: stretch;
    }

    .mp-search[b-vj576zg39k] {
        width: 100%;
    }

    .mp-grid[b-vj576zg39k] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Partners/PartnerAnalytics.razor.rz.scp.css */
.partner-admin-loading[b-ewhlxvh02t] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-analytics-page[b-ewhlxvh02t] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-panel[b-ewhlxvh02t] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-ewhlxvh02t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading.compact[b-ewhlxvh02t] {
    margin-bottom: 12px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-ewhlxvh02t] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-ewhlxvh02t] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-analytics-bars[b-ewhlxvh02t],
.partner-growth-list[b-ewhlxvh02t],
.partner-analytics-states[b-ewhlxvh02t],
.partner-content-health[b-ewhlxvh02t] {
    display: grid;
    gap: 12px;
}

.partner-analytics-bar[b-ewhlxvh02t] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-analytics-bar > div:first-child[b-ewhlxvh02t] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #f7fbff;
    font-weight: 760;
}

.partner-analytics-bar small[b-ewhlxvh02t] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-analytics-bar__track[b-ewhlxvh02t] {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.partner-analytics-bar__track span[b-ewhlxvh02t] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #00d4ff, #27e29c);
    box-shadow: 0 0 18px rgba(0, 212, 255, 0.28);
}

.partner-growth-row[b-ewhlxvh02t] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f7fbff;
    text-decoration: none;
}

.partner-growth-row > span[b-ewhlxvh02t] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-growth-row strong[b-ewhlxvh02t],
.partner-growth-row small[b-ewhlxvh02t] {
    display: block;
}

.partner-growth-row small[b-ewhlxvh02t] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-state-chip[b-ewhlxvh02t],
.partner-content-health div[b-ewhlxvh02t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-state-chip span[b-ewhlxvh02t],
.partner-content-health span[b-ewhlxvh02t] {
    color: rgba(223, 238, 255, 0.62);
}

.partner-state-chip strong[b-ewhlxvh02t],
.partner-content-health strong[b-ewhlxvh02t] {
    color: #f7fbff;
    font-size: 1.35rem;
}

@media (max-width: 599px) {
    .partner-admin-panel[b-ewhlxvh02t] {
        padding: 14px;
    }

    .partner-admin-panel__heading[b-ewhlxvh02t] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Partners/PartnerBanners.razor.rz.scp.css */
.partner-upload-title[b-y11w6vi1fk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.partner-upload-title .mud-icon-root[b-y11w6vi1fk] {
    color: #00c8ff;
}

.partner-upload-title .mud-typography-caption[b-y11w6vi1fk] {
    color: rgba(224, 236, 255, 0.62);
}

.partner-upload-dropzone[b-y11w6vi1fk] {
    position: relative;
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 210px;
    padding: 18px;
    border: 1px dashed rgba(0, 200, 255, 0.42);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 200, 255, 0.12), rgba(6, 12, 20, 0.72)),
        #0b1119;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.partner-upload-dropzone:hover[b-y11w6vi1fk] {
    border-color: rgba(0, 200, 255, 0.72);
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.12);
}

.partner-upload-dropzone input[type="file"][b-y11w6vi1fk],
.partner-upload-dropzone[b-y11w6vi1fk]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.partner-upload-dropzone > .mud-icon-root[b-y11w6vi1fk] {
    color: #00c8ff;
    font-size: 42px;
}

.partner-upload-dropzone img[b-y11w6vi1fk] {
    width: 100%;
    max-height: 138px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
}

.partner-upload-dropzone span[b-y11w6vi1fk] {
    display: grid;
    gap: 4px;
    max-width: 100%;
}

.partner-upload-dropzone strong[b-y11w6vi1fk] {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-upload-dropzone small[b-y11w6vi1fk] {
    color: rgba(224, 236, 255, 0.62);
    font-size: 0.72rem;
}
/* /Pages/Partners/PartnerBranding.razor.rz.scp.css */
.partner-branding-shell[b-2dhk6g9s8b] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.partner-branding-preview[b-2dhk6g9s8b] {
    position: relative;
    min-height: 260px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--partner-color, #00c8ff) 48%, transparent);
    border-radius: 8px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.28), 0 0 34px color-mix(in srgb, var(--partner-color, #00c8ff) 16%, transparent);
}

.partner-branding-preview[b-2dhk6g9s8b]::after {
    content: "";
    position: absolute;
    inset: auto 0 0 45%;
    height: 58%;
    background: linear-gradient(135deg, transparent 0%, color-mix(in srgb, var(--partner-color, #00c8ff) 22%, transparent) 100%);
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
    pointer-events: none;
}

.partner-branding-preview-overlay[b-2dhk6g9s8b] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.42), transparent 70%),
        radial-gradient(circle at 78% 50%, color-mix(in srgb, var(--partner-color, #00c8ff) 24%, transparent), transparent 34%);
}

.partner-branding-preview-content[b-2dhk6g9s8b] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-height: 260px;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.partner-branding-preview-content img[b-2dhk6g9s8b] {
    width: clamp(86px, 10vw, 148px);
    height: clamp(86px, 10vw, 148px);
    object-fit: contain;
    filter: drop-shadow(0 0 22px color-mix(in srgb, var(--partner-color, #00c8ff) 42%, transparent));
}

.partner-branding-preview-content span[b-2dhk6g9s8b] {
    color: var(--partner-color, #00c8ff);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.partner-branding-preview-content h1[b-2dhk6g9s8b] {
    margin: 0.25rem 0;
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
    font-weight: 900;
    line-height: 0.98;
}

.partner-branding-preview-content p[b-2dhk6g9s8b] {
    max-width: 560px;
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
}

.partner-branding-card[b-2dhk6g9s8b] {
    height: 100%;
    border: 1px solid rgba(0, 200, 255, 0.14) !important;
    border-radius: 8px !important;
    background: rgba(10, 18, 30, 0.82) !important;
}

.partner-branding-muted[b-2dhk6g9s8b] {
    color: rgba(255, 255, 255, 0.58);
}

.partner-color-row[b-2dhk6g9s8b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px auto;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0;
}

.partner-color-row input[type="color"][b-2dhk6g9s8b] {
    width: 52px;
    height: 44px;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.partner-upload-grid[b-2dhk6g9s8b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.partner-brand-upload[b-2dhk6g9s8b] {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 92px;
    padding: 1rem;
    border: 1px dashed rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.055);
    cursor: pointer;
}

.partner-brand-upload[b-2dhk6g9s8b]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.partner-brand-upload .mud-icon-root[b-2dhk6g9s8b] {
    color: #00c8ff;
    font-size: 2rem;
}

.partner-brand-upload strong[b-2dhk6g9s8b],
.partner-brand-upload small[b-2dhk6g9s8b] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-brand-upload strong[b-2dhk6g9s8b] {
    color: #fff;
}

.partner-brand-upload small[b-2dhk6g9s8b] {
    color: rgba(255, 255, 255, 0.54);
}

.partner-empty-state[b-2dhk6g9s8b] {
    display: grid;
    place-items: center;
    min-height: 180px;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.58);
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}

.partner-empty-state .mud-icon-root[b-2dhk6g9s8b] {
    color: #00c8ff;
    font-size: 2rem;
}

.partner-banner-list[b-2dhk6g9s8b] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.partner-banner-option[b-2dhk6g9s8b] {
    position: relative;
    display: block;
    width: 100%;
    height: 92px;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: #07101a;
    cursor: pointer;
}

.partner-banner-option img[b-2dhk6g9s8b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.66;
}

.partner-banner-option span[b-2dhk6g9s8b] {
    position: absolute;
    right: 0.65rem;
    bottom: 0.55rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
}

.partner-banner-option--active[b-2dhk6g9s8b] {
    border-color: var(--partner-color, #00c8ff);
    box-shadow: 0 0 18px color-mix(in srgb, var(--partner-color, #00c8ff) 22%, transparent);
}

.partner-banner-option--active img[b-2dhk6g9s8b] {
    opacity: 1;
}

.partner-render-assets[b-2dhk6g9s8b] {
    min-width: 0;
}

@media (max-width: 760px) {
    .partner-branding-preview-content[b-2dhk6g9s8b] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end;
    }

    .partner-color-row[b-2dhk6g9s8b],
    .partner-upload-grid[b-2dhk6g9s8b] {
        grid-template-columns: 1fr;
    }

    .partner-color-row input[type="color"][b-2dhk6g9s8b] {
        width: 100%;
    }
}
/* /Pages/Partners/PartnerDashboardAdmin.razor.rz.scp.css */
.partner-dashboard-shell[b-ylh45v9j4z] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.pd-loading[b-ylh45v9j4z] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.pd-activation-banner[b-ylh45v9j4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pd-activation-banner > div[b-ylh45v9j4z] {
    display: grid;
    gap: .2rem;
}

.pd-hero[b-ylh45v9j4z] {
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px solid rgba(82, 201, 255, 0.16);
    border-radius: 8px;
    background:
        radial-gradient(circle at 10% 0%, rgba(0, 212, 255, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(7, 18, 36, 0.98), rgba(9, 21, 39, 0.8));
    background-size: cover;
    background-position: center;
    box-shadow: 0 26px 62px rgba(0, 0, 0, 0.34);
}

.pd-hero-content[b-ylh45v9j4z] {
    max-width: 780px;
}

.pd-hero-content :deep(.mud-typography-h3)[b-ylh45v9j4z] {
    margin: 10px 0 8px;
    font-weight: 800;
    letter-spacing: 0;
}

.pd-hero-content :deep(.mud-typography-body1)[b-ylh45v9j4z] {
    color: rgba(235, 246, 255, 0.76);
}

.pd-kicker[b-ylh45v9j4z] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(7, 18, 34, 0.7);
    color: #40d1ff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.76rem;
}

.pd-kicker img[b-ylh45v9j4z] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.pd-brand-strip[b-ylh45v9j4z] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(5, 14, 28, 0.72);
}

.pd-brand-strip > span[b-ylh45v9j4z] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    box-shadow: 0 0 24px rgba(0, 212, 255, 0.28);
}

.pd-brand-strip strong[b-ylh45v9j4z],
.pd-brand-strip small[b-ylh45v9j4z] {
    display: block;
}

.pd-brand-strip small[b-ylh45v9j4z] {
    color: rgba(235, 246, 255, 0.58);
}

.pd-stat-card[b-ylh45v9j4z],
.pd-panel[b-ylh45v9j4z] {
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.pd-stat-card[b-ylh45v9j4z] {
    min-height: 118px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px;
}

.pd-stat-card strong[b-ylh45v9j4z],
.pd-stat-card span[b-ylh45v9j4z],
.pd-stat-card small[b-ylh45v9j4z] {
    display: block;
}

.pd-stat-card strong[b-ylh45v9j4z] {
    color: #f7fbff;
    font-size: 2rem;
    line-height: 1;
}

.pd-stat-card span[b-ylh45v9j4z] {
    margin-top: 5px;
    color: #f7fbff;
    font-weight: 700;
}

.pd-stat-card small[b-ylh45v9j4z] {
    margin-top: 2px;
    color: rgba(223, 238, 255, 0.56);
}

.pd-stat-icon[b-ylh45v9j4z] {
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.pd-stat-icon.tournament[b-ylh45v9j4z] { background: rgba(32, 172, 255, 0.16); color: #33cfff; }
.pd-stat-icon.leaderboard[b-ylh45v9j4z] { background: rgba(38, 221, 151, 0.14); color: #27e29c; }
.pd-stat-icon.teams[b-ylh45v9j4z] { background: rgba(166, 120, 255, 0.16); color: #b58aff; }
.pd-stat-icon.news[b-ylh45v9j4z] { background: rgba(255, 184, 66, 0.16); color: #ffb842; }

.pd-panel[b-ylh45v9j4z] {
    padding: 18px;
}

.pd-panel-heading[b-ylh45v9j4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.pd-panel-heading.compact[b-ylh45v9j4z] {
    margin-bottom: 12px;
}

.pd-panel-heading :deep(.mud-typography-h6)[b-ylh45v9j4z] {
    font-weight: 800;
}

.pd-panel-heading :deep(.mud-typography-caption)[b-ylh45v9j4z] {
    color: rgba(223, 238, 255, 0.56);
}

.pd-empty[b-ylh45v9j4z] {
    padding: 28px;
    border: 1px dashed rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    color: rgba(235, 246, 255, 0.6);
    text-align: center;
}

.pd-tournament-list[b-ylh45v9j4z],
.pd-actions-panel[b-ylh45v9j4z],
.pd-news-grid[b-ylh45v9j4z],
.pd-operations-list[b-ylh45v9j4z],
.pd-upcoming-list[b-ylh45v9j4z] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pd-tournament-row[b-ylh45v9j4z],
.pd-action-row[b-ylh45v9j4z],
.pd-news-card[b-ylh45v9j4z],
.pd-operation-row[b-ylh45v9j4z],
.pd-upcoming-row[b-ylh45v9j4z] {
    display: grid;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f5f9ff;
    text-decoration: none;
}

.pd-tournament-row[b-ylh45v9j4z] {
    grid-template-columns: 86px 1fr auto;
}

.pd-tournament-row:hover[b-ylh45v9j4z],
.pd-action-row:hover[b-ylh45v9j4z],
.pd-operation-row:hover[b-ylh45v9j4z],
.pd-upcoming-row:hover[b-ylh45v9j4z] {
    border-color: rgba(52, 206, 255, 0.36);
    background: rgba(52, 206, 255, 0.07);
}

.pd-tournament-art[b-ylh45v9j4z] {
    width: 86px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
}

.pd-tournament-art img[b-ylh45v9j4z] {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.pd-tournament-row strong[b-ylh45v9j4z],
.pd-tournament-row span[b-ylh45v9j4z],
.pd-action-row strong[b-ylh45v9j4z],
.pd-action-row small[b-ylh45v9j4z],
.pd-news-card strong[b-ylh45v9j4z],
.pd-news-card span[b-ylh45v9j4z] {
    display: block;
}

.pd-tournament-row span[b-ylh45v9j4z],
.pd-action-row small[b-ylh45v9j4z],
.pd-news-card span[b-ylh45v9j4z] {
    color: rgba(223, 238, 255, 0.58);
}

.pd-action-row[b-ylh45v9j4z] {
    grid-template-columns: 46px 1fr auto;
}

.pd-operation-row[b-ylh45v9j4z] {
    grid-template-columns: 46px minmax(0, 1fr) auto;
}

.pd-upcoming-row[b-ylh45v9j4z] {
    grid-template-columns: 70px minmax(0, 1fr);
}

.pd-action-row > span[b-ylh45v9j4z],
.pd-operation-row > span[b-ylh45v9j4z] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(40, 200, 255, 0.12);
    color: #32cfff;
}

.pd-operation-row strong[b-ylh45v9j4z],
.pd-operation-row small[b-ylh45v9j4z],
.pd-upcoming-row strong[b-ylh45v9j4z],
.pd-upcoming-row span[b-ylh45v9j4z],
.pd-upcoming-row small[b-ylh45v9j4z] {
    display: block;
}

.pd-operation-row small[b-ylh45v9j4z],
.pd-upcoming-row small[b-ylh45v9j4z] {
    color: rgba(223, 238, 255, 0.58);
}

.pd-upcoming-row > strong[b-ylh45v9j4z] {
    color: #35d1ff;
    font-size: 1rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pd-upcoming-row span[b-ylh45v9j4z] {
    overflow: hidden;
    color: #f7fbff;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-news-card[b-ylh45v9j4z] {
    grid-template-columns: 96px 1fr auto;
}

.pd-news-card img[b-ylh45v9j4z] {
    width: 96px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
}

.pd-brand-preview[b-ylh45v9j4z] {
    min-height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(3, 12, 24, 0.86), rgba(7, 24, 44, 0.58)),
        rgba(7, 18, 34, 0.9);
    background-size: cover;
    background-position: center;
}

.pd-brand-preview img[b-ylh45v9j4z] {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.pd-brand-preview strong[b-ylh45v9j4z] {
    color: #35d1ff;
    font-size: 1.5rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pd-brand-meta[b-ylh45v9j4z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.pd-brand-meta div[b-ylh45v9j4z] {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.pd-brand-meta small[b-ylh45v9j4z],
.pd-brand-meta strong[b-ylh45v9j4z] {
    display: block;
}

.pd-brand-meta small[b-ylh45v9j4z] {
    color: rgba(223, 238, 255, 0.55);
}

@media (max-width: 900px) {
    .pd-hero[b-ylh45v9j4z] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pd-brand-strip[b-ylh45v9j4z] {
        width: 100%;
    }

    .pd-news-card[b-ylh45v9j4z],
    .pd-tournament-row[b-ylh45v9j4z],
    .pd-operation-row[b-ylh45v9j4z],
    .pd-upcoming-row[b-ylh45v9j4z] {
        grid-template-columns: 1fr;
    }

    .pd-news-card img[b-ylh45v9j4z],
    .pd-tournament-art[b-ylh45v9j4z] {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 640px) {
    .pd-hero[b-ylh45v9j4z],
    .pd-panel[b-ylh45v9j4z],
    .pd-stat-card[b-ylh45v9j4z] {
        padding: 16px;
    }

    .pd-hero-content :deep(.mud-typography-h3)[b-ylh45v9j4z] {
        font-size: 2rem;
    }

    .pd-panel-heading[b-ylh45v9j4z],
    .pd-brand-meta[b-ylh45v9j4z] {
        grid-template-columns: 1fr;
    }
}

.partner-command-shell[b-ylh45v9j4z] {
    gap: 18px;
}

.pd-admin-hero[b-ylh45v9j4z] {
    min-height: auto;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--cad-border);
}

.pd-admin-hero__content[b-ylh45v9j4z] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.pd-admin-hero__icon[b-ylh45v9j4z] {
    width: 56px;
    height: 56px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(24, 202, 255, 0.28);
    border-radius: 14px;
    background:
        radial-gradient(circle at 30% 20%, rgba(24, 202, 255, 0.22), transparent 58%),
        rgba(13, 29, 47, 0.92);
    color: var(--cad-primary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 34px rgba(0, 0, 0, 0.22);
}

.pd-admin-hero__icon :deep(.mud-icon-root)[b-ylh45v9j4z] {
    font-size: 30px;
}

.pd-admin-title-block[b-ylh45v9j4z] {
    min-width: 0;
}

.pd-admin-eyebrow[b-ylh45v9j4z] {
    display: block;
    margin-bottom: 4px;
    color: var(--cad-primary);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pd-admin-hero__actions[b-ylh45v9j4z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.pd-admin-stat-grid[b-ylh45v9j4z] {
    margin-top: 2px;
}

.pd-admin-workbench[b-ylh45v9j4z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 16px;
    align-items: start;
}

.pd-admin-main[b-ylh45v9j4z],
.pd-admin-side[b-ylh45v9j4z] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.pd-admin-section[b-ylh45v9j4z] {
    min-width: 0;
}

.pd-admin-section :deep(.ta-section-header)[b-ylh45v9j4z] {
    min-height: 50px;
    padding: 12px 14px;
}

.pd-admin-section :deep(.ta-section-body)[b-ylh45v9j4z] {
    padding: 14px;
}

.pd-admin-table-wrap[b-ylh45v9j4z] {
    overflow-x: auto;
    border: 1px solid var(--cad-border);
    border-radius: 12px;
    background: rgba(5, 11, 18, 0.34);
}

.pd-admin-table[b-ylh45v9j4z] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.pd-admin-table th[b-ylh45v9j4z],
.pd-admin-table td[b-ylh45v9j4z] {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(54, 87, 118, 0.64);
    color: var(--cad-text-secondary);
    text-align: left;
    vertical-align: middle;
}

.pd-admin-table th[b-ylh45v9j4z] {
    color: #a4b8cd;
    background: rgba(13, 29, 47, 0.88);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pd-admin-table tr:last-child td[b-ylh45v9j4z] {
    border-bottom: 0;
}

.pd-admin-table tbody tr:hover[b-ylh45v9j4z] {
    background: rgba(24, 50, 77, 0.52);
}

.pd-admin-tournament-cell[b-ylh45v9j4z] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.pd-admin-tournament-art[b-ylh45v9j4z] {
    width: 54px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
}

.pd-admin-tournament-art img[b-ylh45v9j4z] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.pd-admin-tournament-cell strong[b-ylh45v9j4z],
.pd-admin-tournament-cell small[b-ylh45v9j4z] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-admin-tournament-cell strong[b-ylh45v9j4z] {
    color: var(--cad-text-primary);
    font-weight: 800;
}

.pd-admin-tournament-cell small[b-ylh45v9j4z] {
    margin-top: 2px;
    color: var(--cad-text-muted);
    font-size: 0.78rem;
}

.pd-admin-row-actions[b-ylh45v9j4z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    min-width: 190px;
}

.pd-command-empty[b-ylh45v9j4z] {
    min-height: 120px;
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 22px;
    border: 1px dashed rgba(61, 104, 138, 0.72);
    border-radius: 12px;
    color: var(--cad-text-secondary);
    text-align: center;
}

.pd-command-empty :deep(.mud-icon-root)[b-ylh45v9j4z] {
    color: var(--cad-text-muted);
    font-size: 34px;
}

.pd-command-list[b-ylh45v9j4z],
.pd-schedule-list[b-ylh45v9j4z] {
    display: grid;
    gap: 10px;
}

.pd-command-row[b-ylh45v9j4z],
.pd-schedule-row[b-ylh45v9j4z] {
    display: grid;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(61, 104, 138, 0.72);
    border-radius: 12px;
    background: rgba(12, 26, 43, 0.72);
    color: var(--cad-text-primary);
    text-decoration: none;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.pd-command-row[b-ylh45v9j4z] {
    grid-template-columns: 42px minmax(0, 1fr) auto;
}

.pd-command-row.compact[b-ylh45v9j4z] {
    grid-template-columns: 42px minmax(0, 1fr) 24px;
}

.pd-command-row:hover[b-ylh45v9j4z],
.pd-schedule-row:hover[b-ylh45v9j4z] {
    border-color: rgba(24, 202, 255, 0.54);
    background: rgba(24, 50, 77, 0.76);
    transform: translateY(-1px);
}

.pd-command-row > span[b-ylh45v9j4z] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(24, 202, 255, 0.11);
    color: var(--cad-primary);
}

.pd-command-row strong[b-ylh45v9j4z],
.pd-command-row small[b-ylh45v9j4z],
.pd-schedule-row strong[b-ylh45v9j4z],
.pd-schedule-row small[b-ylh45v9j4z] {
    display: block;
    min-width: 0;
}

.pd-command-row strong[b-ylh45v9j4z],
.pd-schedule-row strong[b-ylh45v9j4z] {
    overflow: hidden;
    color: var(--cad-text-primary);
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-command-row small[b-ylh45v9j4z],
.pd-schedule-row small[b-ylh45v9j4z] {
    margin-top: 2px;
    color: var(--cad-text-secondary);
    font-size: 0.78rem;
    line-height: 1.35;
}

.pd-schedule-row[b-ylh45v9j4z] {
    grid-template-columns: 58px minmax(0, 1fr) 24px;
}

.pd-schedule-row time[b-ylh45v9j4z] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(24, 202, 255, 0.22);
    border-radius: 12px;
    background: rgba(24, 202, 255, 0.1);
}

.pd-schedule-row time strong[b-ylh45v9j4z] {
    font-size: 1.25rem;
    line-height: 1;
}

.pd-schedule-row time span[b-ylh45v9j4z] {
    color: var(--cad-primary);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.pd-brand-health[b-ylh45v9j4z] {
    display: grid;
    gap: 12px;
}

.pd-news-grid[b-ylh45v9j4z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.pd-news-card[b-ylh45v9j4z] {
    min-height: 116px;
    grid-template-columns: 96px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 12px;
    background: rgba(12, 26, 43, 0.72);
}

.pd-news-card img[b-ylh45v9j4z],
.pd-news-placeholder[b-ylh45v9j4z] {
    grid-row: span 2;
    width: 96px;
    height: 72px;
    border-radius: 10px;
}

.pd-news-placeholder[b-ylh45v9j4z] {
    display: grid;
    place-items: center;
    background: rgba(24, 202, 255, 0.1);
    color: var(--cad-primary);
}

.pd-news-card .cad-status[b-ylh45v9j4z] {
    justify-self: start;
}

@media (max-width: 1180px) {
    .pd-admin-workbench[b-ylh45v9j4z] {
        grid-template-columns: 1fr;
    }

    .pd-admin-side[b-ylh45v9j4z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-admin-side .pd-admin-section:last-child[b-ylh45v9j4z] {
        grid-column: 1 / -1;
    }

    .pd-news-grid[b-ylh45v9j4z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .pd-admin-hero__content[b-ylh45v9j4z],
    .pd-admin-hero__actions[b-ylh45v9j4z] {
        width: 100%;
    }

    .pd-admin-hero__actions[b-ylh45v9j4z] {
        justify-content: stretch;
    }

    .pd-admin-hero__actions :deep(.mud-button-root)[b-ylh45v9j4z] {
        flex: 1 1 160px;
    }

    .pd-admin-side[b-ylh45v9j4z],
    .pd-news-grid[b-ylh45v9j4z] {
        grid-template-columns: 1fr;
    }

    .pd-command-row[b-ylh45v9j4z],
    .pd-command-row.compact[b-ylh45v9j4z],
    .pd-schedule-row[b-ylh45v9j4z],
    .pd-news-card[b-ylh45v9j4z] {
        grid-template-columns: 1fr;
    }

    .pd-command-row > span[b-ylh45v9j4z],
    .pd-schedule-row time[b-ylh45v9j4z],
    .pd-news-card img[b-ylh45v9j4z],
    .pd-news-placeholder[b-ylh45v9j4z] {
        width: 100%;
    }

    .pd-command-row > span[b-ylh45v9j4z] {
        height: 46px;
    }

    .pd-schedule-row time[b-ylh45v9j4z] {
        height: 52px;
    }

    .pd-news-card img[b-ylh45v9j4z],
    .pd-news-placeholder[b-ylh45v9j4z] {
        height: auto;
        aspect-ratio: 16 / 9;
    }
}
/* /Pages/Partners/PartnerLeagueDetail.razor.rz.scp.css */
.partner-admin-loading[b-xhdvoxaizu] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-league-detail-page[b-xhdvoxaizu] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-panel[b-xhdvoxaizu] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-xhdvoxaizu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading.compact[b-xhdvoxaizu] {
    margin-bottom: 12px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-xhdvoxaizu] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-xhdvoxaizu] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-league-workspace[b-xhdvoxaizu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.partner-league-workspace__item[b-xhdvoxaizu] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f7fbff;
    text-decoration: none;
}

.partner-league-workspace__item > span[b-xhdvoxaizu] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-league-workspace__item strong[b-xhdvoxaizu] {
    display: block;
    color: #f7fbff;
    font-weight: 800;
}

.partner-league-workspace__item p[b-xhdvoxaizu] {
    margin: 2px 0 0;
    color: rgba(223, 238, 255, 0.62);
}

@media (max-width: 1100px) {
    .partner-league-workspace[b-xhdvoxaizu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .partner-league-workspace[b-xhdvoxaizu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-xhdvoxaizu] {
        padding: 14px;
    }

    .partner-admin-panel__heading[b-xhdvoxaizu] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Partners/PartnerLeagues.razor.rz.scp.css */
.partner-leagues-page[b-kaathk2prv] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-loading[b-kaathk2prv] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-admin-panel[b-kaathk2prv] {
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-kaathk2prv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-kaathk2prv] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-kaathk2prv] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-league-list[b-kaathk2prv] {
    display: grid;
    gap: 10px;
}

.partner-league-card[b-kaathk2prv] {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(280px, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-league-card__identity[b-kaathk2prv] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.partner-league-card__identity img[b-kaathk2prv],
.partner-league-card__identity > span[b-kaathk2prv] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 212, 255, 0.24);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.09);
    color: #35d1ff;
    font-size: 0.76rem;
    font-weight: 850;
    object-fit: contain;
    padding: 5px;
}

.partner-league-card__identity strong[b-kaathk2prv],
.partner-league-card__identity small[b-kaathk2prv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-league-card__identity strong[b-kaathk2prv] {
    color: #f7fbff;
    font-weight: 800;
}

.partner-league-card__identity small[b-kaathk2prv] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-league-card__meta[b-kaathk2prv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(72px, 1fr));
    gap: 8px;
}

.partner-league-card__meta span[b-kaathk2prv] {
    display: grid;
    min-width: 0;
    gap: 2px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(223, 238, 255, 0.58);
    font-size: 0.72rem;
}

.partner-league-card__meta strong[b-kaathk2prv] {
    overflow: hidden;
    color: #f7fbff;
    font-size: 0.94rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-league-card__actions[b-kaathk2prv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 980px) {
    .partner-league-card[b-kaathk2prv] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .partner-league-card__actions[b-kaathk2prv] {
        justify-content: flex-start;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-kaathk2prv] {
        padding: 14px;
    }

    .partner-league-card__meta[b-kaathk2prv] {
        grid-template-columns: 1fr;
    }

    .partner-league-card__actions :deep(.mud-button-root)[b-kaathk2prv] {
        width: 100%;
    }
}
/* /Pages/Partners/PartnerNewsArticle.razor.rz.scp.css */
    .article-page-wrapper[b-z7bhin4q2a] {
        background: linear-gradient(180deg, #0e1520 0%, #111a28 100%);
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 16px;
        padding: 28px 32px 32px;
        box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .article-hero[b-z7bhin4q2a] {
        position: relative;
        width: 100%;
        min-height: 360px;
        background-size: cover;
        background-position: center;
        background-color: #1a2130;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(0, 200, 255, 0.1);
    }

    .article-hero-overlay[b-z7bhin4q2a] {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.4) 60%, transparent 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 32px;
    }

    .article-hero-title[b-z7bhin4q2a] {
        font-size: 2rem;
        font-weight: 800;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
        line-height: 1.2;
        margin: 0;
        word-break: break-word;
    }

    .article-hero-meta[b-z7bhin4q2a] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.6);
    }

    .article-meta-dot[b-z7bhin4q2a] { color: rgba(255, 255, 255, 0.3); }

    @media (max-width: 600px) {
        .article-page-wrapper[b-z7bhin4q2a] { padding: 12px 10px 16px; border-radius: 12px; }
        .article-hero[b-z7bhin4q2a] { min-height: 240px; border-radius: 12px; }
        .article-hero-overlay[b-z7bhin4q2a] { padding: 16px; }
        .article-hero-title[b-z7bhin4q2a] { font-size: 1.3rem; }
        .article-body[b-z7bhin4q2a] { font-size: 0.95rem; line-height: 1.7; }
    }

    @media (max-width: 959px) {
        .article-col-main[b-z7bhin4q2a] { order: 1; }
        .article-col-right[b-z7bhin4q2a] { order: 2; }
    }

    .article-content-card[b-z7bhin4q2a],
    .article-sidebar-card[b-z7bhin4q2a] {
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 12px !important;
    }

    .article-body[b-z7bhin4q2a] {
        line-height: 1.8;
        font-size: 1.05rem;
        color: rgba(255, 255, 255, 0.88);
    }

    .article-body.ql-editor[b-z7bhin4q2a] {
        min-height: unset;
        height: auto;
        overflow-y: visible;
        padding: 0;
        outline: none;
    }

    .article-body img[b-z7bhin4q2a] {
        max-width: 100%;
        border-radius: 8px;
        margin: 16px 0;
    }

    .article-body h1[b-z7bhin4q2a], .article-body h2[b-z7bhin4q2a], .article-body h3[b-z7bhin4q2a] {
        color: #fff;
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .article-body blockquote[b-z7bhin4q2a] {
        border-left: 3px solid #00c8ff;
        padding-left: 16px;
        margin: 16px 0;
        color: rgba(255, 255, 255, 0.7);
    }

    .article-body pre[b-z7bhin4q2a] {
        background: #0d1320;
        padding: 16px;
        border-radius: 8px;
        overflow-x: auto;
    }

    .article-body a[b-z7bhin4q2a] { color: #00c8ff; }

    .sidebar-item[b-z7bhin4q2a] {
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        cursor: pointer;
    }

    .sidebar-item:last-child[b-z7bhin4q2a] { border-bottom: none; }

    .sidebar-item:hover[b-z7bhin4q2a] {
        background: rgba(0, 200, 255, 0.04);
        border-radius: 6px;
        padding-left: 6px;
    }
/* /Pages/Partners/PartnerNewsEditor.razor.rz.scp.css */
.news-editor-page[b-svrkj91k2m] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.ne-loading[b-svrkj91k2m] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.ne-hero[b-svrkj91k2m] {
    min-height: 260px;
    border: 1px solid rgba(80, 210, 255, 0.16);
    border-radius: 8px;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 12%, rgba(0, 212, 255, 0.2), transparent 32%),
        linear-gradient(135deg, rgba(5, 16, 33, 0.98), rgba(8, 18, 35, 0.72));
    background-size: cover;
    background-position: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.ne-hero-glass[b-svrkj91k2m] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background: linear-gradient(180deg, rgba(4, 10, 22, 0.34), rgba(4, 10, 22, 0.82));
}

.ne-hero-actions[b-svrkj91k2m] {
    gap: 12px;
}

.ne-brand-chip[b-svrkj91k2m] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(7, 18, 34, 0.72);
    color: #eaf7ff;
    font-weight: 700;
}

.ne-brand-chip img[b-svrkj91k2m] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.ne-title-block[b-svrkj91k2m] {
    max-width: 760px;
}

.ne-title-block :deep(.mud-typography-h3)[b-svrkj91k2m] {
    margin: 4px 0 8px;
    font-weight: 800;
    letter-spacing: 0;
}

.ne-title-block :deep(.mud-typography-overline)[b-svrkj91k2m] {
    color: #36c9ff;
    font-weight: 800;
}

.ne-grid[b-svrkj91k2m] {
    align-items: flex-start;
}

.ne-panel[b-svrkj91k2m],
.ne-sidebar-card[b-svrkj91k2m] {
    border: 1px solid rgba(120, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.92), rgba(9, 18, 32, 0.96)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.ne-panel[b-svrkj91k2m] {
    padding: 22px;
}

.ne-writing-panel[b-svrkj91k2m] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ne-sidebar[b-svrkj91k2m] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 90px;
}

.ne-sidebar-card[b-svrkj91k2m] {
    padding: 18px;
}

.ne-section-heading[b-svrkj91k2m] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: #f4f8ff;
    font-weight: 800;
}

.ne-section-heading small[b-svrkj91k2m],
.ne-muted[b-svrkj91k2m] {
    color: rgba(224, 239, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 500;
}

.ne-editor-shell[b-svrkj91k2m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

:deep(.pcw-rte)[b-svrkj91k2m] {
    min-height: 520px;
    border: 1px solid rgba(80, 210, 255, 0.14);
    border-radius: 8px;
    background: rgba(5, 13, 24, 0.76);
    overflow: hidden;
}

.ne-preview-panel[b-svrkj91k2m] {
    margin-top: 18px;
}

.partner-news-preview[b-svrkj91k2m] {
    display: grid;
    grid-template-columns: minmax(160px, 260px) 1fr;
    gap: 18px;
    align-items: center;
}

.partner-news-preview img[b-svrkj91k2m] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ne-upload-dropzone[b-svrkj91k2m] {
    position: relative;
    display: flex;
    min-height: 144px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 18px;
    border: 1px dashed rgba(80, 210, 255, 0.32);
    border-radius: 8px;
    background: rgba(7, 20, 36, 0.72);
    color: #eaf7ff;
    cursor: pointer;
    text-align: center;
}

.ne-upload-dropzone input[b-svrkj91k2m] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.ne-upload-dropzone .mud-icon-root[b-svrkj91k2m] {
    color: #27c8ff;
    font-size: 34px;
}

.ne-upload-dropzone small[b-svrkj91k2m] {
    color: rgba(224, 239, 255, 0.56);
}

.ne-cover-preview[b-svrkj91k2m] {
    width: 100%;
    margin-top: 12px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ne-asset-grid[b-svrkj91k2m] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.ne-asset-tile[b-svrkj91k2m] {
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.ne-asset-tile img[b-svrkj91k2m] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
}

.ne-target-list[b-svrkj91k2m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    max-height: 280px;
    overflow: auto;
}

.ne-target-row[b-svrkj91k2m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f4f8ff;
    text-align: left;
    cursor: pointer;
}

.ne-target-row strong[b-svrkj91k2m],
.ne-target-row small[b-svrkj91k2m] {
    display: block;
}

.ne-target-row small[b-svrkj91k2m] {
    margin-top: 2px;
    color: rgba(224, 239, 255, 0.52);
}

.ne-target-row.selected[b-svrkj91k2m] {
    border-color: rgba(45, 204, 255, 0.55);
    background: rgba(45, 204, 255, 0.12);
}

.ne-target-row .mud-icon-root[b-svrkj91k2m] {
    color: #31c7ff;
}

.ne-block-grid[b-svrkj91k2m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 960px) {
    .ne-sidebar[b-svrkj91k2m] {
        position: static;
    }

    .partner-news-preview[b-svrkj91k2m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ne-hero-glass[b-svrkj91k2m],
    .ne-panel[b-svrkj91k2m],
    .ne-sidebar-card[b-svrkj91k2m] {
        padding: 16px;
    }

    .ne-hero-actions[b-svrkj91k2m],
    .ne-action-row[b-svrkj91k2m] {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .ne-brand-chip[b-svrkj91k2m] {
        max-width: 100%;
    }

    .ne-title-block :deep(.mud-typography-h3)[b-svrkj91k2m] {
        font-size: 2rem;
    }
}
/* /Pages/Partners/PartnerNewsList.razor.rz.scp.css */
    .news-page-wrapper[b-mtesoolgv3] {
        background: linear-gradient(180deg, #0e1520 0%, #111a28 100%);
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 16px;
        padding: 28px 32px 32px;
        box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    @media (max-width: 600px) {
        .news-page-wrapper[b-mtesoolgv3] { padding: 16px 14px 20px; border-radius: 12px; }
        .news-hero[b-mtesoolgv3] { min-height: 280px; }
        .news-hero-overlay[b-mtesoolgv3] { padding: 20px 16px; }
        .news-hero-overlay .mud-typography-h3[b-mtesoolgv3] { font-size: 1.5rem !important; }
    }

    .news-hero[b-mtesoolgv3] {
        position: relative;
        width: 100%;
        min-height: 340px;
        background-size: cover;
        background-position: center;
        background-color: #1a2130;
        border-radius: 16px;
        overflow: hidden;
        cursor: pointer;
        margin-bottom: 16px;
        border: 1px solid rgba(0, 200, 255, 0.1);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .news-hero:hover[b-mtesoolgv3] {
        transform: translateY(-2px);
        box-shadow: 0 8px 40px rgba(0, 200, 255, 0.15);
    }

    .news-hero-overlay[b-mtesoolgv3] {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.4) 60%, transparent 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 32px;
    }

    .news-hero-actions[b-mtesoolgv3] {
        position: absolute;
        top: 12px;
        right: 12px;
        display: flex;
        gap: 4px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 8px;
        padding: 2px 4px;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .news-hero:hover .news-hero-actions[b-mtesoolgv3] { opacity: 1; }

    .filter-bar-card[b-mtesoolgv3] {
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(0, 200, 255, 0.10);
        border-radius: 12px;
        padding: 14px 20px;
        margin-bottom: 24px;
    }

    .filter-bar-row[b-mtesoolgv3] {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .filter-search[b-mtesoolgv3] {
        flex: 1 1 220px;
        max-width: 320px;
    }

    .news-card[b-mtesoolgv3] {
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(0, 200, 255, 0.08);
        border-radius: 12px !important;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .news-card:hover[b-mtesoolgv3] {
        transform: translateY(-4px);
        box-shadow: 0 8px 32px rgba(0, 200, 255, 0.12);
        border-color: rgba(0, 200, 255, 0.25);
    }

    .news-card-actions[b-mtesoolgv3] {
        position: absolute;
        top: 8px;
        right: 8px;
        display: flex;
        gap: 2px;
        background: rgba(0, 0, 0, 0.65);
        border-radius: 8px;
        padding: 2px 4px;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .news-card:hover .news-card-actions[b-mtesoolgv3] { opacity: 1; }
/* /Pages/Partners/PartnerNotifications.razor.rz.scp.css */
.partner-admin-loading[b-6xd1brltv3] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-notifications-page[b-6xd1brltv3] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-panel[b-6xd1brltv3] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-6xd1brltv3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading.compact[b-6xd1brltv3] {
    margin-bottom: 12px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-6xd1brltv3] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-6xd1brltv3] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-notification-feed[b-6xd1brltv3],
.partner-notification-settings-list[b-6xd1brltv3] {
    display: grid;
    gap: 10px;
}

.partner-notification-item[b-6xd1brltv3] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 3px solid rgba(0, 212, 255, 0.72);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f7fbff;
    text-decoration: none;
}

.partner-notification-item--warning[b-6xd1brltv3] {
    border-left-color: #ffb842;
}

.partner-notification-item--success[b-6xd1brltv3] {
    border-left-color: #27e29c;
}

.partner-notification-item--content[b-6xd1brltv3] {
    border-left-color: #b58aff;
}

.partner-notification-item__icon[b-6xd1brltv3],
.partner-notification-mobile-card span[b-6xd1brltv3] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-notification-item strong[b-6xd1brltv3],
.partner-notification-item p[b-6xd1brltv3],
.partner-notification-item small[b-6xd1brltv3] {
    display: block;
}

.partner-notification-item strong[b-6xd1brltv3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-notification-item p[b-6xd1brltv3] {
    margin: 2px 0;
    color: rgba(223, 238, 255, 0.68);
}

.partner-notification-item small[b-6xd1brltv3],
.partner-notification-settings-list small[b-6xd1brltv3] {
    color: rgba(223, 238, 255, 0.52);
}

.partner-notification-mobile-card[b-6xd1brltv3] {
    display: grid;
    justify-items: start;
    gap: 10px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(0, 212, 255, 0.16);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.055);
}

.partner-notification-mobile-card strong[b-6xd1brltv3] {
    color: #f7fbff;
}

.partner-notification-mobile-card p[b-6xd1brltv3] {
    margin: 0;
    color: rgba(223, 238, 255, 0.68);
}

.partner-notification-settings-list div[b-6xd1brltv3] {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-notification-settings-list strong[b-6xd1brltv3] {
    color: #f7fbff;
}

@media (max-width: 700px) {
    .partner-notification-item[b-6xd1brltv3] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .partner-notification-item :deep(.mud-chip-root)[b-6xd1brltv3] {
        grid-column: 2;
        width: max-content;
        max-width: 100%;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-6xd1brltv3] {
        padding: 14px;
    }

    .partner-admin-panel__heading[b-6xd1brltv3] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Partners/PartnerSettings.razor.rz.scp.css */
.partner-admin-loading[b-35zf3ux4oe] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-settings-page[b-35zf3ux4oe] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-settings-grid[b-35zf3ux4oe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.partner-settings-nav[b-35zf3ux4oe],
.partner-admin-panel[b-35zf3ux4oe] {
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-settings-nav[b-35zf3ux4oe] {
    position: sticky;
    top: 114px;
    display: grid;
    gap: 6px;
    padding: 10px;
}

.partner-settings-nav__item[b-35zf3ux4oe] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: rgba(235, 246, 255, 0.68);
    text-decoration: none;
}

.partner-settings-nav__item span[b-35zf3ux4oe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-settings-nav__item.active[b-35zf3ux4oe],
.partner-settings-nav__item:hover[b-35zf3ux4oe] {
    border-color: rgba(0, 212, 255, 0.28);
    background: rgba(0, 212, 255, 0.08);
    color: #35d1ff;
}

.partner-admin-panel[b-35zf3ux4oe] {
    min-width: 0;
    padding: 18px;
}

.partner-admin-panel__heading[b-35zf3ux4oe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-35zf3ux4oe] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-35zf3ux4oe] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-settings-form[b-35zf3ux4oe] {
    display: grid;
    gap: 14px;
    max-width: 680px;
}

.partner-settings-color[b-35zf3ux4oe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: 10px;
    align-items: end;
}

.partner-settings-color input[type="color"][b-35zf3ux4oe] {
    width: 52px;
    height: 42px;
    border: 1px solid rgba(122, 210, 255, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.partner-settings-actions[b-35zf3ux4oe] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.partner-settings-card-grid[b-35zf3ux4oe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.partner-settings-info[b-35zf3ux4oe] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-settings-info.active[b-35zf3ux4oe] {
    border-color: rgba(39, 226, 156, 0.26);
    background: rgba(39, 226, 156, 0.065);
}

.partner-settings-info > span[b-35zf3ux4oe] {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-settings-info.active > span[b-35zf3ux4oe] {
    background: rgba(39, 226, 156, 0.12);
    color: #27e29c;
}

.partner-settings-info strong[b-35zf3ux4oe] {
    display: block;
    color: #f7fbff;
    font-weight: 800;
}

.partner-settings-info p[b-35zf3ux4oe] {
    margin: 4px 0 0;
    color: rgba(223, 238, 255, 0.62);
}

@media (max-width: 980px) {
    .partner-settings-grid[b-35zf3ux4oe] {
        grid-template-columns: 1fr;
    }

    .partner-settings-nav[b-35zf3ux4oe] {
        position: static;
        grid-auto-flow: column;
        grid-auto-columns: minmax(150px, 1fr);
        overflow-x: auto;
    }

    .partner-settings-card-grid[b-35zf3ux4oe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-35zf3ux4oe] {
        padding: 14px;
    }

    .partner-settings-color[b-35zf3ux4oe] {
        grid-template-columns: 1fr;
    }

    .partner-settings-color input[type="color"][b-35zf3ux4oe] {
        width: 100%;
    }

    .partner-settings-actions[b-35zf3ux4oe] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .partner-settings-actions :deep(.mud-button-root)[b-35zf3ux4oe] {
        width: 100%;
    }
}
/* /Pages/Partners/PartnerSponsors.razor.rz.scp.css */
.partner-admin-loading[b-yn9602f41u] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-sponsors-page[b-yn9602f41u] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-panel[b-yn9602f41u] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-yn9602f41u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-yn9602f41u] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-yn9602f41u] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-sponsor-slots[b-yn9602f41u] {
    display: grid;
    gap: 10px;
}

.partner-sponsor-slot[b-yn9602f41u] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-sponsor-slot > span[b-yn9602f41u] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.1);
    color: #35d1ff;
}

.partner-sponsor-slot strong[b-yn9602f41u] {
    display: block;
    color: #f7fbff;
    font-weight: 800;
}

.partner-sponsor-slot p[b-yn9602f41u] {
    margin: 2px 0 0;
    color: rgba(223, 238, 255, 0.62);
}

.partner-sponsor-preview[b-yn9602f41u] {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 14px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--partner-accent, #00d4ff) 28%, rgba(255, 255, 255, 0.12));
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--partner-accent, #00d4ff) 18%, transparent), transparent 34%),
        rgba(7, 18, 34, 0.9);
    background-position: center;
    background-size: cover;
}

.partner-sponsor-preview img[b-yn9602f41u] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.partner-sponsor-preview strong[b-yn9602f41u],
.partner-sponsor-preview small[b-yn9602f41u] {
    display: block;
}

.partner-sponsor-preview strong[b-yn9602f41u] {
    color: #f7fbff;
    font-size: 1.4rem;
    font-weight: 850;
}

.partner-sponsor-preview small[b-yn9602f41u] {
    color: rgba(223, 238, 255, 0.62);
}

@media (max-width: 720px) {
    .partner-sponsor-slot[b-yn9602f41u] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .partner-sponsor-slot :deep(.mud-chip-root)[b-yn9602f41u] {
        grid-column: 2;
        width: max-content;
        max-width: 100%;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-yn9602f41u] {
        padding: 14px;
    }

    .partner-admin-panel__heading[b-yn9602f41u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .partner-sponsor-preview[b-yn9602f41u] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Partners/PartnerTeams.razor.rz.scp.css */
.partner-admin-loading[b-4o9mey941e] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-teams-page[b-4o9mey941e] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-panel[b-4o9mey941e] {
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-panel__heading[b-4o9mey941e],
.partner-admin-toolbar[b-4o9mey941e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-admin-panel__heading.compact[b-4o9mey941e] {
    margin-bottom: 12px;
}

.partner-admin-panel__heading :deep(.mud-typography-h6)[b-4o9mey941e] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-admin-panel__heading :deep(.mud-typography-caption)[b-4o9mey941e] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-admin-toolbar[b-4o9mey941e] {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.partner-admin-toolbar :deep(.mud-input-control)[b-4o9mey941e] {
    flex: 1 1 220px;
    max-width: 320px;
}

.partner-team-list[b-4o9mey941e],
.partner-readiness-list[b-4o9mey941e] {
    display: grid;
    gap: 10px;
}

.partner-team-card[b-4o9mey941e] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) minmax(240px, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-team-card__identity[b-4o9mey941e] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.partner-team-card__logo[b-4o9mey941e] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 212, 255, 0.24);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.09);
    color: #36d3ff;
    font-size: 0.78rem;
    font-weight: 850;
    overflow: hidden;
}

.partner-team-card__logo img[b-4o9mey941e] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.partner-team-card__identity strong[b-4o9mey941e],
.partner-team-card__identity small[b-4o9mey941e] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-team-card__identity strong[b-4o9mey941e] {
    color: #f7fbff;
    font-weight: 790;
}

.partner-team-card__identity small[b-4o9mey941e],
.partner-team-card__meta span[b-4o9mey941e] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-team-card__meta[b-4o9mey941e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(64px, 1fr));
    gap: 8px;
}

.partner-team-card__meta span[b-4o9mey941e] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    font-size: 0.73rem;
}

.partner-team-card__meta strong[b-4o9mey941e] {
    color: #f7fbff;
    font-size: 1rem;
}

.partner-team-card__actions[b-4o9mey941e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.partner-readiness-row[b-4o9mey941e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #f7fbff;
    text-decoration: none;
}

.partner-readiness-row span[b-4o9mey941e] {
    overflow: hidden;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-readiness-row strong[b-4o9mey941e],
.partner-readiness-row small[b-4o9mey941e] {
    display: block;
    text-align: right;
}

.partner-readiness-row small[b-4o9mey941e] {
    color: rgba(223, 238, 255, 0.58);
}

@media (max-width: 900px) {
    .partner-team-card[b-4o9mey941e] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .partner-team-card__actions[b-4o9mey941e] {
        justify-content: flex-start;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-4o9mey941e] {
        padding: 14px;
    }

    .partner-admin-panel__heading[b-4o9mey941e],
    .partner-admin-toolbar[b-4o9mey941e] {
        align-items: stretch;
        flex-direction: column;
    }

    .partner-admin-toolbar :deep(.mud-input-control)[b-4o9mey941e] {
        width: 100%;
        max-width: none;
    }

    .partner-team-card__meta[b-4o9mey941e] {
        grid-template-columns: 1fr;
    }

    .partner-team-card__actions :deep(.mud-button-root)[b-4o9mey941e] {
        width: 100%;
    }
}
/* /Pages/Partners/PartnerTickets.razor.rz.scp.css */
.partner-admin-loading[b-shl79kfubx] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-tickets-page[b-shl79kfubx] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-ticket-panel[b-shl79kfubx] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-ticket-panel__heading[b-shl79kfubx],
.partner-ticket-conversation-header[b-shl79kfubx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.partner-ticket-panel__heading :deep(.mud-typography-h6)[b-shl79kfubx],
.partner-ticket-conversation-header :deep(.mud-typography-h6)[b-shl79kfubx] {
    color: #f7fbff;
    font-weight: 820;
}

.partner-ticket-panel__heading :deep(.mud-typography-caption)[b-shl79kfubx],
.partner-ticket-conversation-header :deep(.mud-typography-caption)[b-shl79kfubx] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-ticket-list[b-shl79kfubx],
.partner-ticket-messages[b-shl79kfubx] {
    display: grid;
    gap: 10px;
}

.partner-ticket-list__item[b-shl79kfubx] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.partner-ticket-list__item.active[b-shl79kfubx],
.partner-ticket-list__item:hover[b-shl79kfubx] {
    border-color: rgba(0, 212, 255, 0.32);
    background: rgba(0, 212, 255, 0.08);
}

.partner-ticket-list__item > span[b-shl79kfubx] {
    color: #35d1ff;
    font-weight: 850;
}

.partner-ticket-list__item strong[b-shl79kfubx],
.partner-ticket-list__item small[b-shl79kfubx] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-ticket-list__item strong[b-shl79kfubx] {
    color: #f7fbff;
}

.partner-ticket-list__item small[b-shl79kfubx] {
    color: rgba(223, 238, 255, 0.58);
}

.partner-ticket-messages[b-shl79kfubx] {
    max-height: 520px;
    overflow-y: auto;
    padding-right: 4px;
}

.partner-ticket-message[b-shl79kfubx] {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.partner-ticket-message--sitetodiscord[b-shl79kfubx] {
    margin-left: clamp(0px, 10%, 72px);
    border-color: rgba(0, 212, 255, 0.22);
    background: rgba(0, 212, 255, 0.06);
}

.partner-ticket-message small[b-shl79kfubx] {
    color: rgba(223, 238, 255, 0.54);
}

.partner-ticket-message p[b-shl79kfubx] {
    margin: 0;
    color: #f7fbff;
    white-space: pre-wrap;
}

.partner-ticket-reply[b-shl79kfubx] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.partner-ticket-reply__actions[b-shl79kfubx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 720px) {
    .partner-ticket-list__item[b-shl79kfubx] {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .partner-ticket-list__item :deep(.mud-chip-root)[b-shl79kfubx] {
        grid-column: 2;
        width: max-content;
        max-width: 100%;
    }
}

@media (max-width: 599px) {
    .partner-ticket-panel[b-shl79kfubx] {
        padding: 14px;
    }

    .partner-ticket-panel__heading[b-shl79kfubx],
    .partner-ticket-conversation-header[b-shl79kfubx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .partner-ticket-messages[b-shl79kfubx] {
        max-height: none;
    }

    .partner-ticket-message--sitetodiscord[b-shl79kfubx] {
        margin-left: 0;
    }

    .partner-ticket-reply__actions[b-shl79kfubx] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .partner-ticket-reply__actions :deep(.mud-button-root)[b-shl79kfubx] {
        width: 100%;
    }
}
/* /Pages/Partners/PartnerTournaments.razor.rz.scp.css */
.partner-tournaments-page[b-o6y5x7f5w4] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.partner-admin-loading[b-o6y5x7f5w4] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.partner-admin-panel[b-o6y5x7f5w4] {
    padding: 18px;
    border: 1px solid rgba(122, 190, 230, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 31, 51, 0.94), rgba(9, 18, 32, 0.97)),
        #0b1422;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.partner-admin-toolbar[b-o6y5x7f5w4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.partner-admin-toolbar :deep(.mud-input-control)[b-o6y5x7f5w4] {
    flex: 1 1 220px;
    max-width: 320px;
}

.partner-admin-toolbar :deep(.mud-typography-caption)[b-o6y5x7f5w4] {
    margin-left: auto;
    color: rgba(223, 238, 255, 0.58);
}

.partner-tournament-name[b-o6y5x7f5w4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.partner-tournament-name strong[b-o6y5x7f5w4] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-tournament-actions[b-o6y5x7f5w4] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

.partner-tournament-cards[b-o6y5x7f5w4] {
    display: none;
}

@media (max-width: 760px) {
    .partner-tournament-table[b-o6y5x7f5w4] {
        display: none;
    }

    .partner-tournament-cards[b-o6y5x7f5w4] {
        display: grid;
        gap: 10px;
    }

    .partner-tournament-card[b-o6y5x7f5w4] {
        display: grid;
        gap: 12px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
    }

    .partner-tournament-card strong[b-o6y5x7f5w4],
    .partner-tournament-card small[b-o6y5x7f5w4] {
        display: block;
    }

    .partner-tournament-card > div:first-child strong[b-o6y5x7f5w4] {
        color: #fff;
        font-weight: 800;
    }

    .partner-tournament-card small[b-o6y5x7f5w4],
    .partner-tournament-card__meta span[b-o6y5x7f5w4] {
        color: rgba(223, 238, 255, 0.62);
    }

    .partner-tournament-card__meta[b-o6y5x7f5w4] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .partner-tournament-card__actions[b-o6y5x7f5w4] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .partner-tournament-card__actions :deep(.mud-button-root)[b-o6y5x7f5w4] {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .partner-admin-panel[b-o6y5x7f5w4] {
        padding: 14px;
    }

    .partner-admin-toolbar[b-o6y5x7f5w4] {
        align-items: stretch;
        flex-direction: column;
    }

    .partner-admin-toolbar :deep(.mud-input-control)[b-o6y5x7f5w4] {
        width: 100%;
        max-width: none;
    }

    .partner-admin-toolbar :deep(.mud-typography-caption)[b-o6y5x7f5w4] {
        margin-left: 0;
    }
}
/* /Pages/Partners/PartnerUsers.razor.rz.scp.css */
.partner-users-shell[b-z4cr7m43ba] {
    display: grid;
    gap: 1.25rem;
}

.partner-users-hero[b-z4cr7m43ba] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.partner-users-hero__content[b-z4cr7m43ba] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.partner-users-hero__icon[b-z4cr7m43ba] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: rgba(0, 200, 255, .12);
    color: #00c8ff;
}

.partner-users-eyebrow[b-z4cr7m43ba] {
    display: block;
    color: var(--pcw-text-muted);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.partner-users-role-card[b-z4cr7m43ba] {
    display: grid;
    gap: .5rem;
    min-width: min(360px, 100%);
    color: var(--pcw-text-muted);
    font-size: .85rem;
}

.partner-users-state[b-z4cr7m43ba],
.partner-users-empty[b-z4cr7m43ba] {
    display: grid;
    place-items: center;
    gap: .5rem;
    min-height: 160px;
    color: var(--pcw-text-muted);
    text-align: center;
}

.partner-users-empty strong[b-z4cr7m43ba] {
    color: var(--pcw-text);
}

.partner-users-activation[b-z4cr7m43ba] {
    align-items: center;
}

.partner-users-activation__copy[b-z4cr7m43ba] {
    display: grid;
    gap: .2rem;
    margin-right: 1rem;
}

.partner-users-toolbar[b-z4cr7m43ba] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(180px, 260px) auto;
    gap: .75rem;
    align-items: end;
}

.partner-users-person[b-z4cr7m43ba] {
    display: grid;
    gap: .15rem;
}

.partner-users-person span[b-z4cr7m43ba] {
    color: var(--pcw-text-muted);
    font-size: .8rem;
}

.partner-users-chips[b-z4cr7m43ba] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.partner-users-table[b-z4cr7m43ba] {
    background: transparent;
}

.partner-users-table-wrap[b-z4cr7m43ba] {
    overflow-x: auto;
}

.partner-users-table-wrap table[b-z4cr7m43ba] {
    min-width: 760px;
}

@media (max-width: 720px) {
    .partner-users-hero[b-z4cr7m43ba] {
        display: grid;
    }

    .partner-users-toolbar[b-z4cr7m43ba] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PlayerCentral/PlayerManagement.razor.rz.scp.css */
/* ── PM Loading / Error ───────────────────────────────── */
.pm-loading[b-k3abce5scj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 100vh;
}

.pm-error-wrap[b-k3abce5scj] {
    padding: 48px 24px;
    max-width: 600px;
    margin: 0 auto;
}

/* ── Content Area ────────────────────────────────────── */
.pm-content[b-k3abce5scj] {
    box-sizing: border-box;
    width: 100%;
    padding: 18px 24px 28px;
    max-width: min(1680px, 100vw);
    margin: 0 auto;
    min-width: 0;
    overflow-x: clip;
}

.pm-content--overview[b-k3abce5scj] {
    max-width: 1780px;
}

@media (min-width: 1200px) {
    .pm-content--overview[b-k3abce5scj] {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

/* ── MudTable DataLabel card-mode hardening ─────────── */
[b-k3abce5scj] .mud-table-container {
    overflow-x: hidden;
    max-width: 100%;
}

[b-k3abce5scj] .mud-table-root {
    max-width: 100%;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .pm-content[b-k3abce5scj] {
        padding: 16px 12px;
        max-width: 100vw;
    }

    .pm-content[b-k3abce5scj],
    .pm-content[b-k3abce5scj]  * {
        min-width: 0;
        box-sizing: border-box;
    }

    .pm-content[b-k3abce5scj]  img,
    .pm-content[b-k3abce5scj]  svg,
    .pm-content[b-k3abce5scj]  canvas,
    .pm-content[b-k3abce5scj]  table {
        max-width: 100%;
    }

    .pm-content[b-k3abce5scj]  .mud-paper,
    .pm-content[b-k3abce5scj]  .mud-card,
    .pm-content[b-k3abce5scj]  .mud-alert,
    .pm-content[b-k3abce5scj]  .mud-table {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    [b-k3abce5scj] .mud-table-container {
        overflow-x: hidden;
    }

    [b-k3abce5scj] td.mud-table-cell {
        word-break: break-word;
        max-width: 100%;
    }
}
/* /Pages/Players/Index.razor.rz.scp.css */
.player-stats-state[b-igxk8rogp6] {
    display: grid;
    justify-items: start;
    gap: 12px;
    max-width: 760px;
    padding: 28px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.player-stats-state .mud-icon-root[b-igxk8rogp6] {
    color: var(--pcw-accent);
    font-size: 2rem;
}

.player-stats-state span[b-igxk8rogp6] {
    color: var(--pcw-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.player-stats-state h1[b-igxk8rogp6] {
    margin: 0;
}

.player-stats-state p[b-igxk8rogp6] {
    max-width: 640px;
    margin: 0;
    color: var(--pcw-text-muted);
    line-height: 1.6;
}

.player-stats-actions[b-igxk8rogp6] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
}

@media (max-width: 767px) {
    .player-stats-state[b-igxk8rogp6] {
        padding: 22px;
    }

    .player-stats-actions[b-igxk8rogp6] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/Players/PlayerDirectory.razor.rz.scp.css */
.players-directory-banner[b-qezaz6gp21] {
    margin-bottom: 20px;
}

.players-directory-toolbar[b-qezaz6gp21] {
    margin-bottom: 20px;
}

.players-directory-empty-action[b-qezaz6gp21] {
    margin-top: 18px;
}

.comm-banner[b-qezaz6gp21] {
    background: linear-gradient(135deg, rgba(18, 23, 46, 0.95) 0%, rgba(28, 33, 112, 0.6) 100%);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.comm-toolbar[b-qezaz6gp21] {
    background: rgba(10, 14, 28, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 18px;
}

.comm-toolbar-inner[b-qezaz6gp21] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.comm-toolbar-mobile-actions[b-qezaz6gp21] {
    display: none;
}

.comm-toolbar-mobile-filter-btn[b-qezaz6gp21] {
    min-width: 44px;
    width: 44px;
    height: 44px;
    padding: 0;
}

.comm-toolbar-filter-group[b-qezaz6gp21] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comm-toolbar-search[b-qezaz6gp21] {
    flex: 1;
    min-width: 200px;
}

.comm-toolbar-filter[b-qezaz6gp21] {
    min-width: 140px;
    max-width: 180px;
}

.comm-toolbar-btn[b-qezaz6gp21] {
    height: 40px;
    white-space: nowrap;
}

.comm-table-wrap[b-qezaz6gp21] {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(10, 14, 28, 0.5);
}

.comm-table-header[b-qezaz6gp21] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.comm-th[b-qezaz6gp21] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, 0.35);
}

.comm-th-stat[b-qezaz6gp21],
.comm-th-form[b-qezaz6gp21],
.comm-th-trend[b-qezaz6gp21] {
    text-align: center;
}

.comm-row[b-qezaz6gp21] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: background 0.15s ease;
}

.comm-row:nth-child(even)[b-qezaz6gp21] {
    background: rgba(255, 255, 255, 0.015);
}

.comm-row:hover[b-qezaz6gp21] {
    background: rgba(0, 200, 255, 0.04);
}

.comm-row-link[b-qezaz6gp21] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.comm-row-link:hover[b-qezaz6gp21] {
    text-decoration: none;
}

.comm-cell-main[b-qezaz6gp21] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
}

.comm-row-avatar[b-qezaz6gp21] {
    flex-shrink: 0;
}

.comm-identity[b-qezaz6gp21] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.comm-name[b-qezaz6gp21] {
    font-size: .9rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comm-sub[b-qezaz6gp21] {
    font-size: .75rem;
    color: var(--pcw-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comm-flag[b-qezaz6gp21] {
    width: 20px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
    opacity: 0.85;
    vertical-align: middle;
}

.comm-pos-badges[b-qezaz6gp21] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.comm-pos-chip[b-qezaz6gp21] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    line-height: 1.3;
}

[b-qezaz6gp21] .comm-status-chip {
    font-size: .6rem !important;
    height: 18px !important;
    padding: 0 6px !important;
    flex-shrink: 0;
}

.comm-cell-stat[b-qezaz6gp21] {
    text-align: center;
    font-size: .85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.comm-cell-form[b-qezaz6gp21] {
    display: flex;
    justify-content: center;
}

.comm-cell-trend[b-qezaz6gp21] {
    text-align: center;
}

.comm-empty[b-qezaz6gp21] {
    text-align: center;
    padding: 60px 24px;
    background: rgba(10, 14, 28, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
}

.comm-skeleton-row[b-qezaz6gp21] {
    display: grid;
    grid-template-columns: 1fr 70px 180px 50px;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    gap: 12px;
}

.comm-skeleton-row:nth-child(even)[b-qezaz6gp21] {
    background: rgba(255, 255, 255, 0.015);
}

.comm-skeleton-avatar[b-qezaz6gp21] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    animation: comm-pulse-b-qezaz6gp21 1.4s infinite;
    grid-column: 1;
}

.comm-skeleton-text[b-qezaz6gp21] {
    height: 14px;
    width: 60%;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    animation: comm-pulse-b-qezaz6gp21 1.4s infinite;
    animation-delay: .1s;
}

.comm-skeleton-stat[b-qezaz6gp21] {
    height: 14px;
    width: 30px;
    margin: 0 auto;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    animation: comm-pulse-b-qezaz6gp21 1.4s infinite;
    animation-delay: .2s;
}

.comm-skeleton-form[b-qezaz6gp21] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.comm-skeleton-badge[b-qezaz6gp21] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    animation: comm-pulse-b-qezaz6gp21 1.4s infinite;
    animation-delay: .3s;
}

@keyframes comm-pulse-b-qezaz6gp21 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.comm-fade-in[b-qezaz6gp21] {
    animation: comm-fadein-b-qezaz6gp21 0.35s ease-out;
}

@keyframes comm-fadein-b-qezaz6gp21 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 960px) {
    .comm-table-header[b-qezaz6gp21],
    .comm-row[b-qezaz6gp21],
    .comm-skeleton-row[b-qezaz6gp21] {
        grid-template-columns: 1fr 50px 140px 40px;
        padding: 10px 12px;
    }

    .comm-pos-badges[b-qezaz6gp21] {
        display: none;
    }

    [b-qezaz6gp21] .comm-status-chip {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .comm-banner[b-qezaz6gp21] {
        padding: 16px;
        flex-direction: column;
        text-align: center;
    }

    .comm-toolbar-inner[b-qezaz6gp21] {
        flex-direction: column;
        align-items: stretch;
    }

    .comm-toolbar-mobile-actions[b-qezaz6gp21] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .comm-toolbar-search[b-qezaz6gp21] {
        min-width: 100%;
    }

    .comm-toolbar-filter-group[b-qezaz6gp21] {
        display: none;
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .comm-toolbar-filter-group--open[b-qezaz6gp21] {
        display: flex;
    }

    .comm-toolbar-filter[b-qezaz6gp21] {
        min-width: 100%;
        max-width: 100%;
    }

    .comm-toolbar-btn[b-qezaz6gp21] {
        width: 100%;
    }

    .comm-table-header[b-qezaz6gp21] {
        display: none;
    }

    .comm-row[b-qezaz6gp21],
    .comm-skeleton-row[b-qezaz6gp21] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 14px;
        grid-template-columns: none;
    }

    .comm-cell-main[b-qezaz6gp21] {
        width: 100%;
        flex-wrap: wrap;
    }

    .comm-cell-stat[b-qezaz6gp21] {
        font-size: .75rem;
        min-width: 30px;
    }

    .comm-cell-stat[b-qezaz6gp21]::before {
        content: "MP ";
        font-size: .6rem;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.3);
        text-transform: uppercase;
    }

    .comm-cell-form[b-qezaz6gp21] {
        flex: 1;
    }

    .comm-cell-trend[b-qezaz6gp21] {
        min-width: 30px;
    }

    .comm-skeleton-row[b-qezaz6gp21] {
        display: flex;
    }

    .comm-skeleton-form[b-qezaz6gp21] {
        flex: 1;
    }
}
/* /Pages/Players/PlayerPublicProfile.razor.rz.scp.css */
.ppp-role-chip[b-dxj8ce30sy] {
    display: inline-block;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: .7rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .02em;
}

.ppp-medal-list[b-dxj8ce30sy] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.ppp-medal-row[b-dxj8ce30sy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.4rem 0.6rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    transition: background 0.15s ease;
}

.ppp-medal-row:hover[b-dxj8ce30sy] {
    background: rgba(255, 255, 255, 0.06);
}

.ppp-medal-info[b-dxj8ce30sy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1;
    min-width: 0;
}

.ppp-tourney-logo[b-dxj8ce30sy] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
/* /Pages/PublicProfile.razor.rz.scp.css */
.public-profile-page[b-7n2rqiu6uf]  .pvs-shell {
    width: min(1720px, 100%);
    max-width: none;
}
/* /Pages/PublicTeam.razor.rz.scp.css */
/* ── PublicTeam page layout ── */

.pt-page[b-s9q9dkpeu1] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 0 40px;
}

.pt-next-actions[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 20px 16px;
    padding: 14px 16px;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.045);
}

.pt-next-actions span[b-s9q9dkpeu1] {
    display: block;
    margin-bottom: 4px;
    color: var(--pcw-accent);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pt-next-actions p[b-s9q9dkpeu1] {
    max-width: 620px;
    margin: 0;
    color: var(--pcw-text-muted);
    font-size: .84rem;
    line-height: 1.5;
}

.pt-next-actions__buttons[b-s9q9dkpeu1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

@media (max-width: 600px) {
    .pt-state-actions[b-s9q9dkpeu1],
    .pt-next-actions[b-s9q9dkpeu1],
    .pt-next-actions__buttons[b-s9q9dkpeu1] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
}

.pt-state[b-s9q9dkpeu1] {
    display: grid;
    justify-items: center;
    gap: 12px;
    max-width: 680px;
    min-height: 300px;
    margin: 0 auto;
    padding: 36px 24px;
    text-align: center;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.pt-state .mud-icon-root[b-s9q9dkpeu1] {
    color: rgba(255,255,255,0.2);
    font-size: 3rem;
}

.pt-state h1[b-s9q9dkpeu1],
.pt-state p[b-s9q9dkpeu1] {
    margin: 0;
}

.pt-state p[b-s9q9dkpeu1] {
    max-width: 520px;
    color: var(--pcw-text-muted);
    line-height: 1.55;
}

.pt-state-actions[b-s9q9dkpeu1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

/* ── Owner bar ── */

.pt-owner-bar[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    margin-bottom: 14px;
    border-radius: 8px;
    border: 1px solid rgba(0,200,255,0.18);
    background: rgba(0,200,255,0.04);
}

/* ── Body card (unified cohesive container) ── */

.pt-body-card[b-s9q9dkpeu1] {
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.07);
    border-top: 2px solid rgba(0,200,255,0.3);
    background: rgba(14,16,32,0.85);
    overflow: hidden;
    margin-top: 6px;
}

.pt-custom-tabs[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(9, 14, 24, 0.92);
}

.pt-tab-button[b-s9q9dkpeu1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: rgba(255,255,255,0.58);
    background: transparent;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
}

.pt-tab-button .mud-icon-root[b-s9q9dkpeu1] {
    font-size: 1.15rem;
}

.pt-tab-button:hover[b-s9q9dkpeu1],
.pt-tab-button--active[b-s9q9dkpeu1] {
    color: #00c8ff;
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
}

.pt-custom-panel[b-s9q9dkpeu1] {
    background: transparent;
}

/* ── MudTabs overrides ── */

/* ── Tab content wrapper ── */

.pt-tab-content[b-s9q9dkpeu1] {
    padding: 20px 0 24px;
}

/* ── Stats row ── */

.pt-stats-row[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.025);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 12px 0;
    flex-wrap: wrap;
    overflow: hidden;
    min-width: 0;
}

.pt-stat[b-s9q9dkpeu1] {
    flex: 1;
    min-width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 8px 4px;
}

.pt-stat-value[b-s9q9dkpeu1] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.01em;
}

.pt-stat-label[b-s9q9dkpeu1] {
    font-size: .62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255,255,255,0.32);
    text-align: center;
}

.pt-stat-divider[b-s9q9dkpeu1] {
    width: 1px;
    height: 36px;
    background: rgba(255,255,255,0.07);
    flex-shrink: 1;
    align-self: center;
}

/* ── Section labels inside tabs ── */

.pt-section-label[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255,255,255,0.36);
    margin-bottom: 8px;
}

/* ── Overview inner padding (applied to direct children needing horizontal inset) ── */

.pt-ov-grid[b-s9q9dkpeu1],
.pt-tab-padded[b-s9q9dkpeu1],
.pt-transfer-section[b-s9q9dkpeu1],
.pt-stream-section[b-s9q9dkpeu1],
.pt-apply-row[b-s9q9dkpeu1] {
    padding-left: 20px;
    padding-right: 20px;
}

/* ── Overview 3-column card grid ── */

.pt-ov-grid[b-s9q9dkpeu1] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}

.pt-ov-card[b-s9q9dkpeu1] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 120px;
    min-width: 0;
    overflow: hidden;
}

.pt-ov-card-header[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: rgba(255,255,255,0.36);
}

/* ── Win rate progress bar ── */

.pt-winrate-wrap[b-s9q9dkpeu1] {
    margin-top: 4px;
}

.pt-winrate-row[b-s9q9dkpeu1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .72rem;
    font-weight: 600;
    color: rgba(255,255,255,0.45);
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pt-winrate-track[b-s9q9dkpeu1] {
    height: 5px;
    border-radius: 99px;
    background: rgba(255,255,255,0.08);
    overflow: hidden;
}

.pt-winrate-fill[b-s9q9dkpeu1] {
    height: 100%;
    border-radius: 99px;
    transition: width .4s ease;
}

/* ── Overview empty states ── */

.pt-ov-empty[b-s9q9dkpeu1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 1;
    text-align: center;
    font-size: .78rem;
    color: rgba(255,255,255,0.35);
    padding: 8px 0;
}

.pt-ov-empty-sub[b-s9q9dkpeu1] {
    font-size: .68rem;
    color: rgba(255,255,255,0.2);
}

/* ── Achievement rows ── */

.pt-achievement-row[b-s9q9dkpeu1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .8rem;
    font-weight: 600;
    color: rgba(255,255,255,0.75);
    padding: 4px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.pt-achievement-row:last-child[b-s9q9dkpeu1] {
    border-bottom: none;
}

.pt-achievement-placement[b-s9q9dkpeu1] {
    font-size: .68rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .04em;
    flex-shrink: 0;
}

/* ── Transfer history section ── */

.pt-transfer-section[b-s9q9dkpeu1] {
    margin-bottom: 16px;
}

.pt-transfer-table[b-s9q9dkpeu1] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
}

.pt-transfer-table thead th[b-s9q9dkpeu1] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255,255,255,0.3);
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    text-align: left;
}

.pt-transfer-table tbody td[b-s9q9dkpeu1] {
    padding: 8px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.75);
    vertical-align: middle;
}

.pt-transfer-table tbody tr:last-child td[b-s9q9dkpeu1] {
    border-bottom: none;
}

.pt-transfer-badge[b-s9q9dkpeu1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pt-transfer-badge.in[b-s9q9dkpeu1] {
    background: rgba(0,230,118,0.15);
    color: #00e676;
}

.pt-transfer-badge.out[b-s9q9dkpeu1] {
    background: rgba(244,67,54,0.15);
    color: #f44336;
}

.pt-transfer-muted[b-s9q9dkpeu1] {
    color: rgba(255,255,255,0.35);
    font-size: .75rem;
}

/* ── Stream section ── */

.pt-stream-section[b-s9q9dkpeu1] {
    margin-top: 4px;
}

/* ── Stream placeholder ── */

.pt-stream-placeholder[b-s9q9dkpeu1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px dashed rgba(255,255,255,0.1);
    background: rgba(0,0,0,0.2);
    min-height: 140px;
    padding: 24px;
    color: rgba(255,255,255,0.25);
    text-align: center;
}

.pt-stream-placeholder-title[b-s9q9dkpeu1] {
    font-size: .85rem;
    font-weight: 600;
    color: rgba(255,255,255,0.35);
}

.pt-stream-placeholder-sub[b-s9q9dkpeu1] {
    font-size: .75rem;
    color: rgba(255,255,255,0.2);
}

/* ── Apply row ── */

.pt-apply-row[b-s9q9dkpeu1] {
    margin-bottom: 16px;
}

/* ── Responsive ── */

@media (max-width: 600px) {
    .pt-stats-row[b-s9q9dkpeu1] {
        gap: 0;
        padding: 8px 0;
    }

    .pt-stat[b-s9q9dkpeu1] {
        min-width: 64px;
        flex: 1 1 calc(33.33% - 1px);
        padding: 6px 2px;
    }

    .pt-stat-value[b-s9q9dkpeu1] {
        font-size: 1.2rem;
    }

    .pt-stat-divider[b-s9q9dkpeu1] {
        display: none;
    }

    .pt-owner-bar[b-s9q9dkpeu1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pt-custom-tabs[b-s9q9dkpeu1] {
        gap: 6px;
        padding: 10px;
    }

    .pt-tab-button[b-s9q9dkpeu1] {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        font-size: .72rem;
        padding: 0 10px;
        letter-spacing: .04em;
    }

    .pt-ov-grid[b-s9q9dkpeu1] {
        grid-template-columns: 1fr;
    }

    .pt-transfer-table thead[b-s9q9dkpeu1] {
        display: none;
    }

    .pt-transfer-table tbody td[b-s9q9dkpeu1] {
        display: block;
        padding: 4px 8px;
    }

    .pt-transfer-table tbody tr[b-s9q9dkpeu1] {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.07);
        padding: 6px 0;
    }

    .pt-transfer-table tbody tr:last-child[b-s9q9dkpeu1] {
        border-bottom: none;
    }
}
/* /Pages/Public/About.razor.rz.scp.css */
.public-about-page[b-ug8g74ckh5] {
    color: rgba(255, 255, 255, 0.92);
}

.public-about-hero[b-ug8g74ckh5] {
    display: grid;
    gap: 14px;
    max-width: 920px;
    padding: 28px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.public-about-eyebrow[b-ug8g74ckh5] {
    color: var(--pcw-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.public-about-title[b-ug8g74ckh5] {
    margin: 0;
    color: #fff;
}

.public-about-hero p[b-ug8g74ckh5] {
    max-width: 760px;
    margin: 0;
    color: var(--pcw-text-muted);
    line-height: 1.65;
}

.public-about-action[b-ug8g74ckh5] {
    justify-self: start;
    margin-top: 6px;
}

.public-about-grid[b-ug8g74ckh5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.public-about-grid article[b-ug8g74ckh5] {
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.public-about-grid .mud-icon-root[b-ug8g74ckh5] {
    color: var(--pcw-accent);
}

.public-about-grid h2[b-ug8g74ckh5] {
    margin: 0;
    color: #fff;
    font-size: .98rem;
    font-weight: 800;
}

.public-about-grid p[b-ug8g74ckh5] {
    margin: 0;
    color: var(--pcw-text-muted);
    font-size: .9rem;
    line-height: 1.55;
}

@media (max-width: 900px) {
    .public-about-grid[b-ug8g74ckh5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .public-about-hero[b-ug8g74ckh5] {
        padding: 22px;
    }

    .public-about-action[b-ug8g74ckh5] {
        width: 100%;
    }
}
/* /Pages/Public/Changelog.razor.rz.scp.css */
/* ── Page wrapper ────────────────────────────────────── */

.cl-page[b-bu52saj60y] {
    min-height: 100vh;
    max-width: none;
    margin: 0;
    padding: 24px 72px 72px;
    box-sizing: border-box;
}

.cl-page > *[b-bu52saj60y] {
    width: min(1720px, 100%);
    margin-right: auto;
    margin-left: auto;
}

/* ── Banner ──────────────────────────────────────────── */

.cl-banner[b-bu52saj60y] {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 12px;
    margin-bottom: 32px;
    padding: 28px 28px;
}

.cl-banner-inner[b-bu52saj60y] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cl-banner-icon[b-bu52saj60y] {
    font-size: 36px !important;
    color: #ce93d8;
    opacity: 0.9;
    flex-shrink: 0;
}

/* ── Loading ──────────────────────────────────────────── */

.cl-loading[b-bu52saj60y] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* ── Version group ────────────────────────────────────── */

.cl-version-group[b-bu52saj60y] {
    margin-bottom: 36px;
}

.cl-version-header[b-bu52saj60y] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 135, 179, 0.18);
}

.cl-version-icon[b-bu52saj60y] {
    font-size: 20px !important;
    color: #00c8ff;
    opacity: 0.7;
}

.cl-entry-count[b-bu52saj60y] {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

/* ── Entry cards ─────────────────────────────────────── */

.cl-entries[b-bu52saj60y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cl-entry-card[b-bu52saj60y] {
    transition: border-color 0.2s ease;
}

.cl-entry-card:hover[b-bu52saj60y] {
    border-color: rgba(0, 200, 255, 0.25) !important;
}

.cl-entry-content[b-bu52saj60y] {
    padding: 14px 16px !important;
}

.cl-entry-top[b-bu52saj60y] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.cl-entry-title[b-bu52saj60y] {
    flex: 1;
    min-width: 0;
}

.cl-entry-desc[b-bu52saj60y] {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 4px;
    line-height: 1.55;
}

.cl-entry-meta[b-bu52saj60y] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.cl-meta-text[b-bu52saj60y] {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 0.7rem !important;
}

/* ── Category badges (shared with AboutDialog) ────────── */

[b-bu52saj60y] .pcw-cl-badge {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    height: 18px !important;
    flex-shrink: 0;
}

[b-bu52saj60y] .pcw-cl-added    { background: rgba(0, 200, 83, 0.15) !important; color: #00c853 !important; border: 1px solid rgba(0,200,83,0.3) !important; }
[b-bu52saj60y] .pcw-cl-fixed    { background: rgba(0, 135, 179, 0.15) !important; color: #00c8ff !important; border: 1px solid rgba(0,135,179,0.3) !important; }
[b-bu52saj60y] .pcw-cl-changed  { background: rgba(255, 193, 7, 0.12) !important; color: #ffc107 !important; border: 1px solid rgba(255,193,7,0.3) !important; }
[b-bu52saj60y] .pcw-cl-removed  { background: rgba(244, 67, 54, 0.12) !important; color: #f44336 !important; border: 1px solid rgba(244,67,54,0.3) !important; }
[b-bu52saj60y] .pcw-cl-perf     { background: rgba(156, 39, 176, 0.15) !important; color: #ce93d8 !important; border: 1px solid rgba(156,39,176,0.3) !important; }
[b-bu52saj60y] .pcw-cl-security { background: rgba(255, 87, 34, 0.12) !important; color: #ff7043 !important; border: 1px solid rgba(255,87,34,0.3) !important; }

/* ── Mobile ───────────────────────────────────────────── */

@media (max-width: 600px) {
    .cl-page[b-bu52saj60y] {
        padding: 14px 16px 44px;
    }

    .cl-banner[b-bu52saj60y] {
        padding: 20px 16px;
    }

    .cl-banner-icon[b-bu52saj60y] {
        font-size: 28px !important;
    }

    .cl-version-header[b-bu52saj60y] {
        flex-wrap: wrap;
    }
}

@media (min-width: 601px) and (max-width: 1100px) {
    .cl-page[b-bu52saj60y] {
        padding: 20px 32px 58px;
    }
}
/* /Pages/Public/WikiArticle.razor.rz.scp.css */
.public-wiki-page[b-d9doium4c9] {
    --wiki-accent: #00afff;
    min-height: 100vh;
    padding: 28px 56px 72px;
    color: rgba(235, 242, 249, 0.94);
}

.public-wiki-page > *[b-d9doium4c9] {
    width: min(1560px, 100%);
    margin-inline: auto;
}

.public-wiki-loading[b-d9doium4c9] {
    display: grid;
    min-height: 320px;
    place-items: center;
}

.public-wiki-empty[b-d9doium4c9] {
    display: grid;
    justify-items: start;
    gap: 16px;
    padding: 42px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.82);
}

.public-wiki-empty[b-d9doium4c9]  .mud-icon-root {
    color: var(--wiki-accent);
    font-size: 42px !important;
}

.public-wiki-empty h1[b-d9doium4c9],
.public-wiki-hero h1[b-d9doium4c9],
.public-wiki-plain-head h1[b-d9doium4c9] {
    margin: 0;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0;
}

.public-wiki-empty p[b-d9doium4c9],
.public-wiki-hero p[b-d9doium4c9] {
    max-width: 760px;
    margin: 0;
    color: rgba(210, 222, 236, 0.82);
    line-height: 1.65;
}

.public-wiki-shell[b-d9doium4c9] {
    display: grid;
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) minmax(190px, 230px);
    gap: 26px;
    align-items: start;
}

.public-wiki-shell--single[b-d9doium4c9] {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 230px);
}

.public-wiki-nav[b-d9doium4c9],
.public-wiki-toc[b-d9doium4c9] {
    position: sticky;
    top: calc(var(--welcome-header-height, 78px) + 12px);
    align-self: start;
    display: grid;
    gap: 16px;
    max-height: calc(100dvh - var(--welcome-header-height, 78px) - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.72);
    scrollbar-width: thin;
    z-index: 2;
}

.public-wiki-nav-title[b-d9doium4c9],
.public-wiki-toc div[b-d9doium4c9] {
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.public-wiki-nav-group[b-d9doium4c9] {
    display: grid;
    gap: 7px;
}

.public-wiki-nav-group span[b-d9doium4c9] {
    color: rgba(160, 189, 214, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
}

.public-wiki-nav a[b-d9doium4c9],
.public-wiki-toc a[b-d9doium4c9],
.public-wiki-nav-empty[b-d9doium4c9] {
    color: rgba(220, 232, 243, 0.76);
    text-decoration: none;
    line-height: 1.4;
}

.public-wiki-search[b-d9doium4c9] {
    margin-top: -4px;
}

.public-wiki-search[b-d9doium4c9]  .mud-input-root {
    background: rgba(0, 0, 0, 0.16);
}

.public-wiki-nav-empty[b-d9doium4c9] {
    margin: 0;
    font-size: 0.9rem;
}

.public-wiki-nav a[b-d9doium4c9] {
    padding: 8px 10px;
    border-radius: 7px;
}

.public-wiki-nav a:hover[b-d9doium4c9],
.public-wiki-nav a.is-active[b-d9doium4c9],
.public-wiki-toc a:hover[b-d9doium4c9] {
    color: #fff;
    background: color-mix(in srgb, var(--wiki-accent) 12%, transparent);
}

.public-wiki-article[b-d9doium4c9] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.public-wiki-offline-banner[b-d9doium4c9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 208, 116, 0.34);
    border-radius: 8px;
    background: rgba(255, 208, 116, 0.1);
    color: rgba(255, 236, 195, 0.92);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.public-wiki-offline-banner[b-d9doium4c9]  .mud-icon-root {
    color: #ffd074;
}

.public-wiki-hero[b-d9doium4c9],
.public-wiki-plain-head[b-d9doium4c9] {
    display: grid;
    gap: 24px;
    padding: 32px 34px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    background: rgba(5, 17, 34, 0.82);
}

.public-wiki-hero[b-d9doium4c9] {
    grid-template-columns: 1fr;
    align-items: center;
}

.public-wiki-hero--media[b-d9doium4c9] {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
}

.public-wiki-hero span[b-d9doium4c9],
.public-wiki-plain-head span[b-d9doium4c9] {
    display: block;
    margin-bottom: 12px;
    color: var(--wiki-accent);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-wiki-hero h1[b-d9doium4c9],
.public-wiki-plain-head h1[b-d9doium4c9] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.04;
}

.public-wiki-plain-head[b-d9doium4c9] {
    gap: 10px;
    background: transparent;
}

.public-wiki-plain-head p[b-d9doium4c9] {
    max-width: 760px;
    margin: 0;
    color: rgba(210, 222, 236, 0.82);
    line-height: 1.65;
}

.public-wiki-hero img[b-d9doium4c9] {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid rgba(88, 143, 190, 0.2);
}

.public-wiki-body[b-d9doium4c9] {
    padding: 34px;
    border: 1px solid rgba(88, 143, 190, 0.2);
    border-radius: 8px;
    background: rgba(3, 17, 38, 0.78);
}

.public-wiki-body[b-d9doium4c9]  h2,
.public-wiki-body[b-d9doium4c9]  h3 {
    scroll-margin-top: 92px;
    margin: 34px 0 10px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0;
}

.public-wiki-body[b-d9doium4c9]  h2:first-child,
.public-wiki-body[b-d9doium4c9]  h3:first-child {
    margin-top: 0;
}

.public-wiki-body[b-d9doium4c9]  h2 {
    font-size: 1.42rem;
}

.public-wiki-body[b-d9doium4c9]  h3 {
    color: rgba(235, 242, 249, 0.92);
    font-size: 1.12rem;
}

.public-wiki-body[b-d9doium4c9]  p,
.public-wiki-body[b-d9doium4c9]  li {
    color: rgba(218, 230, 241, 0.88);
    font-size: 1rem;
    line-height: 1.76;
}

.public-wiki-body[b-d9doium4c9]  p {
    margin: 0 0 16px;
}

.public-wiki-body[b-d9doium4c9]  ul,
.public-wiki-body[b-d9doium4c9]  ol {
    display: grid;
    gap: 10px;
    margin: 14px 0 20px;
    padding-left: 22px;
}

.public-wiki-body[b-d9doium4c9]  figure {
    margin: 24px 0;
}

.public-wiki-body[b-d9doium4c9]  img {
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(88, 143, 190, 0.2);
}

.public-wiki-body[b-d9doium4c9]  figcaption {
    margin-top: 8px;
    color: rgba(172, 194, 214, 0.78);
    font-size: 0.86rem;
}

.public-wiki-toc[b-d9doium4c9] {
    gap: 10px;
}

.public-wiki-toc a[b-d9doium4c9] {
    display: block;
    padding: 4px 0 4px 10px;
    border-left: 2px solid rgba(88, 143, 190, 0.2);
    font-size: 0.9rem;
}

.public-wiki-toc a.level-3[b-d9doium4c9] {
    padding-left: 22px;
    font-size: 0.84rem;
}

.public-wiki-page--reference .public-wiki-body[b-d9doium4c9] {
    background: rgba(6, 16, 30, 0.9);
}

.public-wiki-page--reference .public-wiki-body[b-d9doium4c9]  h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(88, 143, 190, 0.18);
}

.public-wiki-page--compact .public-wiki-article[b-d9doium4c9],
.public-wiki-page--compact .public-wiki-body[b-d9doium4c9] {
    gap: 12px;
}

.public-wiki-page--compact .public-wiki-hero[b-d9doium4c9],
.public-wiki-page--compact .public-wiki-plain-head[b-d9doium4c9],
.public-wiki-page--compact .public-wiki-body[b-d9doium4c9] {
    padding: 24px;
}

.public-wiki-page--compact .public-wiki-body[b-d9doium4c9]  p,
.public-wiki-page--compact .public-wiki-body[b-d9doium4c9]  li {
    font-size: 0.96rem;
    line-height: 1.64;
}

@media (max-width: 1200px) {
    .public-wiki-page[b-d9doium4c9] {
        padding: 22px 28px 58px;
    }

    .public-wiki-shell[b-d9doium4c9],
    .public-wiki-shell--single[b-d9doium4c9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-wiki-nav[b-d9doium4c9],
    .public-wiki-toc[b-d9doium4c9] {
        top: calc(var(--welcome-header-height, 78px) + 8px);
        max-height: min(46dvh, 360px);
        background: rgba(3, 17, 38, 0.94);
        backdrop-filter: blur(10px);
    }

    .public-wiki-nav[b-d9doium4c9] {
        order: -1;
        z-index: 4;
    }

    .public-wiki-toc[b-d9doium4c9] {
        display: none;
    }
}

@media (max-width: 767px) {
    .public-wiki-page[b-d9doium4c9] {
        padding: 14px 14px 44px;
    }

    .public-wiki-hero[b-d9doium4c9],
    .public-wiki-plain-head[b-d9doium4c9],
    .public-wiki-body[b-d9doium4c9],
    .public-wiki-empty[b-d9doium4c9] {
        padding: 22px 18px;
    }

    .public-wiki-hero[b-d9doium4c9] {
        grid-template-columns: 1fr;
    }

    .public-wiki-nav[b-d9doium4c9] {
        top: calc(var(--welcome-header-height, 78px) + 6px);
        max-height: min(52dvh, 320px);
        padding: 14px;
    }
}
/* /Pages/Teams/MatchDetailDialog.razor.rz.scp.css */
[b-4sxqxd8shb] .mdd-dialog,
.mdd-dialog[b-4sxqxd8shb] {
    max-height: calc(100dvh - 48px);
    border: 1px solid rgba(77, 178, 226, 0.26);
    border-radius: 8px;
    background: #071522;
    color: #f4f8fc;
}

[b-4sxqxd8shb] .mdd-dialog .mud-dialog-title,
[b-4sxqxd8shb] .mdd-dialog .mud-dialog-content,
[b-4sxqxd8shb] .mdd-dialog .mud-dialog-actions {
    background: #071522;
    color: #f4f8fc;
}

[b-4sxqxd8shb] .mdd-dialog .mud-dialog-title {
    padding: 0;
}

[b-4sxqxd8shb] .mdd-dialog .mud-dialog-content {
    max-height: calc(100dvh - 300px);
    overflow-y: auto;
    padding: 0 28px 18px;
}

[b-4sxqxd8shb] .mdd-dialog .mud-dialog-actions {
    padding: 0 28px 22px;
}

.mdd-header[b-4sxqxd8shb] {
    padding: 20px 28px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
}

.mdd-header-meta[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 26px;
}

.mdd-meta-left[b-4sxqxd8shb],
.mdd-meta-actions[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.mdd-meta-left .mud-icon-root[b-4sxqxd8shb] {
    color: #00c8ff;
}

.mdd-match-type[b-4sxqxd8shb] {
    color: #00c8ff;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mdd-date[b-4sxqxd8shb] {
    color: #aab8c7;
    font-size: 0.86rem;
    font-weight: 700;
}

.mdd-badge-dnf[b-4sxqxd8shb],
.mdd-result[b-4sxqxd8shb],
.mdd-badge-motm[b-4sxqxd8shb],
.mdd-badge-cs[b-4sxqxd8shb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mdd-badge-dnf[b-4sxqxd8shb] {
    min-height: 28px;
    padding: 4px 9px;
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.42);
    background: rgba(251, 191, 36, 0.1);
}

.mdd-result[b-4sxqxd8shb] {
    min-width: 82px;
    min-height: 34px;
    padding: 5px 14px;
}

.mdd-result--win[b-4sxqxd8shb] {
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.48);
    background: rgba(74, 222, 128, 0.1);
}

.mdd-result--loss[b-4sxqxd8shb] {
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.48);
    background: rgba(248, 113, 113, 0.1);
}

.mdd-result--draw[b-4sxqxd8shb] {
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.48);
    background: rgba(251, 191, 36, 0.1);
}

.mdd-close-button[b-4sxqxd8shb] {
    width: 40px;
    height: 40px;
    color: #aab8c7 !important;
    border: 1px solid rgba(170, 184, 199, 0.2);
    border-radius: 6px;
}

.mdd-close-button:hover[b-4sxqxd8shb] {
    color: #f4f8fc !important;
    border-color: rgba(0, 200, 255, 0.4);
    background: rgba(0, 200, 255, 0.08);
}

.mdd-scoreboard[b-4sxqxd8shb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}

.mdd-club[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.mdd-club--away[b-4sxqxd8shb] {
    justify-content: flex-end;
}

.mdd-club-info[b-4sxqxd8shb] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 6px;
}

.mdd-club-info--away[b-4sxqxd8shb] {
    align-items: flex-end;
    text-align: right;
}

.mdd-club-name[b-4sxqxd8shb] {
    overflow: hidden;
    color: #f4f8fc;
    font-size: 1.28rem;
    font-weight: 900;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mdd-club-sub[b-4sxqxd8shb] {
    color: #aab8c7;
    font-size: 0.9rem;
    font-weight: 700;
}

.mdd-team-logo[b-4sxqxd8shb] {
    flex: 0 0 auto;
    border: 2px solid rgba(255, 255, 255, 0.14);
    color: #f4f8fc !important;
    font-weight: 900 !important;
}

.mdd-team-logo--home[b-4sxqxd8shb] {
    border-color: rgba(74, 222, 128, 0.54) !important;
    background: radial-gradient(circle at 35% 30%, rgba(74, 222, 128, 0.26), rgba(5, 11, 18, 0.92)) !important;
}

.mdd-team-logo--away[b-4sxqxd8shb] {
    border-color: rgba(170, 184, 199, 0.54) !important;
    background: radial-gradient(circle at 35% 30%, rgba(170, 184, 199, 0.26), rgba(5, 11, 18, 0.92)) !important;
}

.mdd-score[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 280px;
}

.mdd-score-num[b-4sxqxd8shb] {
    min-width: 74px;
    color: #f4f8fc;
    font-size: 4.4rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.95;
    text-align: center;
}

.mdd-score-home[b-4sxqxd8shb] {
    color: #4ade80;
}

.mdd-score-away[b-4sxqxd8shb] {
    color: #f87171;
}

.mdd-score-sep[b-4sxqxd8shb] {
    color: #73839a;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}

.mdd-tabs-shell[b-4sxqxd8shb] {
    margin-top: 18px;
}

.mdd-custom-tabs[b-4sxqxd8shb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 58px;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
}

.mdd-tab-button[b-4sxqxd8shb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #aab8c7;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.15;
    text-transform: uppercase;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.mdd-tab-button:hover[b-4sxqxd8shb],
.mdd-tab-button--active[b-4sxqxd8shb] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
    color: #00c8ff;
}

.mdd-custom-panel[b-4sxqxd8shb] {
    border: 0;
    background: transparent;
    padding: 18px 0 0;
}

.mdd-stat-compare[b-4sxqxd8shb] {
    display: grid;
    gap: 8px;
}

.mdd-sc-row[b-4sxqxd8shb] {
    display: grid;
    grid-template-columns: 68px minmax(90px, 1fr) minmax(180px, 240px) minmax(90px, 1fr) 68px;
    align-items: center;
    gap: 14px;
    min-height: 50px;
    padding: 8px 12px;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.58);
}

.mdd-sc-val[b-4sxqxd8shb] {
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1;
}

.mdd-sc-val--home[b-4sxqxd8shb] {
    color: #00c8ff;
    text-align: right;
}

.mdd-sc-val--away[b-4sxqxd8shb] {
    color: #b56cff;
}

.mdd-sc-bars[b-4sxqxd8shb] {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(170, 184, 199, 0.16);
}

.mdd-sc-bars--home[b-4sxqxd8shb] {
    transform: scaleX(-1);
}

.mdd-sc-bar[b-4sxqxd8shb] {
    height: 100%;
    border-radius: 999px;
}

.mdd-sc-bar--home[b-4sxqxd8shb] {
    background: linear-gradient(90deg, #0875ff, #00c8ff);
}

.mdd-sc-bar--away[b-4sxqxd8shb] {
    background: linear-gradient(90deg, #8f4dff, #d45cff);
}

.mdd-sc-label-wrap[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #00c8ff;
}

.mdd-sc-label-wrap .mud-icon-root[b-4sxqxd8shb] {
    font-size: 1.25rem;
}

.mdd-sc-label[b-4sxqxd8shb] {
    color: #f4f8fc;
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.mdd-match-id[b-4sxqxd8shb] {
    margin-top: 20px;
    color: #aab8c7;
    font-size: 0.88rem;
    font-weight: 700;
    text-align: center;
}

.mdd-matchup-strip[b-4sxqxd8shb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 54px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(77, 178, 226, 0.2);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.58);
}

.mdd-matchup-strip > strong[b-4sxqxd8shb] {
    color: #f4f8fc;
    font-size: 1.18rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mdd-matchup-team[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mdd-matchup-team--away[b-4sxqxd8shb] {
    justify-content: flex-end;
    text-align: right;
}

.mdd-matchup-team span[b-4sxqxd8shb] {
    overflow: hidden;
    color: #f4f8fc;
    font-size: 0.88rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mdd-matchup-logo[b-4sxqxd8shb] {
    flex: 0 0 auto;
    font-size: 0.72rem !important;
}

.mdd-team-section[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 10px;
    padding: 12px;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.5);
}

.mdd-team-section:first-of-type[b-4sxqxd8shb] {
    margin-top: 0;
}

.mdd-team-section-info[b-4sxqxd8shb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.mdd-team-section-name[b-4sxqxd8shb] {
    overflow: hidden;
    color: #f4f8fc;
    font-size: 0.96rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mdd-team-section-stats[b-4sxqxd8shb] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: #aab8c7;
    font-size: 0.78rem;
    font-weight: 800;
}

.mdd-team-section-stats span[b-4sxqxd8shb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mdd-team-section-stats .mud-icon-root[b-4sxqxd8shb] {
    color: #00c8ff;
    font-size: 0.95rem;
}

.mdd-table-scroller[b-4sxqxd8shb] {
    overflow-x: auto;
    width: 100%;
    border: 1px solid rgba(77, 178, 226, 0.18);
    border-radius: 8px;
}

.mdd-table[b-4sxqxd8shb] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
    font-size: 0.82rem;
}

.mdd-table thead th[b-4sxqxd8shb] {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #aab8c7;
    background: rgba(5, 11, 18, 0.34);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.mdd-th-left[b-4sxqxd8shb] {
    text-align: left !important;
}

.mdd-th-rating[b-4sxqxd8shb],
.mdd-rating[b-4sxqxd8shb] {
    color: #00c8ff !important;
}

.mdd-table tbody tr:nth-child(even)[b-4sxqxd8shb] {
    background: rgba(255, 255, 255, 0.02);
}

.mdd-table tbody tr:hover[b-4sxqxd8shb] {
    background: rgba(0, 200, 255, 0.06);
}

.mdd-table tbody td[b-4sxqxd8shb] {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #dce8f4;
    text-align: center;
    white-space: nowrap;
}

.mdd-td-name[b-4sxqxd8shb] {
    color: #f4f8fc !important;
    font-weight: 800;
    text-align: left !important;
}

.mdd-player-link[b-4sxqxd8shb],
.mdd-player-name-text[b-4sxqxd8shb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    vertical-align: middle;
}

.mdd-player-link[b-4sxqxd8shb] {
    color: #8ee4ff;
    text-decoration: none;
}

.mdd-player-link:hover[b-4sxqxd8shb] {
    color: #f4f8fc;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.mdd-player-link-icon[b-4sxqxd8shb] {
    flex: 0 0 auto;
    color: #4ade80;
    font-size: 0.92rem !important;
}

.mdd-td-none[b-4sxqxd8shb] {
    color: #73839a;
}

.mdd-rating[b-4sxqxd8shb] {
    font-weight: 900;
}

.mdd-rating-pill[b-4sxqxd8shb],
.mdd-pc-rating[b-4sxqxd8shb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 22px;
    padding: 2px 7px;
    border: 1px solid currentColor;
    border-radius: 6px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.mdd-rating-pill.is-low[b-4sxqxd8shb],
.mdd-pc-rating.is-low[b-4sxqxd8shb] {
    color: #ff5c7a !important;
    background: rgba(255, 92, 122, 0.11);
}

.mdd-rating-pill.is-mid[b-4sxqxd8shb],
.mdd-pc-rating.is-mid[b-4sxqxd8shb] {
    color: #f6b84f !important;
    background: rgba(246, 184, 79, 0.12);
}

.mdd-rating-pill.is-high[b-4sxqxd8shb],
.mdd-pc-rating.is-high[b-4sxqxd8shb] {
    color: #5df08f !important;
    background: rgba(93, 240, 143, 0.12);
}

.mdd-row-motm[b-4sxqxd8shb] {
    background: rgba(251, 191, 36, 0.06) !important;
    box-shadow: inset 3px 0 0 #fbbf24;
}

.mdd-badge-motm[b-4sxqxd8shb] {
    min-height: 20px;
    margin-left: 6px;
    padding: 2px 6px;
    color: #071522;
    background: #fbbf24;
    vertical-align: middle;
}

.mdd-badge-cs[b-4sxqxd8shb] {
    min-height: 22px;
    padding: 2px 6px;
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.34);
    background: rgba(0, 200, 255, 0.1);
}

.mdd-table-desktop[b-4sxqxd8shb] {
    display: block;
}

.mdd-cards-mobile[b-4sxqxd8shb] {
    display: none;
}

.mdd-player-card[b-4sxqxd8shb] {
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid rgba(77, 178, 226, 0.2);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.72);
}

.mdd-player-card--motm[b-4sxqxd8shb] {
    border-color: rgba(251, 191, 36, 0.4);
    background: rgba(251, 191, 36, 0.06);
}

.mdd-pc-header[b-4sxqxd8shb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.mdd-pc-name[b-4sxqxd8shb] {
    color: #f4f8fc;
    font-size: 0.95rem;
    font-weight: 900;
}

.mdd-pc-pos[b-4sxqxd8shb] {
    color: #aab8c7;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mdd-pc-primary[b-4sxqxd8shb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.mdd-pc-stat[b-4sxqxd8shb] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4px;
    min-height: 56px;
    padding: 8px;
    border: 1px solid rgba(77, 178, 226, 0.16);
    border-radius: 6px;
    background: rgba(5, 11, 18, 0.28);
}

.mdd-pc-val[b-4sxqxd8shb] {
    color: #f4f8fc;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.mdd-pc-lbl[b-4sxqxd8shb] {
    color: #aab8c7;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mdd-pc-secondary[b-4sxqxd8shb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #aab8c7;
    font-size: 0.76rem;
    font-weight: 700;
}

.mdd-pc-rc[b-4sxqxd8shb] {
    color: #f87171;
}

.mdd-footer-close[b-4sxqxd8shb] {
    min-height: 38px;
    border-radius: 6px !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    [b-4sxqxd8shb] .mdd-dialog,
    .mdd-dialog[b-4sxqxd8shb] {
        max-height: calc(100dvh - 24px);
        margin: 12px;
    }

    [b-4sxqxd8shb] .mdd-dialog .mud-dialog-content {
        max-height: calc(100dvh - 280px);
        padding: 0 14px 14px;
    }

    [b-4sxqxd8shb] .mdd-dialog .mud-dialog-actions {
        padding: 0 14px 14px;
    }

    .mdd-header[b-4sxqxd8shb] {
        padding: 14px;
    }

    .mdd-header-meta[b-4sxqxd8shb] {
        align-items: flex-start;
        margin-bottom: 18px;
    }

    .mdd-meta-left[b-4sxqxd8shb] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .mdd-scoreboard[b-4sxqxd8shb] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mdd-club[b-4sxqxd8shb],
    .mdd-club--away[b-4sxqxd8shb] {
        justify-content: space-between;
    }

    .mdd-club--away[b-4sxqxd8shb] {
        flex-direction: row-reverse;
    }

    .mdd-club-info--away[b-4sxqxd8shb] {
        align-items: flex-start;
        text-align: left;
    }

    .mdd-score[b-4sxqxd8shb] {
        order: -1;
        min-width: 0;
        gap: 12px;
    }

    .mdd-score-num[b-4sxqxd8shb] {
        min-width: 56px;
        font-size: 3.1rem;
    }

    .mdd-score-sep[b-4sxqxd8shb] {
        font-size: 2rem;
    }

    .mdd-club-name[b-4sxqxd8shb] {
        font-size: 1rem;
    }

    .mdd-custom-tabs[b-4sxqxd8shb] {
        gap: 6px;
    }

    .mdd-tab-button[b-4sxqxd8shb] {
        flex: 1 1 calc(50% - 6px);
        min-height: 42px;
        padding: 0 10px;
        white-space: normal;
    }

    .mdd-sc-row[b-4sxqxd8shb] {
        grid-template-columns: 46px 1fr 46px;
        gap: 8px;
    }

    .mdd-sc-bars[b-4sxqxd8shb] {
        display: none;
    }

    .mdd-sc-label-wrap[b-4sxqxd8shb] {
        justify-content: center;
    }

    .mdd-sc-label[b-4sxqxd8shb] {
        font-size: 0.74rem;
    }

    .mdd-matchup-strip[b-4sxqxd8shb] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .mdd-matchup-strip > strong[b-4sxqxd8shb] {
        order: -1;
        text-align: center;
    }

    .mdd-matchup-team[b-4sxqxd8shb],
    .mdd-matchup-team--away[b-4sxqxd8shb] {
        justify-content: space-between;
        text-align: left;
    }

    .mdd-table-desktop[b-4sxqxd8shb] {
        display: none;
    }

    .mdd-cards-mobile[b-4sxqxd8shb] {
        display: block;
    }
}

@media (max-width: 420px) {
    .mdd-pc-primary[b-4sxqxd8shb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Tools/ClubDatabase.razor.rz.scp.css */
.cdb-page-shell[b-auxj0xl7hy] {
    --cdb-bg: #050b12;
    --cdb-panel: #071522;
    --cdb-panel-raised: #0b1b2a;
    --cdb-panel-soft: #0e2233;
    --cdb-panel-hover: #102a3d;
    --cdb-border: rgba(77, 178, 226, 0.22);
    --cdb-border-strong: rgba(0, 200, 255, 0.52);
    --cdb-accent: #00c8ff;
    --cdb-accent-hover: #20d7ff;
    --cdb-text: #f4f8fc;
    --cdb-muted: #aab8c7;
    --cdb-subtle: #73839a;
    --cdb-win: #4ade80;
    --cdb-loss: #f87171;
    --cdb-draw: #fbbf24;
    --cdb-divider: rgba(255, 255, 255, 0.08);

    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px 72px 72px;
    color: var(--cdb-text);
    background: transparent;
}

.cdb-page-shell[b-auxj0xl7hy],
.cdb-page-shell *[b-auxj0xl7hy] {
    box-sizing: border-box;
}

.cdb-page-shell > *[b-auxj0xl7hy] {
    width: min(1720px, 100%);
    margin-right: auto;
    margin-left: auto;
}

.cdb-tool-header[b-auxj0xl7hy],
.cdb-search-panel[b-auxj0xl7hy],
.cdb-results-panel[b-auxj0xl7hy],
.cdb-info-panel[b-auxj0xl7hy],
.cdb-meta-strip[b-auxj0xl7hy] {
    border: 1px solid var(--cdb-border);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(11, 27, 42, 0.98), rgba(7, 21, 34, 0.98));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.cdb-section-heading h2[b-auxj0xl7hy],
.cdb-info-panel h2[b-auxj0xl7hy] {
    color: var(--cdb-accent);
}

.cdb-tool-header[b-auxj0xl7hy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(260px, auto);
    align-items: center;
    gap: 32px;
    margin-bottom: 18px;
    padding: 32px;
}

.cdb-tool-mark[b-auxj0xl7hy],
.cdb-info-icon[b-auxj0xl7hy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    border: 1px solid var(--cdb-border);
    border-radius: 8px;
    color: var(--cdb-accent);
    background: rgba(0, 200, 255, 0.08);
}

.cdb-tool-mark .mud-icon-root[b-auxj0xl7hy] {
    font-size: 4.25rem;
}

.cdb-tool-copy h1[b-auxj0xl7hy] {
    margin: 0;
    font-size: 42px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: 0;
}

.cdb-tool-copy p[b-auxj0xl7hy],
.cdb-public-note p[b-auxj0xl7hy],
.cdb-search-helper[b-auxj0xl7hy],
.cdb-info-panel p[b-auxj0xl7hy],
.cdb-empty-panel p[b-auxj0xl7hy] {
    margin: 0;
    color: var(--cdb-muted);
    font-size: 0.95rem;
    line-height: 1.45;
    font-weight: 500;
}

.cdb-tool-copy p[b-auxj0xl7hy] {
    margin-top: 12px;
    font-size: 1.25rem;
}

.cdb-public-note[b-auxj0xl7hy] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 280px;
    padding: 22px;
    border: 1px solid var(--cdb-border);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.38);
}

.cdb-public-note .mud-icon-root[b-auxj0xl7hy] {
    flex: 0 0 auto;
    color: var(--cdb-accent);
    font-size: 2.6rem;
}

.cdb-public-note span[b-auxj0xl7hy],
.cdb-section-heading h2[b-auxj0xl7hy],
.cdb-info-panel h2[b-auxj0xl7hy] {
    display: block;
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cdb-search-panel[b-auxj0xl7hy],
.cdb-results-panel[b-auxj0xl7hy],
.cdb-info-panel[b-auxj0xl7hy] {
    margin-bottom: 18px;
    padding: 24px;
}

.cdb-search-panel[b-auxj0xl7hy] {
    border-color: var(--cdb-border-strong);
}

.cdb-section-heading[b-auxj0xl7hy] {
    margin-bottom: 20px;
}

.cdb-section-heading--inline[b-auxj0xl7hy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cdb-section-heading--inline span[b-auxj0xl7hy] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 14px;
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.12);
    color: var(--cdb-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cdb-search-row[b-auxj0xl7hy] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 142px 268px;
    align-items: start;
    gap: 20px;
}

.cdb-search-input[b-auxj0xl7hy] {
    min-width: 0;
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input-control {
    margin-top: 0;
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input-control > .mud-input-control-input-container {
    margin-top: 0;
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input,
.cdb-search-panel[b-auxj0xl7hy]  .mud-input-outlined {
    min-height: 46px;
    color: var(--cdb-text);
    background: rgba(5, 11, 18, 0.52);
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input-label,
.cdb-search-panel[b-auxj0xl7hy]  .mud-input-adornment,
.cdb-search-panel[b-auxj0xl7hy]  .mud-select .mud-input-adornment {
    color: var(--cdb-muted) !important;
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input-outlined-border {
    border-color: rgba(170, 184, 199, 0.28) !important;
}

.cdb-search-panel[b-auxj0xl7hy]  .mud-input-root:focus-within .mud-input-outlined-border {
    border-color: var(--cdb-accent) !important;
}

.cdb-clear-button[b-auxj0xl7hy],
.cdb-search-button[b-auxj0xl7hy],
.cdb-view-button[b-auxj0xl7hy] {
    min-height: 46px;
    border-radius: 6px !important;
    font-size: 0.83rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

.cdb-clear-button[b-auxj0xl7hy],
.cdb-search-button[b-auxj0xl7hy] {
    margin-top: 1px;
}

.cdb-search-button[b-auxj0xl7hy] {
    color: #031019 !important;
}

.cdb-search-helper[b-auxj0xl7hy] {
    margin-top: 18px;
}

.cdb-alert[b-auxj0xl7hy] {
    margin-top: 18px;
}

.cdb-loading-panel[b-auxj0xl7hy],
.cdb-empty-panel[b-auxj0xl7hy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    gap: 12px;
    padding: 32px 16px;
    border: 1px dashed rgba(77, 178, 226, 0.22);
    border-radius: 8px;
    background: rgba(14, 34, 51, 0.5);
    text-align: center;
}

.cdb-loading-panel[b-auxj0xl7hy] {
    flex-direction: row;
    min-height: 120px;
    color: var(--cdb-muted);
    font-weight: 700;
}

.cdb-empty-panel .mud-icon-root[b-auxj0xl7hy] {
    color: var(--cdb-accent);
    font-size: 3rem;
}

.cdb-empty-panel h3[b-auxj0xl7hy] {
    margin: 0;
    color: var(--cdb-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.cdb-results-table[b-auxj0xl7hy] {
    display: grid;
    gap: 0;
}

.cdb-results-head[b-auxj0xl7hy],
.cdb-result-row[b-auxj0xl7hy] {
    display: grid;
    grid-template-columns: minmax(260px, 2.1fr) minmax(100px, 0.8fr) minmax(90px, 0.7fr) minmax(78px, 0.55fr) minmax(120px, 0.85fr) minmax(92px, 0.7fr) minmax(112px, 0.8fr) minmax(128px, 0.9fr) minmax(118px, 0.75fr);
    align-items: center;
    column-gap: 18px;
}

.cdb-results-head[b-auxj0xl7hy] {
    padding: 0 22px 12px;
    color: var(--cdb-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cdb-result-row[b-auxj0xl7hy] {
    min-height: 86px;
    margin-bottom: 10px;
    padding: 16px 22px;
    border: 1px solid var(--cdb-border);
    border-radius: 8px;
    background: var(--cdb-panel-soft);
    color: var(--cdb-text);
    font-size: 0.86rem;
    font-weight: 700;
    transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.cdb-result-row:hover[b-auxj0xl7hy],
.cdb-result-row:focus-within[b-auxj0xl7hy] {
    border-color: var(--cdb-border-strong);
    background: var(--cdb-panel-hover);
    transform: translateY(-1px);
}

.cdb-result-club[b-auxj0xl7hy] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.cdb-result-avatar[b-auxj0xl7hy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    border: 1px solid rgba(0, 200, 255, 0.34);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(0, 200, 255, 0.2), rgba(7, 21, 34, 0.96));
    color: var(--cdb-text);
    font-weight: 900;
    letter-spacing: 0.03em;
}

.cdb-result-name[b-auxj0xl7hy] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 6px;
}

.cdb-result-name strong[b-auxj0xl7hy] {
    overflow: hidden;
    color: var(--cdb-text);
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cdb-result-name span[b-auxj0xl7hy],
.cdb-date-value[b-auxj0xl7hy] {
    color: var(--cdb-muted);
    font-size: 0.78rem;
}

.cdb-id-value[b-auxj0xl7hy] {
    color: var(--cdb-accent);
    font-weight: 900;
}

.cdb-record-value[b-auxj0xl7hy] {
    display: flex;
    gap: 7px;
    white-space: nowrap;
}

.cdb-win[b-auxj0xl7hy] {
    color: var(--cdb-win);
}

.cdb-loss[b-auxj0xl7hy] {
    color: var(--cdb-loss);
}

.cdb-draw[b-auxj0xl7hy] {
    color: var(--cdb-draw);
}

.cdb-result-action[b-auxj0xl7hy] {
    display: flex;
    justify-content: flex-end;
}

.cdb-view-button[b-auxj0xl7hy] {
    min-width: 104px;
}

.cdb-info-panel[b-auxj0xl7hy] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.cdb-info-icon[b-auxj0xl7hy] {
    width: 76px;
    height: 76px;
}

.cdb-info-icon .mud-icon-root[b-auxj0xl7hy] {
    font-size: 2.2rem;
}

.cdb-info-panel h2[b-auxj0xl7hy] {
    margin-bottom: 10px;
}

.cdb-detail-wrap[b-auxj0xl7hy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cdb-back-bar[b-auxj0xl7hy] {
    display: flex;
    align-items: center;
}

.cdb-back-bar[b-auxj0xl7hy]  .mud-button-root {
    min-height: 40px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.cdb-meta-strip[b-auxj0xl7hy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
}

.cdb-meta-strip div[b-auxj0xl7hy] {
    padding: 18px 22px;
    border-right: 1px solid var(--cdb-divider);
}

.cdb-meta-strip div:last-child[b-auxj0xl7hy] {
    border-right: 0;
}

.cdb-meta-strip span[b-auxj0xl7hy] {
    display: block;
    margin-bottom: 6px;
    color: var(--cdb-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cdb-meta-strip strong[b-auxj0xl7hy] {
    color: var(--cdb-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.cdb-tabs-shell[b-auxj0xl7hy] {
    overflow: hidden;
    border: 1px solid var(--cdb-border);
    border-radius: 8px;
    background: var(--cdb-panel);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.cdb-custom-tabs[b-auxj0xl7hy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--cdb-divider);
    background: rgba(5, 11, 18, 0.4);
}

.cdb-tab-button[b-auxj0xl7hy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--cdb-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
    text-align: left;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.cdb-tab-button .mud-icon-root[b-auxj0xl7hy] {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.cdb-tab-button span[b-auxj0xl7hy] {
    min-width: 0;
}

.cdb-tab-button:hover[b-auxj0xl7hy],
.cdb-tab-button--active[b-auxj0xl7hy] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
    color: var(--cdb-accent);
}

.cdb-custom-panel[b-auxj0xl7hy] {
    min-height: 260px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 16px;
}

@media (max-width: 1180px) {
    .cdb-tool-header[b-auxj0xl7hy] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .cdb-public-note[b-auxj0xl7hy] {
        grid-column: 1 / -1;
    }

    .cdb-search-row[b-auxj0xl7hy] {
        grid-template-columns: minmax(260px, 1fr) 142px 220px;
    }

    .cdb-clear-button[b-auxj0xl7hy],
    .cdb-search-button[b-auxj0xl7hy] {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .cdb-page-shell[b-auxj0xl7hy] {
        padding: 20px 32px 58px;
    }
}

@media (max-width: 960px) {
    .cdb-page-shell[b-auxj0xl7hy] {
        padding: 20px 32px 58px;
    }

    .cdb-results-head[b-auxj0xl7hy] {
        display: none;
    }

    .cdb-result-row[b-auxj0xl7hy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 18px;
        align-items: start;
    }

    .cdb-result-club[b-auxj0xl7hy],
    .cdb-result-action[b-auxj0xl7hy] {
        grid-column: 1 / -1;
    }

    .cdb-result-row > span:not(.cdb-result-action)[b-auxj0xl7hy] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 0;
        border-top: 1px solid var(--cdb-divider);
    }

    .cdb-result-row > span:not(.cdb-result-action)[b-auxj0xl7hy]::before {
        content: attr(data-label);
        color: var(--cdb-muted);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .cdb-result-action[b-auxj0xl7hy] {
        justify-content: stretch;
    }

    .cdb-view-button[b-auxj0xl7hy] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .cdb-page-shell[b-auxj0xl7hy] {
        padding: 14px 16px 44px;
    }

    .cdb-tool-header[b-auxj0xl7hy],
    .cdb-search-panel[b-auxj0xl7hy],
    .cdb-results-panel[b-auxj0xl7hy],
    .cdb-info-panel[b-auxj0xl7hy] {
        padding: 14px;
    }

    .cdb-tool-header[b-auxj0xl7hy] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cdb-tool-mark[b-auxj0xl7hy] {
        width: 72px;
        height: 72px;
    }

    .cdb-tool-mark .mud-icon-root[b-auxj0xl7hy] {
        font-size: 2.75rem;
    }

    .cdb-tool-copy h1[b-auxj0xl7hy] {
        font-size: 2rem;
    }

    .cdb-tool-copy p[b-auxj0xl7hy] {
        font-size: 1rem;
    }

    .cdb-public-note[b-auxj0xl7hy] {
        min-width: 0;
        padding: 14px;
    }

    .cdb-search-row[b-auxj0xl7hy],
    .cdb-meta-strip[b-auxj0xl7hy] {
        grid-template-columns: 1fr;
    }

    .cdb-result-row[b-auxj0xl7hy] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .cdb-result-avatar[b-auxj0xl7hy] {
        width: 50px;
        height: 50px;
    }

    .cdb-info-panel[b-auxj0xl7hy] {
        align-items: flex-start;
        gap: 14px;
    }

    .cdb-info-icon[b-auxj0xl7hy] {
        width: 48px;
        height: 48px;
    }

    .cdb-info-icon .mud-icon-root[b-auxj0xl7hy] {
        font-size: 1.6rem;
    }

    .cdb-meta-strip div[b-auxj0xl7hy] {
        border-right: 0;
        border-bottom: 1px solid var(--cdb-divider);
        padding: 14px;
    }

    .cdb-meta-strip div:last-child[b-auxj0xl7hy] {
        border-bottom: 0;
    }

    .cdb-custom-tabs[b-auxj0xl7hy] {
        padding: 10px;
    }

    .cdb-custom-panel[b-auxj0xl7hy] {
        padding: 12px;
    }
}

@media (max-width: 520px) {
    .cdb-tab-button[b-auxj0xl7hy] {
        flex: 1 1 100%;
        justify-content: flex-start;
        min-height: 44px;
    }
}
/* /Pages/Tools/CustomPlayers.razor.rz.scp.css */
.custom-players-page[b-h5ot6gtoca] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 12px 36px;
}

.cp-hero[b-h5ot6gtoca] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    border: 1px solid rgba(0, 200, 255, 0.12);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(102, 0, 187, 0.2), transparent 34%),
        linear-gradient(135deg, rgba(18, 23, 46, 0.98), rgba(23, 29, 56, 0.94));
}

.cp-hero-icon[b-h5ot6gtoca] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: 10px;
    color: #00c8ff;
    background: rgba(0, 200, 255, 0.08);
}

.cp-title[b-h5ot6gtoca] {
    font-weight: 800;
    color: #fff;
}

.cp-subtitle[b-h5ot6gtoca] {
    color: var(--pcw-text-muted);
}

.cp-toolbar[b-h5ot6gtoca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    background: rgba(14, 20, 32, 0.74);
}

.cp-search[b-h5ot6gtoca] {
    flex: 1 1 320px;
    max-width: 460px;
}

.cp-count[b-h5ot6gtoca] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    color: rgba(255,255,255,0.62);
    font-size: .82rem;
    font-weight: 700;
}

.cp-count span[b-h5ot6gtoca] {
    color: #00c8ff;
    font-size: 1.1rem;
}

.cp-count small[b-h5ot6gtoca] {
    color: rgba(255,255,255,0.36);
}

.cp-grid[b-h5ot6gtoca] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.cp-card[b-h5ot6gtoca] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(18, 25, 40, 0.98), rgba(12, 18, 29, 0.98));
    box-shadow: 0 12px 30px rgba(0,0,0,0.24);
}

.cp-card--skeleton[b-h5ot6gtoca] {
    min-height: 188px;
    background: linear-gradient(100deg, rgba(255,255,255,0.04), rgba(255,255,255,0.08), rgba(255,255,255,0.04));
    animation: cp-pulse-b-h5ot6gtoca 1.4s ease-in-out infinite;
}

@keyframes cp-pulse-b-h5ot6gtoca {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

.cp-card-top[b-h5ot6gtoca] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cp-avatar[b-h5ot6gtoca] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #1c2170, #4b0082);
    font-weight: 900;
}

.cp-identity[b-h5ot6gtoca] {
    min-width: 0;
    flex: 1;
}

.cp-name[b-h5ot6gtoca] {
    overflow: hidden;
    color: #fff;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-meta[b-h5ot6gtoca] {
    color: rgba(255,255,255,0.42);
    font-size: .76rem;
}

.cp-actions[b-h5ot6gtoca] {
    display: flex;
    flex: 0 0 auto;
    gap: 2px;
}

.cp-chip-row[b-h5ot6gtoca] {
    display: flex;
    min-height: 24px;
    flex-wrap: wrap;
    gap: 6px;
}

.cp-chip[b-h5ot6gtoca] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 7px;
    color: rgba(255,255,255,0.72);
    background: rgba(255,255,255,0.06);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.cp-chip--position[b-h5ot6gtoca] {
    color: #7fffd4;
    border-color: rgba(127,255,212,0.24);
    background: rgba(127,255,212,0.08);
}

.cp-notes[b-h5ot6gtoca] {
    display: -webkit-box;
    min-height: 40px;
    margin: 0;
    overflow: hidden;
    color: rgba(255,255,255,0.62);
    font-size: .86rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cp-notes--empty[b-h5ot6gtoca] {
    color: rgba(255,255,255,0.34);
    font-style: italic;
}

.cp-empty[b-h5ot6gtoca] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 54px 24px;
    border: 1px dashed rgba(255,255,255,0.12);
    border-radius: 14px;
    color: var(--pcw-text-muted);
    background: rgba(255,255,255,0.03);
    text-align: center;
}

.cp-empty .mud-icon-root[b-h5ot6gtoca] {
    font-size: 3rem;
    color: rgba(0, 200, 255, 0.32);
}

@media (max-width: 680px) {
    .custom-players-page[b-h5ot6gtoca] {
        padding: 12px 0 28px;
    }

    .cp-hero[b-h5ot6gtoca],
    .cp-toolbar[b-h5ot6gtoca] {
        align-items: stretch;
        flex-direction: column;
    }

    .cp-search[b-h5ot6gtoca] {
        max-width: none;
    }
}
/* /Pages/Tools/DrawWheelTool.razor.rz.scp.css */
.draw-wheel-tool-page[b-0ysjuospvb] {
    width: min(1720px, 100%);
    margin: 0 auto;
    padding: 24px 72px 72px;
    color: #fff;
}

.draw-wheel-tool-header[b-0ysjuospvb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.draw-wheel-tool-header span[b-0ysjuospvb],
.draw-wheel-panel-heading span[b-0ysjuospvb] {
    color: #00afff;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.draw-wheel-tool-header h1[b-0ysjuospvb] {
    margin: 8px 0 8px;
    font-size: clamp(2.4rem, 6vw, 4rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
}

.draw-wheel-tool-header p[b-0ysjuospvb] {
    max-width: 760px;
    margin: 0;
    color: #c8d4e3;
    font-size: 1rem;
    line-height: 1.55;
}

.draw-wheel-back-link[b-0ysjuospvb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(141, 203, 255, 0.2);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.66);
    color: #c8d4e3;
    font-weight: 850;
    text-decoration: none;
}

.draw-wheel-back-link:hover[b-0ysjuospvb] {
    border-color: rgba(0, 175, 255, 0.48);
    color: #fff;
}

.draw-wheel-tool-grid[b-0ysjuospvb] {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.draw-wheel-editor-panel[b-0ysjuospvb],
.draw-wheel-canvas-panel[b-0ysjuospvb] {
    border: 1px solid rgba(141, 203, 255, 0.18);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.74);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.2);
}

.draw-wheel-editor-panel[b-0ysjuospvb] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 16px;
    padding: 18px;
}

.draw-wheel-canvas-panel[b-0ysjuospvb] {
    padding: 20px;
    overflow: hidden;
}

.draw-wheel-panel-heading[b-0ysjuospvb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.draw-wheel-panel-heading strong[b-0ysjuospvb] {
    color: #ffd074;
    font-size: 0.82rem;
    font-weight: 900;
}

.draw-wheel-entry-input[b-0ysjuospvb] {
    width: 100%;
    min-height: 360px;
    resize: vertical;
    border: 1px solid rgba(141, 203, 255, 0.2);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.72);
    color: #fff;
    font: 700 0.95rem/1.5 inherit;
    outline: none;
    padding: 14px;
}

.draw-wheel-entry-input:focus[b-0ysjuospvb] {
    border-color: rgba(0, 175, 255, 0.58);
    box-shadow: 0 0 0 3px rgba(0, 175, 255, 0.1);
}

.draw-wheel-entry-input:disabled[b-0ysjuospvb] {
    cursor: not-allowed;
    opacity: 0.72;
    background: rgba(2, 11, 24, 0.86);
}

.draw-wheel-sample-row[b-0ysjuospvb],
.draw-wheel-action-row[b-0ysjuospvb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.draw-wheel-action-row[b-0ysjuospvb]  .mud-button-root {
    min-height: 40px;
}

.draw-wheel-history[b-0ysjuospvb] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(141, 203, 255, 0.14);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.46);
}

.draw-wheel-history p[b-0ysjuospvb] {
    margin: 0;
    color: #8fa6bd;
    font-size: 0.86rem;
    font-weight: 760;
    line-height: 1.45;
}

.draw-wheel-history-list[b-0ysjuospvb] {
    display: grid;
    gap: 8px;
    max-height: 270px;
    overflow: auto;
    padding-right: 2px;
    scrollbar-width: thin;
}

.draw-wheel-history-item[b-0ysjuospvb] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 8px;
    border: 1px solid rgba(141, 203, 255, 0.12);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.64);
}

.draw-wheel-history-item span[b-0ysjuospvb] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(0, 175, 255, 0.16);
    color: #8fdfff;
    font-size: 0.68rem;
    font-weight: 900;
}

.draw-wheel-history-item strong[b-0ysjuospvb] {
    overflow: hidden;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draw-wheel-history-item small[b-0ysjuospvb] {
    color: #ffd074;
    font-size: 0.68rem;
    font-weight: 850;
}

@media (max-width: 1180px) {
    .draw-wheel-tool-page[b-0ysjuospvb] {
        padding: 20px 32px 58px;
    }

    .draw-wheel-tool-grid[b-0ysjuospvb] {
        grid-template-columns: 1fr;
    }

    .draw-wheel-editor-panel[b-0ysjuospvb] {
        position: static;
    }
}

@media (max-width: 700px) {
    .draw-wheel-tool-page[b-0ysjuospvb] {
        padding: 14px 16px 44px;
    }

    .draw-wheel-tool-header[b-0ysjuospvb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .draw-wheel-editor-panel[b-0ysjuospvb],
    .draw-wheel-canvas-panel[b-0ysjuospvb] {
        padding: 14px;
    }

    .draw-wheel-entry-input[b-0ysjuospvb] {
        min-height: 240px;
    }
}
/* /Pages/Tools/GlobalActivityAtlas.razor.rz.scp.css */
.atlas-shell[b-u6219tqdpw] {
    --atlas-cyan: #00afff;
    --atlas-cyan-strong: #00d5ff;
    --atlas-gold: #ffd074;
    --atlas-panel: rgba(5, 13, 25, 0.9);

    position: fixed;
    top: var(--mud-appbar-height, 64px);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 45;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    height: calc(100dvh - var(--mud-appbar-height, 64px));
    padding: 10px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(2, 8, 18, 0.98), rgba(3, 12, 28, 0.98)),
        repeating-linear-gradient(90deg, rgba(0, 175, 255, 0.055) 0 1px, transparent 1px 86px),
        repeating-linear-gradient(0deg, rgba(0, 175, 255, 0.04) 0 1px, transparent 1px 86px);
    color: #ffffff;
    overscroll-behavior: none;
}

.atlas-mobile-sheet-backdrop[b-u6219tqdpw],
.atlas-mobile-tabs[b-u6219tqdpw],
.atlas-mobile-filter-sections[b-u6219tqdpw],
.atlas-mobile-close[b-u6219tqdpw],
[b-u6219tqdpw] .atlas-mobile-close {
    display: none;
}

.atlas-topbar[b-u6219tqdpw],
.atlas-filter-shell[b-u6219tqdpw],
.atlas-map-panel[b-u6219tqdpw],
[b-u6219tqdpw] .atlas-privacy-banner {
    border: 1px solid rgba(0, 200, 255, 0.16);
    background: var(--atlas-panel);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(18px);
}

.atlas-topbar[b-u6219tqdpw] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px 8px 12px;
    border-radius: 10px;
    border-color: rgba(0, 175, 255, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 208, 116, 0.15),
        0 18px 46px rgba(0, 0, 0, 0.34);
}

.atlas-title-block[b-u6219tqdpw],
.atlas-top-actions[b-u6219tqdpw],
.atlas-filter-panel-heading[b-u6219tqdpw],
.atlas-filter-group-title[b-u6219tqdpw],
.atlas-filter-group-title span[b-u6219tqdpw],
.atlas-layer-row[b-u6219tqdpw],
.atlas-layer-chip[b-u6219tqdpw],
.atlas-summary-item[b-u6219tqdpw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.atlas-title-block .mud-icon-root[b-u6219tqdpw] {
    width: 38px;
    height: 38px;
    padding: 7px;
    border: 1px solid rgba(0, 200, 255, 0.38);
    border-radius: 10px;
    color: var(--atlas-cyan);
    background: rgba(0, 200, 255, 0.1);
    box-shadow: 0 0 18px rgba(0, 175, 255, 0.18);
}

.atlas-title-block div[b-u6219tqdpw],
.atlas-filter-panel-heading div[b-u6219tqdpw] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.atlas-title-block span[b-u6219tqdpw],
.atlas-filter-panel-heading span[b-u6219tqdpw] {
    color: var(--atlas-gold);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
}

.atlas-title-block strong[b-u6219tqdpw],
.atlas-filter-panel-heading strong[b-u6219tqdpw] {
    overflow: hidden;
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atlas-top-actions[b-u6219tqdpw] {
    flex-shrink: 0;
}

.atlas-stage[b-u6219tqdpw] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(292px, 340px);
    gap: 10px;
    overflow: hidden;
}

.atlas-map-panel[b-u6219tqdpw] {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #030812;
}

.atlas-canvas-host[b-u6219tqdpw] {
    width: 100%;
    height: 100%;
    min-height: 0;
    background:
        linear-gradient(135deg, rgba(0, 175, 255, 0.08), rgba(255, 208, 116, 0.035) 42%, rgba(3, 8, 18, 0.96)),
        repeating-linear-gradient(90deg, rgba(0, 175, 255, 0.035) 0 1px, transparent 1px 72px),
        repeating-linear-gradient(0deg, rgba(0, 175, 255, 0.028) 0 1px, transparent 1px 72px),
        #050a12;
    touch-action: none;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    user-select: none;
}

.atlas-filter-shell[b-u6219tqdpw] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    overflow-y: auto;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(5, 16, 31, 0.94), rgba(4, 10, 20, 0.96)),
        rgba(10, 14, 28, 0.72);
    scrollbar-width: thin;
}

.atlas-filter-panel-heading[b-u6219tqdpw] {
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.atlas-filter-shell[b-u6219tqdpw]  .mud-input-root,
.atlas-filter-shell[b-u6219tqdpw]  .mud-input-control {
    min-height: 38px;
}

.atlas-filter-shell[b-u6219tqdpw]  .atlas-filter-search,
.atlas-filter-shell[b-u6219tqdpw]  .atlas-filter-select {
    min-width: 0;
}

.atlas-filter-shell[b-u6219tqdpw]  .mud-input-root {
    background: rgba(4, 10, 19, 0.42);
    border-radius: 7px;
}

.atlas-filter-shell[b-u6219tqdpw]  .mud-input-label {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
}

.atlas-filter-shell[b-u6219tqdpw]  input,
.atlas-filter-shell[b-u6219tqdpw]  .mud-input-slot {
    font-size: 0.84rem;
}

.atlas-desktop-filter-stack[b-u6219tqdpw],
.atlas-filter-group[b-u6219tqdpw],
.atlas-filter-selects[b-u6219tqdpw],
.atlas-summary-grid[b-u6219tqdpw],
.atlas-metric-list[b-u6219tqdpw],
.atlas-transfer-card-list[b-u6219tqdpw],
.atlas-link-list[b-u6219tqdpw],
.atlas-dialog-body[b-u6219tqdpw] {
    display: grid;
    gap: 10px;
}

.atlas-filter-group[b-u6219tqdpw] {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035);
}

.atlas-filter-group-title[b-u6219tqdpw] {
    justify-content: space-between;
    gap: 10px;
}

.atlas-filter-group-title .mud-icon-root[b-u6219tqdpw] {
    color: var(--atlas-cyan);
    font-size: 1.05rem;
}

.atlas-filter-group-title strong[b-u6219tqdpw] {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
}

.atlas-filter-group-title em[b-u6219tqdpw] {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atlas-filter-selects[b-u6219tqdpw] {
    grid-template-columns: 1fr;
}

.atlas-layer-row[b-u6219tqdpw] {
    gap: 7px;
    flex-wrap: wrap;
}

.atlas-layer-chip[b-u6219tqdpw] {
    appearance: none;
    justify-content: flex-start;
    min-height: 32px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.64);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.atlas-layer-chip .mud-icon-root[b-u6219tqdpw] {
    width: 15px;
    height: 15px;
    font-size: 15px;
    color: var(--atlas-cyan);
    opacity: 0.86;
}

.atlas-layer-chip span[b-u6219tqdpw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atlas-layer-chip:hover[b-u6219tqdpw],
.atlas-layer-chip:focus-visible[b-u6219tqdpw] {
    border-color: rgba(0, 200, 255, 0.38);
    color: #ffffff;
    outline: none;
}

.atlas-layer-chip.is-active[b-u6219tqdpw] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.13);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(0, 200, 255, 0.08);
}

.atlas-summary-grid[b-u6219tqdpw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.atlas-summary-item[b-u6219tqdpw] {
    align-items: flex-start;
    flex-direction: column;
    min-height: 70px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(4, 10, 19, 0.38);
}

.atlas-summary-item .mud-icon-root[b-u6219tqdpw] {
    color: var(--atlas-cyan);
    font-size: 1rem;
}

.atlas-summary-item span[b-u6219tqdpw] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.68rem;
    font-weight: 800;
}

.atlas-summary-item strong[b-u6219tqdpw] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
}

.atlas-empty-detail[b-u6219tqdpw],
.atlas-loading[b-u6219tqdpw] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--pcw-text-muted);
    text-align: center;
}

.atlas-empty-detail[b-u6219tqdpw] {
    height: 100%;
}

.atlas-empty-detail .mud-icon-root[b-u6219tqdpw] {
    color: var(--atlas-cyan);
    font-size: 2rem;
}

.atlas-loading[b-u6219tqdpw],
[b-u6219tqdpw] .atlas-alert {
    position: absolute;
    inset: 0;
    z-index: 4;
    margin: 0;
    background: rgba(5, 10, 18, 0.86);
}

[b-u6219tqdpw] .atlas-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

[b-u6219tqdpw] .atlas-privacy-banner {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    margin: 0;
    border-radius: 8px;
}

[b-u6219tqdpw] .mud-dialog.atlas-marker-dialog {
    width: min(760px, calc(100vw - 24px));
    max-height: min(86dvh, 860px);
    border: 1px solid rgba(0, 200, 255, 0.2);
    border-radius: 12px;
    background: #08111d;
    color: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.56);
}

[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-title,
[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-content,
[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-actions {
    background: transparent;
    color: #ffffff;
}

[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-title {
    padding: 16px 18px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-content {
    padding: 16px 18px;
    overflow-x: hidden;
}

[b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-actions {
    padding: 12px 18px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.atlas-dialog-title[b-u6219tqdpw],
.atlas-dialog-summary[b-u6219tqdpw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.atlas-dialog-title[b-u6219tqdpw] {
    justify-content: flex-start;
}

.atlas-dialog-title > .mud-icon-root[b-u6219tqdpw] {
    width: 36px;
    height: 36px;
    padding: 7px;
    border: 1px solid rgba(0, 200, 255, 0.32);
    border-radius: 9px;
    color: var(--atlas-cyan);
    background: rgba(0, 200, 255, 0.1);
}

.atlas-dialog-title div[b-u6219tqdpw],
.atlas-dialog-summary div[b-u6219tqdpw] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.atlas-dialog-title span[b-u6219tqdpw] {
    color: var(--atlas-gold);
    font-size: 0.72rem;
    font-weight: 850;
}

.atlas-dialog-title strong[b-u6219tqdpw] {
    overflow: hidden;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.1;
    text-overflow: ellipsis;
}

.atlas-dialog-summary[b-u6219tqdpw] {
    align-items: flex-start;
}

.atlas-dialog-summary .mud-typography-caption[b-u6219tqdpw] {
    color: var(--pcw-text-muted);
    font-weight: 800;
}

.atlas-dialog-summary .mud-typography-body2[b-u6219tqdpw] {
    color: rgba(255, 255, 255, 0.78);
}

[b-u6219tqdpw] .atlas-marker-dialog .atlas-dialog-count-chip {
    width: auto !important;
    max-width: max-content;
    justify-self: start;
}

.atlas-metric-list[b-u6219tqdpw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.atlas-metric[b-u6219tqdpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.atlas-metric span[b-u6219tqdpw],
.atlas-link-row small[b-u6219tqdpw] {
    color: var(--pcw-text-muted);
}

.atlas-metric strong[b-u6219tqdpw] {
    color: #ffffff;
}

[b-u6219tqdpw] .atlas-privacy-note {
    margin-top: 2px;
}

.atlas-transfer-card-list[b-u6219tqdpw] {
    justify-items: center;
}

.atlas-transfer-card-shell[b-u6219tqdpw] {
    width: min(100%, 430px);
    min-width: 0;
    overflow: hidden;
    border-radius: 10px;
}

.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team,
.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-player {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.36);
}

.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team {
    min-height: 344px;
}

.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team-logo,
.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team-logo-placeholder {
    width: 72px;
    height: 72px;
}

.atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team-name {
    font-size: 1.05rem;
}

.atlas-link-list[b-u6219tqdpw] {
    gap: 8px;
}

.atlas-link-list > .mud-typography-subtitle2[b-u6219tqdpw] {
    color: #ffffff;
    font-weight: 850;
}

.atlas-link-row[b-u6219tqdpw] {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    text-decoration: none;
}

.atlas-link-row:hover[b-u6219tqdpw] {
    border-color: rgba(0, 200, 255, 0.42);
    background: rgba(0, 200, 255, 0.08);
}

@media (max-width: 1100px) {
    .atlas-stage[b-u6219tqdpw] {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 300px);
    }

    .atlas-summary-grid[b-u6219tqdpw],
    .atlas-metric-list[b-u6219tqdpw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .atlas-shell[b-u6219tqdpw] {
        padding: 8px 8px calc(75px + env(safe-area-inset-bottom, 0px));
        gap: 8px;
    }

    .atlas-topbar[b-u6219tqdpw] {
        min-height: 50px;
        padding: 6px 8px;
    }

    .atlas-title-block .mud-icon-root[b-u6219tqdpw] {
        width: 34px;
        height: 34px;
        padding: 6px;
    }

    .atlas-title-block span[b-u6219tqdpw] {
        display: none;
    }

    .atlas-title-block strong[b-u6219tqdpw] {
        font-size: 0.95rem;
    }

    .atlas-top-actions[b-u6219tqdpw] {
        gap: 4px;
    }

    .atlas-stage[b-u6219tqdpw] {
        grid-template-columns: 1fr;
    }

    .atlas-map-panel[b-u6219tqdpw] {
        border-radius: 10px;
    }

    .atlas-filter-shell[b-u6219tqdpw] {
        position: fixed;
        right: 8px;
        bottom: calc(73px + env(safe-area-inset-bottom, 0px));
        left: 8px;
        z-index: 57;
        width: auto;
        max-height: min(56dvh, 500px);
        padding: 10px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-radius: 14px 14px 10px 10px;
        box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.48);
        transform: translateY(calc(100% + 96px));
        transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .atlas-mobile-panel-filters .atlas-filter-shell[b-u6219tqdpw] {
        transform: translateY(0);
    }

    .atlas-mobile-close[b-u6219tqdpw],
    [b-u6219tqdpw] .atlas-mobile-close {
        display: inline-flex;
    }

    .atlas-desktop-filter-stack[b-u6219tqdpw] {
        display: none;
    }

    .atlas-mobile-filter-sections[b-u6219tqdpw] {
        display: grid;
        gap: 8px;
    }

    .atlas-filter-section[b-u6219tqdpw] {
        min-width: 0;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.035);
        overflow: hidden;
    }

    .atlas-filter-section-summary[b-u6219tqdpw] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 22px;
        align-items: center;
        gap: 8px;
        min-height: 46px;
        padding: 0 10px;
        color: rgba(255, 255, 255, 0.78);
        cursor: pointer;
        list-style: none;
    }

    .atlas-filter-section-summary[b-u6219tqdpw]::-webkit-details-marker {
        display: none;
    }

    .atlas-filter-section-summary span[b-u6219tqdpw] {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 8px;
    }

    .atlas-filter-section-summary .mud-icon-root[b-u6219tqdpw] {
        color: #00c8ff;
    }

    .atlas-filter-section-summary strong[b-u6219tqdpw] {
        overflow: hidden;
        color: #ffffff;
        font-size: 0.86rem;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .atlas-filter-section-summary em[b-u6219tqdpw] {
        max-width: 142px;
        overflow: hidden;
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .atlas-filter-section-caret[b-u6219tqdpw] {
        justify-self: end;
        transition: transform 0.16s ease;
    }

    .atlas-filter-section[open] .atlas-filter-section-caret[b-u6219tqdpw] {
        transform: rotate(180deg);
    }

    .atlas-filter-section-body[b-u6219tqdpw] {
        padding: 0 10px 10px;
    }

    .atlas-layer-row[b-u6219tqdpw] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .atlas-layer-chip[b-u6219tqdpw] {
        min-height: 36px;
        padding-inline: 8px;
    }

    [b-u6219tqdpw] .atlas-privacy-banner {
        display: none;
    }

    .atlas-mobile-sheet-backdrop[b-u6219tqdpw] {
        position: fixed;
        inset: var(--mud-appbar-height, 64px) 0 0;
        z-index: 56;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, 0.52);
        animation: atlas-fade-in-b-u6219tqdpw 0.16s ease;
    }

    .atlas-mobile-tabs[b-u6219tqdpw] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 58;
        display: flex;
        min-height: 67px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        border-top: 1px solid rgba(0, 200, 255, 0.14);
        background: rgba(10, 15, 26, 0.98);
        box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.44);
    }

    .atlas-mobile-tab[b-u6219tqdpw] {
        position: relative;
        flex: 1;
        min-width: 0;
        min-height: 61px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 7px 4px 5px;
        border: 0;
        border-top: 2px solid transparent;
        background: transparent;
        color: rgba(255, 255, 255, 0.46);
        cursor: pointer;
        font-family: inherit;
        font-size: 0.64rem;
        font-weight: 750;
        letter-spacing: 0;
        -webkit-tap-highlight-color: transparent;
        transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    }

    .atlas-mobile-tab:active:not(:disabled)[b-u6219tqdpw] {
        background: rgba(0, 200, 255, 0.09);
        color: rgba(255, 255, 255, 0.8);
    }

    .atlas-mobile-tab.is-active[b-u6219tqdpw] {
        border-top-color: #00c8ff;
        color: #00c8ff;
        background: linear-gradient(180deg, rgba(0, 200, 255, 0.08), transparent 58%);
    }

    .atlas-mobile-tab:disabled[b-u6219tqdpw] {
        cursor: not-allowed;
        opacity: 0.42;
    }

    .atlas-mobile-tab .mud-icon-root[b-u6219tqdpw] {
        font-size: 1.24rem;
    }

    .atlas-mobile-tab span[b-u6219tqdpw] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-u6219tqdpw] .mud-dialog.atlas-marker-dialog {
        width: min(430px, calc(100vw - 16px));
        max-height: min(88dvh, 760px);
    }

    [b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-title {
        padding: 14px 14px 10px;
    }

    [b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-content {
        padding: 14px;
    }

    [b-u6219tqdpw] .atlas-marker-dialog .mud-dialog-actions {
        padding: 10px 14px 14px;
    }

    .atlas-dialog-title strong[b-u6219tqdpw] {
        font-size: 1rem;
    }

    .atlas-dialog-summary[b-u6219tqdpw],
    .atlas-metric-list[b-u6219tqdpw] {
        grid-template-columns: 1fr;
    }

    .atlas-dialog-summary[b-u6219tqdpw] {
        display: grid;
    }

    .atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-team {
        min-height: 324px;
    }

    .atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-player-visual {
        height: 138px;
    }

    .atlas-transfer-card-shell[b-u6219tqdpw]  .tmc-player-portrait {
        height: 136px;
    }
}

@media (max-width: 420px) {
    .atlas-topbar[b-u6219tqdpw] {
        gap: 6px;
    }

    .atlas-title-block .mud-icon-root[b-u6219tqdpw] {
        display: none;
    }

    .atlas-title-block strong[b-u6219tqdpw] {
        max-width: 210px;
    }

    .atlas-top-actions[b-u6219tqdpw]  .mud-chip {
        max-width: 96px;
    }
}

@keyframes atlas-fade-in-b-u6219tqdpw {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Pages/Tools/MyBuilds.razor.rz.scp.css */
.my-builds-title[b-p9n59hiayw] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 16px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
/* /Pages/Tools/PlayerBuilder.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   PREMIUM PLAYER BUILDER — Football RPG Theme
   ═══════════════════════════════════════════════════ */
.pb-root[b-xjt8oswun6] {
    position: fixed;
    top: calc(var(--mud-appbar-height, 64px) + var(--pcw-dev-banner-height, 30px));
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding: 8px 16px 8px;
    background: #0b0f14;
    z-index: 10;
    overflow: hidden;
    box-sizing: border-box;
}

/* ── RPG Header ── */
.pb-header[b-xjt8oswun6] {
    flex-shrink: 0;
    background: linear-gradient(180deg, #0d1117 0%, #111820 100%);
    border: 1px solid rgba(0,200,255,0.08);
    border-radius: 14px;
    padding: 8px 14px;
    margin-bottom: 10px;
}
.pb-header[b-xjt8oswun6]::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 8%;
    right: 8%;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, rgba(0,200,255,0.25), transparent);
}
.pb-header-row[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pb-header-top-row[b-xjt8oswun6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.pb-header-controls[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.pb-compact-stats[b-xjt8oswun6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid rgba(0,200,255,0.12);
    background: rgba(0,200,255,0.04);
}

.pb-compact-label[b-xjt8oswun6] {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255,255,255,0.45);
    letter-spacing: .4px;
    text-transform: uppercase;
}

.pb-compact-value[b-xjt8oswun6] {
    font-size: 13px;
    font-weight: 800;
    color: #00c8ff;
    font-variant-numeric: tabular-nums;
}

.pb-compact-value--ok[b-xjt8oswun6] { color: #4ade80; }
.pb-compact-value--bad[b-xjt8oswun6] { color: #f87171; }

.pb-compact-muted[b-xjt8oswun6] {
    font-size: 10px;
    color: rgba(255,255,255,0.25);
}

.pb-compact-sep[b-xjt8oswun6] {
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,0.10);
}

.pb-build-name[b-xjt8oswun6] {
    max-width: 220px;
}

.pb-header-btn[b-xjt8oswun6] {
    border-radius: 8px;
    text-transform: none;
    font-weight: 700;
}

.pb-archetype-picker-wrap[b-xjt8oswun6] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.pb-header-meta-row[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.pb-brand[b-xjt8oswun6] {
    margin: 0;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0;
    white-space: nowrap;
    background: linear-gradient(135deg, #e0e7ff 0%, #00c8ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Archetype picker (image cards + category pills) ── */
.pb-archetype-picker[b-xjt8oswun6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
    padding: 2px 4px;
    width: 100%;
}

.pb-arch-group[b-xjt8oswun6] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 12px;
    padding: 8px;
    background: linear-gradient(180deg, rgba(0, 200, 255, 0.04) 0%, rgba(0, 200, 255, 0.01) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.pb-arch-group[b-xjt8oswun6]::before {
    content: '';
    display: block;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0,200,255,0.15) 0%, rgba(0,200,255,0.75) 45%, rgba(0,200,255,0.15) 100%);
    box-shadow: 0 0 8px rgba(0,200,255,0.35);
}

.pb-arch-group-title[b-xjt8oswun6] {
    position: relative;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0, 200, 255, 0.35);
    background: linear-gradient(135deg, rgba(16, 35, 66, 0.85) 0%, rgba(28, 46, 92, 0.55) 100%);
    box-shadow: 0 0 12px rgba(0, 200, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.08);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-clip: padding-box;
    color: #a7dcff;
    text-shadow: 0 0 8px rgba(0, 200, 255, 0.4);
}

.pb-arch-group-title[b-xjt8oswun6]::before {
    content: '◆';
    font-size: 9px;
    color: #00c8ff;
    text-shadow: 0 0 8px rgba(0, 200, 255, 0.55);
}

.pb-arch-group--goalkeeper[b-xjt8oswun6] {
    border-color: rgba(34, 211, 238, 0.45);
    background: linear-gradient(135deg, rgba(8, 38, 61, 0.9) 0%, rgba(18, 57, 94, 0.62) 100%);
    color: #9be8ff;
    text-shadow: 0 0 8px rgba(34, 211, 238, 0.5);
}

.pb-arch-group--goalkeeper[b-xjt8oswun6]::before {
    color: #22d3ee;
    text-shadow: 0 0 8px rgba(34, 211, 238, 0.6);
}

.pb-arch-group--defender[b-xjt8oswun6] {
    border-color: rgba(96, 165, 250, 0.45);
    background: linear-gradient(135deg, rgba(18, 34, 72, 0.9) 0%, rgba(36, 63, 124, 0.62) 100%);
    color: #b2d0ff;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.45);
}

.pb-arch-group--defender[b-xjt8oswun6]::before {
    color: #60a5fa;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.6);
}

.pb-arch-group--midfielder[b-xjt8oswun6] {
    border-color: rgba(167, 139, 250, 0.48);
    background: linear-gradient(135deg, rgba(43, 27, 82, 0.9) 0%, rgba(74, 46, 130, 0.62) 100%);
    color: #d7c5ff;
    text-shadow: 0 0 8px rgba(167, 139, 250, 0.5);
}

.pb-arch-group--midfielder[b-xjt8oswun6]::before {
    color: #a78bfa;
    text-shadow: 0 0 8px rgba(167, 139, 250, 0.65);
}

.pb-arch-group--forward[b-xjt8oswun6] {
    border-color: rgba(236, 72, 153, 0.5);
    background: linear-gradient(135deg, rgba(74, 14, 52, 0.9) 0%, rgba(131, 24, 91, 0.62) 100%);
    color: #ffc0df;
    text-shadow: 0 0 8px rgba(236, 72, 153, 0.45);
}

.pb-arch-group--forward[b-xjt8oswun6]::before {
    color: #ec4899;
    text-shadow: 0 0 8px rgba(236, 72, 153, 0.6);
}

.pb-arch-group--default[b-xjt8oswun6] {
    border-color: rgba(0, 200, 255, 0.35);
}

.pb-arch-row[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.pb-arch-card[b-xjt8oswun6] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 76px;
    padding: 7px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    color: #fff;
    cursor: pointer;
    transition: all .2s ease;
}

.pb-arch-card:hover[b-xjt8oswun6] {
    transform: translateY(-1px);
    border-color: rgba(0,200,255,0.4);
    box-shadow: 0 0 16px rgba(0,200,255,0.18);
    background: rgba(255,255,255,0.04);
}

.pb-arch-card--active[b-xjt8oswun6] {
    border-color: #4dabff;
    background: linear-gradient(135deg, rgba(30,136,229,0.35) 0%, rgba(29,102,204,0.45) 100%);
    box-shadow: 0 0 24px rgba(77,171,255,0.45);
    transform: translateY(-1px);
}

.pb-arch-card--active.pb-arch-group--goalkeeper[b-xjt8oswun6] {
    border-color: rgba(34, 211, 238, 0.9);
    background: linear-gradient(135deg, rgba(14, 116, 144, 0.42) 0%, rgba(6, 182, 212, 0.34) 100%);
    box-shadow: 0 0 22px rgba(34, 211, 238, 0.5);
}

.pb-arch-card--active.pb-arch-group--defender[b-xjt8oswun6] {
    border-color: rgba(96, 165, 250, 0.9);
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.45) 0%, rgba(59, 130, 246, 0.34) 100%);
    box-shadow: 0 0 22px rgba(96, 165, 250, 0.48);
}

.pb-arch-card--active.pb-arch-group--midfielder[b-xjt8oswun6] {
    border-color: rgba(167, 139, 250, 0.9);
    background: linear-gradient(135deg, rgba(109, 40, 217, 0.44) 0%, rgba(139, 92, 246, 0.34) 100%);
    box-shadow: 0 0 22px rgba(167, 139, 250, 0.5);
}

.pb-arch-card--active.pb-arch-group--forward[b-xjt8oswun6] {
    border-color: rgba(236, 72, 153, 0.92);
    background: linear-gradient(135deg, rgba(157, 23, 77, 0.45) 0%, rgba(219, 39, 119, 0.34) 100%);
    box-shadow: 0 0 22px rgba(236, 72, 153, 0.48);
}

.pb-arch-icon-wrap[b-xjt8oswun6] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pb-arch-icon[b-xjt8oswun6] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pb-arch-name[b-xjt8oswun6] {
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 1650px) {
    .pb-archetype-picker[b-xjt8oswun6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .pb-archetype-picker[b-xjt8oswun6] {
        grid-template-columns: 1fr;
    }
}

/* ── 3-Zone Layout ── */
.pb-zones[b-xjt8oswun6] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 380px;
    gap: 12px;
    flex: 1;
    min-height: 0;
    align-items: stretch;
}
@media (max-width: 1200px) {
    .pb-zones[b-xjt8oswun6] {
        grid-template-columns: 240px 1fr;
        overflow-y: auto;
    }
    .pb-zone-right[b-xjt8oswun6] {
        grid-column: 1 / -1;
        height: auto;
        max-height: 60vh;
    }
    .pb-zone-left[b-xjt8oswun6], .pb-zone-center[b-xjt8oswun6] {
        height: 100%;
    }
}

/* ── LEFT PANEL ── */
.pb-zone-left[b-xjt8oswun6] {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.08) transparent;
}
.pb-profile-panel[b-xjt8oswun6] {
    background: linear-gradient(180deg, rgba(15,24,34,0.95) 0%, rgba(10,16,24,0.98) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    overflow: hidden;
}
.pb-profile-section[b-xjt8oswun6] {
    padding: 12px 14px;
}
.pb-profile-section + .pb-profile-section[b-xjt8oswun6] {
    border-top: 1px solid rgba(255,255,255,0.04);
}
.pb-profile-label[b-xjt8oswun6] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255,255,255,0.35);
    margin-bottom: 6px;
    display: block;
}

/* Level + AP hero block */
.pb-level-hero[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 14px;
    background: linear-gradient(135deg, rgba(0,200,255,0.04) 0%, rgba(0,200,255,0.01) 100%);
}
.pb-level-ring[b-xjt8oswun6] {
    position: relative;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}
.pb-level-ring-bg[b-xjt8oswun6] {
    fill: none;
    stroke: rgba(255,255,255,0.06);
    stroke-width: 4;
}
.pb-level-ring-fg[b-xjt8oswun6] {
    fill: none;
    stroke: #00c8ff;
    stroke-width: 4;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.6s ease;
    filter: drop-shadow(0 0 4px rgba(0,200,255,0.3));
}
.pb-level-num[b-xjt8oswun6] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    font-variant-numeric: tabular-nums;
}
.pb-ap-block[b-xjt8oswun6] {
    flex: 1;
    min-width: 0;
}
.pb-ap-bar-track[b-xjt8oswun6] {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: rgba(255,255,255,0.06);
    overflow: hidden;
    margin-top: 6px;
}
.pb-ap-bar-fill[b-xjt8oswun6] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.4s ease, background 0.3s;
}

/* Spec pill chips */
.pb-spec-pill[b-xjt8oswun6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(0,200,255,0.2);
    background: rgba(0,200,255,0.06);
    color: #7dd3fc;
    cursor: pointer;
    transition: all 0.2s;
}
.pb-spec-pill:hover[b-xjt8oswun6] {
    background: rgba(0,200,255,0.12);
    border-color: rgba(0,200,255,0.35);
    transform: translateY(-1px);
}
.pb-spec-pill--locked[b-xjt8oswun6] {
    border-color: rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    color: rgba(255,255,255,0.35);
}

/* ── CENTER PANEL — Stat Section Flow ── */
.pb-zone-center[b-xjt8oswun6] {
    min-width: 0;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.08) transparent;
}
.pb-center-panel[b-xjt8oswun6] {
    background: linear-gradient(180deg, rgba(15,24,34,0.95) 0%, rgba(10,16,24,0.98) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 12px;
    overflow: hidden;
}
.pb-stat-grid[b-xjt8oswun6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(320px, 1fr));
    gap: 12px;
    align-items: start;
}
.pb-stat-section[b-xjt8oswun6] {
    background: linear-gradient(180deg, rgba(24, 34, 56, 0.78) 0%, rgba(18, 28, 48, 0.82) 100%);
    border: 1px solid rgba(95, 125, 180, 0.28);
    border-radius: 12px;
    padding: 12px;
    transition: border-color 0.25s, box-shadow 0.25s;
    position: relative;
    min-width: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.pb-stat-section:hover[b-xjt8oswun6] {
    border-color: rgba(80, 168, 255, 0.42);
    box-shadow: 0 0 24px rgba(0, 140, 255, 0.10);
}
.pb-stat-section-header[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.pb-stat-section-title[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pb-stat-section-name[b-xjt8oswun6] {
    font-size: 17px;
    font-weight: 800;
    text-transform: none;
    letter-spacing: 0.2px;
    color: rgba(255,255,255,0.92);
}
.pb-stat-section-badge[b-xjt8oswun6] {
    font-size: 26px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 10px;
    background: rgba(7, 12, 24, 0.65);
    border: 1px solid rgba(130, 160, 210, 0.25);
}
.pb-stat-section-rows[b-xjt8oswun6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 1900px) {
    .pb-stat-grid[b-xjt8oswun6] {
        grid-template-columns: repeat(2, minmax(330px, 1fr));
    }
}

@media (max-width: 1450px) {
    .pb-zones[b-xjt8oswun6] {
        grid-template-columns: 240px minmax(0, 1fr) 340px;
    }

    .pb-stat-grid[b-xjt8oswun6] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ── RIGHT PANEL ── */
.pb-zone-right[b-xjt8oswun6] {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.08) transparent;
}
.pb-right-panel[b-xjt8oswun6] {
    background: linear-gradient(180deg, rgba(15,24,34,0.95) 0%, rgba(10,16,24,0.98) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    overflow: hidden;
}
.pb-right-section[b-xjt8oswun6] {
    padding: 12px 14px;
}
.pb-right-section + .pb-right-section[b-xjt8oswun6] {
    border-top: 1px solid rgba(255,255,255,0.04);
}
.pb-right-label[b-xjt8oswun6] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255,255,255,0.35);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Accel type segmented control */
.pb-accel-seg[b-xjt8oswun6] {
    display: flex;
    gap: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
}
.pb-accel-seg-item[b-xjt8oswun6] {
    flex: 1;
    padding: 8px 6px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.3);
    transition: all 0.25s;
    cursor: default;
    position: relative;
}
.pb-accel-seg-item + .pb-accel-seg-item[b-xjt8oswun6] {
    border-left: 1px solid rgba(255,255,255,0.06);
}
.pb-accel-seg-item--active[b-xjt8oswun6] {
    color: #fff;
    font-weight: 800;
}
.pb-accel-seg-item--explosive.pb-accel-seg-item--active[b-xjt8oswun6] {
    background: linear-gradient(135deg, rgba(76,175,80,0.2) 0%, rgba(76,175,80,0.08) 100%);
    color: #66bb6a;
    box-shadow: inset 0 -2px 0 #4caf50;
}
.pb-accel-seg-item--lengthy.pb-accel-seg-item--active[b-xjt8oswun6] {
    background: linear-gradient(135deg, rgba(255,152,0,0.2) 0%, rgba(255,152,0,0.08) 100%);
    color: #ffb74d;
    box-shadow: inset 0 -2px 0 #ff9800;
}
.pb-accel-seg-item--controlled.pb-accel-seg-item--active[b-xjt8oswun6] {
    background: linear-gradient(135deg, rgba(41,182,246,0.2) 0%, rgba(41,182,246,0.08) 100%);
    color: #4fc3f7;
    box-shadow: inset 0 -2px 0 #29b6f6;
}

/* Rating color helpers */
.pb-rating-green[b-xjt8oswun6]  { color: #4caf50; }
.pb-rating-yellow[b-xjt8oswun6] { color: #ff9800; }
.pb-rating-red[b-xjt8oswun6]    { color: #f44336; }

/* Debug scrape panel */
.pb-debug-panel[b-xjt8oswun6] {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: 8px 14px;
    margin-bottom: 8px;
}

/* Stat modifier chips */
.pb-mod-chip[b-xjt8oswun6] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: default;
}
.pb-mod-pos[b-xjt8oswun6] {
    color: #10b981;
    background: rgba(16,185,129,0.12);
}
.pb-mod-neg[b-xjt8oswun6] {
    color: #ef5350;
    background: rgba(239,83,80,0.10);
}
.pb-mod-placeholder[b-xjt8oswun6] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    color: rgba(255,255,255,0.2);
    font-style: italic;
    min-height: 22px;
}

/* ── Off-screen poster container ── */
.pcwp-offscreen-wrapper[b-xjt8oswun6] {
    position: fixed;
    left: -99999px;
    top: -99999px;
    width: 1400px;
    height: 650px;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -9999;
}
/* /Pages/Tools/PositionRandomizer/PositionRandomizerMobileControls.razor.rz.scp.css */
.prm-backdrop[b-gxvjnjm6nm] {
    display: none;
}

.prm-tab-bar[b-gxvjnjm6nm],
.prm-export-sheet[b-gxvjnjm6nm] {
    display: none;
}

@media (max-width: 760px) {
    .prm-backdrop[b-gxvjnjm6nm] {
        position: fixed;
        inset: 0;
        z-index: 70;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, .48);
        animation: prm-fade-in-b-gxvjnjm6nm .16s ease;
    }

    .prm-tab-bar[b-gxvjnjm6nm] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 90;
        display: flex;
        padding-bottom: env(safe-area-inset-bottom, 0);
        border-top: 1px solid rgba(0, 200, 255, .14);
        background: rgba(13, 19, 32, .98);
    }

    .prm-tab[b-gxvjnjm6nm],
    .prm-tab-primary[b-gxvjnjm6nm] {
        flex: 1;
        min-width: 0;
        min-height: 54px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        border: 0;
        border-top: 2px solid transparent;
        background: transparent;
        color: rgba(255, 255, 255, .48);
        font: inherit;
        font-size: 10px;
        font-weight: 750;
        letter-spacing: .02em;
    }

    .prm-tab[b-gxvjnjm6nm]  .mud-icon-root,
    .prm-tab-primary[b-gxvjnjm6nm]  .mud-icon-root {
        font-size: 20px;
    }

    .prm-tab span[b-gxvjnjm6nm],
    .prm-tab-primary span[b-gxvjnjm6nm] {
        max-width: 100%;
        overflow: hidden;
        line-height: 1.15;
        text-align: center;
        text-overflow: ellipsis;
    }

    .prm-tab-active[b-gxvjnjm6nm] {
        border-top-color: #00c8ff;
        color: #00c8ff;
    }

    .prm-tab-primary[b-gxvjnjm6nm] {
        color: #fff;
        background: linear-gradient(180deg, rgba(21, 151, 255, .26), rgba(138, 43, 255, .22));
    }

    .prm-tab-primary:disabled[b-gxvjnjm6nm] {
        opacity: .42;
    }

    .prm-export-sheet[b-gxvjnjm6nm] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(54px + env(safe-area-inset-bottom, 0));
        z-index: 80;
        display: block;
        padding: 0 16px 16px;
        border: 1px solid rgba(0, 203, 255, .18);
        border-bottom: 0;
        border-radius: 16px 16px 0 0;
        background: #16213e;
        box-shadow: 0 -18px 44px rgba(0, 0, 0, .44);
        transform: translateY(calc(100% + 80px));
        transition: transform .26s cubic-bezier(.32, .72, 0, 1);
    }

    .prm-panel-open[b-gxvjnjm6nm] {
        transform: translateY(0);
    }

    .prm-sheet-handle[b-gxvjnjm6nm] {
        width: 38px;
        height: 4px;
        margin: 10px auto 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .22);
    }

    .prm-sheet-title[b-gxvjnjm6nm] {
        margin-bottom: 12px;
        color: rgba(255, 255, 255, .78);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .prm-export-actions[b-gxvjnjm6nm] {
        display: grid;
        gap: 10px;
    }

    .prm-export-actions[b-gxvjnjm6nm]  .mud-button-root {
        min-height: 46px;
        border-radius: 10px;
        font-weight: 950;
    }
}

@keyframes prm-fade-in-b-gxvjnjm6nm {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* /Pages/Tools/PositionRandomizer/PositionRandomizerPage.razor.rz.scp.css */
.pr-page-shell[b-dh5n3dx5xc] {
    min-height: calc(100vh - var(--mud-appbar-height, 64px) - var(--pcw-dev-banner-height, 30px));
    padding: 10px 72px 18px;
    background: transparent;
    color: #fff;
    overflow-x: hidden;
}

.pr-page-shell *[b-dh5n3dx5xc],
.pr-page-shell *[b-dh5n3dx5xc]::before,
.pr-page-shell *[b-dh5n3dx5xc]::after {
    box-sizing: border-box;
}

.pr-empty-state[b-dh5n3dx5xc] {
    display: grid;
    justify-items: center;
    gap: 12px;
    max-width: 680px;
    min-height: 300px;
    margin: 28px auto;
    padding: 36px 24px;
    text-align: center;
    border: 1px solid rgba(0, 200, 255, 0.14);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.pr-empty-state .mud-icon-root[b-dh5n3dx5xc] {
    color: rgba(255,255,255,0.24);
    font-size: 3rem;
}

.pr-empty-state h1[b-dh5n3dx5xc],
.pr-empty-state p[b-dh5n3dx5xc] {
    margin: 0;
}

.pr-empty-state p[b-dh5n3dx5xc] {
    max-width: 520px;
    color: var(--pcw-text-muted);
    line-height: 1.55;
}

.pr-mode-row[b-dh5n3dx5xc] {
    max-width: 1720px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.pr-mode-tabs[b-dh5n3dx5xc] {
    display: flex;
    gap: 8px;
}

.pr-mode-tabs button[b-dh5n3dx5xc],
.pr-top-actions button[b-dh5n3dx5xc],
.pr-zoom-controls button[b-dh5n3dx5xc],
.pr-chip-grid button[b-dh5n3dx5xc],
.pr-mode-cards button[b-dh5n3dx5xc] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.pr-mode-tabs button[b-dh5n3dx5xc] {
    min-height: 32px;
    padding: 0 16px;
    border-radius: 999px;
    background: #121e2e;
    color: #b8c4d6;
    font-size: 13px;
    font-weight: 850;
}

.pr-mode-tabs button.active[b-dh5n3dx5xc] {
    background: linear-gradient(90deg, #1597ff, #536dff);
    color: #fff;
    box-shadow: 0 0 18px rgba(21, 151, 255, .34);
}

.pr-top-actions[b-dh5n3dx5xc] {
    display: flex;
    gap: 10px;
}

.pr-top-actions button[b-dh5n3dx5xc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #00d5ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pr-grid[b-dh5n3dx5xc] {
    max-width: 1720px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 340px minmax(720px, 1fr) 360px;
    gap: 18px;
    align-items: stretch;
}

.pr-card[b-dh5n3dx5xc] {
    min-width: 0;
    border: 1px solid rgba(0, 203, 255, .18);
    border-radius: 18px;
    background:
        radial-gradient(circle at top, rgba(0, 213, 255, .10), transparent 48%),
        linear-gradient(180deg, rgba(14, 26, 42, .96), rgba(7, 17, 28, .96));
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
    transition: border-color .16s ease, transform .16s ease;
}

.pr-card:hover[b-dh5n3dx5xc] {
    border-color: rgba(0, 213, 255, .34);
}

.pr-settings-card[b-dh5n3dx5xc],
.pr-players-card[b-dh5n3dx5xc] {
    min-height: 0;
    padding: 22px 18px;
}

.pr-hero[b-dh5n3dx5xc] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 24px;
}

.pr-dice[b-dh5n3dx5xc] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #00d5ff;
    background: rgba(0, 213, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(0, 213, 255, .20);
}

.pr-dice[b-dh5n3dx5xc]  .mud-icon-root {
    font-size: 38px;
}

.pr-hero h1[b-dh5n3dx5xc] {
    margin: 0;
    font-family: "Oswald", "Inter", system-ui, sans-serif;
    font-size: 31px;
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #fff 0%, #00d5ff 38%, #d72cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.pr-hero p[b-dh5n3dx5xc] {
    margin: 12px 0 0;
    color: #b8c4d6;
    font-size: 14px;
    line-height: 1.55;
}

.pr-select-card[b-dh5n3dx5xc] {
    min-height: 76px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: rgba(7, 17, 28, .74);
}

.pr-select-card[b-dh5n3dx5xc] >  .mud-icon-root {
    width: 38px;
    height: 38px;
    padding: 8px;
    border-radius: 10px;
    color: #dbeafe;
    background: rgba(255, 255, 255, .07);
}

.pr-select-card span[b-dh5n3dx5xc],
.pr-control-section label[b-dh5n3dx5xc] {
    display: block;
    color: #b8c4d6;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pr-select-card strong[b-dh5n3dx5xc] {
    color: #00d5ff;
    font-size: 14px;
    font-weight: 900;
}

.pr-select-card[b-dh5n3dx5xc]  .mud-input-root {
    color: #00d5ff;
    font-weight: 900;
}

.pr-control-section[b-dh5n3dx5xc] {
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.pr-control-section p[b-dh5n3dx5xc] {
    margin: 8px 0 12px;
    color: #718096;
    font-size: 12px;
}

.pr-chip-grid[b-dh5n3dx5xc] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.pr-chip-grid button[b-dh5n3dx5xc] {
    min-width: 40px;
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: #0c1828;
    color: #b8c4d6;
    font-size: 12px;
    font-weight: 850;
}

.pr-chip-grid button.selected[b-dh5n3dx5xc] {
    border-color: #00d5ff;
    color: #00d5ff;
    background: rgba(0, 213, 255, .16);
}

.pr-mode-cards[b-dh5n3dx5xc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.pr-mode-cards button[b-dh5n3dx5xc] {
    min-height: 76px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #fff;
    text-align: left;
}

.pr-mode-cards button.selected[b-dh5n3dx5xc] {
    border-color: rgba(0, 213, 255, .65);
    background: linear-gradient(135deg, rgba(21, 151, 255, .22), rgba(0, 213, 255, .08));
    box-shadow: 0 0 20px rgba(21, 151, 255, .22);
}

.pr-mode-cards button[b-dh5n3dx5xc]  .mud-icon-root {
    grid-row: span 2;
    color: #9fb3c8;
}

.pr-mode-cards button.selected[b-dh5n3dx5xc]  .mud-icon-root {
    color: #00d5ff;
}

.pr-mode-cards span[b-dh5n3dx5xc] {
    font-size: 13px;
    font-weight: 900;
}

.pr-mode-cards small[b-dh5n3dx5xc] {
    color: #b8c4d6;
    font-size: 11px;
    line-height: 1.25;
}

.pr-primary-actions[b-dh5n3dx5xc] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.pr-primary-actions[b-dh5n3dx5xc]  .pr-randomize-btn {
    min-height: 58px;
    border-radius: 11px !important;
    background: linear-gradient(90deg, #1597ff 0%, #8a2bff 55%, #d72cff 100%) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 0 28px rgba(21, 151, 255, .28);
}

.pr-primary-actions[b-dh5n3dx5xc]  .pr-randomize-btn:hover {
    filter: brightness(1.1);
    box-shadow: 0 0 38px rgba(21, 151, 255, .42);
}

.pr-primary-actions[b-dh5n3dx5xc]  .pr-reset-btn {
    min-height: 52px;
    border-radius: 11px !important;
    color: #dce8f7 !important;
    border-color: rgba(255, 255, 255, .10) !important;
    background: rgba(255, 255, 255, .035) !important;
}

.pr-primary-actions[b-dh5n3dx5xc]  .pr-change-club-btn {
    min-height: 48px;
    border-radius: 11px !important;
    color: #00d5ff !important;
    border-color: rgba(0, 213, 255, .32) !important;
    background: rgba(0, 213, 255, .045) !important;
    font-weight: 950 !important;
}

.pr-primary-actions[b-dh5n3dx5xc]  .pr-change-club-btn:hover {
    border-color: rgba(0, 213, 255, .58) !important;
    background: rgba(0, 213, 255, .10) !important;
}

.pr-inline-alert[b-dh5n3dx5xc] {
    margin-top: 4px;
}

.pr-pitch-card[b-dh5n3dx5xc] {
    min-width: 0;
    overflow: hidden;
}

.pr-pitch-header[b-dh5n3dx5xc] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 26px 6px;
}

.pr-pitch-header h2[b-dh5n3dx5xc] {
    margin: 0;
    font-family: "Oswald", "Inter", system-ui, sans-serif;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #00d5ff 0%, #536dff 45%, #d72cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.pr-pitch-header p[b-dh5n3dx5xc] {
    margin: 8px 0 0;
    color: #fff;
    font-size: 15px;
}

.pr-zoom-controls[b-dh5n3dx5xc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-zoom-controls button[b-dh5n3dx5xc],
.pr-zoom-controls span[b-dh5n3dx5xc] {
    height: 44px;
    min-width: 44px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .36);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.pr-loading-card[b-dh5n3dx5xc],
.pr-panel-loading[b-dh5n3dx5xc] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #b8c4d6;
    text-align: center;
}

.pr-empty-pitch[b-dh5n3dx5xc] {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #dce8f7;
    text-align: center;
    background: linear-gradient(180deg, rgba(5, 11, 20, .10), rgba(5, 11, 20, .38));
    text-shadow: 0 2px 8px rgba(0, 0, 0, .7);
}

.pr-empty-pitch[b-dh5n3dx5xc]  .mud-icon-root {
    font-size: 56px;
    color: rgba(0, 213, 255, .46);
}

.pr-canvas-frame[b-dh5n3dx5xc] {
    min-height: 690px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.pr-canvas-transformer[b-dh5n3dx5xc] {
    flex: 0 0 auto;
}

.pr-canvas[b-dh5n3dx5xc] {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    transform-origin: top left;
}

.pr-layer[b-dh5n3dx5xc],
.pr-formation-overlay[b-dh5n3dx5xc] {
    position: absolute;
}

.pr-layer img[b-dh5n3dx5xc] {
    display: block;
}

.pr-slot[b-dh5n3dx5xc] {
    position: absolute;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    transition: filter .16s ease, transform .16s ease;
}

.pr-slot:hover[b-dh5n3dx5xc],
.pr-slot.selected[b-dh5n3dx5xc],
.pr-slot.dragover[b-dh5n3dx5xc] {
    filter: brightness(1.16) drop-shadow(0 0 14px rgba(0, 213, 255, .55));
}

.pr-slot.excluded[b-dh5n3dx5xc] {
    opacity: .42;
    filter: grayscale(.2);
}

.pr-kit-wrap[b-dh5n3dx5xc] {
    position: relative;
    width: 88px;
    height: 78px;
    display: grid;
    place-items: center;
}

.pr-slot-kit[b-dh5n3dx5xc] {
    max-width: 94px;
    max-height: 84px;
    object-fit: contain;
    filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .45));
}

.pr-slot-circle[b-dh5n3dx5xc] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 213, 255, .2);
    font-size: 12px;
    font-weight: 900;
}

.pr-slot-badge[b-dh5n3dx5xc] {
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .78);
    font-size: 11px;
    font-weight: 950;
}

.pr-slot-pos[b-dh5n3dx5xc] {
    min-width: 46px;
    padding: 5px 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1597ff, #8a2bff);
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    text-align: center;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .28);
}

.pr-slot-name[b-dh5n3dx5xc] {
    min-width: 88px;
    width: max-content;
    padding: 7px 14px;
    border-radius: 9px;
    color: #fff;
    background: rgba(3, 10, 18, .84);
    font-weight: 950;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.pr-stats-grid[b-dh5n3dx5xc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 18px 22px;
}

.pr-stats-grid div[b-dh5n3dx5xc] {
    min-height: 70px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 5px 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background: rgba(7, 17, 28, .72);
}

.pr-stats-grid[b-dh5n3dx5xc]  .mud-icon-root {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    padding: 8px;
    border-radius: 10px;
    color: #00d5ff;
    background: rgba(0, 213, 255, .10);
}

.pr-stats-grid span[b-dh5n3dx5xc] {
    color: #8ea0b6;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pr-stats-grid strong[b-dh5n3dx5xc] {
    min-width: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.pr-players-card[b-dh5n3dx5xc] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pr-players-card[b-dh5n3dx5xc]  .pcw-card {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pr-players-card[b-dh5n3dx5xc]  .mud-card-content {
    padding: 0;
}

.pr-players-card[b-dh5n3dx5xc]  .player-panel {
    min-height: 0;
    flex: 1 1 auto;
}

.pr-export-actions[b-dh5n3dx5xc] {
    flex: 0 0 auto;
    display: grid;
    gap: 12px;
    padding: 12px 2px 0;
}

.pr-export-actions[b-dh5n3dx5xc]  .mud-button-root {
    min-height: 48px;
    border-radius: 9px;
    font-weight: 950;
}

.pr-settings-card[b-dh5n3dx5xc],
.pr-players-card[b-dh5n3dx5xc]  .player-list,
.pr-players-card[b-dh5n3dx5xc]  .club-results-mobile {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 216, 255, .42) rgba(255, 255, 255, .045);
}

.pr-settings-card[b-dh5n3dx5xc]::-webkit-scrollbar,
.pr-players-card[b-dh5n3dx5xc]  .player-list::-webkit-scrollbar,
.pr-players-card[b-dh5n3dx5xc]  .club-results-mobile::-webkit-scrollbar {
    width: 8px;
}

.pr-settings-card[b-dh5n3dx5xc]::-webkit-scrollbar-track,
.pr-players-card[b-dh5n3dx5xc]  .player-list::-webkit-scrollbar-track,
.pr-players-card[b-dh5n3dx5xc]  .club-results-mobile::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .045);
    border-radius: 999px;
}

.pr-settings-card[b-dh5n3dx5xc]::-webkit-scrollbar-thumb,
.pr-players-card[b-dh5n3dx5xc]  .player-list::-webkit-scrollbar-thumb,
.pr-players-card[b-dh5n3dx5xc]  .club-results-mobile::-webkit-scrollbar-thumb {
    background: rgba(0, 216, 255, .42);
    border-radius: 999px;
}

.pr-players-card[b-dh5n3dx5xc]  .player-list {
    min-height: 0;
    overflow-y: auto;
}

.pr-players-card[b-dh5n3dx5xc]  .club-search-wrapper {
    width: 100%;
    max-width: none;
}

.pr-players-card[b-dh5n3dx5xc]  .club-results-mobile {
    max-height: min(48vh, 430px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
}

.pr-players-card[b-dh5n3dx5xc]  .club-result-card {
    width: 100%;
    min-width: 0;
}

@media (min-width: 1200px) {
    .pr-page-shell[b-dh5n3dx5xc] {
        height: calc(100vh - var(--mud-appbar-height, 64px) - var(--pcw-dev-banner-height, 30px));
        min-height: 0;
        overflow: hidden;
    }

    .pr-grid[b-dh5n3dx5xc] {
        height: 100%;
        min-height: 0;
    }

    .pr-settings-card[b-dh5n3dx5xc] {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .pr-pitch-card[b-dh5n3dx5xc] {
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .pr-pitch-header[b-dh5n3dx5xc] {
        flex: 0 0 auto;
        min-height: 78px;
        padding: 18px 26px 2px;
    }

    .pr-pitch-header h2[b-dh5n3dx5xc] {
        font-size: clamp(30px, 2.4vw, 42px);
    }

    .pr-canvas-frame[b-dh5n3dx5xc] {
        flex: 1 1 auto;
        min-height: 0;
        padding: 0 12px;
    }

    .pr-stats-grid[b-dh5n3dx5xc] {
        flex: 0 0 auto;
        padding: 8px 18px 14px;
    }

    .pr-players-card[b-dh5n3dx5xc] {
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .pr-export-actions[b-dh5n3dx5xc] {
        margin-top: 8px;
        padding: 12px 2px 0;
        border-top: 1px solid rgba(255, 255, 255, .07);
        background: linear-gradient(180deg, rgba(7, 17, 28, .70), rgba(7, 17, 28, .94));
    }
}

@media (max-width: 1199px) {
    .pr-page-shell[b-dh5n3dx5xc] {
        padding: 20px 32px 58px;
    }

    .pr-grid[b-dh5n3dx5xc] {
        grid-template-columns: 1fr;
    }

    .pr-pitch-card[b-dh5n3dx5xc] {
        order: 1;
    }

    .pr-settings-card[b-dh5n3dx5xc] {
        order: 2;
    }

    .pr-players-card[b-dh5n3dx5xc] {
        order: 3;
    }

    .pr-canvas-frame[b-dh5n3dx5xc] {
        min-height: min(78vw, 680px);
    }
}

@media (max-width: 760px) {
    .pr-page-shell[b-dh5n3dx5xc] {
        position: fixed;
        top: calc(var(--mud-appbar-height, 48px) + var(--pcw-dev-banner-height, 30px));
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 0;
        padding: 0;
        overflow: hidden;
        background: transparent;
        z-index: 50;
    }

    .pr-grid[b-dh5n3dx5xc] {
        position: relative;
        height: 100%;
        max-width: none;
        margin: 0;
        display: block;
    }

    .pr-card[b-dh5n3dx5xc] {
        border-radius: 0;
        box-shadow: none;
    }

    .pr-pitch-card[b-dh5n3dx5xc] {
        position: absolute;
        inset: 0 0 calc(54px + env(safe-area-inset-bottom, 0)) 0;
        display: flex;
        flex-direction: column;
        border: 0;
        background: #0a0e1a;
    }

    .pr-pitch-header[b-dh5n3dx5xc] {
        flex: 0 0 auto;
        min-height: 42px;
        align-items: center;
        flex-direction: row;
        padding: 5px 10px;
        border-bottom: 1px solid rgba(0, 200, 255, .12);
        background: rgba(22, 33, 62, .97);
    }

    .pr-pitch-header h2[b-dh5n3dx5xc] {
        max-width: 160px;
        font-size: 22px;
        line-height: .98;
        letter-spacing: .5px;
    }

    .pr-pitch-header p[b-dh5n3dx5xc] {
        display: none;
    }

    .pr-zoom-controls[b-dh5n3dx5xc] {
        width: auto;
        justify-content: flex-end;
        gap: 5px;
    }

    .pr-zoom-controls button[b-dh5n3dx5xc],
    .pr-zoom-controls span[b-dh5n3dx5xc] {
        flex: 0 0 auto;
        width: 32px;
        min-width: 32px;
        height: 32px;
        border-radius: 7px;
        background: rgba(0, 200, 255, .08);
    }

    .pr-canvas-frame[b-dh5n3dx5xc] {
        flex: 1 1 auto;
        min-height: 0;
        align-items: flex-start;
        justify-content: flex-start;
        overflow: auto;
        padding: 8px;
        background: rgba(10, 12, 20, .97);
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .pr-canvas-transformer[b-dh5n3dx5xc] {
        margin: auto;
    }

    .pr-stats-grid[b-dh5n3dx5xc] {
        display: none;
    }

    .pr-settings-card[b-dh5n3dx5xc],
    .pr-players-card[b-dh5n3dx5xc] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(54px + env(safe-area-inset-bottom, 0));
        z-index: 80;
        max-height: 62dvh;
        display: flex;
        flex-direction: column;
        padding: 0 16px 16px;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid rgba(0, 203, 255, .18);
        border-bottom: 0;
        border-radius: 16px 16px 0 0;
        background: #16213e;
        box-shadow: 0 -18px 44px rgba(0, 0, 0, .44);
        transform: translateY(calc(100% + 80px));
        transition: transform .26s cubic-bezier(.32, .72, 0, 1);
    }

    .pr-settings-card[b-dh5n3dx5xc]::before,
    .pr-players-card[b-dh5n3dx5xc]::before {
        content: "";
        flex: 0 0 auto;
        width: 38px;
        height: 4px;
        margin: 10px auto 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .22);
    }

    .pr-mobile-panel-open[b-dh5n3dx5xc] {
        transform: translateY(0);
    }

    .pr-hero[b-dh5n3dx5xc] {
        grid-template-columns: 54px minmax(0, 1fr);
        margin-bottom: 16px;
    }

    .pr-hero h1[b-dh5n3dx5xc] {
        font-size: 26px;
    }

    .pr-mode-cards[b-dh5n3dx5xc],
    .pr-stats-grid[b-dh5n3dx5xc] {
        grid-template-columns: 1fr;
    }

    .pr-primary-actions[b-dh5n3dx5xc]  .mud-button-root,
    .pr-export-actions[b-dh5n3dx5xc]  .mud-button-root {
        width: 100%;
    }

    .pr-players-card > .pr-export-actions[b-dh5n3dx5xc] {
        display: none;
    }

    .pr-players-card[b-dh5n3dx5xc]  .player-panel {
        min-height: min(52dvh, 520px);
    }

    .pr-players-card[b-dh5n3dx5xc]  .player-list {
        max-height: 42dvh;
    }
}
/* /Pages/Tools/SavedLineups.razor.rz.scp.css */
/* ── SavedLineups page header ──────────────────────────── */

.saved-lineups-header[b-py5u1fpmmp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

@media (max-width: 600px) {
    .saved-lineups-header[b-py5u1fpmmp] {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 16px;
    }
}
/* /Pages/Tools/SharedLineup.razor.rz.scp.css */
.shared-lineup-page[b-mtxl3usk58] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 18px 54px;
}

.shared-lineup-header[b-mtxl3usk58] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.shared-lineup-kicker[b-mtxl3usk58] {
    color: #00c8ff;
    font-weight: 800;
}

.shared-lineup-title[b-mtxl3usk58] {
    margin: 0;
    color: #fff;
    font-weight: 900;
}

.shared-lineup-state[b-mtxl3usk58] {
    display: grid;
    gap: 16px;
    max-width: 760px;
    margin: 48px auto;
    padding: 28px;
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 10px;
    background: rgba(10, 14, 28, 0.62);
}

.shared-lineup-state-actions[b-mtxl3usk58] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.shared-lineup-image-wrap[b-mtxl3usk58] {
    border: 1px solid rgba(0, 200, 255, 0.18);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(8, 13, 21, 0.78);
}

.shared-lineup-image-wrap img[b-mtxl3usk58] {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 720px) {
    .shared-lineup-header[b-mtxl3usk58] {
        align-items: stretch;
        flex-direction: column;
    }

    .shared-lineup-state[b-mtxl3usk58] {
        margin: 24px auto;
        padding: 20px;
    }

    .shared-lineup-state-actions[b-mtxl3usk58] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Tools/TacticsBoardEditor.razor.rz.scp.css */
.tb-editor-shell[b-jdzki8k1j7] {
    --tb-blue: #168cff;
    --tb-blue-strong: #0f7cff;
    --tb-blue-soft: rgba(22, 140, 255, 0.18);
    --tb-blue-border: rgba(22, 140, 255, 0.42);
    --tb-navy: #020814;
    --tb-panel: rgba(3, 17, 32, 0.94);
    --tb-panel-strong: rgba(4, 20, 37, 0.98);
    min-height: calc(100vh - 76px);
    color: #f8fbff;
    background:
        radial-gradient(circle at 8% 0%, rgba(22, 140, 255, 0.16), transparent 31rem),
        radial-gradient(circle at 92% 6%, rgba(22, 140, 255, 0.08), transparent 26rem),
        linear-gradient(180deg, #020814 0%, #020b16 100%);
}

.tb-editor-state[b-jdzki8k1j7] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: calc(100vh - 76px);
    padding: 24px;
    text-align: center;
    color: #f8fbff;
    background: #020814;
}

.tb-editor-state .mud-icon-root[b-jdzki8k1j7] {
    font-size: 54px;
    color: var(--tb-blue);
}

.tb-editor-state h1[b-jdzki8k1j7],
.tb-editor-state p[b-jdzki8k1j7] {
    margin: 0;
}

.tb-editor-state p[b-jdzki8k1j7] {
    max-width: 520px;
    color: rgba(248, 251, 255, 0.66);
}

.tb-editor-state-actions[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.tb-editor-topbar[b-jdzki8k1j7] {
    position: relative;
    z-index: 16;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px clamp(12px, 2vw, 20px);
    border-bottom: 1px solid rgba(22, 140, 255, 0.16);
    background: rgba(2, 8, 18, 0.94);
    backdrop-filter: blur(14px);
}

.tb-title-block[b-jdzki8k1j7],
.tb-topbar-actions[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tb-title-input[b-jdzki8k1j7] {
    width: min(52vw, 520px);
    border: 0;
    outline: 0;
    color: #fff;
    background: transparent;
    font-size: 1.25rem;
    font-weight: 900;
}

.tb-title-heading[b-jdzki8k1j7] {
    max-width: min(52vw, 520px);
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.tb-title-input[b-jdzki8k1j7] {
    margin-top: 3px;
    font-size: 0.78rem;
    font-weight: 800;
    color: rgba(248, 251, 255, 0.72);
}

.tb-title-meta[b-jdzki8k1j7] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    color: rgba(248, 251, 255, 0.55);
    font-size: 0.76rem;
}

.tb-title-meta span[b-jdzki8k1j7] {
    padding: 2px 8px;
    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 999px;
    background: rgba(3, 20, 38, 0.72);
}

.tb-participants[b-jdzki8k1j7] {
    position: relative;
    display: inline-grid;
    margin-top: 6px;
}

.tb-participants-button[b-jdzki8k1j7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    min-height: 26px;
    padding: 3px 9px;
    border: 1px solid rgba(22, 140, 255, 0.42);
    border-radius: 999px;
    color: #dff3ff;
    background: rgba(3, 20, 38, 0.76);
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
}

.tb-participants-button:hover[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.86);
    background: rgba(22, 140, 255, 0.16);
}

.tb-participants-button:disabled[b-jdzki8k1j7] {
    opacity: 0.55;
    cursor: not-allowed;
}

.tb-participants-popover[b-jdzki8k1j7] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 20;
    width: min(270px, calc(100vw - 24px));
    padding: 8px;
    border: 1px solid rgba(22, 140, 255, 0.38);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(7, 31, 55, 0.98), rgba(2, 10, 21, 0.98)),
        rgba(3, 13, 25, 0.98);
    box-shadow: 0 18px 58px rgba(0, 0, 0, 0.48), 0 0 24px rgba(22, 140, 255, 0.12);
}

.tb-participants-popover header[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 2px 2px 7px;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
}

.tb-participants-popover header button[b-jdzki8k1j7] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: rgba(248, 251, 255, 0.68);
    background: transparent;
    cursor: pointer;
}

.tb-participants-popover header button:hover[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.42);
    color: #fff;
}

.tb-participants-popover p[b-jdzki8k1j7] {
    margin: 4px 2px;
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.8rem;
}

.tb-participant-row[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) minmax(86px, auto);
    align-items: center;
    gap: 8px;
    padding: 7px 6px;
    border: 1px solid rgba(22, 140, 255, 0.13);
    border-radius: 8px;
    background: rgba(2, 12, 24, 0.58);
}

.tb-participant-row + .tb-participant-row[b-jdzki8k1j7] {
    margin-top: 6px;
}

.tb-participant-dot[b-jdzki8k1j7] {
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.tb-participant-row strong[b-jdzki8k1j7],
.tb-participant-row small[b-jdzki8k1j7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-participant-row strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.82rem;
}

.tb-participant-row small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.56);
    font-size: 0.72rem;
}

.tb-participant-permission[b-jdzki8k1j7] {
    min-width: 86px;
}

.tb-share-role-map[b-jdzki8k1j7] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background: rgba(2, 12, 24, 0.44);
}

.tb-share-role-map > span[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tb-share-role-row[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(92px, 1fr) 130px;
    align-items: center;
    gap: 10px;
}

.tb-share-role-row strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.82rem;
}

.tb-live-on[b-jdzki8k1j7] {
    color: #7fffd4 !important;
    background: rgba(32, 255, 196, 0.14) !important;
}

.tb-live-off[b-jdzki8k1j7] {
    color: #ffcf70 !important;
}

.tb-editor-grid[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) clamp(260px, 16vw, 300px);
    grid-template-rows: minmax(0, 1fr);
    gap: 10px;
    height: calc(100svh - 214px);
    padding: 10px;
    overflow: hidden;
}

.tb-canvas-column[b-jdzki8k1j7] {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 10px;
    min-width: 0;
    min-height: 0;
}

.tb-tool-rail[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(2, 36px);
    grid-auto-rows: 36px;
    align-content: start;
    gap: 6px;
    padding: 7px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background: rgba(3, 16, 31, 0.94);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.tb-tool-button[b-jdzki8k1j7] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(22, 140, 255, 0.2);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.72);
    background: rgba(2, 11, 22, 0.7);
    cursor: pointer;
}

.tb-tool-button:hover[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.52);
    color: #fff;
    background: rgba(22, 140, 255, 0.12);
}

.tb-tool-button:disabled[b-jdzki8k1j7] {
    opacity: 0.38;
    cursor: not-allowed;
}

.tb-tool-button--active[b-jdzki8k1j7] {
    color: #fff;
    border-color: var(--tb-blue);
    background: linear-gradient(180deg, #1597ff 0%, #0d69ff 100%);
    box-shadow: 0 0 20px rgba(22, 140, 255, 0.28);
}

.tb-readonly-pill[b-jdzki8k1j7] {
    color: #001016;
    border-color: rgba(255, 209, 102, 0.7);
    background: rgba(255, 209, 102, 0.86);
    font-weight: 900;
}

.tb-editor-shell[b-jdzki8k1j7]  .mud-button-root {
    border-radius: 8px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tb-editor-shell[b-jdzki8k1j7]  .mud-button-outlined,
.tb-editor-shell[b-jdzki8k1j7]  .mud-button-text {
    border-color: rgba(22, 140, 255, 0.36);
    color: #168cff;
    background: rgba(2, 12, 24, 0.56);
}

.tb-editor-shell[b-jdzki8k1j7]  .mud-button-outlined:hover,
.tb-editor-shell[b-jdzki8k1j7]  .mud-button-text:hover {
    border-color: rgba(22, 140, 255, 0.72);
    color: #fff;
    background: rgba(22, 140, 255, 0.14);
}

.tb-editor-shell[b-jdzki8k1j7]  .mud-button-filled-primary {
    color: #fff;
    background: linear-gradient(180deg, #1597ff 0%, #0d69ff 100%);
    box-shadow: 0 0 20px rgba(22, 140, 255, 0.22);
}

.tb-editor-shell[b-jdzki8k1j7]  .mud-button-filled-primary:hover {
    background: linear-gradient(180deg, #28a3ff 0%, #168cff 100%);
}

.tb-mobile-section-tabs[b-jdzki8k1j7] {
    display: none;
}

.tb-canvas-actions[b-jdzki8k1j7] {
    position: absolute;
    z-index: 9;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    pointer-events: none;
}

.tb-canvas-actions > *[b-jdzki8k1j7] {
    pointer-events: auto;
}

.tb-floating-bar[b-jdzki8k1j7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    max-width: min(100%, 620px);
    padding: 6px 8px;
    border: 1px solid rgba(22, 140, 255, 0.26);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.86);
    background: rgba(2, 12, 24, 0.88);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(12px);
}

.tb-floating-bar select[b-jdzki8k1j7],
.tb-floating-bar button[b-jdzki8k1j7] {
    min-height: 28px;
    border: 1px solid rgba(22, 140, 255, 0.24);
    border-radius: 6px;
    color: #e9f8ff;
    background: rgba(3, 20, 38, 0.9);
    font-size: 0.76rem;
    font-weight: 900;
}

.tb-floating-bar select[b-jdzki8k1j7] {
    width: 118px;
    padding: 0 7px;
}

.tb-floating-bar button[b-jdzki8k1j7] {
    padding: 0 9px;
    cursor: pointer;
}

.tb-floating-bar button:hover:not(:disabled)[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.76);
    color: #fff;
    background: rgba(22, 140, 255, 0.22);
}

.tb-floating-bar button:disabled[b-jdzki8k1j7],
.tb-floating-bar select:disabled[b-jdzki8k1j7] {
    opacity: 0.48;
    cursor: not-allowed;
}

.tb-floating-status[b-jdzki8k1j7] {
    border-color: rgba(246, 211, 79, 0.34);
}

.tb-floating-status span[b-jdzki8k1j7],
.tb-selection-toolbar span[b-jdzki8k1j7] {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 900;
}

.tb-floating-workflow[b-jdzki8k1j7] {
    align-items: stretch;
    min-width: min(100%, 360px);
    max-width: min(100%, 720px);
    padding: 7px;
    gap: 10px;
}

.tb-floating-workflow-main[b-jdzki8k1j7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 190px;
}

.tb-floating-workflow-main span[b-jdzki8k1j7] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.tb-floating-workflow-main strong[b-jdzki8k1j7] {
    overflow: hidden;
    color: #fff;
    font-size: 0.76rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-floating-workflow-main small[b-jdzki8k1j7] {
    overflow: hidden;
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-floating-workflow-actions[b-jdzki8k1j7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.tb-floating-bar .tb-floating-primary[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.78);
    color: #fff;
    background: linear-gradient(135deg, #168cff, #0068e8);
}

.tb-floating-workflow--animate[b-jdzki8k1j7] {
    border-color: rgba(246, 211, 79, 0.5);
}

.tb-floating-workflow--connect[b-jdzki8k1j7] {
    border-color: rgba(0, 217, 255, 0.46);
}

.tb-mobile-action-bar[b-jdzki8k1j7],
.tb-mobile-sheet-backdrop[b-jdzki8k1j7],
.tb-mobile-bottom-sheet[b-jdzki8k1j7] {
    display: none;
}

.tb-board-stage[b-jdzki8k1j7] {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(22, 140, 255, 0.055), transparent 38%),
        rgba(3, 13, 25, 0.9);
    touch-action: none;
}

.tb-pitch-svg[b-jdzki8k1j7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    border-radius: 8px;
    filter: drop-shadow(0 24px 54px rgba(0, 0, 0, 0.48));
    overflow: visible;
    touch-action: none;
    user-select: none;
}

.tb-gif-progress[b-jdzki8k1j7] {
    position: absolute;
    z-index: 4;
    display: grid;
    place-items: center;
    gap: 6px;
    min-width: 210px;
    padding: 18px 20px;
    border: 1px solid rgba(22, 140, 255, 0.34);
    border-radius: 8px;
    color: #f8fbff;
    background: rgba(3, 13, 25, 0.88);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42), 0 0 28px rgba(22, 140, 255, 0.13);
    backdrop-filter: blur(12px);
}

.tb-context-backdrop[b-jdzki8k1j7] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
}

.tb-context-menu[b-jdzki8k1j7] {
    position: fixed;
    z-index: 31;
    width: min(276px, calc(100vw - 16px));
    max-height: min(470px, calc(100vh - 16px));
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(22, 140, 255, 0.42);
    border-radius: 8px;
    color: #f8fbff;
    background:
        linear-gradient(145deg, rgba(7, 31, 55, 0.98), rgba(2, 10, 21, 0.98)),
        rgba(3, 13, 25, 0.98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55), 0 0 28px rgba(22, 140, 255, 0.16);
    backdrop-filter: blur(16px);
}

.tb-context-menu header[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 4px 8px;
    font-weight: 900;
}

.tb-context-menu header button[b-jdzki8k1j7],
.tb-context-menu > button[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.9);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.tb-context-menu header button[b-jdzki8k1j7] {
    justify-content: center;
    width: 30px;
    min-height: 30px;
    color: rgba(248, 251, 255, 0.65);
}

.tb-context-menu > button:hover[b-jdzki8k1j7],
.tb-context-menu header button:hover[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.5);
    color: #fff;
    background: rgba(22, 140, 255, 0.14);
}

.tb-context-danger[b-jdzki8k1j7] {
    color: #ff7890 !important;
}

.tb-context-danger:hover[b-jdzki8k1j7] {
    border-color: rgba(255, 92, 122, 0.55) !important;
    background: rgba(255, 92, 122, 0.13) !important;
}

.tb-context-select[b-jdzki8k1j7] {
    display: grid;
    gap: 4px;
    margin: 2px 0 8px;
    color: rgba(248, 251, 255, 0.68);
    font-size: 0.74rem;
    font-weight: 800;
}

.tb-context-select select[b-jdzki8k1j7] {
    width: 100%;
    height: 36px;
    border: 1px solid rgba(22, 140, 255, 0.35);
    border-radius: 8px;
    color: #f8fbff;
    background: rgba(1, 8, 18, 0.94);
    font: inherit;
    font-size: 0.9rem;
}

.tb-context-field[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 94px;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    padding: 6px 8px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.78);
    background: rgba(2, 12, 24, 0.58);
    font-size: 0.76rem;
    font-weight: 900;
}

.tb-context-field input[b-jdzki8k1j7] {
    width: 100%;
    min-width: 0;
    height: 30px;
    border: 1px solid rgba(22, 140, 255, 0.35);
    border-radius: 7px;
    color: #f8fbff;
    background: rgba(1, 8, 18, 0.94);
    font: inherit;
    text-align: center;
}

.tb-context-field input[type="color"][b-jdzki8k1j7] {
    padding: 2px;
    cursor: pointer;
}

.tb-context-field--color[b-jdzki8k1j7] {
    grid-template-columns: minmax(0, 1fr) 46px;
}

.tb-context-separator[b-jdzki8k1j7] {
    height: 1px;
    margin: 8px 4px;
    background: rgba(22, 140, 255, 0.18);
}

.tb-context-menu p[b-jdzki8k1j7] {
    margin: 4px;
    color: rgba(248, 251, 255, 0.65);
}

.tb-gif-progress strong[b-jdzki8k1j7] {
    font-size: 0.92rem;
    font-weight: 900;
}

.tb-gif-progress span[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.64);
    font-size: 0.78rem;
}

.tb-pitch-bg[b-jdzki8k1j7] {
    fill: url(#tbPitchGradient);
}

.tb-pitch-line[b-jdzki8k1j7],
.tb-grid-line[b-jdzki8k1j7],
.tb-pitch-dot[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(22, 140, 255, 0.84);
    stroke-width: 0.24;
    filter: none;
}

.tb-grid-line[b-jdzki8k1j7] {
    stroke: rgba(22, 140, 255, 0.13);
    stroke-width: 0.13;
}

.tb-pitch-dot[b-jdzki8k1j7] {
    fill: rgba(22, 140, 255, 0.9);
}

.tb-training-lane[b-jdzki8k1j7] {
    filter: none;
}

.tb-training-fine-line[b-jdzki8k1j7] {
    stroke-linecap: round;
}

.tb-training-guide[b-jdzki8k1j7],
.tb-training-center-line[b-jdzki8k1j7],
.tb-training-target-zone[b-jdzki8k1j7] {
    filter: none;
}

.tb-training-target-zone[b-jdzki8k1j7] {
    stroke-linejoin: round;
}

.tb-training-dot[b-jdzki8k1j7] {
    fill: rgba(22, 140, 255, 0.86);
    stroke: rgba(248, 251, 255, 0.72);
    stroke-width: 0.18;
    filter: none;
}

.tb-half-shade[b-jdzki8k1j7] {
    fill: rgba(0, 0, 0, 0.32);
}

.tb-drawing-path[b-jdzki8k1j7],
.tb-connected-path[b-jdzki8k1j7],
.tb-draft-path[b-jdzki8k1j7] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tb-connected-line[b-jdzki8k1j7] {
    pointer-events: auto;
}

.tb-connected-path[b-jdzki8k1j7],
.tb-connected-cap[b-jdzki8k1j7] {
    stroke-linecap: square;
    stroke-linejoin: round;
}

.tb-draft-path[b-jdzki8k1j7] {
    stroke: #168cff;
    stroke-width: 0.82;
    stroke-dasharray: 1.4 1.2;
}

.tb-draft-path--danger[b-jdzki8k1j7] {
    stroke: #ffd51b;
}

.tb-drawing-path.tb-drawing--has-arrow-head[b-jdzki8k1j7],
.tb-draft-path.tb-drawing--has-arrow-head[b-jdzki8k1j7] {
    stroke-linecap: butt;
}

.tb-arrow-head[b-jdzki8k1j7],
.tb-draft-arrow-head[b-jdzki8k1j7] {
    pointer-events: auto;
    stroke: none;
}

.tb-draft-arrow-head[b-jdzki8k1j7] {
    fill: #168cff;
}

.tb-draft-vertex[b-jdzki8k1j7] {
    fill: #ffffff;
    stroke: #07131d;
    stroke-width: 0.16;
    pointer-events: none;
    filter: drop-shadow(0 0 2px rgba(22, 140, 255, 0.62));
}

.tb-draft-vertex--start[b-jdzki8k1j7] {
    fill: #7fffd4;
    stroke: #03131a;
}

.tb-zone[b-jdzki8k1j7],
.tb-shape[b-jdzki8k1j7] {
    vector-effect: non-scaling-stroke;
}

.tb-danger-zone-fill[b-jdzki8k1j7] {
    stroke-linejoin: round;
}

.tb-danger-hatch[b-jdzki8k1j7] {
    stroke-linecap: square;
    pointer-events: none;
}

.tb-marker circle[b-jdzki8k1j7] {
    stroke-width: 0.7;
}

.tb-marker text[b-jdzki8k1j7] {
    fill: #fff;
    font-size: 2.3px;
    font-weight: 900;
}

.tb-ball-object[b-jdzki8k1j7] {
    cursor: grab;
}

.tb-ball-object:active[b-jdzki8k1j7] {
    cursor: grabbing;
}

.tb-ball-shadow[b-jdzki8k1j7] {
    display: none;
    fill: transparent;
    filter: none;
}

.tb-ball-base[b-jdzki8k1j7] {
    fill: #f8fbff;
    stroke: rgba(22, 140, 255, 0.9);
    stroke-width: 0.18;
    filter: none;
}

.tb-ball-panel[b-jdzki8k1j7] {
    fill: #07131d;
    stroke: none;
}

.tb-ball-seam[b-jdzki8k1j7] {
    fill: none;
    stroke: #07131d;
    stroke-width: 0.18;
    stroke-linecap: round;
}

.tb-ball-object.tb-drawing--selected .tb-ball-base[b-jdzki8k1j7] {
    stroke: #ffffff;
    stroke-width: 0.28;
}

.tb-ball-object.tb-drawing--motion-target .tb-ball-base[b-jdzki8k1j7] {
    stroke: #f6d34f;
    stroke-width: 0.32;
}

.tb-note rect[b-jdzki8k1j7] {
    stroke-width: 0.3;
}

.tb-note text[b-jdzki8k1j7] {
    fill: #fff;
    font-size: 2.2px;
    font-weight: 800;
    pointer-events: none;
}

.tb-note-selection-frame[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(246, 211, 79, 0.95);
    stroke-width: 0.26;
    stroke-dasharray: 0.8 0.45;
    pointer-events: none;
}

.tb-note-resize-handle[b-jdzki8k1j7] {
    fill: #f8fbff;
    stroke: #07131d;
    stroke-width: 0.18;
    pointer-events: auto;
    vector-effect: non-scaling-stroke;
}

.tb-note-resize-handle:hover[b-jdzki8k1j7] {
    fill: #f6d34f;
}

.tb-note-resize-handle--nwse[b-jdzki8k1j7] {
    cursor: nwse-resize;
}

.tb-note-resize-handle--nesw[b-jdzki8k1j7] {
    cursor: nesw-resize;
}

.tb-player[b-jdzki8k1j7] {
    cursor: grab;
}

.tb-player:active[b-jdzki8k1j7] {
    cursor: grabbing;
}

.tb-player-glow[b-jdzki8k1j7] {
    display: none;
    opacity: 0;
    filter: none;
}

.tb-player-core[b-jdzki8k1j7] {
    stroke: rgba(255, 255, 255, 0.94);
    stroke-width: 0.22;
    filter: none;
}

.tb-player-shirt[b-jdzki8k1j7] {
    stroke: rgba(255, 255, 255, 0.9);
    stroke-width: 0.2;
    stroke-linejoin: round;
    filter: none;
}

.tb-player-shirt-collar[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(5, 8, 18, 0.72);
    stroke-width: 0.2;
    stroke-linecap: round;
    pointer-events: none;
}

.tb-player-number[b-jdzki8k1j7] {
    fill: #041018;
    font-size: 1.52px;
    font-weight: 900;
    pointer-events: none;
}

.tb-player-label[b-jdzki8k1j7] {
    fill: #f8fbff;
    paint-order: stroke;
    stroke: rgba(5, 8, 18, 0.78);
    stroke-width: 0.28;
    font-size: 1px;
    font-weight: 900;
    pointer-events: none;
}

.tb-player-selection-ring[b-jdzki8k1j7] {
    fill: rgba(246, 211, 79, 0.08);
    stroke: #ffe45c;
    stroke-width: 0.34;
    stroke-dasharray: 0.72 0.36;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
    filter:
        drop-shadow(0 0 1px rgba(0, 0, 0, 0.95))
        drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.96))
        drop-shadow(0 0 7px rgba(246, 211, 79, 0.92));
}

.tb-player--multi-selected .tb-player-selection-ring[b-jdzki8k1j7] {
    fill: rgba(25, 214, 255, 0.1);
    stroke: #19d6ff;
}

.tb-player-selection-handles[b-jdzki8k1j7] {
    pointer-events: none;
}

.tb-player-selection-handles circle[b-jdzki8k1j7] {
    fill: #ffffff;
    stroke: #061422;
    stroke-width: 0.12;
    vector-effect: non-scaling-stroke;
    filter:
        drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.9))
        drop-shadow(0 0 4px rgba(246, 211, 79, 0.86));
}

.tb-player--multi-selected .tb-player-selection-handles circle[b-jdzki8k1j7] {
    filter:
        drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.9))
        drop-shadow(0 0 4px rgba(25, 214, 255, 0.86));
}

.tb-selection-box[b-jdzki8k1j7] {
    fill: rgba(22, 140, 255, 0.12);
    stroke: #19a7ff;
    stroke-width: 0.18;
    stroke-dasharray: 0.8 0.55;
    pointer-events: none;
}

.tb-player--motion-target .tb-player-core[b-jdzki8k1j7],
.tb-player--motion-target .tb-player-shirt[b-jdzki8k1j7] {
    stroke: #f6d34f;
    stroke-width: 0.52;
}

.tb-player--connection-target .tb-player-core[b-jdzki8k1j7],
.tb-player--connection-target .tb-player-shirt[b-jdzki8k1j7] {
    stroke: #00d9ff;
    stroke-width: 0.58;
}

.tb-connection-badge[b-jdzki8k1j7] {
    pointer-events: none;
}

.tb-connection-badge circle[b-jdzki8k1j7] {
    fill: #00d9ff;
    stroke: #031120;
    stroke-width: 0.18;
}

.tb-connection-badge text[b-jdzki8k1j7] {
    fill: #031120;
    font-size: 0.72px;
    font-weight: 950;
    stroke: none;
}

.tb-connection-preview-path[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(0, 217, 255, 0.74);
    stroke-width: 0.22;
    stroke-dasharray: 1 0.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.tb-drawing--connection-target[b-jdzki8k1j7] {
    stroke: #00d9ff;
}

.tb-cursor path[b-jdzki8k1j7] {
    stroke: rgba(0, 0, 0, 0.42);
    stroke-width: 0.14;
}

.tb-cursor text[b-jdzki8k1j7] {
    fill: #fff;
    paint-order: stroke;
    stroke: rgba(5, 8, 18, 0.84);
    stroke-width: 0.28;
    font-size: 0.82px;
    font-weight: 900;
    letter-spacing: 0;
}

.tb-comment-marker[b-jdzki8k1j7] {
    cursor: pointer;
    filter: none;
}

.tb-comment-marker circle[b-jdzki8k1j7] {
    fill: #f6d34f;
    stroke: rgba(5, 8, 18, 0.78);
    stroke-width: 0.22;
}

.tb-comment-marker text[b-jdzki8k1j7] {
    fill: #05101d;
    font-size: 1.05px;
    font-weight: 1000;
    pointer-events: none;
}

.tb-comment-marker--active circle[b-jdzki8k1j7] {
    fill: #ffffff;
    stroke: #f6d34f;
    stroke-width: 0.34;
}

.tb-watermark[b-jdzki8k1j7] {
    fill: rgba(248, 251, 255, 0.18);
    font-size: 1.35px;
    font-weight: 900;
    letter-spacing: 0;
}

.tb-drawing--selected[b-jdzki8k1j7] {
    outline: none;
    filter:
        drop-shadow(0 0 2px rgba(246, 211, 79, 0.96))
        drop-shadow(0 0 7px rgba(22, 140, 255, 0.58));
}

.tb-drawing-path.tb-drawing--selected[b-jdzki8k1j7],
.tb-connected-line.tb-drawing--selected .tb-connected-path[b-jdzki8k1j7] {
    stroke-opacity: 1;
}

.tb-connected-line.tb-drawing--selected .tb-connected-cap[b-jdzki8k1j7] {
    stroke-opacity: 1;
}

.tb-arrow-head.tb-drawing--selected[b-jdzki8k1j7] {
    fill-opacity: 1;
}

.tb-zone.tb-drawing--selected[b-jdzki8k1j7],
.tb-shape.tb-drawing--selected[b-jdzki8k1j7] {
    stroke-opacity: 1;
}

.tb-danger-zone.tb-drawing--selected .tb-danger-zone-fill[b-jdzki8k1j7] {
    stroke-opacity: 1;
}

.tb-danger-zone.tb-drawing--selected .tb-danger-hatch[b-jdzki8k1j7] {
    stroke-opacity: 0.82;
}

.tb-marker.tb-drawing--selected circle[b-jdzki8k1j7] {
    stroke-width: 1.1;
    stroke-dasharray: 1.1 0.65;
}

.tb-note.tb-drawing--selected rect:first-of-type[b-jdzki8k1j7] {
    stroke-width: 0.55;
    stroke-dasharray: 1.2 0.7;
}

.tb-drawing--motion-target[b-jdzki8k1j7] {
    filter: none;
}

.tb-drawing--glow[b-jdzki8k1j7] {
    filter:
        drop-shadow(0 0 4px rgba(255, 255, 255, 0.58))
        drop-shadow(0 0 8px rgba(22, 140, 255, 0.62));
}

.tb-animation-target-preview[b-jdzki8k1j7] {
    pointer-events: none;
}

.tb-animation-vector[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(246, 211, 79, 0.78);
    stroke-width: 0.24;
    stroke-dasharray: 0.9 0.72;
    stroke-linecap: round;
    filter: none;
}

.tb-animation-destination[b-jdzki8k1j7] {
    fill: rgba(246, 211, 79, 0.16);
    stroke: #f6d34f;
    stroke-width: 0.28;
    filter: none;
}

.tb-animation-destination-dot[b-jdzki8k1j7] {
    fill: #f6d34f;
}

.tb-drawing--no-glow:not(.tb-drawing--selected)[b-jdzki8k1j7],
.tb-drawing--no-glow:not(.tb-drawing--selected) circle[b-jdzki8k1j7],
.tb-drawing--no-glow:not(.tb-drawing--selected) rect[b-jdzki8k1j7],
.tb-drawing--no-glow:not(.tb-drawing--selected) path[b-jdzki8k1j7],
.tb-drawing--no-glow:not(.tb-drawing--selected) polygon[b-jdzki8k1j7],
.tb-drawing--no-glow:not(.tb-drawing--selected) line[b-jdzki8k1j7] {
    filter: none !important;
}

.tb-inspector[b-jdzki8k1j7] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(22, 140, 255, 0.055), transparent 48%),
        rgba(3, 17, 32, 0.94);
}

.tb-inspector-tabs[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 7px;
    border-bottom: 1px solid rgba(22, 140, 255, 0.16);
    background: rgba(2, 12, 24, 0.42);
}

.tb-inspector-tab[b-jdzki8k1j7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 34px;
    padding: 0 5px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.72);
    background: rgba(2, 12, 24, 0.62);
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 900;
}

.tb-inspector-tab .mud-icon-root[b-jdzki8k1j7] {
    font-size: 16px;
}

.tb-inspector-tab span[b-jdzki8k1j7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-inspector-tab:hover[b-jdzki8k1j7],
.tb-inspector-tab--active[b-jdzki8k1j7] {
    color: #fff;
    border-color: rgba(22, 140, 255, 0.84);
    background: rgba(22, 140, 255, 0.18);
}

.tb-inspector-tab--active[b-jdzki8k1j7] {
    box-shadow: inset 0 -2px 0 #168cff;
}

.tb-inspector-body[b-jdzki8k1j7] {
    min-height: 0;
    overflow: auto;
    padding: 8px;
    scroll-padding-top: 10px;
}

.tb-panel-block[b-jdzki8k1j7] {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(22, 140, 255, 0.055), transparent 48%),
        rgba(3, 17, 32, 0.94);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018);
}

.tb-inspector-body > .tb-panel-block[b-jdzki8k1j7] {
    display: none;
}

.tb-inspector--inspect #tb-player-panel[b-jdzki8k1j7],
.tb-inspector--inspect #tb-layers-panel[b-jdzki8k1j7],
.tb-inspector--layers #tb-layers-panel[b-jdzki8k1j7],
.tb-inspector--build #tb-formation-panel[b-jdzki8k1j7],
.tb-inspector--build .tb-animation-panel[b-jdzki8k1j7],
.tb-inspector--board #tb-board-panel[b-jdzki8k1j7],
.tb-inspector--history #tb-versions-panel[b-jdzki8k1j7] {
    display: block;
}

.tb-inspector-body > .tb-panel-block:last-child[b-jdzki8k1j7] {
    margin-bottom: 0;
}

.tb-panel-heading[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 900;
}

.tb-inspector[b-jdzki8k1j7]  .mud-input,
.tb-share-dialog[b-jdzki8k1j7]  .mud-input {
    color: #f8fbff;
    background: rgba(2, 12, 24, 0.58);
    border-radius: 6px;
}

.tb-inspector[b-jdzki8k1j7]  .mud-input-outlined-border,
.tb-share-dialog[b-jdzki8k1j7]  .mud-input-outlined-border {
    border-color: rgba(22, 140, 255, 0.32);
}

.tb-inspector[b-jdzki8k1j7]  .mud-input-control:hover .mud-input-outlined-border,
.tb-share-dialog[b-jdzki8k1j7]  .mud-input-control:hover .mud-input-outlined-border {
    border-color: rgba(22, 140, 255, 0.62);
}

.tb-inspector[b-jdzki8k1j7]  .mud-input-label,
.tb-share-dialog[b-jdzki8k1j7]  .mud-input-label,
.tb-inspector[b-jdzki8k1j7]  .mud-select .mud-input-slot,
.tb-share-dialog[b-jdzki8k1j7]  .mud-select .mud-input-slot {
    color: rgba(248, 251, 255, 0.78);
}

.tb-muted[b-jdzki8k1j7] {
    margin: 0 0 10px;
    color: rgba(248, 251, 255, 0.58);
    font-size: 0.86rem;
}

.tb-multi-selection-summary[b-jdzki8k1j7] {
    display: grid;
    gap: 3px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid rgba(246, 211, 79, 0.32);
    border-radius: 8px;
    background: rgba(246, 211, 79, 0.08);
}

.tb-multi-selection-summary strong[b-jdzki8k1j7] {
    color: #f8fbff;
    font-size: 0.88rem;
}

.tb-multi-selection-summary span[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.66);
    font-size: 0.78rem;
}

.tb-layer-list[b-jdzki8k1j7] {
    display: grid;
    gap: 7px;
    max-height: 220px;
    overflow: auto;
    padding-right: 2px;
}

.tb-layer-row[b-jdzki8k1j7] {
    position: relative;
    display: grid;
    grid-template-columns: 18px 24px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 7px 8px;
    border: 1px solid rgba(22, 140, 255, 0.15);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.82);
    background: rgba(2, 12, 24, 0.62);
    cursor: pointer;
    text-align: left;
}

.tb-layer-row:hover[b-jdzki8k1j7],
.tb-layer-row--active[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.95);
    background: linear-gradient(90deg, rgba(22, 140, 255, 0.28), rgba(22, 140, 255, 0.1));
}

.tb-layer-row--active[b-jdzki8k1j7] {
    color: #fff;
    padding-right: 78px;
    box-shadow: inset 4px 0 0 #168cff, 0 0 0 1px rgba(22, 140, 255, 0.38), 0 0 18px rgba(22, 140, 255, 0.18);
}

.tb-layer-row--active[b-jdzki8k1j7]::after {
    content: "Selected";
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 1px 6px;
    border: 1px solid rgba(22, 140, 255, 0.55);
    border-radius: 999px;
    color: #8fd0ff;
    background: rgba(2, 12, 24, 0.82);
    font-size: 0.58rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tb-layer-row--motion-target[b-jdzki8k1j7] {
    border-color: rgba(246, 211, 79, 0.76);
    background: rgba(246, 211, 79, 0.12);
}

.tb-layer-row .mud-icon-root[b-jdzki8k1j7] {
    color: #168cff;
    font-size: 18px;
}

.tb-layer-swatch[b-jdzki8k1j7] {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(22, 140, 255, 0.14);
}

.tb-layer-copy[b-jdzki8k1j7] {
    min-width: 0;
}

.tb-layer-copy strong[b-jdzki8k1j7],
.tb-layer-copy small[b-jdzki8k1j7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-layer-copy strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.84rem;
}

.tb-layer-copy small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.52);
    font-size: 0.72rem;
}

.tb-layer-editor[b-jdzki8k1j7] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tb-layer-editor-title[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 900;
}

.tb-comment-target[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(246, 211, 79, 0.24);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.64);
    background: rgba(246, 211, 79, 0.06);
    font-size: 0.78rem;
}

.tb-comment-target strong[b-jdzki8k1j7] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-comment-list[b-jdzki8k1j7] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    max-height: 260px;
    overflow: auto;
}

.tb-comment-row[b-jdzki8k1j7] {
    display: grid;
    gap: 5px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.82);
    background: rgba(2, 12, 24, 0.62);
    cursor: pointer;
    text-align: left;
}

.tb-comment-row:hover[b-jdzki8k1j7],
.tb-comment-row--active[b-jdzki8k1j7] {
    border-color: rgba(246, 211, 79, 0.86);
    background: rgba(246, 211, 79, 0.1);
}

.tb-comment-row--resolved[b-jdzki8k1j7] {
    opacity: 0.58;
}

.tb-comment-row strong[b-jdzki8k1j7],
.tb-comment-row small[b-jdzki8k1j7],
.tb-comment-row p[b-jdzki8k1j7] {
    display: block;
}

.tb-comment-row strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.82rem;
}

.tb-comment-row small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.5);
    font-size: 0.68rem;
}

.tb-comment-row p[b-jdzki8k1j7] {
    margin: 0;
    color: rgba(248, 251, 255, 0.76);
    font-size: 0.78rem;
    line-height: 1.35;
}

.tb-comment-actions[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.tb-version-header[b-jdzki8k1j7],
.tb-version-loading[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tb-version-header[b-jdzki8k1j7] {
    margin-bottom: 8px;
    color: rgba(248, 251, 255, 0.74);
    font-size: 0.82rem;
    font-weight: 800;
}

.tb-version-loading[b-jdzki8k1j7] {
    justify-content: flex-start;
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.78rem;
}

.tb-version-list[b-jdzki8k1j7] {
    display: grid;
    gap: 8px;
    max-height: 260px;
    overflow: auto;
}

.tb-version-row[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    background: rgba(2, 12, 24, 0.62);
}

.tb-version-row strong[b-jdzki8k1j7],
.tb-version-row span[b-jdzki8k1j7],
.tb-version-row small[b-jdzki8k1j7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-version-row strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.84rem;
}

.tb-version-row span[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.78);
    font-size: 0.76rem;
}

.tb-version-row small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.48);
    font-size: 0.68rem;
}

.tb-animation-panel[b-jdzki8k1j7] {
    border-color: rgba(246, 211, 79, 0.28);
}

.tb-animation-target-list[b-jdzki8k1j7] {
    display: grid;
    gap: 7px;
    max-height: 180px;
    overflow: auto;
    padding-right: 2px;
}

.tb-animation-target-row[b-jdzki8k1j7] {
    min-height: 46px;
}

.tb-animation-target-row--ready[b-jdzki8k1j7] {
    border-color: rgba(127, 255, 212, 0.7);
    background: rgba(127, 255, 212, 0.09);
}

.tb-animation-actions[b-jdzki8k1j7] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.tb-color-grid[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tb-team-color-controls[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 8px 0 10px;
}

.tb-pattern-save[b-jdzki8k1j7] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.tb-pattern-list[b-jdzki8k1j7] {
    display: grid;
    gap: 7px;
    margin-top: 10px;
}

.tb-pattern-row[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    gap: 8px;
}

.tb-pattern-row > button:first-child[b-jdzki8k1j7] {
    display: block;
    min-width: 0;
    min-height: 44px;
    padding: 7px 8px;
    border: 1px solid rgba(22, 140, 255, 0.15);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.84);
    background: rgba(2, 12, 24, 0.62);
    text-align: left;
    cursor: pointer;
}

.tb-pattern-row > button:first-child:hover[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.68);
    background: rgba(22, 140, 255, 0.12);
}

.tb-pattern-row strong[b-jdzki8k1j7],
.tb-pattern-row small[b-jdzki8k1j7] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-pattern-row strong[b-jdzki8k1j7] {
    color: #fff;
    font-size: 0.82rem;
}

.tb-pattern-row small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.55);
    font-size: 0.72rem;
}

.tb-compactness-control[b-jdzki8k1j7] {
    display: grid;
    gap: 3px;
    margin: 8px 0;
    padding: 8px 10px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.76);
    background: rgba(2, 12, 24, 0.62);
    font-size: 0.78rem;
    font-weight: 800;
}

.tb-compactness-control > span[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tb-compactness-control strong[b-jdzki8k1j7] {
    color: #8fd0ff;
}

.tb-compactness-control[b-jdzki8k1j7]  .mud-slider {
    margin: 0;
}

.tb-style-grid[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tb-color-control[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.76);
    background: rgba(2, 12, 24, 0.62);
    font-size: 0.78rem;
    font-weight: 800;
}

.tb-color-grid .mud-select[b-jdzki8k1j7] {
    min-width: 0;
}

.tb-color-control input[type="color"][b-jdzki8k1j7] {
    width: 38px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 7px;
    background: transparent;
    cursor: pointer;
}

.tb-board-toggle[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(22, 140, 255, 0.16);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.78);
    background: rgba(2, 12, 24, 0.62);
}

.tb-board-toggle span[b-jdzki8k1j7] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.tb-board-toggle strong[b-jdzki8k1j7] {
    color: #f8fbff;
    font-size: 0.82rem;
}

.tb-board-toggle small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.52);
    font-size: 0.72rem;
}

.tb-board-toggle input[b-jdzki8k1j7] {
    width: 36px;
    height: 20px;
    accent-color: #168cff;
    cursor: pointer;
}

.tb-board-toggle input:disabled[b-jdzki8k1j7] {
    cursor: not-allowed;
    opacity: 0.55;
}

.tb-frame-timeline-summary[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    color: rgba(248, 251, 255, 0.72);
    font-size: 0.82rem;
    font-weight: 800;
}

.tb-frame-timeline-summary small[b-jdzki8k1j7] {
    color: #19a7ff;
}

.tb-frame-dock[b-jdzki8k1j7] {
    min-width: 0;
    max-height: 148px;
    overflow: hidden;
    padding: 6px 8px;
    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(22, 140, 255, 0.06), transparent 42%),
        rgba(3, 17, 32, 0.94);
}

.tb-frame-dock-header[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.tb-frame-dock-header > div[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tb-frame-dock-header span[b-jdzki8k1j7] {
    color: #fff;
    font-weight: 900;
}

.tb-frame-dock-header small[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
}

.tb-frame-timeline-wrap[b-jdzki8k1j7] {
    display: grid;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-color: rgba(22, 140, 255, 0.52) rgba(255, 255, 255, 0.06);
}

.tb-frame-ruler[b-jdzki8k1j7],
.tb-frame-timeline[b-jdzki8k1j7] {
    display: flex;
    gap: 6px;
    min-width: max-content;
}

.tb-frame-ruler span[b-jdzki8k1j7] {
    flex: 0 0 var(--frame-width);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(22, 140, 255, 0.75), rgba(0, 217, 255, 0.28));
}

.tb-frame-chip[b-jdzki8k1j7] {
    position: relative;
    flex: 0 0 var(--frame-width);
    display: grid;
    gap: 3px;
    width: var(--frame-width);
    min-height: 82px;
    padding: 5px;
    border: 1px solid rgba(22, 140, 255, 0.2);
    border-radius: 8px;
    color: rgba(248, 251, 255, 0.82);
    background: linear-gradient(180deg, rgba(4, 25, 46, 0.92), rgba(2, 12, 24, 0.72));
    text-align: left;
    cursor: grab;
}

.tb-frame-chip:active[b-jdzki8k1j7] {
    cursor: grabbing;
}

.tb-frame-chip--dragging[b-jdzki8k1j7] {
    opacity: 0.55;
    transform: scale(0.985);
}

.tb-frame-preview-button[b-jdzki8k1j7] {
    position: relative;
    display: grid;
    gap: 2px;
    min-width: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.tb-frame-thumb[b-jdzki8k1j7] {
    display: block;
    width: 100%;
    height: 18px;
    aspect-ratio: 100 / 68;
    border-radius: 6px;
    background: rgba(1, 16, 29, 0.9);
}

.tb-frame-thumb rect[b-jdzki8k1j7],
.tb-frame-thumb line[b-jdzki8k1j7],
.tb-frame-thumb circle[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(22, 140, 255, 0.54);
    stroke-width: 0.55;
}

.tb-frame-thumb .tb-frame-thumb-pitch[b-jdzki8k1j7] {
    fill: rgba(2, 24, 34, 0.68);
}

.tb-frame-thumb .tb-frame-thumb-drawing[b-jdzki8k1j7] {
    fill: none;
    stroke: rgba(0, 217, 255, 0.78);
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tb-frame-playhead[b-jdzki8k1j7] {
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: transparent;
}

.tb-frame-title[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
}

.tb-frame-title strong[b-jdzki8k1j7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.68rem;
    line-height: 1.05;
}

.tb-frame-title small[b-jdzki8k1j7] {
    flex: 0 0 auto;
    color: rgba(248, 251, 255, 0.52);
    font-size: 0.58rem;
    line-height: 1.05;
}

.tb-frame-chip--active[b-jdzki8k1j7] {
    border-color: rgba(22, 140, 255, 0.86);
    color: #fff;
    background: linear-gradient(180deg, rgba(14, 70, 126, 0.62), rgba(2, 20, 38, 0.92));
    box-shadow: inset 0 0 0 1px rgba(0, 217, 255, 0.18);
}

.tb-frame-chip--active .tb-frame-playhead[b-jdzki8k1j7] {
    background: #19a7ff;
    box-shadow: 0 0 14px rgba(25, 167, 255, 0.5);
}

.tb-frame-duration-control[b-jdzki8k1j7] {
    display: grid;
    align-items: center;
    height: 14px;
}

.tb-frame-duration-control input[b-jdzki8k1j7] {
    width: 100%;
    height: 12px;
    margin: 0;
    accent-color: #168cff;
}

.tb-frame-card-actions[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
}

.tb-frame-card-actions button[b-jdzki8k1j7] {
    display: grid;
    place-items: center;
    height: 18px;
    min-height: 16px;
    padding: 0;
    border: 1px solid rgba(22, 140, 255, 0.24);
    border-radius: 6px;
    color: #c7edff;
    background: rgba(0, 0, 0, 0.18);
    cursor: pointer;
}

.tb-frame-card-actions .mud-icon-root[b-jdzki8k1j7] {
    font-size: 14px;
}

.tb-frame-card-actions button:disabled[b-jdzki8k1j7] {
    cursor: not-allowed;
    opacity: 0.42;
}

.tb-frame-card-actions .tb-frame-delete[b-jdzki8k1j7] {
    border-color: rgba(255, 79, 116, 0.34);
    color: #ff6685;
}

.tb-frame-actions[b-jdzki8k1j7],
.tb-playback[b-jdzki8k1j7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tb-playback[b-jdzki8k1j7] {
    margin-top: 10px;
}

.tb-share-backdrop[b-jdzki8k1j7] {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(2, 5, 12, 0.72);
    backdrop-filter: blur(10px);
}

.tb-share-dialog[b-jdzki8k1j7] {
    display: grid;
    gap: 14px;
    width: min(100%, 520px);
    padding: 18px;
    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 8px;
    color: #f8fbff;
    background:
        radial-gradient(circle at 100% 0%, rgba(22, 140, 255, 0.12), transparent 16rem),
        rgba(3, 17, 32, 0.98);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.56), 0 0 30px rgba(22, 140, 255, 0.1);
}

.tb-share-dialog header[b-jdzki8k1j7],
.tb-share-dialog footer[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tb-share-dialog header p[b-jdzki8k1j7],
.tb-share-dialog header h2[b-jdzki8k1j7],
.tb-share-note[b-jdzki8k1j7] {
    margin: 0;
}

.tb-share-dialog header p[b-jdzki8k1j7] {
    color: #168cff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tb-share-dialog header h2[b-jdzki8k1j7] {
    color: #fff;
    font-size: 1.08rem;
    font-weight: 900;
}

.tb-share-note[b-jdzki8k1j7],
.tb-share-empty[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.64);
    font-size: 0.88rem;
}

.tb-share-options[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.tb-share-audience-panel[b-jdzki8k1j7] {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.tb-share-user-search[b-jdzki8k1j7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.tb-share-pills[b-jdzki8k1j7],
.tb-share-user-results[b-jdzki8k1j7] {
    display: grid;
    gap: 7px;
}

.tb-share-pills[b-jdzki8k1j7] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.tb-share-pill[b-jdzki8k1j7],
.tb-share-user-results button[b-jdzki8k1j7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid rgba(22, 140, 255, 0.22);
    border-radius: 8px;
    color: #f8fbff;
    background: rgba(22, 140, 255, 0.08);
    cursor: pointer;
    text-align: left;
}

.tb-share-pill span[b-jdzki8k1j7],
.tb-share-user-results span[b-jdzki8k1j7],
.tb-share-user-results small[b-jdzki8k1j7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-share-pill .mud-icon-root[b-jdzki8k1j7] {
    flex: 0 0 auto;
    font-size: 16px;
}

.tb-share-user-results button[b-jdzki8k1j7] {
    align-items: flex-start;
    flex-direction: column;
}

.tb-share-user-results small[b-jdzki8k1j7],
.tb-share-scope-summary[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.58);
    font-size: 0.76rem;
}

.tb-share-scope-summary[b-jdzki8k1j7] {
    padding: 8px 10px;
    border-left: 2px solid #168cff;
    background: rgba(22, 140, 255, 0.06);
}

.tb-share-link[b-jdzki8k1j7] {
    display: grid;
    gap: 7px;
}

.tb-share-link span[b-jdzki8k1j7] {
    color: rgba(248, 251, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 800;
}

.tb-share-link input[b-jdzki8k1j7],
.tb-share-empty[b-jdzki8k1j7] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid rgba(22, 140, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    background: rgba(2, 12, 24, 0.66);
}

.tb-share-link input[b-jdzki8k1j7] {
    outline: 0;
    font-size: 0.86rem;
}

.tb-share-dialog footer[b-jdzki8k1j7] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 980px) {
    .tb-editor-topbar[b-jdzki8k1j7] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-title-block[b-jdzki8k1j7],
    .tb-topbar-actions[b-jdzki8k1j7] {
        flex-wrap: wrap;
        min-width: 0;
    }

    .tb-title-input[b-jdzki8k1j7] {
        width: calc(100vw - 96px);
    }

    .tb-title-heading[b-jdzki8k1j7] {
        max-width: calc(100vw - 96px);
    }

    .tb-editor-grid[b-jdzki8k1j7] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
        min-height: calc(100vh - 180px);
        padding: 8px;
        overflow: visible;
    }

    .tb-tool-rail[b-jdzki8k1j7] {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        order: 1;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .tb-tool-rail[b-jdzki8k1j7]::-webkit-scrollbar {
        display: none;
    }

    .tb-tool-button[b-jdzki8k1j7] {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        scroll-snap-align: start;
    }

    .tb-canvas-column[b-jdzki8k1j7] {
        order: 2;
        grid-template-rows: auto auto;
    }

    .tb-board-stage[b-jdzki8k1j7] {
        aspect-ratio: 100 / 68;
        min-height: 0;
        height: auto;
    }

    .tb-pitch-svg[b-jdzki8k1j7] {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .tb-mobile-section-tabs[b-jdzki8k1j7] {
        display: none;
    }

    .tb-inspector[b-jdzki8k1j7] {
        order: 3;
        max-height: min(52svh, 520px);
    }

    .tb-inspector-tabs[b-jdzki8k1j7] {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .tb-floating-bar[b-jdzki8k1j7] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .tb-floating-workflow[b-jdzki8k1j7] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-floating-workflow-main[b-jdzki8k1j7],
    .tb-floating-workflow-actions[b-jdzki8k1j7] {
        width: 100%;
    }

    .tb-floating-workflow-actions[b-jdzki8k1j7] {
        flex-wrap: wrap;
        margin-left: 0;
    }

    .tb-floating-workflow-actions button[b-jdzki8k1j7] {
        flex: 1 1 110px;
    }

    .tb-panel-block[b-jdzki8k1j7] {
        padding: 10px;
    }
}

@media (max-width: 620px) {
    .tb-editor-state-actions[b-jdzki8k1j7] {
        align-items: stretch;
        flex-direction: column;
        width: min(100%, 320px);
    }

    .tb-editor-shell[b-jdzki8k1j7] {
        min-height: 100vh;
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
    }

    .tb-editor-topbar[b-jdzki8k1j7] {
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .tb-topbar-actions[b-jdzki8k1j7] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .tb-topbar-actions[b-jdzki8k1j7]::-webkit-scrollbar {
        display: none;
    }

    .tb-topbar-actions .mud-button-root[b-jdzki8k1j7] {
        flex: 0 0 56px;
        width: 56px;
        min-width: 56px !important;
        min-height: 44px;
        padding-inline: 0;
    }

    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-root {
        flex: 0 0 56px;
        width: 56px;
        min-width: 56px !important;
        min-height: 44px;
        padding-inline: 0;
    }

    .tb-topbar-actions .mud-button-label[b-jdzki8k1j7],
    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-label {
        font-size: 0;
        gap: 0;
    }

    .tb-topbar-actions .mud-button-icon-start[b-jdzki8k1j7],
    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-icon-start {
        margin: 0;
    }

    .tb-editor-grid[b-jdzki8k1j7] {
        gap: 10px;
        padding: 8px 10px calc(24px + env(safe-area-inset-bottom));
    }

    .tb-canvas-actions[b-jdzki8k1j7] {
        display: none;
    }

    .tb-mobile-action-bar[b-jdzki8k1j7] {
        display: flex;
        gap: 8px;
        min-width: 0;
        overflow-x: auto;
        padding: 8px 2px 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .tb-mobile-action-bar[b-jdzki8k1j7]::-webkit-scrollbar {
        display: none;
    }

    .tb-mobile-action[b-jdzki8k1j7] {
        flex: 1 0 102px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 42px;
        border: 1px solid rgba(22, 140, 255, 0.24);
        border-radius: 8px;
        color: rgba(248, 251, 255, 0.72);
        background: rgba(3, 17, 32, 0.94);
        font-size: 0.72rem;
        font-weight: 900;
        cursor: pointer;
    }

    .tb-mobile-action--active[b-jdzki8k1j7] {
        color: #fff;
        border-color: rgba(22, 140, 255, 0.92);
        background: linear-gradient(180deg, rgba(22, 140, 255, 0.36), rgba(9, 58, 118, 0.78));
    }

    .tb-mobile-sheet-backdrop[b-jdzki8k1j7] {
        position: fixed;
        inset: 0;
        z-index: 70;
        display: block;
        background: rgba(0, 0, 0, 0.52);
    }

    .tb-mobile-bottom-sheet[b-jdzki8k1j7] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 80;
        display: block;
        max-height: min(68dvh, 480px);
        overflow-y: auto;
        padding: 10px 14px calc(14px + env(safe-area-inset-bottom));
        border: 1px solid rgba(22, 140, 255, 0.22);
        border-radius: 16px 16px 0 0;
        color: #f8fbff;
        background:
            linear-gradient(135deg, rgba(22, 140, 255, 0.1), transparent 44%),
            #061326;
        box-shadow: 0 -18px 60px rgba(0, 0, 0, 0.55);
    }

    .tb-mobile-sheet-handle[b-jdzki8k1j7] {
        display: block;
        width: 38px;
        height: 4px;
        margin: 0 auto 10px;
        border: 0;
        border-radius: 999px;
        background: rgba(248, 251, 255, 0.22);
    }

    .tb-mobile-bottom-sheet header[b-jdzki8k1j7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
    }

    .tb-mobile-bottom-sheet header > div[b-jdzki8k1j7] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-weight: 900;
    }

    .tb-mobile-bottom-sheet header button[b-jdzki8k1j7] {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(22, 140, 255, 0.22);
        border-radius: 8px;
        color: rgba(248, 251, 255, 0.72);
        background: rgba(2, 11, 22, 0.72);
    }

    .tb-mobile-sheet-section[b-jdzki8k1j7] {
        display: grid;
        gap: 10px;
    }

    .tb-mobile-sheet-section p[b-jdzki8k1j7],
    .tb-mobile-sheet-section strong[b-jdzki8k1j7] {
        margin: 0;
        color: rgba(248, 251, 255, 0.74);
        font-size: 0.88rem;
    }

    .tb-mobile-sheet-field[b-jdzki8k1j7] {
        display: grid;
        gap: 5px;
    }

    .tb-mobile-sheet-field span[b-jdzki8k1j7] {
        color: rgba(248, 251, 255, 0.58);
        font-size: 0.7rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .tb-mobile-sheet-field select[b-jdzki8k1j7] {
        min-height: 42px;
        border: 1px solid rgba(22, 140, 255, 0.34);
        border-radius: 8px;
        color: #f8fbff;
        background: rgba(2, 12, 24, 0.94);
        font-weight: 900;
        padding: 0 12px;
    }

    .tb-mobile-sheet-grid[b-jdzki8k1j7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .tb-mobile-sheet-grid button[b-jdzki8k1j7] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 42px;
        border: 1px solid rgba(22, 140, 255, 0.28);
        border-radius: 8px;
        color: #19a7ff;
        background: rgba(2, 12, 24, 0.76);
        font-size: 0.76rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .tb-mobile-sheet-grid button:disabled[b-jdzki8k1j7] {
        opacity: 0.42;
    }

    .tb-mobile-sheet-grid .tb-mobile-danger[b-jdzki8k1j7] {
        color: #ff6685;
        border-color: rgba(255, 79, 116, 0.34);
    }

    .tb-frame-dock[b-jdzki8k1j7] {
        max-height: none;
        overflow: visible;
    }

    .tb-board-stage[b-jdzki8k1j7] {
        min-height: 0;
        padding: 6px;
    }

    .tb-frame-dock-header[b-jdzki8k1j7] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-frame-dock-header > div[b-jdzki8k1j7] {
        flex-wrap: wrap;
    }

    .tb-layer-list[b-jdzki8k1j7] {
        max-height: 40vh;
    }

    .tb-panel-block[b-jdzki8k1j7] {
        margin-bottom: 12px;
    }

    .tb-share-backdrop[b-jdzki8k1j7] {
        align-items: end;
        padding: 10px;
    }

    .tb-share-dialog[b-jdzki8k1j7] {
        width: 100%;
        max-height: calc(100svh - 20px);
        overflow: auto;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
        border-radius: 12px 12px 8px 8px;
    }

    .tb-share-dialog footer .mud-button-root[b-jdzki8k1j7] {
        flex: 1 1 100%;
    }

    .tb-share-options[b-jdzki8k1j7] {
        grid-template-columns: 1fr;
    }

    .tb-color-grid[b-jdzki8k1j7],
    .tb-team-color-controls[b-jdzki8k1j7],
    .tb-style-grid[b-jdzki8k1j7] {
        grid-template-columns: 1fr;
    }

    .tb-share-user-search[b-jdzki8k1j7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) and (orientation: landscape) {
    .tb-editor-shell[b-jdzki8k1j7] {
        min-height: 100svh;
        padding-top: 0;
        padding-bottom: 0;
    }

    .tb-editor-topbar[b-jdzki8k1j7] {
        position: static;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        padding: 6px 10px;
    }

    .tb-title-input[b-jdzki8k1j7] {
        width: min(28vw, 220px);
        font-size: 1rem;
    }

    .tb-title-heading[b-jdzki8k1j7] {
        max-width: min(28vw, 220px);
        font-size: 1rem;
    }

    .tb-title-meta[b-jdzki8k1j7] {
        display: none;
    }

    .tb-topbar-actions[b-jdzki8k1j7] {
        justify-content: flex-end;
        gap: 6px;
    }

    .tb-topbar-actions .mud-button-root[b-jdzki8k1j7] {
        flex: 0 0 42px;
        width: 42px;
        min-width: 42px !important;
        min-height: 36px;
        padding-inline: 8px;
    }

    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-root {
        flex: 0 0 42px;
        width: 42px;
        min-width: 42px !important;
        min-height: 36px;
        padding-inline: 8px;
    }

    .tb-topbar-actions .mud-button-label[b-jdzki8k1j7] {
        font-size: 0;
        gap: 0;
    }

    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-label {
        font-size: 0;
        gap: 0;
    }

    .tb-topbar-actions .mud-button-icon-start[b-jdzki8k1j7] {
        margin: 0;
    }

    .tb-topbar-actions[b-jdzki8k1j7]  .mud-button-icon-start {
        margin: 0;
    }

    .tb-editor-grid[b-jdzki8k1j7] {
        grid-template-columns: 90px minmax(0, 1fr) minmax(240px, 280px);
        grid-template-rows: minmax(0, 1fr);
        height: calc(100svh - 178px);
        min-height: 0;
        overflow: hidden;
        padding: 8px;
    }

    .tb-tool-rail[b-jdzki8k1j7] {
        display: grid;
        grid-template-columns: repeat(2, 36px);
        grid-auto-rows: 36px;
        order: 1;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .tb-tool-button[b-jdzki8k1j7] {
        width: 36px;
        height: 36px;
    }

    .tb-board-stage[b-jdzki8k1j7] {
        min-height: 0;
        height: 100%;
    }

    .tb-canvas-column[b-jdzki8k1j7] {
        order: 2;
        min-height: 0;
    }

    .tb-pitch-svg[b-jdzki8k1j7] {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .tb-mobile-section-tabs[b-jdzki8k1j7] {
        display: none;
    }

    .tb-inspector[b-jdzki8k1j7] {
        order: 3;
        max-height: none;
    }

    .tb-panel-block[b-jdzki8k1j7] {
        margin-bottom: 8px;
        scroll-margin-top: 0;
    }

    .tb-layer-list[b-jdzki8k1j7] {
        max-height: 132px;
    }
}
/* /Pages/Tools/TacticsBoardList.razor.rz.scp.css */
.tb-list-shell[b-sbuwo3hnnz] {
    min-height: calc(100vh - 76px);
    padding: 24px 72px 72px;
    color: #f8fbff;
    background:
        radial-gradient(circle at top left, rgba(0, 200, 255, 0.18), transparent 34rem),
        linear-gradient(135deg, #050812 0%, #0a1020 52%, #111725 100%);
}

.tb-list-hero[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.tb-kicker[b-sbuwo3hnnz] {
    color: #00d9ff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tb-list-hero h1[b-sbuwo3hnnz] {
    margin: 4px 0;
    font-size: clamp(2rem, 4vw, 3.6rem);
    font-weight: 900;
}

.tb-list-hero p[b-sbuwo3hnnz] {
    max-width: 760px;
    margin: 0;
    color: rgba(248, 251, 255, 0.66);
}

.tb-create-panel[b-sbuwo3hnnz] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(150px, 1fr));
    gap: 12px;
    padding: 16px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 217, 255, 0.16);
    border-radius: 8px;
    background: rgba(7, 12, 24, 0.86);
}

.tb-folder-stack[b-sbuwo3hnnz] {
    display: grid;
    gap: 24px;
}

.tb-folder-section[b-sbuwo3hnnz] {
    display: grid;
    gap: 12px;
}

.tb-folder-heading[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 217, 255, 0.16);
}

.tb-folder-heading > div[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tb-folder-heading .mud-icon-root[b-sbuwo3hnnz] {
    color: #00d9ff;
}

.tb-folder-heading h2[b-sbuwo3hnnz] {
    margin: 0;
    color: #f8fbff;
    font-size: 1.14rem;
    font-weight: 900;
}

.tb-folder-heading > span[b-sbuwo3hnnz] {
    color: rgba(248, 251, 255, 0.56);
    font-size: 0.82rem;
    font-weight: 800;
}

.tb-board-grid[b-sbuwo3hnnz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.tb-board-card[b-sbuwo3hnnz] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(8, 13, 26, 0.92);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.tb-card-preview[b-sbuwo3hnnz] {
    position: relative;
    padding: 12px;
    background: linear-gradient(135deg, rgba(0, 217, 255, 0.12), rgba(150, 120, 255, 0.1));
}

.tb-card-preview svg[b-sbuwo3hnnz] {
    display: block;
    width: 100%;
    aspect-ratio: 100 / 68;
}

.tb-card-preview rect[b-sbuwo3hnnz],
.tb-card-preview line[b-sbuwo3hnnz],
.tb-card-preview circle[b-sbuwo3hnnz] {
    fill: none;
    stroke: rgba(148, 236, 255, 0.72);
    stroke-width: 0.65;
}

.tb-card-preview .tb-mini-pitch[b-sbuwo3hnnz] {
    fill: rgba(1, 20, 22, 0.74);
}

.tb-card-preview span[b-sbuwo3hnnz] {
    position: absolute;
    right: 12px;
    bottom: 10px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #dffaff;
    background: rgba(0, 0, 0, 0.42);
    font-size: 0.72rem;
    font-weight: 700;
}

.tb-card-body[b-sbuwo3hnnz] {
    padding: 14px;
}

.tb-card-title-row[b-sbuwo3hnnz],
.tb-card-footer[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tb-card-title-row h3[b-sbuwo3hnnz] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.tb-card-meta[b-sbuwo3hnnz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0 16px;
    color: rgba(248, 251, 255, 0.64);
    font-size: 0.82rem;
}

.tb-card-meta span[b-sbuwo3hnnz] {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.tb-card-meta .tb-folder-pill[b-sbuwo3hnnz] {
    color: #bff5ff;
    background: rgba(0, 217, 255, 0.12);
}

.tb-card-footer[b-sbuwo3hnnz] {
    color: rgba(248, 251, 255, 0.5);
    font-size: 0.78rem;
}

.tb-card-actions[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tb-delete-confirm[b-sbuwo3hnnz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding: 10px;
    border: 1px solid rgba(255, 92, 122, 0.34);
    border-radius: 8px;
    color: #ffd7df;
    background: rgba(255, 92, 122, 0.1);
    font-size: 0.82rem;
}

.tb-delete-confirm > div[b-sbuwo3hnnz] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tb-status[b-sbuwo3hnnz] {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.tb-status--active[b-sbuwo3hnnz] {
    color: #7fffd4;
    background: rgba(32, 255, 196, 0.12);
}

.tb-status--archived[b-sbuwo3hnnz],
.tb-status--expired[b-sbuwo3hnnz] {
    color: #ffcf70;
    background: rgba(255, 190, 80, 0.12);
}

.tb-status--deleted[b-sbuwo3hnnz] {
    color: #ff8f9f;
    background: rgba(255, 90, 120, 0.14);
}

.tb-access-state[b-sbuwo3hnnz],
.tb-empty[b-sbuwo3hnnz] {
    display: grid;
    place-items: center;
    min-height: 320px;
    text-align: center;
}

.tb-list-shell > *[b-sbuwo3hnnz] {
    width: min(1720px, 100%);
    margin-right: auto;
    margin-left: auto;
}

.tb-empty--anonymous[b-sbuwo3hnnz] {
    align-items: stretch;
    text-align: left;
}

.tb-anon-actions[b-sbuwo3hnnz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.tb-empty[b-sbuwo3hnnz] {
    border: 1px dashed rgba(0, 217, 255, 0.24);
    border-radius: 8px;
    background: rgba(7, 12, 24, 0.58);
}

.tb-empty .mud-icon-root[b-sbuwo3hnnz] {
    font-size: 56px;
    color: #00d9ff;
}

.tb-empty h2[b-sbuwo3hnnz] {
    margin: 10px 0 4px;
}

.tb-empty p[b-sbuwo3hnnz] {
    max-width: 420px;
    color: rgba(248, 251, 255, 0.62);
}

@media (max-width: 1100px) {
    .tb-list-shell[b-sbuwo3hnnz] {
        padding: 20px 32px 58px;
    }
}

@media (max-width: 820px) {
    .tb-list-shell[b-sbuwo3hnnz] {
        padding: 14px 16px 44px;
    }

    .tb-list-hero[b-sbuwo3hnnz] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-create-panel[b-sbuwo3hnnz] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .tb-card-footer[b-sbuwo3hnnz],
    .tb-delete-confirm[b-sbuwo3hnnz] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-card-actions[b-sbuwo3hnnz],
    .tb-delete-confirm > div[b-sbuwo3hnnz] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Pages/Tools/TemplateLineupBuilder.razor.rz.scp.css */
/* ── Loading / empty screens ─────────────────────────────────────────────── */
.tlb-loading-screen[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 0;
}

.tlb-empty-screen[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

.tlb-empty-title[b-zjzqt461sx],
.tlb-selector-title[b-zjzqt461sx] {
    margin-bottom: 8px;
}

/* ── Template selector page ──────────────────────────────────────────────── */
.tlb-selector-page[b-zjzqt461sx] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px 40px;
}

.tlb-selector-banner[b-zjzqt461sx] {
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 12px;
    margin: 24px 0 28px;
    padding: 28px 32px;
}

.tlb-selector-banner-inner[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.tlb-template-grid[b-zjzqt461sx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

.tlb-template-card[b-zjzqt461sx] {
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.15s, box-shadow 0.15s;
    background: rgba(255,255,255,0.04);
    border: 1.5px solid rgba(255,255,255,0.08);
}

.tlb-template-card:hover[b-zjzqt461sx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    border-color: rgba(0,200,255,0.35);
}

.tlb-template-thumb[b-zjzqt461sx] {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #0d1320;
    display: flex;
}

.tlb-template-thumb img[b-zjzqt461sx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tlb-template-thumb-placeholder[b-zjzqt461sx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #12172e 0%, #1c2170 100%);
}

.tlb-renderer-badge[b-zjzqt461sx] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,0.65);
    color: #a78bfa;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 20px;
    border: 1px solid rgba(167,139,250,0.3);
}

.tlb-template-card-body[b-zjzqt461sx] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tlb-selector-footer[b-zjzqt461sx] {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

/* ── Club search wrapper ─────────────────────────────────────────────────── */
.tlb-club-search-wrap[b-zjzqt461sx] {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 16px 40px;
}

.tlb-template-context-bar[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 8px;
    flex-wrap: wrap;
}

/* ── Main builder root ───────────────────────────────────────────────────── */
.tlb-page-shell[b-zjzqt461sx] {
    position: fixed;
    top: calc(var(--mud-appbar-height, 64px) + var(--pcw-dev-banner-height, 30px));
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    box-sizing: border-box;
}

.tlb-root[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 600px;
    width: 100%;
}

.tlb-page-shell--embedded[b-zjzqt461sx] {
    position: relative;
    inset: auto;
    height: clamp(640px, calc(100vh - 245px), 900px);
    min-height: 620px;
    overflow: auto;
    border: 1px solid rgba(0, 200, 255, 0.12);
    border-radius: 10px;
    background: #080d16;
}

.tlb-page-shell--embedded .tlb-root[b-zjzqt461sx] {
    min-height: 0;
}

.tlb-page-shell--embedded.tlb-desktop .tlb-body[b-zjzqt461sx],
.tlb-page-shell--embedded .tlb-desktop .tlb-body[b-zjzqt461sx] {
    grid-template-columns: 78px minmax(226px, 278px) minmax(520px, 1fr) minmax(254px, 320px);
    gap: 10px;
    padding: 10px;
}

.tlb-page-shell--embedded .tlb-topbar[b-zjzqt461sx] {
    padding: 7px 12px;
}

.tlb-page-shell--embedded .tlb-selector-page[b-zjzqt461sx] {
    max-width: none;
    padding: 0 16px 24px;
}

.tlb-page-shell--embedded .tlb-selector-banner[b-zjzqt461sx] {
    margin: 0 0 16px;
    padding: 18px 22px;
    border-radius: 10px;
}

.tlb-page-shell--embedded .tlb-template-grid[b-zjzqt461sx] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.tlb-page-shell--embedded .tlb-club-search-wrap[b-zjzqt461sx] {
    max-width: 760px;
    padding: 16px;
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.tlb-topbar[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.tlb-topbar-left[b-zjzqt461sx],
.tlb-topbar-right[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tlb-builder-title[b-zjzqt461sx] {
    margin: 0;
    color: #f5fbff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1;
}

/* ── Body (3-column desktop layout) ─────────────────────────────────────── */
.tlb-desktop .tlb-body[b-zjzqt461sx] {
    display: grid;
    grid-template-columns: 94px minmax(286px, 316px) minmax(0, 1fr) minmax(316px, 360px);
    grid-template-rows: 1fr;
    gap: 12px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 12px 16px 16px;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 200, 255, .09), transparent 34%),
        #050d18;
}

.tlb-mobile .tlb-body[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}

/* ── Left controls panel ─────────────────────────────────────────────────── */
.tlb-controls[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid rgba(255,255,255,0.07);
    padding: 0;
    background: #16213e;
}

.tlb-control-section[b-zjzqt461sx] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tlb-label[b-zjzqt461sx] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
}

.tlb-divider[b-zjzqt461sx] {
    height: 1px;
    background: rgba(255,255,255,0.08);
    margin: 0 14px;
}

/* ── Background grid ─────────────────────────────────────────────────────── */
.tlb-bg-grid[b-zjzqt461sx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.tlb-bg-tile[b-zjzqt461sx] {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    border: 1.5px solid rgba(255,255,255,0.1);
    transition: border-color 0.15s;
}

.tlb-bg-tile.selected[b-zjzqt461sx] {
    border-color: #00c8ff;
    box-shadow: 0 0 0 2px rgba(0,200,255,0.25);
}

.tlb-bg-label[b-zjzqt461sx] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    color: #fff;
    letter-spacing: 0.03em;
}

/* ── Pitch theme grid ────────────────────────────────────────────────────── */
.tlb-pitch-grid[b-zjzqt461sx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.tlb-pitch-tile[b-zjzqt461sx] {
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid rgba(255,255,255,0.1);
    transition: border-color 0.15s;
    letter-spacing: 0.04em;
}

.tlb-pitch-tile.selected[b-zjzqt461sx] {
    border-color: #00c8ff;
    box-shadow: 0 0 0 2px rgba(0,200,255,0.2);
}

.tlb-pitch-tile.pitch-theme-green[b-zjzqt461sx]  { background: linear-gradient(135deg, #1a5c2a, #2e8b44); color: #fff; }
.tlb-pitch-tile.pitch-theme-dark[b-zjzqt461sx]   { background: linear-gradient(135deg, #1a1a2e, #2d2d44); color: #fff; }
.tlb-pitch-tile.pitch-theme-grey[b-zjzqt461sx]   { background: linear-gradient(135deg, #3a3a4e, #5a5a6e); color: #fff; }
.tlb-pitch-tile.pitch-theme-blue[b-zjzqt461sx]   { background: linear-gradient(135deg, #1a3c6e, #2a5cae); color: #fff; }

/* ── Center canvas ───────────────────────────────────────────────────────── */
.tlb-canvas-wrap[b-zjzqt461sx] {
    overflow: visible;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(4, 11, 20, 0.94);
    position: relative;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .3);
}

.tlb-canvas-scroll[b-zjzqt461sx] {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.tlb-canvas-transformer[b-zjzqt461sx] {
    flex-shrink: 0;
}

.tlb-canvas[b-zjzqt461sx] {
    position: relative;
    overflow: visible;
}

/* ── Template layers ─────────────────────────────────────────────────────── */
.tlb-layer[b-zjzqt461sx] {
    position: absolute;
    pointer-events: none;
}

.tlb-layer img[b-zjzqt461sx] {
    display: block;
}

/* ── Formation overlay ───────────────────────────────────────────────────── */
.tlb-formation-overlay[b-zjzqt461sx] {
    position: absolute;
    z-index: 50;
}

.tlb-formation-overlay.positioning-mode[b-zjzqt461sx] {
    cursor: grab;
    touch-action: none;
}

.tlb-formation-overlay.positioning-mode .tlb-slot[b-zjzqt461sx] {
    cursor: grab;
    touch-action: none;
}

/* ── Slot rendering ──────────────────────────────────────────────────────── */
.tlb-slot[b-zjzqt461sx] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer;
    transition: filter 0.15s;
    z-index: 51;
}

.tlb-slot:hover[b-zjzqt461sx] {
    filter: brightness(1.15);
}

.tlb-slot-selected[b-zjzqt461sx] {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(0, 200, 255, 0.6));
}

.tlb-slot-dragover[b-zjzqt461sx] {
    filter: brightness(1.3) drop-shadow(0 0 10px rgba(0, 200, 255, 0.8));
}

.tlb-slot-dragging[b-zjzqt461sx] {
    z-index: 200;
    cursor: grabbing !important;
    filter: brightness(1.2) drop-shadow(0 0 12px rgba(0, 200, 255, 0.7));
}

.tlb-slot-kit[b-zjzqt461sx] {
    width: 110px;
    height: auto;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
    pointer-events: none;
}

.tlb-slot-circle[b-zjzqt461sx] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.tlb-slot-label-pill[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 3px 8px 3px 5px;
    margin-top: 2px;
    width: max-content;
    max-width: none;
    overflow: visible;
}

.tlb-slot-flag[b-zjzqt461sx] {
    width: 18px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}

.tlb-slot-globe[b-zjzqt461sx] {
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

.tlb-slot-globe svg[b-zjzqt461sx] {
    width: 100%;
    height: 100%;
}

.tlb-slot-name[b-zjzqt461sx] {
    white-space: nowrap;
    font-weight: 600;
    line-height: 1.2;
    flex: 0 0 auto;
}

.tlb-slot-pos-tag[b-zjzqt461sx] {
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 2px;
    line-height: 1.3;
}

/* ── Zoom controls ───────────────────────────────────────────────────────── */
.tlb-zoom-bar[b-zjzqt461sx] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(8, 12, 24, 0.92);
    border-radius: 10px;
    padding: 6px 8px;
    z-index: 120;
    backdrop-filter: blur(6px);
    border: 1px solid rgba(0, 200, 255, 0.45);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.tlb-zoom-btn[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}

.tlb-zoom-btn:hover[b-zjzqt461sx] {
    background: rgba(0, 200, 255, 0.2);
    color: #fff;
}

.tlb-zoom-label[b-zjzqt461sx] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.95);
    min-width: 48px;
    text-align: center;
    user-select: none;
}

/* ── Context menu ────────────────────────────────────────────────────────── */
.ctx-overlay[b-zjzqt461sx] {
    position: fixed;
    inset: 0;
    z-index: 900;
}

.ctx-menu[b-zjzqt461sx] {
    position: fixed;
    z-index: 910;
    min-width: 210px;
    background: #141a22;
    border: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 8px;
    padding: 4px 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7), 0 0 12px rgba(0, 200, 255, 0.1);
    overflow: hidden;
}

.ctx-item[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    background: none;
    border: none;
    color: #e0e4ea;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
}

.ctx-item:hover[b-zjzqt461sx] {
    background: rgba(0, 200, 255, 0.1);
    color: #fff;
}

.ctx-item-danger[b-zjzqt461sx] {
    color: #f44336;
}

.ctx-item-danger:hover[b-zjzqt461sx] {
    background: rgba(244, 67, 54, 0.12);
    color: #ff6659;
}

.ctx-emoji[b-zjzqt461sx] {
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
}

.ctx-flag[b-zjzqt461sx] {
    width: 18px;
    height: 13px;
    border-radius: 2px;
    object-fit: cover;
    flex-shrink: 0;
}

.ctx-divider[b-zjzqt461sx] {
    height: 1px;
    margin: 3px 10px;
    background: rgba(255, 255, 255, 0.08);
}

/* ── Inline number edit row ──────────────────────────────────────────────── */
.ctx-number-row[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
}

.ctx-number-input[b-zjzqt461sx] {
    flex: 1;
    width: 60px;
    padding: 4px 8px;
    background: #0d1117;
    border: 1px solid rgba(0, 200, 255, 0.4);
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    text-align: center;
    -moz-appearance: textfield;
}

.ctx-number-input[b-zjzqt461sx]::-webkit-outer-spin-button,
.ctx-number-input[b-zjzqt461sx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ctx-number-confirm[b-zjzqt461sx] {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background: rgba(0, 200, 255, 0.2);
    border: 1px solid rgba(0, 200, 255, 0.5);
    color: #00c8ff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.12s;
}

.ctx-number-confirm:hover[b-zjzqt461sx] {
    background: rgba(0, 200, 255, 0.35);
}

/* ── Right players panel ─────────────────────────────────────────────────── */
.tlb-players[b-zjzqt461sx] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    position: relative;
    padding-bottom: 166px;
    background: linear-gradient(180deg, rgba(13, 24, 38, .98), rgba(8, 17, 31, .98));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.tlb-players[b-zjzqt461sx]  .player-panel {
    height: 100%;
    min-height: 0;
}

.tlb-players[b-zjzqt461sx]  .player-list {
    min-height: 0;
    overflow-y: auto;
}

/* ── Action buttons ──────────────────────────────────────────────────────── */
.tlb-actions[b-zjzqt461sx] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    background: rgba(5, 12, 22, .82);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .35);
    backdrop-filter: blur(10px);
}

.tlb-actions[b-zjzqt461sx]  .mud-button-root {
    min-height: 40px;
    border-radius: 10px;
    font-weight: 900;
    letter-spacing: .02em;
}

.tlb-actions[b-zjzqt461sx]  .tlb-action-copy {
    color: #bdefff;
    border-color: rgba(0, 216, 255, .34);
    background: transparent;
}

.tlb-actions[b-zjzqt461sx]  .tlb-action-copy:hover {
    border-color: rgba(0, 216, 255, .58);
    background: rgba(0, 216, 255, .08);
}

.tlb-actions[b-zjzqt461sx]  .tlb-action-png {
    color: #eafaff;
    background: linear-gradient(180deg, rgba(18, 51, 79, .98), rgba(12, 35, 58, .98));
    border: 1px solid rgba(0, 216, 255, .18);
}

.tlb-actions[b-zjzqt461sx]  .tlb-action-save {
    color: #fff;
    background: linear-gradient(135deg, #0078ff, #00c8ff);
    border: none;
    box-shadow: 0 10px 22px rgba(0, 157, 255, .24);
}

/* ── Mobile overrides ────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .tlb-root[b-zjzqt461sx] {
        height: auto;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx] {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .tlb-desktop .tlb-body[b-zjzqt461sx] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .tlb-controls[b-zjzqt461sx] {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.07);
        max-height: none;
        overflow: visible;
    }

    .tlb-canvas-wrap[b-zjzqt461sx] {
        min-height: 400px;
    }

    .tlb-players[b-zjzqt461sx] {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.07);
    }
}

@media (max-width: 980px) {
    .tlb-page-shell--embedded .tlb-body[b-zjzqt461sx] {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
        overflow: visible;
        padding: 10px;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx]  .tlb-tool-rail {
        width: 100%;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        padding: 8px;
        scrollbar-width: none;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx]  .tlb-tool-rail::-webkit-scrollbar {
        display: none;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx]  .tlb-tool-button {
        flex: 0 0 78px;
        min-height: 64px;
        padding: 8px 6px;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx]  .tlb-tool-button .mud-icon-root {
        font-size: 22px;
    }

    .tlb-page-shell--embedded[b-zjzqt461sx]  .tlb-controls-editor {
        width: 100%;
        max-height: none;
        overflow: visible;
        padding: 14px;
    }

    .tlb-page-shell--embedded .tlb-canvas-wrap[b-zjzqt461sx] {
        width: 100%;
        min-height: 500px;
        overflow: hidden;
    }

    .tlb-page-shell--embedded .tlb-canvas-scroll[b-zjzqt461sx] {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 12px;
    }

    .tlb-page-shell--embedded .tlb-players[b-zjzqt461sx] {
        width: 100%;
        min-height: 380px;
        overflow: hidden;
        padding-bottom: 154px;
    }
}

/* ── Active context-menu item (captain / trial toggled on) ───────────────── */
.ctx-item-active[b-zjzqt461sx] {
    color: #ffd700;
}

.ctx-item-active:hover[b-zjzqt461sx] {
    background: rgba(255, 215, 0, 0.1);
    color: #ffe14d;
}

/* ── Kit numbers grid (left sidebar) ────────────────────────────────────── */
.tlb-number-grid[b-zjzqt461sx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
}

.tlb-number-row[b-zjzqt461sx] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 5px;
    padding: 4px 8px;
}

.tlb-number-pos[b-zjzqt461sx] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.5);
    min-width: 30px;
    flex-shrink: 0;
}

.tlb-number-inp[b-zjzqt461sx] {
    width: 100%;
    min-width: 0;
    padding: 2px 4px;
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    outline: none;
    -moz-appearance: textfield;
    transition: border-color 0.15s;
}

.tlb-number-inp:focus[b-zjzqt461sx] {
    border-color: rgba(0, 200, 255, 0.5);
}

.tlb-number-inp[b-zjzqt461sx]::-webkit-outer-spin-button,
.tlb-number-inp[b-zjzqt461sx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ── Shirt-number badge ──────────────────────────────────────────────────── */
.tlb-slot-number[b-zjzqt461sx] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.82);
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* ── Captain / Trial badge ───────────────────────────────────────────────── */
.tlb-slot-badge[b-zjzqt461sx] {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
    pointer-events: none;
    z-index: 10;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    letter-spacing: 0;
}

.tlb-slot-badge--captain[b-zjzqt461sx] {
    background: #b8860b;
    border: 1.5px solid #ffd700;
    color: #ffd700;
}

.tlb-slot-badge--trial[b-zjzqt461sx] {
    background: #1a3a5c;
    border: 1.5px solid #00c8ff;
    color: #00c8ff;
}

/* Card-mode wrapper: badges are positioned relative to the card itself */
.tlb-card-badge-wrap[b-zjzqt461sx] {
    position: relative;
    display: inline-block;
    line-height: 0;
}

/* Kit / circle wrapper: badges anchor to the visual shirt/circle, not the slot */
.tlb-kit-badge-wrap[b-zjzqt461sx] {
    position: relative;
    display: inline-block;
    line-height: 0;
}

/* When both captain and trial are present, offset trial to the right so they don't overlap */
.tlb-slot-badge--captain ~ .tlb-slot-badge--trial[b-zjzqt461sx] {
    left: 14px;
}
/* /Pages/Tools/ToolsIndex.razor.rz.scp.css */
.public-tools-page[b-eet55yopc7] {
    min-height: 100vh;
    padding: 24px 72px 72px;
    background:
        radial-gradient(circle at 78% 8%, rgba(0, 175, 255, 0.2), transparent 28rem),
        radial-gradient(circle at 8% 42%, rgba(255, 208, 116, 0.1), transparent 24rem),
        linear-gradient(180deg, #020b18 0%, #031126 48%, #020b18 100%);
    color: #fff;
}

.public-tools-hero[b-eet55yopc7],
.public-tools-grid[b-eet55yopc7] {
    width: min(1720px, 100%);
    margin: 0 auto;
}

.public-tools-hero[b-eet55yopc7] {
    display: grid;
    gap: 12px;
    margin-bottom: 32px;
}

.public-tools-hero span[b-eet55yopc7],
.public-tool-card span[b-eet55yopc7] {
    color: #00afff;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-tools-hero h1[b-eet55yopc7] {
    margin: 0;
    font-size: clamp(2.5rem, 6vw, 4.1rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.public-tools-hero p[b-eet55yopc7] {
    max-width: 760px;
    margin: 0;
    color: #c8d4e3;
    font-size: 1rem;
    line-height: 1.6;
}

.public-tools-grid[b-eet55yopc7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.public-tool-card[b-eet55yopc7] {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 270px;
    padding: 22px;
    border: 1px solid rgba(88, 143, 190, 0.22);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.78);
    color: #fff;
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.public-tool-card:hover[b-eet55yopc7] {
    transform: translateY(-4px);
    border-color: rgba(40, 196, 255, 0.5);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24), 0 0 24px rgba(0, 175, 255, 0.1);
}

.public-tool-card--atlas[b-eet55yopc7] {
    border-color: rgba(255, 208, 116, 0.3);
    background:
        linear-gradient(160deg, rgba(0, 175, 255, 0.12), rgba(255, 208, 116, 0.08)),
        rgba(6, 20, 38, 0.86);
}

.public-tool-card--atlas:hover[b-eet55yopc7] {
    border-color: rgba(255, 208, 116, 0.6);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.26), 0 0 26px rgba(255, 208, 116, 0.12);
}

.public-tool-card[b-eet55yopc7]  .mud-icon-root {
    color: #00afff;
    font-size: 34px;
}

.public-tool-card h2[b-eet55yopc7],
.public-tool-card p[b-eet55yopc7] {
    margin: 0;
}

.public-tool-card h2[b-eet55yopc7] {
    font-size: 1.25rem;
    font-weight: 900;
}

.public-tool-card p[b-eet55yopc7] {
    color: #c8d4e3;
    font-size: 0.92rem;
    line-height: 1.55;
}

.public-tool-card strong[b-eet55yopc7] {
    align-self: end;
    color: #ffd074;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .public-tools-page[b-eet55yopc7] {
        padding: 20px 32px 58px;
    }

    .public-tools-grid[b-eet55yopc7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .public-tools-page[b-eet55yopc7] {
        padding: 14px 16px 44px;
    }

    .public-tools-grid[b-eet55yopc7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TournamentAdmin/Dashboard.razor.rz.scp.css */
.ta-hero[b-451zatelwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 0 18px;
    margin-bottom: 18px;
    border: 0;
    border-bottom: 1px solid var(--cad-border, rgba(0, 200, 255, 0.16));
    border-radius: 0;
    background: transparent;
}

.ta-hero-content[b-451zatelwr] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ta-hero-icon-wrap[b-451zatelwr] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.1);
    color: #00c8ff;
}

.ta-hero h1[b-451zatelwr] {
    margin: 0;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 950;
    letter-spacing: 0;
}

.ta-hero p[b-451zatelwr] {
    margin: 4px 0 0;
    color: rgba(225, 239, 255, 0.62);
}

.ta-create-btn[b-451zatelwr] {
    border-radius: 6px !important;
    font-weight: 900 !important;
}

.ta-loading-wrap[b-451zatelwr] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.ta-stat-grid[b-451zatelwr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.ta-stat-card[b-451zatelwr] {
    display: grid;
    grid-template-columns: 48px auto;
    align-items: center;
    gap: 12px 16px;
    min-height: 104px;
    padding: 20px;
    border: 1px solid var(--cad-border, rgba(255, 255, 255, 0.07));
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(16, 27, 45, 0.98), rgba(11, 21, 36, 0.92));
    color: rgba(225, 239, 255, 0.72);
    text-align: left;
}

.ta-stat-card:hover[b-451zatelwr],
.ta-stat-card--active[b-451zatelwr] {
    border-color: rgba(0, 200, 255, 0.48);
    box-shadow: inset 0 -2px 0 #00c8ff, 0 12px 30px rgba(0, 0, 0, 0.28);
}

.ta-stat-card .mud-icon-root[b-451zatelwr] {
    grid-row: span 2;
    color: #00c8ff !important;
}

.ta-stat-card strong[b-451zatelwr] {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
}

.ta-stat-card span[b-451zatelwr] {
    font-size: 0.78rem;
}

.ta-table-shell[b-451zatelwr] {
    padding: 12px;
    border: 1px solid var(--cad-border, rgba(0, 200, 255, 0.12));
    border-radius: 12px;
    background: rgba(11, 21, 36, 0.78);
}

.ta-filter-grid[b-451zatelwr] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(150px, 1fr)) minmax(140px, 0.8fr) minmax(140px, 0.8fr) auto auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}

.ta-table-wrap[b-451zatelwr] {
    overflow-x: auto;
    border: 1px solid var(--cad-border, rgba(255, 255, 255, 0.07));
    border-radius: 12px;
    background: rgba(5, 11, 18, 0.4);
    scrollbar-width: none;
}

.ta-table-wrap[b-451zatelwr]::-webkit-scrollbar {
    display: none;
}

.ta-tournament-table[b-451zatelwr] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.ta-tournament-table th[b-451zatelwr],
.ta-tournament-table td[b-451zatelwr] {
    padding: 11px 14px;
    border-bottom: 1px solid rgba(29, 49, 72, 0.72);
    color: rgba(225, 239, 255, 0.72);
    vertical-align: middle;
}

.ta-tournament-table th[b-451zatelwr] {
    color: rgba(180, 204, 229, 0.72);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(8, 17, 30, 0.82);
}

.ta-tournament-table th button[b-451zatelwr] {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.ta-tournament-table tbody tr:hover[b-451zatelwr] {
    background: rgba(0, 200, 255, 0.04);
}

.ta-tournament-cell[b-451zatelwr] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ta-tournament-cell strong[b-451zatelwr],
.ta-tournament-cell small[b-451zatelwr] {
    display: block;
}

.ta-tournament-cell strong[b-451zatelwr] {
    color: #fff;
    font-weight: 900;
}

.ta-tournament-cell small[b-451zatelwr] {
    color: rgba(180, 204, 229, 0.58);
    margin-top: 2px;
}

.ta-tournament-logo[b-451zatelwr] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    border: 1px solid rgba(0, 200, 255, 0.24);
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.08);
    color: #00c8ff;
}

.ta-tournament-logo img[b-451zatelwr] {
    width: 72%;
    height: 72%;
    object-fit: contain;
}

.ta-chip[b-451zatelwr] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(180, 204, 229, 0.1);
    color: rgba(225, 239, 255, 0.86);
    font-size: 0.72rem;
    font-weight: 900;
}

.ta-chip--format[b-451zatelwr] { color: #b996ff; background: rgba(153, 99, 255, 0.16); }
.ta-chip--success[b-451zatelwr] { color: #6ee88a; background: rgba(60, 190, 96, 0.18); }
.ta-chip--warning[b-451zatelwr] { color: #ffca66; background: rgba(255, 191, 60, 0.16); }
.ta-chip--danger[b-451zatelwr] { color: #ff7474; background: rgba(255, 80, 90, 0.18); }
.ta-chip--info[b-451zatelwr] { color: #00c8ff; background: rgba(0, 200, 255, 0.12); }

.ta-row-actions[b-451zatelwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ta-pagination[b-451zatelwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 14px;
    color: rgba(225, 239, 255, 0.58);
}

.ta-page-controls[b-451zatelwr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ta-page-controls strong[b-451zatelwr] {
    min-width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: #00a8df;
    color: #fff;
}

.ta-empty-state[b-451zatelwr] {
    min-height: 120px;
    display: grid;
    place-items: center;
    gap: 8px;
    color: rgba(225, 239, 255, 0.5);
}

@media (max-width: 1100px) {
    .ta-filter-grid[b-451zatelwr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ta-hero[b-451zatelwr],
    .ta-pagination[b-451zatelwr] {
        align-items: stretch;
        flex-direction: column;
    }

    .ta-stat-grid[b-451zatelwr],
    .ta-filter-grid[b-451zatelwr] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TournamentAdmin/TournamentDraw.razor.rz.scp.css */
.tournament-draw-admin[b-jh8ne6rdu6] {
    display: grid;
    gap: 20px;
}

.tdraw-status-card span[b-jh8ne6rdu6],
.tdraw-next-card span[b-jh8ne6rdu6],
.tdraw-wheel-banner span[b-jh8ne6rdu6],
.tdraw-admin-complete-panel span[b-jh8ne6rdu6] {
    color: #00afff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tdraw-admin-grid[b-jh8ne6rdu6] {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.tdraw-admin-controls[b-jh8ne6rdu6],
.tdraw-admin-wheel-panel[b-jh8ne6rdu6],
.tdraw-admin-complete-panel[b-jh8ne6rdu6],
.tdraw-group-card[b-jh8ne6rdu6] {
    border: 1px solid rgba(141, 203, 255, 0.18);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.74);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.tdraw-admin-controls[b-jh8ne6rdu6] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.tdraw-status-card[b-jh8ne6rdu6],
.tdraw-next-card[b-jh8ne6rdu6] {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(141, 203, 255, 0.14);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.58);
}

.tdraw-status-card strong[b-jh8ne6rdu6],
.tdraw-next-card strong[b-jh8ne6rdu6],
.tdraw-wheel-banner strong[b-jh8ne6rdu6] {
    color: #fff;
    font-size: 1.28rem;
    font-weight: 950;
}

.tdraw-status-card small[b-jh8ne6rdu6],
.tdraw-next-card small[b-jh8ne6rdu6] {
    color: #ffd074;
    font-size: 0.76rem;
    font-weight: 850;
}

.tdraw-disabled-alert[b-jh8ne6rdu6],
.tdraw-check-row[b-jh8ne6rdu6] {
    padding: 8px 10px;
    border: 1px solid rgba(141, 203, 255, 0.14);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.42);
}

.tdraw-admin-wheel-panel[b-jh8ne6rdu6] {
    display: grid;
    gap: 14px;
    padding: 16px;
    overflow: hidden;
}

.tdraw-admin-complete-panel[b-jh8ne6rdu6] {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 420px;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 18%, rgba(0, 175, 255, 0.14), transparent 34%),
        rgba(6, 20, 38, 0.74);
}

.tdraw-admin-complete-panel strong[b-jh8ne6rdu6] {
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.4rem);
    font-weight: 950;
    line-height: 1.05;
}

.tdraw-admin-complete-panel small[b-jh8ne6rdu6] {
    max-width: 620px;
    color: #c8d4e3;
    font-size: 0.94rem;
    font-weight: 760;
    line-height: 1.5;
}

.tdraw-wheel-banner[b-jh8ne6rdu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 175, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 175, 255, 0.08);
}

.tdraw-groups[b-jh8ne6rdu6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.tdraw-group-card[b-jh8ne6rdu6] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.tdraw-group-card h2[b-jh8ne6rdu6] {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.tdraw-placement[b-jh8ne6rdu6] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px;
    border: 1px dashed rgba(141, 203, 255, 0.18);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.38);
}

.tdraw-placement.is-revealed[b-jh8ne6rdu6] {
    border-style: solid;
    border-color: rgba(255, 208, 116, 0.34);
    background: rgba(255, 208, 116, 0.1);
}

.tdraw-placement.is-landing[b-jh8ne6rdu6] {
    animation: tdraw-slot-land-b-jh8ne6rdu6 1.25s cubic-bezier(.18, .86, .23, 1) both;
}

.tdraw-placement span[b-jh8ne6rdu6] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 175, 255, 0.16);
    color: #8fdfff;
    font-size: 0.72rem;
    font-weight: 900;
}

.tdraw-placement strong[b-jh8ne6rdu6] {
    overflow: hidden;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdraw-placement small[b-jh8ne6rdu6] {
    color: #8fa6bd;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

@keyframes tdraw-slot-land-b-jh8ne6rdu6 {
    0% {
        transform: translateY(-18px) scale(0.98);
        border-color: rgba(0, 175, 255, 0.72);
        background: rgba(0, 175, 255, 0.18);
        box-shadow: 0 -16px 38px rgba(0, 175, 255, 0.2);
        opacity: 0.86;
    }

    56% {
        transform: translateY(0) scale(1.025);
        border-color: rgba(255, 208, 116, 0.78);
        background: rgba(255, 208, 116, 0.16);
        box-shadow: 0 0 30px rgba(255, 208, 116, 0.2);
        opacity: 1;
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1180px) {
    .tdraw-admin-grid[b-jh8ne6rdu6],
    .tdraw-groups[b-jh8ne6rdu6] {
        grid-template-columns: 1fr;
    }

    .tdraw-admin-controls[b-jh8ne6rdu6] {
        position: static;
    }
}

@media (max-width: 680px) {
    .tdraw-admin-complete-panel[b-jh8ne6rdu6] {
        min-height: 260px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tdraw-placement.is-landing[b-jh8ne6rdu6] {
        animation-duration: 1ms;
    }
}
/* /Pages/TournamentAdmin/TournamentEmbeds.razor.rz.scp.css */
.ta-embeds-page[b-99wrz0pjy8] {
    display: grid;
    gap: 18px;
}

.ta-embeds-page__header[b-99wrz0pjy8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(0, 200, 255, .12);
    border-radius: 12px;
    padding: 18px;
    background: rgba(10, 17, 31, .68);
}

.ta-embeds-page__header span[b-99wrz0pjy8] {
    color: #00c8ff;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ta-embeds-page__header h1[b-99wrz0pjy8] {
    margin: 2px 0 6px;
    color: #fff;
    font-size: 1.45rem;
    line-height: 1.12;
}

.ta-embeds-page__header p[b-99wrz0pjy8] {
    margin: 0;
    max-width: 68ch;
    color: #8b95a8;
    font-size: .9rem;
}

.ta-embeds-page__header > .mud-icon-root[b-99wrz0pjy8] {
    color: #00c8ff;
    font-size: 2rem;
}

@media (max-width: 700px) {
    .ta-embeds-page__header[b-99wrz0pjy8] {
        display: grid;
        padding: 14px;
    }
}
/* /Pages/Tournaments/Components/BracketConnectors.razor.rz.scp.css */
/* ── SVG Connector Overlay ───────────────────────────────── */
/* Critical stroke/fill/position styles are set as inline SVG attributes
   in BracketConnectors.razor to bypass Blazor CSS isolation scope issues
   with SVG child elements (<path>, <line>, etc.).
   This file is kept for reference only. */
/* /Pages/Tournaments/Components/BracketMiniMap.razor.rz.scp.css */
/* ── Round Progress Strip ────────────────────────────────── */
/* No ::deep — these are the component's own elements. */

.bracket-progress-strip[b-jc3jjmv293] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding: 8px 4px 12px;
    overflow-x: auto;
    scrollbar-width: none;
}

.bracket-progress-strip[b-jc3jjmv293]::-webkit-scrollbar { display: none; }

/* ── Individual round pill ────────────────────────────────── */

.bracket-progress-pill[b-jc3jjmv293] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.35);
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

/* completed round */
.bracket-progress-done[b-jc3jjmv293] {
    background: rgba(0,200,255,0.06);
    border-color: rgba(0,200,255,0.18);
    color: rgba(0,200,255,0.6);
}

/* active (currently visible) round */
.bracket-progress-active[b-jc3jjmv293] {
    background: rgba(0,200,255,0.12);
    border-color: rgba(0,200,255,0.45);
    color: #00c8ff;
    box-shadow: 0 0 8px rgba(0,200,255,0.15);
}

.bracket-progress-label[b-jc3jjmv293] {
    font-variant-numeric: tabular-nums;
}

.bracket-progress-tick[b-jc3jjmv293] {
    font-size: 10px;
    opacity: 0.75;
}

/* ── Arrow separator between pills ───────────────────────── */

.bracket-progress-arrow[b-jc3jjmv293] {
    color: rgba(255,255,255,0.15);
    font-size: 14px;
    font-weight: 400;
    flex-shrink: 0;
    line-height: 1;
    user-select: none;
}
/* /Pages/Tournaments/Components/BracketNav.razor.rz.scp.css */
/* ── Bracket Round Navigation Pills (BracketNav.razor.css) ── */

.bracket-nav[b-erucqdjtgb] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 4px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 4px;
}

.bracket-nav-pill[b-erucqdjtgb] {
    background: rgba(255,255,255,0.05);
    color: #a7b0be;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.bracket-nav-pill:hover[b-erucqdjtgb] {
    background: rgba(0,200,255,0.1);
    border-color: rgba(0,200,255,0.3);
    color: #00c8ff;
}

.bracket-nav-active[b-erucqdjtgb] {
    background: rgba(0,135,179,0.2);
    border-color: rgba(0,135,179,0.5);
    color: #00c8ff;
    box-shadow: 0 0 8px rgba(0,135,179,0.15);
}

.bracket-nav-empty[b-erucqdjtgb] {
    opacity: 0.4;
}

.bracket-nav-podium[b-erucqdjtgb] {
    background: rgba(255,215,0,0.06);
    border-color: rgba(255,215,0,0.2);
    color: #ffd700;
}

.bracket-nav-podium:hover[b-erucqdjtgb] {
    background: rgba(255,215,0,0.12);
    border-color: rgba(255,215,0,0.4);
}

.bracket-nav-completed[b-erucqdjtgb] {
    opacity: 0.55;
    border-style: dashed;
}

.bracket-nav-completed:hover[b-erucqdjtgb] {
    opacity: 0.85;
}

.bracket-nav-hidden[b-erucqdjtgb] {
    display: none;
}

.bracket-nav-show-prev[b-erucqdjtgb],
.bracket-nav-hide-prev[b-erucqdjtgb] {
    background: rgba(255,255,255,0.03);
    border: 1px dashed rgba(255,255,255,0.15);
    color: #8b95a8;
    font-size: 11px;
}

.bracket-nav-show-prev:hover[b-erucqdjtgb],
.bracket-nav-hide-prev:hover[b-erucqdjtgb] {
    background: rgba(0,200,255,0.06);
    border-color: rgba(0,200,255,0.25);
    color: #00c8ff;
}

/* ── Mobile responsiveness ─────────────────────────────── */

@media (max-width: 480px) {
    .bracket-nav[b-erucqdjtgb] {
        gap: 6px;
        padding: 8px 2px 10px;
    }

    .bracket-nav-pill[b-erucqdjtgb] {
        padding: 4px 10px;
        font-size: 11px;
    }
}
/* /Pages/Tournaments/Components/BracketZoomControls.razor.rz.scp.css */
/* ── Zoom Controls (inline in toolbar row) ── */
/* No ::deep — these are the component's own elements.
   ::deep on a root element compiles to [b-scope] .class which
   does NOT match the root (only descendants). Plain selectors
   compile to .class[b-scope] which matches correctly. */

.bracket-zoom-controls[b-hzid4fogdl] {
    display: flex;
    align-items: center;
    gap: 2px;
    background: rgba(11,15,20,0.65);
    border: 1px solid rgba(0,200,255,0.15);
    border-radius: 20px;
    padding: 3px 6px;
    flex-shrink: 0;
}

.bracket-zoom-btn[b-hzid4fogdl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #a7b0be;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    padding: 0;
}

.bracket-zoom-btn:hover:not(:disabled)[b-hzid4fogdl] {
    background: rgba(0,200,255,0.1);
    color: #00c8ff;
}

.bracket-zoom-btn:disabled[b-hzid4fogdl] {
    opacity: 0.3;
    cursor: default;
}

.bracket-zoom-label[b-hzid4fogdl] {
    background: transparent;
    border: none;
    color: #8b95a8;
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.3px;
    cursor: pointer;
    min-width: 36px;
    text-align: center;
    padding: 0 2px;
    transition: color 0.15s;
}

.bracket-zoom-label:hover[b-hzid4fogdl] {
    color: #00c8ff;
}
/* /Pages/Tournaments/Components/MatchCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   MatchCard — Scoped styles (no ::deep needed)
   ═══════════════════════════════════════════════════════════ */

/* ── Card shell ─────────────────────────────────────────── */

.bracket-match[b-uhwl54rcb5] {
    background: #141a22;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    overflow: hidden;
    width: 260px;
    min-width: 260px;
    max-width: 260px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.bracket-match-clickable[b-uhwl54rcb5] {
    cursor: pointer;
}

.bracket-match:hover[b-uhwl54rcb5] {
    border-color: rgba(0,200,255,0.3);
    box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}

.bracket-match-done[b-uhwl54rcb5] {
    border-color: rgba(0,200,255,0.15);
}

.bracket-final[b-uhwl54rcb5] {
    border-color: rgba(255,215,0,0.35);
    box-shadow: 0 0 20px rgba(255,215,0,0.1);
}

/* ── BYE placeholder (true bye — completed auto-advance) ── */

.bracket-match-bye[b-uhwl54rcb5] {
    display: none; /* hidden — bye slots must not contribute to space-around distribution */
}

/* ── Pending TBD match (awaiting previous round results) ── */

.bracket-match-pending[b-uhwl54rcb5] {
    border-style: dashed;
    border-color: rgba(0,200,255,0.15);
    background: rgba(20,26,34,0.6);
}

.bracket-match-pending .bracket-team[b-uhwl54rcb5] {
    color: rgba(255,255,255,0.35);
}

.bracket-match-pending .bracket-team-score[b-uhwl54rcb5] {
    color: rgba(255,255,255,0.18);
}

.bracket-tbd-icon[b-uhwl54rcb5] {
    font-size: 12px;
    color: rgba(0,200,255,0.3);
    margin-right: 4px;
    flex-shrink: 0;
}

/* ── Team row ───────────────────────────────────────────── */

.bracket-team[b-uhwl54rcb5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #9aa0ad;
    font-size: 14px;
    transition: background 0.15s, color 0.15s;
    min-height: 44px;
}

.bracket-team:last-of-type[b-uhwl54rcb5] {
    border-bottom: none;
}

.bracket-team-logo[b-uhwl54rcb5] {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    vertical-align: middle;
    margin-right: 6px;
    flex: 0 0 24px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c2ff) 46%, rgba(125, 160, 210, .28));
    border-radius: 7px;
    padding: 2px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, .10), transparent 30%),
        linear-gradient(145deg, rgba(14, 27, 44, .96), rgba(4, 11, 20, .98));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055),
        0 6px 10px rgba(0, 0, 0, .34);
}

.bracket-team-logo--ea[b-uhwl54rcb5] {
    border-color: color-mix(in srgb, var(--td-accent, #00c2ff) 54%, rgba(125, 160, 210, .28));
}

.bracket-team-logo-placeholder[b-uhwl54rcb5] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: rgba(255,255,255,0.05);
    margin-right: 6px;
    flex-shrink: 0;
    vertical-align: middle;
}

.bracket-team-name[b-uhwl54rcb5] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-right: 8px;
    overflow: visible;
}

.bracket-team-name[b-uhwl54rcb5]  .ttam-wrap,
.bracket-team-name[b-uhwl54rcb5]  .mud-menu,
.bracket-team-name[b-uhwl54rcb5]  .mud-menu-activator {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.bracket-team-name[b-uhwl54rcb5]  .ttam-trigger.bracket-team-label {
    width: 100%;
    max-width: 100%;
}

.bracket-team-label[b-uhwl54rcb5] {
    min-width: 0;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.18;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-uhwl54rcb5] .bracket-team-label {
    min-width: 0;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.18;
}

[b-uhwl54rcb5] .bracket-team-label span {
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bracket-ea-icon[b-uhwl54rcb5] {
    color: #00c8ff;
    font-size: 12px !important;
    vertical-align: middle;
    margin-left: 4px;
    flex-shrink: 0;
    opacity: 0.75;
}

.bracket-team-score[b-uhwl54rcb5] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    min-width: 20px;
    text-align: center;
    font-size: 15px;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

/* ── Winner / loser states ──────────────────────────────── */

.bracket-winner[b-uhwl54rcb5] {
    background: rgba(0,200,255,0.07);
    color: #00c8ff;
    font-weight: 700;
    border-left: 2px solid rgba(0,200,255,0.6);
}

.bracket-final .bracket-winner[b-uhwl54rcb5],
.bracket-champion[b-uhwl54rcb5] {
    background: rgba(255,215,0,0.08);
    color: #ffd700;
    border-left-color: rgba(255,215,0,0.7);
}

.bracket-loser[b-uhwl54rcb5] {
    opacity: 0.45;
}

.bracket-tbd[b-uhwl54rcb5] {
    opacity: 0.35;
    font-style: italic;
}

/* ── Team path highlight ────────────────────────────────── */

.bracket-team-highlighted[b-uhwl54rcb5] {
    background: rgba(0,200,255,0.12) !important;
    outline: 1px solid rgba(0,200,255,0.35);
}

/* ── Result badge ───────────────────────────────────────── */

.bracket-badge[b-uhwl54rcb5] {
    position: absolute;
    top: -1px;
    right: 6px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(255,193,7,0.2);
    color: #ffc107;
    padding: 2px 6px;
    border-radius: 0 0 3px 3px;
    letter-spacing: 0.5px;
}

.bracket-badge-auto[b-uhwl54rcb5] {
    background: rgba(0,200,255,0.15);
    color: #00c8ff;
}

/* ═══════════════════════════════════════════════════════════
   Animations
   ═══════════════════════════════════════════════════════════ */

/* Card flash when score updated */
@keyframes match-updated-flash-b-uhwl54rcb5 {
    0%   { box-shadow: 0 0 0 2px rgba(0,200,255,0.6), 0 2px 8px rgba(0,0,0,0.3); }
    60%  { box-shadow: 0 0 0 4px rgba(0,200,255,0.2), 0 2px 8px rgba(0,0,0,0.3); }
    100% { box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
}

.bracket-match-updated[b-uhwl54rcb5] {
    animation: match-updated-flash-b-uhwl54rcb5 2s ease-out forwards;
}

/* Winner row pulse */
@keyframes winner-pulse-b-uhwl54rcb5 {
    0%   { box-shadow: inset 0 0 0 0 rgba(0,200,255,0.5); }
    50%  { box-shadow: inset 0 0 12px 2px rgba(0,200,255,0.2); }
    100% { box-shadow: inset 0 0 0 0 rgba(0,200,255,0); }
}

.bracket-winner-pulse[b-uhwl54rcb5] {
    animation: winner-pulse-b-uhwl54rcb5 1.8s ease-out 2;
}

.bracket-final .bracket-winner-pulse[b-uhwl54rcb5],
.bracket-champion.bracket-winner-pulse[b-uhwl54rcb5] {
    animation-name: champion-pulse-b-uhwl54rcb5;
}

@keyframes champion-pulse-b-uhwl54rcb5 {
    0%   { box-shadow: inset 0 0 0 0 rgba(255,215,0,0.5); }
    50%  { box-shadow: inset 0 0 16px 4px rgba(255,215,0,0.25); }
    100% { box-shadow: inset 0 0 0 0 rgba(255,215,0,0); }
}

/* Team advancement (slide-in from left) */
@keyframes team-appear-b-uhwl54rcb5 {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.bracket-team-appeared[b-uhwl54rcb5] {
    animation: team-appear-b-uhwl54rcb5 0.35s ease-out forwards;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .bracket-match-updated[b-uhwl54rcb5],
    .bracket-winner-pulse[b-uhwl54rcb5],
    .bracket-champion.bracket-winner-pulse[b-uhwl54rcb5],
    .bracket-team-appeared[b-uhwl54rcb5] {
        animation: none;
    }
}

/* ── Mobile responsiveness ─────────────────────────────── */

@media (max-width: 480px) {
    .bracket-match[b-uhwl54rcb5] {
        width: 220px;
        min-width: 220px;
        max-width: 220px;
    }

    .bracket-team[b-uhwl54rcb5] {
        padding: 7px 8px;
        font-size: 12px;
        min-height: 38px;
    }

    .bracket-team-score[b-uhwl54rcb5] {
        font-size: 13px;
        min-width: 16px;
    }

    .bracket-team-logo[b-uhwl54rcb5],
    .bracket-team-logo-placeholder[b-uhwl54rcb5] {
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }

    .bracket-team-logo[b-uhwl54rcb5] {
        flex-basis: 18px;
        padding: 1px;
    }

    .bracket-ea-icon[b-uhwl54rcb5] {
        display: none;
    }
}
/* /Pages/Tournaments/Components/MatchDetailsModal.razor.rz.scp.css */
/* ── Match Details Modal ─────────────────────────────────── */

[b-0rs24m55t4] .match-modal {
    background: transparent;
}

[b-0rs24m55t4] .match-modal-content {
    background: #141a22;
    border: 1px solid rgba(0,200,255,0.18);
    border-radius: 10px;
    min-width: min(920px, calc(100vw - 32px));
    max-width: min(980px, calc(100vw - 32px));
    width: 100%;
    box-shadow: 0 12px 48px rgba(0,0,0,0.6), 0 0 0 1px rgba(0,200,255,0.05);
}

/* ── Title bar ──────────────────────────────────────────── */

[b-0rs24m55t4] .match-modal-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #00c8ff;
}

[b-0rs24m55t4] .match-modal-title-icon {
    color: #00c8ff !important;
    opacity: 0.8;
}

/* ── Teams layout ───────────────────────────────────────── */

[b-0rs24m55t4] .match-modal-teams {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 16px 0 12px;
}

[b-0rs24m55t4] .match-modal-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    transition: border-color 0.2s;
    position: relative;
}

[b-0rs24m55t4] .match-modal-team-away {
    /* same as home — grid handles flip */
}

[b-0rs24m55t4] .match-modal-winner {
    background: rgba(0,200,255,0.07);
    border-color: rgba(0,200,255,0.3);
    box-shadow: 0 0 14px rgba(0,200,255,0.08);
}

[b-0rs24m55t4] .match-modal-loser {
    opacity: 0.45;
}

[b-0rs24m55t4] .match-modal-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 4px;
    flex: 0 0 auto;
}

[b-0rs24m55t4] .match-modal-logo-placeholder {
    width: 52px;
    height: 52px;
    border-radius: 4px;
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b95a8;
}

[b-0rs24m55t4] .match-modal-team-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
}

[b-0rs24m55t4] .match-modal-team-name {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    word-break: break-word;
    overflow-wrap: anywhere;
}

[b-0rs24m55t4] .match-modal-ea {
    font-size: 10px;
    color: #00c8ff;
    opacity: 0.7;
    font-weight: 600;
}

[b-0rs24m55t4] .match-modal-win-icon {
    color: #ffd700 !important;
    font-size: 16px !important;
    position: absolute;
    top: 6px;
    right: 6px;
}

/* ── Score block ────────────────────────────────────────── */

[b-0rs24m55t4] .match-modal-score-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

[b-0rs24m55t4] .match-modal-score {
    font-size: 32px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    color: #8b95a8;
    line-height: 1;
}

[b-0rs24m55t4] .match-modal-score-home,
[b-0rs24m55t4] .match-modal-score-away {
    color: #00c8ff;
}

[b-0rs24m55t4] .match-modal-score-sep {
    font-size: 18px;
    color: #555;
    font-weight: 300;
}

[b-0rs24m55t4] .match-modal-vs {
    font-size: 20px;
    font-weight: 800;
    color: #555;
    letter-spacing: 1px;
}

[b-0rs24m55t4] .match-modal-result-badge {
    font-size: 10px;
    font-weight: 700;
    background: rgba(255,193,7,0.2);
    color: #ffc107;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* ── Meta row ───────────────────────────────────────────── */

[b-0rs24m55t4] .match-modal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: 10px 0 4px;
    border-top: 1px solid rgba(255,255,255,0.05);
    margin-top: 4px;
}

[b-0rs24m55t4] .match-modal-meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #8b95a8;
}

[b-0rs24m55t4] .match-modal-meta-item .mud-icon-root {
    font-size: 14px !important;
    color: rgba(0,200,255,0.5) !important;
}

[b-0rs24m55t4] .match-modal-note {
    color: #a7b0be;
    font-style: italic;
}

/* Responsive – full-width on small screens */
@media (max-width: 480px) {
    [b-0rs24m55t4] .match-modal-content {
        min-width: unset;
        max-width: calc(100vw - 18px);
    }

    [b-0rs24m55t4] .match-modal-teams {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    [b-0rs24m55t4] .match-modal-score-block {
        flex-direction: row;
        justify-content: center;
        gap: 12px;
    }
}
/* /Pages/Tournaments/Components/RoundColumn.razor.rz.scp.css */
/* ── Round Column (RoundColumn.razor.css) ────────────────── */

.bracket-round-col[b-5sysspyjrq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 260px;
    flex-shrink: 0;
    scroll-snap-align: start;
}

.bracket-round-title[b-5sysspyjrq] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #00c8ff;
    margin-bottom: 16px;
    padding: 5px 14px;
    border: 1px solid rgba(0,200,255,0.22);
    border-radius: 4px;
    background: rgba(0,200,255,0.05);
    white-space: nowrap;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    width: 100%;
    text-align: center;
    flex-shrink: 0;
}

.bracket-round-title-active[b-5sysspyjrq] {
    border-color: rgba(0,200,255,0.5);
    background: rgba(0,200,255,0.1);
    box-shadow: 0 0 10px rgba(0,200,255,0.12);
}

.bracket-matches-wrap[b-5sysspyjrq] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1 1 0;
    width: 100%;
    gap: 8px;
}

/* ── Mobile responsiveness ─────────────────────────────── */

@media (max-width: 480px) {
    .bracket-round-col[b-5sysspyjrq] {
        min-width: 220px;
    }

    .bracket-round-title[b-5sysspyjrq] {
        font-size: 10px;
        padding: 4px 10px;
        margin-bottom: 10px;
    }
}
/* /Pages/Tournaments/Components/SwissRounds.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   SwissRounds — scoped styles
   ═══════════════════════════════════════════════════════════ */

[b-zkxy9hk478] .sr-root {
    padding: 4px 0;
}

/* ── Status bar ─────────────────────────────────────────── */

[b-zkxy9hk478] .sr-status-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

[b-zkxy9hk478] .sr-status-info {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-zkxy9hk478] .sr-status-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
}

[b-zkxy9hk478] .sr-status-value {
    font-size: 14px;
    font-weight: 800;
    color: #00c8ff;
}

[b-zkxy9hk478] .sr-badge {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

[b-zkxy9hk478] .sr-badge-done {
    background: rgba(76,175,80,0.15);
    color: #4caf50;
    border: 1px solid rgba(76,175,80,0.3);
}

[b-zkxy9hk478] .sr-badge-live {
    background: rgba(0,200,255,0.12);
    color: #00c8ff;
    border: 1px solid rgba(0,200,255,0.3);
}

/* ── Admin action buttons ───────────────────────────────── */

[b-zkxy9hk478] .sr-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

/* ── Round chips ────────────────────────────────────────── */

[b-zkxy9hk478] .sr-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

[b-zkxy9hk478] .sr-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 13px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.18s ease;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.45);
}

[b-zkxy9hk478] .sr-chip:hover {
    background: rgba(0,200,255,0.07);
    border-color: rgba(0,200,255,0.2);
    color: #ddeeff;
}

[b-zkxy9hk478] .sr-chip-active {
    background: rgba(0,200,255,0.15);
    color: #00c8ff;
    border-color: rgba(0,200,255,0.5);
    box-shadow: 0 0 12px rgba(0,200,255,0.12), inset 0 0 8px rgba(0,200,255,0.06);
}

[b-zkxy9hk478] .sr-chip-active:hover {
    background: rgba(0,200,255,0.2);
    color: #00c8ff;
}

[b-zkxy9hk478] .sr-chip-done:not(.sr-chip-active) {
    border-color: rgba(76,175,80,0.4);
    color: #4caf50;
}

[b-zkxy9hk478] .sr-chip-live:not(.sr-chip-active) {
    border-color: rgba(0,200,255,0.3);
    color: rgba(0,200,255,0.7);
    animation: sr-pulse-b-zkxy9hk478 2s ease-in-out infinite;
}

[b-zkxy9hk478] .sr-chip-pending:not(.sr-chip-active) {
    border-color: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.2);
}

[b-zkxy9hk478] .sr-chip-icon {
    font-size: 13px !important;
    color: #4caf50;
}

[b-zkxy9hk478] .sr-chip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c8ff;
    box-shadow: 0 0 5px rgba(0,200,255,0.7);
    flex-shrink: 0;
    animation: sr-dot-pulse-b-zkxy9hk478 1.5s ease-in-out infinite;
}

@keyframes sr-pulse-b-zkxy9hk478 {
    0%, 100% { box-shadow: none; }
    50% { box-shadow: 0 0 8px rgba(0,200,255,0.2); }
}

@keyframes sr-dot-pulse-b-zkxy9hk478 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ── Match list ─────────────────────────────────────────── */

[b-zkxy9hk478] .sr-matches {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-zkxy9hk478] .sr-match-row {
    width: 100%;
}

/* ── BYE row ────────────────────────────────────────────── */

[b-zkxy9hk478] .sr-bye-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(255,200,0,0.05);
    border: 1px solid rgba(255,200,0,0.12);
    border-radius: 8px;
    font-size: 13px;
}

[b-zkxy9hk478] .sr-bye-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 3px;
}

[b-zkxy9hk478] .sr-bye-team {
    font-weight: 700;
    color: #e0e8f0;
}

[b-zkxy9hk478] .sr-bye-label {
    font-size: 11px;
    color: #ffc800;
    margin-left: 4px;
}
/* /Pages/Tournaments/Components/SwissStandings.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   SwissStandings — scoped styles
   ═══════════════════════════════════════════════════════════ */

[b-lmlo0cw6e8] .ss-wrap {
    padding: 4px 0;
}

/* ── Qualify legend ─────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-qualify-legend {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 10px;
    padding: 0 4px;
}

/* ── Table container ────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-table-wrap {
    overflow-x: auto;
}

[b-lmlo0cw6e8] .ss-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-lmlo0cw6e8] .ss-table thead tr {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

[b-lmlo0cw6e8] .ss-table th {
    padding: 8px 10px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    white-space: nowrap;
}

[b-lmlo0cw6e8] .ss-table th.ss-col-team,
[b-lmlo0cw6e8] .ss-table td.ss-col-team {
    text-align: left;
    padding-left: 8px;
}

[b-lmlo0cw6e8] .ss-table td {
    padding: 9px 10px;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    vertical-align: middle;
    white-space: nowrap;
}

/* ── Row states ─────────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-row:hover {
    background: rgba(255,255,255,0.03);
}

[b-lmlo0cw6e8] .ss-row-qualify {
    background: rgba(0,200,255,0.03);
}

[b-lmlo0cw6e8] .ss-row-qualify:hover {
    background: rgba(0,200,255,0.06);
}

[b-lmlo0cw6e8] .ss-row-cutoff td {
    border-bottom: 2px solid rgba(0,200,255,0.35);
}

/* ── Rank badge ─────────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-col-rank {
    width: 36px;
}

[b-lmlo0cw6e8] .ss-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.55);
}

[b-lmlo0cw6e8] .ss-rank-1 { background: rgba(255,215,0,0.15);  color: #ffd700; }
[b-lmlo0cw6e8] .ss-rank-2 { background: rgba(192,192,192,0.15); color: #c0c0c0; }
[b-lmlo0cw6e8] .ss-rank-3 { background: rgba(205,127,50,0.15);  color: #cd7f32; }

/* ── Team cell ──────────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-col-team {
    min-width: 160px;
}

[b-lmlo0cw6e8] .ss-team-logo {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 3px;
    margin-right: 7px;
    vertical-align: middle;
}

[b-lmlo0cw6e8] .ss-team-name {
    vertical-align: middle;
    font-weight: 600;
}

[b-lmlo0cw6e8] .ss-qualify-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c8ff;
    margin-right: 6px;
    box-shadow: 0 0 6px rgba(0,200,255,0.5);
    vertical-align: middle;
    flex-shrink: 0;
}

[b-lmlo0cw6e8] .ss-bye-badge {
    display: inline-block;
    padding: 1px 5px;
    margin-left: 6px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    background: rgba(255,200,0,0.15);
    color: #ffc800;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

/* ── Stat cells ─────────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-win  { color: #4caf50; font-weight: 700; }
[b-lmlo0cw6e8] .ss-draw { color: #ff9800; font-weight: 700; }
[b-lmlo0cw6e8] .ss-loss { color: #f44336; font-weight: 700; }

[b-lmlo0cw6e8] .ss-gd-pos { color: #4caf50; font-weight: 700; }
[b-lmlo0cw6e8] .ss-gd-neg { color: #f44336; font-weight: 700; }

[b-lmlo0cw6e8] .ss-bh {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
}

[b-lmlo0cw6e8] .ss-pts {
    font-weight: 800;
    font-size: 14px;
    color: #00c8ff;
}

[b-lmlo0cw6e8] .ss-col-pts { min-width: 42px; }
[b-lmlo0cw6e8] .ss-col-bh  { min-width: 46px; }

/* ── Hide on small screens ──────────────────────────────── */

@media (max-width: 560px) {
    [b-lmlo0cw6e8] .ss-col-hide { display: none; }
    [b-lmlo0cw6e8] .ss-col-bh   { display: none; }
}

/* ── Legend ─────────────────────────────────────────────── */

[b-lmlo0cw6e8] .ss-legend {
    margin-top: 10px;
    padding: 0 4px;
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

[b-lmlo0cw6e8] .ss-legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

[b-lmlo0cw6e8] .ss-legend-key {
    font-weight: 800;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 3px;
}

[b-lmlo0cw6e8] .ss-legend-bh {
    background: rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.5);
}
/* /Pages/Tournaments/Components/TournamentBracket.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   TournamentBracket — styling only
   All critical LAYOUT properties (display, flex, height,
   overflow, position) are applied INLINE on elements because
   Blazor CSS isolation (::deep) does not reliably match.
   This file contains only visual theming and scrollbar styles.
   ═══════════════════════════════════════════════════════════ */

/* ── Test tournament controls ───────────────────────────── */

[b-jrk3ptfq3e] .bracket-test-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 4px 12px;
    border-bottom: 1px solid rgba(255,193,7,0.15);
    margin-bottom: 8px;
}

/* ── Toolbar (progress strip + zoom controls row) ───────── */

[b-jrk3ptfq3e] .bracket-toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px;
}

/* ── Viewport scrollbar theming ────────────────────────── */

[b-jrk3ptfq3e] .bracket-viewport {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    --bracket-gap: 80px;
}

@media (max-width: 480px) {
    [b-jrk3ptfq3e] .bracket-outer-wrap {
        max-height: calc(100dvh - 170px) !important;
        overflow: clip;
    }

    [b-jrk3ptfq3e] .bracket-viewport {
        --bracket-gap: 40px;
    }

    [b-jrk3ptfq3e] .bracket-winner-col {
        min-width: 220px;
    }
}

[b-jrk3ptfq3e] .bracket-viewport::-webkit-scrollbar { display: none; width: 0; height: 0; }
[b-jrk3ptfq3e] .bracket-viewport::-webkit-scrollbar-track { background: transparent; }
[b-jrk3ptfq3e] .bracket-viewport::-webkit-scrollbar-thumb {
    background: rgba(0,200,255,0.2); border-radius: 3px;
}
[b-jrk3ptfq3e] .bracket-viewport::-webkit-scrollbar-thumb:hover { background: rgba(0,200,255,0.4); }

[b-jrk3ptfq3e] .bracket-viewport:focus-visible {
    outline: 1px solid rgba(0, 200, 255, 0.68);
    outline-offset: -2px;
}

[b-jrk3ptfq3e] .bracket-outer-wrap {
    border: 1px solid rgba(0, 200, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(7, 14, 27, 0.94), rgba(13, 20, 36, 0.74)),
        radial-gradient(circle at 20% 0%, rgba(0, 200, 255, 0.12), transparent 36%),
        radial-gradient(circle at 88% 14%, rgba(126, 87, 194, 0.12), transparent 34%);
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[b-jrk3ptfq3e] .bracket-viewport {
    border-top: 1px solid rgba(255, 255, 255, 0.055);
    background-image: none;
    overscroll-behavior: contain;
}

[b-jrk3ptfq3e] .bracket-container {
    max-width: none;
}

[b-jrk3ptfq3e] .bracket-empty-state {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 36px;
    border: 1px dashed rgba(0, 200, 255, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(7, 14, 27, 0.92), rgba(13, 20, 36, 0.72)),
        radial-gradient(circle at 50% 18%, rgba(0, 200, 255, 0.12), transparent 32%);
    text-align: center;
    color: rgba(221, 234, 255, 0.68);
    overflow: hidden;
}

[b-jrk3ptfq3e] .bracket-empty-mark {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 200, 255, 0.32);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.08);
    box-shadow: 0 0 34px rgba(0, 200, 255, 0.12);
}

[b-jrk3ptfq3e] .bracket-empty-mark .mud-icon-root {
    color: rgba(0, 200, 255, 0.82);
    font-size: 2.4rem;
}

[b-jrk3ptfq3e] .bracket-empty-state > span {
    color: rgba(0, 200, 255, 0.74);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

[b-jrk3ptfq3e] .bracket-empty-state strong {
    color: #ffffff;
    font-size: 1.18rem;
}

[b-jrk3ptfq3e] .bracket-empty-state p {
    max-width: 520px;
    margin: 0;
}

/* ── Podium column ──────────────────────────────────────── */

[b-jrk3ptfq3e] .bracket-winner-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 240px;
    flex-shrink: 0;
}

[b-jrk3ptfq3e] .bracket-podium-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffd700;
    margin-bottom: 16px;
    padding: 5px 14px;
    border: 1px solid rgba(255,215,0,0.35);
    border-radius: 4px;
    background: rgba(255,215,0,0.07);
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

/* ── Winner card (inside podium column) ─────────────────── */

[b-jrk3ptfq3e] .bracket-winner-card {
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(255,215,0,0.08), rgba(0,200,255,0.04));
    border: 1px solid rgba(255,215,0,0.28);
    border-radius: 10px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-jrk3ptfq3e] .bracket-medal-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

[b-jrk3ptfq3e] .bracket-medal-icon {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

[b-jrk3ptfq3e] .bracket-medal-logo {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    object-fit: contain;
    border-radius: 5px;
    padding: 1px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.12), transparent 62%),
        rgba(5, 13, 24, 0.78);
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.12);
}

[b-jrk3ptfq3e] .bracket-medal-name {
    font-size: 14px;
    font-weight: 600;
    color: #ccc;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-height: 1.22;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-jrk3ptfq3e] .bracket-champion-name {
    font-weight: 800;
    font-size: 16px;
    color: #ffd700;
}

[b-jrk3ptfq3e] .bracket-medal-gold   { border-bottom: 1px solid rgba(255,215,0,0.15); padding-bottom: 12px; }
[b-jrk3ptfq3e] .bracket-medal-silver { border-bottom: 1px solid rgba(192,192,192,0.12); padding-bottom: 12px; }

/* ── 3rd Place label theming ─────────────────────────────── */
/* Layout for bracket-final-group and bracket-third-place-inline
   is applied inline. Only visual theming here.                */

[b-jrk3ptfq3e] .bracket-third-place-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(205,127,50,0.8);
    text-align: center;
}

/* ── Mobile responsiveness ─────────────────────────────── */

@media (max-width: 480px) {
    [b-jrk3ptfq3e] .bracket-toolbar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 0 2px;
    }

    [b-jrk3ptfq3e] .bracket-winner-col {
        min-width: 220px;
    }

    [b-jrk3ptfq3e] .bracket-winner-card {
        padding: 12px 10px;
        min-width: 200px;
    }

    [b-jrk3ptfq3e] .bracket-podium-title {
        font-size: 11px;
        padding: 4px 10px;
    }

    [b-jrk3ptfq3e] .bracket-medal-name {
        font-size: 12px;
    }

    [b-jrk3ptfq3e] .bracket-medal-logo {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    [b-jrk3ptfq3e] .bracket-champion-name {
        font-size: 14px;
    }
}
/* /Pages/Tournaments/Components/TournamentDetailSidebar.razor.rz.scp.css */
.td-sidebar-panel[b-ioaq0s6300] {
    padding: 14px 0 16px;
    border-bottom: 1px solid rgba(125, 160, 210, 0.12);
}

.td-sidebar-panel:first-child[b-ioaq0s6300] {
    padding-top: 0;
}

.td-sidebar-panel:last-child[b-ioaq0s6300] {
    padding-bottom: 4px;
    border-bottom: 0;
}

.td-sidebar-panel--nav[b-ioaq0s6300] {
    display: grid;
    gap: 8px;
}

.td-sidebar-panel-title[b-ioaq0s6300] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #8fa2bd;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.td-sidebar-panel-title .mud-icon-root[b-ioaq0s6300] {
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 76%, #ffffff);
    font-size: 1rem;
}

.td-info-row[b-ioaq0s6300] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 32px;
    color: #96a8bd;
    font-size: 0.8rem;
}

.td-info-row strong[b-ioaq0s6300] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
    max-width: 66%;
    overflow: hidden;
    color: #f5f8fc;
    font-weight: 850;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-info-row i[b-ioaq0s6300] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #7787a3;
}

.td-info-row i.active[b-ioaq0s6300] {
    background: #2dd37a;
    box-shadow: 0 0 14px rgba(45, 211, 122, 0.5);
}

.td-info-row i.registration[b-ioaq0s6300] {
    background: #00c8ff;
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.42);
}

.td-info-row i.paused[b-ioaq0s6300] {
    background: #ffae21;
    box-shadow: 0 0 14px rgba(255, 174, 33, 0.42);
}

.td-info-row i.done[b-ioaq0s6300] {
    background: #caa65a;
    box-shadow: 0 0 14px rgba(202, 166, 90, 0.4);
}

.td-info-row i.cancelled[b-ioaq0s6300] {
    background: #ff6b7c;
    box-shadow: 0 0 14px rgba(255, 107, 124, 0.36);
}

.td-sidebar-empty[b-ioaq0s6300] {
    margin: 0;
    color: #8fa2bd;
    font-size: 0.82rem;
    line-height: 1.4;
}

.td-admin-list[b-ioaq0s6300],
.td-activity-list[b-ioaq0s6300] {
    display: grid;
    gap: 9px;
}

.td-admin-card[b-ioaq0s6300] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(82, 151, 216, 0.16);
    border-radius: 8px;
    background: rgba(8, 25, 44, 0.62);
}

.td-admin-avatar[b-ioaq0s6300] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 28%, transparent);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--td-accent, #00c8ff) 24%, transparent), rgba(5, 14, 26, 0.94));
    color: #f5f8fc;
    font-size: 0.72rem;
    font-weight: 950;
}

.td-admin-copy[b-ioaq0s6300] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.td-admin-copy strong[b-ioaq0s6300],
.td-admin-copy small[b-ioaq0s6300] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-admin-copy strong[b-ioaq0s6300] {
    color: #f5f8fc;
    font-size: 0.8rem;
    font-weight: 900;
}

.td-admin-copy small[b-ioaq0s6300] {
    color: #8fa2bd;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.td-activity-item[b-ioaq0s6300] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    column-gap: 9px;
    align-items: start;
}

.td-activity-item span[b-ioaq0s6300] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    overflow: hidden;
    border-radius: 6px;
    background: color-mix(in srgb, var(--td-accent, #00c8ff) 24%, rgba(0, 0, 0, 0.18));
    color: #dff7ff;
    font-size: 0.68rem;
    font-weight: 900;
}

.td-activity-item strong[b-ioaq0s6300],
.td-activity-item small[b-ioaq0s6300] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-activity-item strong[b-ioaq0s6300] {
    color: #f5f8fc;
    font-size: 0.78rem;
    line-height: 1.3;
}

.td-activity-item small[b-ioaq0s6300] {
    grid-column: 2;
    color: #7787a3;
    font-size: 0.7rem;
}

.td-sidebar-panel--clock span[b-ioaq0s6300],
.td-sidebar-panel--clock small[b-ioaq0s6300] {
    display: block;
    color: #8fa2bd;
    font-size: 0.76rem;
    font-weight: 800;
}

.td-sidebar-panel--clock strong[b-ioaq0s6300] {
    display: block;
    margin: 8px 0 3px;
    color: #f5f8fc;
    font-size: 1.36rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.td-sidebar-panel--clock[b-ioaq0s6300]  .td-sidebar-support {
    margin-top: 13px;
}
/* /Pages/Tournaments/Components/TournamentGroupsSection.razor.rz.scp.css */
.td-groups-layout[b-47as7rxcfy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 380px);
    gap: 14px;
    align-items: start;
}

.td-groups-main[b-47as7rxcfy],
.td-groups-rail[b-47as7rxcfy] {
    min-width: 0;
}

.td-groups-main[b-47as7rxcfy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.td-groups-rail[b-47as7rxcfy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.td-panel[b-47as7rxcfy] {
    min-width: 0;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent, #00c8ff) 4.5%, transparent), transparent 130px),
        rgba(8, 16, 27, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.td-panel-title[b-47as7rxcfy] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin-bottom: 14px;
    color: var(--td-accent, #00c8ff);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.td-panel-title[b-47as7rxcfy]  .mud-icon-root {
    width: 20px;
    flex: 0 0 20px;
    color: currentColor !important;
    font-size: 1.04rem !important;
}

.td-panel-title--gold[b-47as7rxcfy] {
    color: var(--td-accent, #00c8ff);
}

.td-group-progress-panel[b-47as7rxcfy] {
    display: grid;
    grid-template-columns: 114px minmax(0, 1fr);
    gap: 12px;
}

.td-group-progress-panel .td-panel-title[b-47as7rxcfy] {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.td-progress-orb[b-47as7rxcfy] {
    width: 98px;
    height: 98px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    border: 8px solid color-mix(in srgb, var(--td-accent, #00c8ff) 80%, transparent);
    background: color-mix(in srgb, var(--td-accent, #00c8ff) 8%, transparent);
    box-shadow: 0 0 24px color-mix(in srgb, var(--td-accent, #00c8ff) 18%, transparent);
}

.td-progress-orb strong[b-47as7rxcfy] {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 950;
}

.td-progress-orb span[b-47as7rxcfy] {
    color: var(--td-accent, #00c8ff);
    font-size: 0.62rem;
    font-weight: 950;
    text-transform: uppercase;
}

.td-progress-list[b-47as7rxcfy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.td-progress-list div[b-47as7rxcfy] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    color: rgba(225, 239, 255, 0.64);
    font-size: 0.78rem;
}

.td-progress-dot[b-47as7rxcfy] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 1px solid rgba(225, 239, 255, 0.25);
}

.td-progress-dot--done[b-47as7rxcfy] {
    border-color: rgba(54, 209, 111, 0.7);
    background: rgba(54, 209, 111, 0.4);
}

.td-side-match-list[b-47as7rxcfy] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.td-side-match[b-47as7rxcfy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(225, 239, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
}

.td-side-match > *[b-47as7rxcfy] {
    min-width: 0;
}

.td-side-match span[b-47as7rxcfy],
.td-side-match[b-47as7rxcfy]  .ttam-trigger span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-side-match[b-47as7rxcfy]  .ttam-wrap,
.td-side-match[b-47as7rxcfy]  .mud-menu,
.td-side-match[b-47as7rxcfy]  .mud-menu-activator,
.td-side-match[b-47as7rxcfy]  .ttam-trigger {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.td-side-match[b-47as7rxcfy]  .ttam-trigger {
    justify-content: flex-start;
}

.td-side-match[b-47as7rxcfy]  .ttam-trigger .mud-icon-root {
    flex: 0 0 16px;
    margin-left: 2px;
}

.td-side-match strong[b-47as7rxcfy] {
    min-width: 58px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 24%, transparent);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.td-table-scroll[b-47as7rxcfy] {
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.td-table-scroll:focus-visible[b-47as7rxcfy] {
    outline: 2px solid color-mix(in srgb, var(--td-accent, #00c8ff) 72%, #ffffff);
    outline-offset: 3px;
}

.td-table-scroll[b-47as7rxcfy]::after {
    content: "";
    position: sticky;
    right: 0;
    display: block;
    width: 28px;
    height: 1px;
    margin-top: -1px;
    margin-left: auto;
    background: linear-gradient(90deg, transparent, rgba(8, 16, 27, 0.92));
    pointer-events: none;
}

.td-mini-table[b-47as7rxcfy] {
    width: 100%;
    min-width: 300px;
    table-layout: fixed;
    border-collapse: collapse;
}

.td-groups-best-third .td-mini-table[b-47as7rxcfy] {
    min-width: 460px;
}

.td-groups-best-third .td-mini-table th:first-child[b-47as7rxcfy],
.td-groups-best-third .td-mini-table td:first-child[b-47as7rxcfy] {
    width: 58px;
    text-align: left;
}

.td-groups-best-third .td-mini-table th:nth-child(2)[b-47as7rxcfy],
.td-groups-best-third .td-mini-table td:nth-child(2)[b-47as7rxcfy] {
    width: auto;
    display: table-cell;
    text-align: left;
}

.td-mini-table th[b-47as7rxcfy] {
    padding: 8px;
    color: rgba(225, 239, 255, 0.45);
    font-size: 0.7rem;
    font-weight: 950;
    text-align: left;
    text-transform: uppercase;
}

.td-mini-table td[b-47as7rxcfy] {
    padding: 9px 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(235, 246, 255, 0.78);
    font-size: 0.82rem;
    font-weight: 800;
    vertical-align: middle;
}

.td-mini-table th:first-child[b-47as7rxcfy],
.td-mini-table td:first-child[b-47as7rxcfy] {
    width: 38px;
    text-align: center;
}

.td-mini-table th:nth-child(n+3)[b-47as7rxcfy],
.td-mini-table td:nth-child(n+3)[b-47as7rxcfy] {
    width: 54px;
    text-align: right;
}

.td-mini-table th:nth-child(2)[b-47as7rxcfy],
.td-mini-table td:nth-child(2)[b-47as7rxcfy] {
    width: auto;
    min-width: 0;
    text-align: left;
}

.td-mini-table strong[b-47as7rxcfy] {
    color: var(--td-accent, #00c8ff);
}

.td-mini-table--compact td[b-47as7rxcfy] {
    padding: 8px 4px;
}

.td-mini-table[b-47as7rxcfy]  .ttam-wrap,
.td-mini-table[b-47as7rxcfy]  .mud-menu,
.td-mini-table[b-47as7rxcfy]  .mud-menu-activator,
.td-mini-table[b-47as7rxcfy]  .ttam-trigger {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.td-mini-table[b-47as7rxcfy]  .ttam-trigger {
    justify-content: flex-start;
}

.td-mini-table[b-47as7rxcfy]  .ttam-trigger span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-mini-table[b-47as7rxcfy]  .ttam-trigger .mud-icon-root {
    flex: 0 0 16px;
    margin-left: 2px;
}

.td-empty-panel[b-47as7rxcfy] {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem;
    color: rgba(225, 239, 255, 0.54);
    text-align: center;
}

.td-empty-panel--compact[b-47as7rxcfy] {
    min-height: 76px;
    font-size: 0.82rem;
}

@media (max-width: 1280px) {
    .td-groups-layout[b-47as7rxcfy] {
        grid-template-columns: 1fr;
    }

    .td-groups-rail[b-47as7rxcfy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    }
}

@media (max-width: 900px) {
    .td-groups-rail[b-47as7rxcfy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .td-groups-main[b-47as7rxcfy] {
        overflow-x: auto;
    }

    .td-side-match[b-47as7rxcfy] {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .td-side-match strong[b-47as7rxcfy] {
        justify-self: start;
        min-width: 0;
    }
}
/* /Pages/Tournaments/Components/TournamentGroupStage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   TournamentGroupStage — scoped styles (single-group view)
   ═══════════════════════════════════════════════════════════ */

/* ── Navigation Row ─────────────────────────────────────── */

.gs-nav[b-7z627wdt5q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.gs-nav-right[b-7z627wdt5q] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.gs-pills[b-7z627wdt5q] {
    display: flex;
    flex: 0 1 auto;
    gap: 5px;
    flex-wrap: wrap;
}

[b-7z627wdt5q] .gs-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

[b-7z627wdt5q] .gs-nav-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* ── Group pills ────────────────────────────────────────── */

[b-7z627wdt5q] .gs-pills {
    display: flex;
    flex: 0 1 auto;
    gap: 5px;
    flex-wrap: wrap;
}

[b-7z627wdt5q] .gs-pill {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.55);
    cursor: pointer;
    transition: all 0.18s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    letter-spacing: 0.3px;
}

[b-7z627wdt5q] .gs-pill:hover {
    background: rgba(0,200,255,0.07);
    border-color: rgba(0,200,255,0.2);
    color: #ddeeff;
}

[b-7z627wdt5q] .gs-pill-active {
    background: rgba(0,200,255,0.15);
    color: #00c8ff;
    border-color: rgba(0,200,255,0.5);
    box-shadow: 0 0 12px rgba(0,200,255,0.12), inset 0 0 8px rgba(0,200,255,0.06);
}

[b-7z627wdt5q] .gs-pill-active:hover {
    background: rgba(0,200,255,0.2);
    color: #00c8ff;
}

[b-7z627wdt5q] .gs-pill-done:not(.gs-pill-active) {
    border-color: rgba(76,175,80,0.5);
    color: #4caf50;
}

[b-7z627wdt5q] .gs-pill-count {
    font-size: 10px;
    opacity: 0.7;
}

[b-7z627wdt5q] .gs-pill-active .gs-pill-count {
    opacity: 0.8;
}

/* ── Search results ─────────────────────────────────────── */

[b-7z627wdt5q] .gs-search-results {
    background: rgba(13,19,32,0.95);
    border: 1px solid rgba(0,200,255,0.2);
    border-radius: 6px;
    margin-bottom: 12px;
    max-height: 200px;
    overflow-y: auto;
}

[b-7z627wdt5q] .gs-search-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    color: #e0e8f0;
    font-size: 13px;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.1s;
}

[b-7z627wdt5q] .gs-search-item:hover {
    background: rgba(0,200,255,0.08);
}

[b-7z627wdt5q] .gs-search-name {
    font-weight: 600;
}

[b-7z627wdt5q] .gs-search-badge {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    padding: 2px 8px;
    background: rgba(255,255,255,0.06);
    border-radius: 4px;
}

/* ── Group header ───────────────────────────────────────── */

[b-7z627wdt5q] .gs-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

[b-7z627wdt5q] .gs-progress-chip {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    color: #8b95a8;
}

[b-7z627wdt5q] .gs-progress-done  { color: #00c8ff; font-weight: 700; }
[b-7z627wdt5q] .gs-progress-sep   { color: #555; }
[b-7z627wdt5q] .gs-progress-label { margin-left: 4px; font-size: 10px; text-transform: uppercase; }

/* ── Inner tabs ─────────────────────────────────────────── */

[b-7z627wdt5q] .gs-inner-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(0,0,0,0.15);
}

[b-7z627wdt5q] .gs-tab {
    padding: 12px 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.45);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: all 0.18s ease;
}

[b-7z627wdt5q] .gs-tab:hover {
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.03);
}

[b-7z627wdt5q] .gs-tab-active {
    color: #00c8ff;
    border-bottom-color: #00c8ff;
    text-shadow: 0 0 14px rgba(0,200,255,0.4);
}

/* ── Standings ──────────────────────────────────────────── */

[b-7z627wdt5q] .gs-standings-wrap {
    padding: 16px;
    overflow-x: auto;
}

[b-7z627wdt5q] .gs-standings {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

[b-7z627wdt5q] .gs-standings thead tr {
    border-bottom: 2px solid rgba(0,200,255,0.18);
    background: rgba(0,200,255,0.03);
}

[b-7z627wdt5q] .gs-standings th {
    padding: 9px 8px;
    text-align: center;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(0,200,255,0.55);
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-standings td {
    padding: 9px 8px;
    text-align: center;
    color: rgba(255,255,255,0.82);
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.12s, color 0.12s;
}

[b-7z627wdt5q] .gs-standings tbody tr:nth-child(even) td {
    background: rgba(255,255,255,0.015);
}

[b-7z627wdt5q] .gs-standings tr:last-child td { border-bottom: none; }

[b-7z627wdt5q] .gs-col-pos {
    width: 32px;
    text-align: center;
    color: rgba(0,200,255,0.7);
    font-weight: 800;
    font-size: 13px;
}

[b-7z627wdt5q] .gs-col-team {
    text-align: left;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    min-width: 100px;
}

[b-7z627wdt5q] .gs-col-pts {
    font-weight: 900;
    color: #fff;
    font-size: 16px;
    text-shadow: 0 0 12px rgba(255,255,255,0.15);
}

[b-7z627wdt5q] .gs-gd-pos { color: #4caf50; }
[b-7z627wdt5q] .gs-gd-neg { color: #ef5350; }

[b-7z627wdt5q] .gs-team-logo {
    width: 18px;
    height: 18px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 5px;
}

[b-7z627wdt5q] .gs-qualify-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c8ff;
    margin-right: 6px;
    vertical-align: middle;
    box-shadow: 0 0 5px rgba(0,200,255,0.5);
}

[b-7z627wdt5q] .gs-row-qualified {
    border-left: 3px solid rgba(0,200,255,0.7);
    background: rgba(0,200,255,0.03);
}

[b-7z627wdt5q] .gs-row-qualified .gs-col-team {
    color: #00c8ff;
    font-weight: 700;
}

[b-7z627wdt5q] .gs-row-qualified .gs-col-pos {
    color: #00c8ff;
    text-shadow: 0 0 8px rgba(0,200,255,0.5);
}

[b-7z627wdt5q] .gs-row-placeholder {
    opacity: 0.3;
}

[b-7z627wdt5q] .gs-row-highlight td {
    background: rgba(0,200,255,0.1) !important;
    animation: gsHighlight-b-7z627wdt5q 2.5s ease-out forwards;
}

[b-7z627wdt5q] .gs-standings tbody tr:hover td {
    background: rgba(0,200,255,0.05) !important;
    color: #fff;
}

[b-7z627wdt5q] .gs-standings tbody tr:hover .gs-col-pos {
    color: #00c8ff;
}

[b-7z627wdt5q] .gs-zone-legend {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 11px;
    color: #8b95a8;
}

[b-7z627wdt5q] .gs-zone-dot {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: rgba(0,200,255,0.4);
    border: 1px solid rgba(0,200,255,0.6);
    flex-shrink: 0;
}

@media (max-width: 500px) {
    [b-7z627wdt5q] .gs-col-hide { display: none; }
}

/* ── Matches tab ────────────────────────────────────────── */

[b-7z627wdt5q] .gs-matches-wrap {
    padding: 16px;
}

[b-7z627wdt5q] .gs-round-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 14px;
}

[b-7z627wdt5q] .gs-round-pill {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 5px;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.55);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-round-pill:hover {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

[b-7z627wdt5q] .gs-round-pill-active {
    background: #00c8ff;
    color: #000;
    border-color: #00c8ff;
}

[b-7z627wdt5q] .gs-round-pill-done:not(.gs-round-pill-active) {
    border-color: rgba(76,175,80,0.5);
    color: #4caf50;
}

/* ── Match rows ─────────────────────────────────────────── */

[b-7z627wdt5q] .gs-match {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
    font-size: 13px;
    margin-bottom: 5px;
    transition: background 0.15s, border-color 0.15s;
}

[b-7z627wdt5q] .gs-match:hover {
    background: rgba(0,200,255,0.04);
    border-color: rgba(0,200,255,0.12);
}

[b-7z627wdt5q] .gs-match-done {
    border-color: rgba(0,200,255,0.1);
    background: rgba(0,200,255,0.02);
}

[b-7z627wdt5q] .gs-match-home {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    color: #bbb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 6px;
}

[b-7z627wdt5q] .gs-match-away {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #bbb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
}

[b-7z627wdt5q] .gs-match-winner {
    color: #fff;
    font-weight: 600;
}

[b-7z627wdt5q] .gs-match-score {
    flex-shrink: 0;
    min-width: 68px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-variant-numeric: tabular-nums;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 15px;
    border-left: 1px solid rgba(255,255,255,0.06);
    border-right: 1px solid rgba(255,255,255,0.06);
    padding: 0 8px;
    text-shadow: 0 0 10px rgba(255,255,255,0.12);
}

[b-7z627wdt5q] .gs-match-vs {
    color: #444;
    font-weight: 400;
    font-size: 12px;
}

[b-7z627wdt5q] .gs-match-logo {
    width: 16px;
    height: 16px;
    object-fit: contain;
    vertical-align: middle;
}

[b-7z627wdt5q] .gs-match-badge {
    font-size: 9px;
    font-weight: 700;
    background: rgba(255,193,7,0.2);
    color: #ffc107;
    padding: 1px 5px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 600px) {
    .gs-nav[b-7z627wdt5q] {
        flex-direction: column;
        align-items: stretch;
    }

    .gs-nav-right[b-7z627wdt5q] {
        flex-wrap: wrap;
        margin-left: 0;
    }

    [b-7z627wdt5q] .gs-nav {
        flex-direction: column;
        align-items: stretch;
    }

    [b-7z627wdt5q] .gs-nav-right {
        flex-wrap: wrap;
        margin-left: 0;
    }

    [b-7z627wdt5q] .gs-standings-wrap {
        padding: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    [b-7z627wdt5q] .gs-standings {
        font-size: 12px;
    }

    [b-7z627wdt5q] .gs-standings th {
        padding: 5px 4px;
        font-size: 10px;
    }

    [b-7z627wdt5q] .gs-standings td {
        padding: 6px 4px;
    }

    [b-7z627wdt5q] .gs-col-team {
        min-width: 80px;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    [b-7z627wdt5q] .gs-col-pts {
        font-size: 13px;
    }

    [b-7z627wdt5q] .gs-match {
        font-size: 12px;
        padding: 6px 8px;
    }

    [b-7z627wdt5q] .gs-match-score {
        min-width: 50px;
        font-size: 12px;
    }
}

/* ── Animations ─────────────────────────────────────────── */

@keyframes gsHighlight-b-7z627wdt5q {
    0%   { background: rgba(0,200,255,0.22); }
    60%  { background: rgba(0,200,255,0.1); }
    100% { background: transparent; }
}

/* ── Best Third-Place Ranking ───────────────────────────── */

[b-7z627wdt5q] .gs-best3rd-grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-7z627wdt5q] .gs-best3rd-row {
    display: grid;
    grid-template-columns: 28px 1fr auto auto auto auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    background: rgba(255, 193, 7, 0.04);
    border: 1px solid rgba(255, 193, 7, 0.12);
    border-radius: 6px;
    font-size: 13px;
    transition: background 0.15s;
}

[b-7z627wdt5q] .gs-best3rd-row:hover {
    background: rgba(255, 193, 7, 0.08);
}

[b-7z627wdt5q] .gs-best3rd-qualify {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.3);
    border-left: 3px solid #ffc107;
}

[b-7z627wdt5q] .gs-best3rd-rank {
    font-weight: 800;
    color: #ffc107;
    text-align: center;
    font-size: 14px;
}

[b-7z627wdt5q] .gs-best3rd-team {
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-best3rd-group {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-best3rd-stat {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-best3rd-badge {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffc107;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.4);
    padding: 2px 8px;
    border-radius: 4px;
}

/* ── Best Third-Place Qualifiers in Standings ──────────── */

[b-7z627wdt5q] .gs-qualify-dot-3rd {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffc107;
    margin-right: 6px;
    vertical-align: middle;
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

[b-7z627wdt5q] .gs-row-best3rd {
    border-left: 3px solid rgba(255, 193, 7, 0.7);
    background: rgba(255, 193, 7, 0.04);
}

[b-7z627wdt5q] .gs-row-best3rd .gs-col-team {
    color: #ffc107;
    font-weight: 700;
}

[b-7z627wdt5q] .gs-row-best3rd .gs-col-pos {
    color: #ffc107;
    text-shadow: 0 0 8px rgba(255, 193, 7, 0.5);
}

[b-7z627wdt5q] .gs-zone-dot-3rd {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: rgba(255, 193, 7, 0.4);
    border: 1px solid rgba(255, 193, 7, 0.6);
    flex-shrink: 0;
    margin-left: 12px;
}

[b-7z627wdt5q] .gs-empty-state {
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 34px;
    border: 1px dashed rgba(0, 200, 255, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(7, 14, 27, 0.92), rgba(13, 20, 36, 0.72)),
        radial-gradient(circle at 50% 18%, rgba(0, 200, 255, 0.1), transparent 32%);
    text-align: center;
    color: rgba(221, 234, 255, 0.68);
}

[b-7z627wdt5q] .gs-empty-mark {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0, 200, 255, 0.3);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.075);
    box-shadow: 0 0 32px rgba(0, 200, 255, 0.1);
}

[b-7z627wdt5q] .gs-empty-mark .mud-icon-root {
    color: rgba(0, 200, 255, 0.82);
    font-size: 2.25rem;
}

[b-7z627wdt5q] .gs-empty-state > span {
    color: rgba(0, 200, 255, 0.74);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

[b-7z627wdt5q] .gs-empty-state strong {
    color: #ffffff;
    font-size: 1.12rem;
}

[b-7z627wdt5q] .gs-empty-state p {
    max-width: 520px;
    margin: 0;
}

@media (max-width: 600px) {
    [b-7z627wdt5q] .gs-best3rd-row {
        grid-template-columns: 24px 1fr;
        gap: 6px;
        padding: 8px;
        font-size: 12px;
    }

    [b-7z627wdt5q] .gs-best3rd-group,
    [b-7z627wdt5q] .gs-best3rd-stat {
        display: none;
    }

    [b-7z627wdt5q] .gs-best3rd-badge {
        grid-column: 1 / -1;
        justify-self: start;
        margin-top: 4px;
    }
}

/* V2 group readability pass: table-like stats, continuous qualifying rows, and best-third race table. */
[b-7z627wdt5q] .gs-standings-wrap,
[b-7z627wdt5q] .gs-best3rd-table-wrap {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

[b-7z627wdt5q] .gs-standings,
[b-7z627wdt5q] .gs-best3rd-table {
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0 6px;
}

[b-7z627wdt5q] .gs-standings thead tr,
[b-7z627wdt5q] .gs-best3rd-table thead tr {
    background: transparent;
    border-bottom: 0;
}

[b-7z627wdt5q] .gs-standings th,
[b-7z627wdt5q] .gs-best3rd-table th {
    padding: 7px 8px;
    color: rgba(157, 181, 205, 0.72);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.6px;
    text-align: center;
}

[b-7z627wdt5q] .gs-standings td,
[b-7z627wdt5q] .gs-best3rd-table td {
    padding: 9px 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    background: rgba(8, 18, 30, 0.72);
}

[b-7z627wdt5q] .gs-standings tbody tr:nth-child(even) td {
    background: rgba(8, 18, 30, 0.72);
}

[b-7z627wdt5q] .gs-standings td:first-child,
[b-7z627wdt5q] .gs-best3rd-table td:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 7px 0 0 7px;
}

[b-7z627wdt5q] .gs-standings td:last-child,
[b-7z627wdt5q] .gs-best3rd-table td:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 0 7px 7px 0;
}

[b-7z627wdt5q] .gs-row-qualified td,
[b-7z627wdt5q] .gs-best3rd-qualify td {
    border-color: rgba(24, 221, 142, 0.19);
    background: rgba(9, 57, 48, 0.88) !important;
}

[b-7z627wdt5q] .gs-row-best3rd td,
[b-7z627wdt5q] .gs-best3rd-bubble td {
    border-color: rgba(255, 193, 7, 0.2);
    background: rgba(64, 50, 22, 0.84) !important;
}

[b-7z627wdt5q] .gs-row-placeholder td {
    opacity: 0.48;
}

[b-7z627wdt5q] .gs-standings tbody tr:hover td,
[b-7z627wdt5q] .gs-best3rd-table tbody tr:hover td {
    border-color: rgba(0, 200, 255, 0.26);
    background: rgba(0, 200, 255, 0.08) !important;
}

[b-7z627wdt5q] .gs-team-cell {
    display: grid;
    grid-template-columns: 10px 32px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
}

[b-7z627wdt5q] .gs-zone-marker {
    width: 5px;
    height: 26px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

[b-7z627wdt5q] .gs-zone-marker--qualify {
    background: #18dd8e;
    box-shadow: 0 0 14px rgba(24, 221, 142, 0.38);
}

[b-7z627wdt5q] .gs-zone-marker--third {
    background: #ffc857;
    box-shadow: 0 0 14px rgba(255, 200, 87, 0.34);
}

[b-7z627wdt5q] .gs-team-logo {
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    object-fit: contain;
}

[b-7z627wdt5q] .gs-team-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

[b-7z627wdt5q] .gs-team-copy small {
    max-width: 180px;
    overflow: hidden;
    color: rgba(157, 181, 205, 0.68);
    font-size: 0.62rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-col-form {
    min-width: 88px;
}

[b-7z627wdt5q] .gs-form-strip {
    display: inline-flex;
    justify-content: center;
    gap: 4px;
    min-width: 72px;
}

[b-7z627wdt5q] .gs-form-pill {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 10px;
    font-weight: 950;
}

[b-7z627wdt5q] .gs-form-pill--w {
    background: rgba(24, 221, 142, 0.24);
    color: #7dffc5;
}

[b-7z627wdt5q] .gs-form-pill--d {
    background: rgba(255, 200, 87, 0.2);
    color: #ffd985;
}

[b-7z627wdt5q] .gs-form-pill--l {
    background: rgba(255, 91, 91, 0.18);
    color: #ff9c9c;
}

[b-7z627wdt5q] .gs-best3rd-panel {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(255, 200, 87, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 200, 87, 0.08), transparent 42%),
        rgba(8, 16, 27, 0.94);
}

[b-7z627wdt5q] .gs-best3rd-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

[b-7z627wdt5q] .gs-best3rd-head div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-7z627wdt5q] .gs-best3rd-head span {
    color: rgba(255, 200, 87, 0.78);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

[b-7z627wdt5q] .gs-best3rd-head strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
}

[b-7z627wdt5q] .gs-best3rd-head em {
    padding: 5px 10px;
    border: 1px solid rgba(255, 200, 87, 0.32);
    border-radius: 999px;
    background: rgba(255, 200, 87, 0.1);
    color: #ffd985;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
}

[b-7z627wdt5q] .gs-best3rd-table {
    width: 100%;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

[b-7z627wdt5q] .gs-best3rd-table td {
    color: rgba(235, 246, 255, 0.82);
    text-align: center;
}

[b-7z627wdt5q] .gs-best3rd-table td:nth-child(2),
[b-7z627wdt5q] .gs-best3rd-table th:nth-child(2) {
    min-width: 220px;
    text-align: left;
}

[b-7z627wdt5q] .gs-best3rd-table td:nth-child(3),
[b-7z627wdt5q] .gs-best3rd-table th:nth-child(3) {
    min-width: 86px;
    text-align: left;
}

[b-7z627wdt5q] .gs-best3rd-status {
    display: inline-flex;
    min-width: 70px;
    justify-content: center;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: rgba(221, 234, 255, 0.68);
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

[b-7z627wdt5q] .gs-best3rd-status--through {
    border-color: rgba(24, 221, 142, 0.35);
    background: rgba(24, 221, 142, 0.12);
    color: #8cffc4;
}

[b-7z627wdt5q] .gs-best3rd-status--bubble {
    border-color: rgba(255, 200, 87, 0.36);
    background: rgba(255, 200, 87, 0.12);
    color: #ffd985;
}

@media (max-width: 600px) {
    [b-7z627wdt5q] .gs-standings,
    [b-7z627wdt5q] .gs-best3rd-table {
        min-width: 760px;
    }

    [b-7z627wdt5q] .gs-team-cell {
        grid-template-columns: 8px 28px minmax(0, 1fr);
        gap: 6px;
    }

    [b-7z627wdt5q] .gs-team-logo {
        width: 27px;
        height: 27px;
    }
}

/* Mobile competition pages must fit the viewport; keep only the essential group stats visible. */
@media (max-width: 600px) {
    [b-7z627wdt5q] .gs-nav,
    [b-7z627wdt5q] .gs-nav-right,
    [b-7z627wdt5q] .gs-pills,
    [b-7z627wdt5q] .gs-group-header,
    [b-7z627wdt5q] .pcw-card,
    [b-7z627wdt5q] .gs-best3rd-panel {
        min-width: 0;
        max-width: 100%;
    }

    [b-7z627wdt5q] .gs-nav-right {
        width: 100%;
        margin-left: 0;
    }

    [b-7z627wdt5q] .gs-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    [b-7z627wdt5q] .gs-pill {
        justify-content: center;
        min-width: 0;
        padding-inline: 10px;
    }

    [b-7z627wdt5q] .gs-standings-wrap {
        width: 100%;
        max-width: 100%;
        padding: 8px 0 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable both-edges;
    }

    [b-7z627wdt5q] .gs-standings {
        width: 100%;
        min-width: 560px;
        table-layout: fixed;
        border-spacing: 0 6px;
        font-size: 12px;
    }

    [b-7z627wdt5q] .gs-inner-tabs {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    [b-7z627wdt5q] .gs-inner-tabs::-webkit-scrollbar {
        display: none;
    }

    [b-7z627wdt5q] .gs-tab {
        flex: 0 0 auto;
        min-width: max-content;
        padding-inline: 18px;
    }

    [b-7z627wdt5q] .gs-standings th,
    [b-7z627wdt5q] .gs-standings td {
        padding: 7px 3px;
        font-size: 11px;
    }

    [b-7z627wdt5q] .gs-standings .gs-col-hide,
    [b-7z627wdt5q] .gs-standings .gs-col-form,
    [b-7z627wdt5q] .gs-standings th:nth-child(9),
    [b-7z627wdt5q] .gs-standings td:nth-child(9) {
        display: none;
    }

    [b-7z627wdt5q] .gs-standings th:nth-child(1),
    [b-7z627wdt5q] .gs-standings td:nth-child(1) {
        width: 30px;
    }

    [b-7z627wdt5q] .gs-standings th:nth-child(3),
    [b-7z627wdt5q] .gs-standings td:nth-child(3),
    [b-7z627wdt5q] .gs-standings th:nth-child(4),
    [b-7z627wdt5q] .gs-standings td:nth-child(4),
    [b-7z627wdt5q] .gs-standings th:nth-child(5),
    [b-7z627wdt5q] .gs-standings td:nth-child(5),
    [b-7z627wdt5q] .gs-standings th:nth-child(6),
    [b-7z627wdt5q] .gs-standings td:nth-child(6) {
        width: 27px;
    }

    [b-7z627wdt5q] .gs-standings th:nth-child(10),
    [b-7z627wdt5q] .gs-standings td:nth-child(10) {
        width: 34px;
    }

    [b-7z627wdt5q] .gs-col-team {
        min-width: 0;
        max-width: none;
        white-space: normal;
    }

    [b-7z627wdt5q] .gs-col-pts {
        font-size: 12px;
    }

    [b-7z627wdt5q] .gs-team-cell {
        grid-template-columns: 5px 25px minmax(0, 1fr);
        gap: 5px;
        min-width: 0;
    }

    [b-7z627wdt5q] .gs-zone-marker {
        width: 4px;
        height: 28px;
    }

    [b-7z627wdt5q] .gs-team-logo {
        width: 25px;
        height: 25px;
        border-radius: 7px;
    }

    [b-7z627wdt5q] .gs-team-copy,
    [b-7z627wdt5q] .gs-team-copy > span,
    [b-7z627wdt5q] .gs-team-copy .ttam-wrap,
    [b-7z627wdt5q] .gs-team-copy .ttam-trigger {
        min-width: 0;
        max-width: 100%;
        width: 100%;
    }

    [b-7z627wdt5q] .gs-team-copy > span,
    [b-7z627wdt5q] .gs-team-copy .ttam-trigger span,
    [b-7z627wdt5q] .gs-team-copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-7z627wdt5q] .gs-zone-legend {
        padding-inline: 2px;
    }
}

/* Direct scoped overrides for elements owned by this component. The matching
   elements carry the scope attribute themselves, so ::deep descendant selectors
   do not apply to them in the rendered CSS. */
.gs-standings-wrap[b-7z627wdt5q] {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 600px) {
    .gs-standings-wrap[b-7z627wdt5q] {
        width: 100%;
        max-width: 100%;
        padding: 8px 0 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable both-edges;
    }

    .gs-inner-tabs[b-7z627wdt5q] {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .gs-inner-tabs[b-7z627wdt5q]::-webkit-scrollbar {
        display: none;
    }

    .gs-tab[b-7z627wdt5q] {
        flex: 0 0 auto;
        min-width: max-content;
        padding-inline: 18px;
    }
}
/* /Pages/Tournaments/Components/TournamentHeader.razor.rz.scp.css */
.hero-root[b-bqpcyyo2li] {
    --hero-partner-color: var(--pcw-accent);
    position: relative;
    min-height: clamp(300px, 33vw, 430px);
    margin-bottom: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--hero-partner-color) 24%, transparent);
    border-radius: 10px;
    background: #050b12;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 5%, transparent),
        0 20px 52px rgba(0, 0, 0, 0.5),
        0 0 60px color-mix(in srgb, var(--hero-partner-color) 6%, transparent);
}

.hero-partner-tint[b-bqpcyyo2li] {
    border-color: color-mix(in srgb, var(--hero-partner-color) 30%, transparent);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 12%, transparent),
        0 20px 52px rgba(0, 0, 0, 0.46),
        0 0 68px color-mix(in srgb, var(--hero-partner-color) 10%, transparent);
}

.hero-bg-layer[b-bqpcyyo2li] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(105deg, rgba(2, 8, 16, 0.96) 0%, rgba(5, 14, 24, 0.82) 48%, rgba(2, 8, 14, 0.95) 100%),
        radial-gradient(ellipse at 74% 45%, color-mix(in srgb, var(--hero-partner-color) 18%, transparent), transparent 34%),
        radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--hero-partner-color) 12%, transparent), transparent 24%),
        linear-gradient(160deg, #0b1421 0%, #060b13 54%, #080d16 100%);
}

.hero-bg-layer[b-bqpcyyo2li]::before,
.hero-bg-layer[b-bqpcyyo2li]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-bg-layer[b-bqpcyyo2li]::before {
    background:
        linear-gradient(124deg, transparent 0 43%, color-mix(in srgb, var(--hero-partner-color) 18%, transparent) 43% 58%, transparent 58.4%),
        repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 28px);
    opacity: 0.62;
}

.hero-bg-layer[b-bqpcyyo2li]::after {
    background:
        radial-gradient(ellipse at 70% 56%, color-mix(in srgb, var(--hero-partner-color) 18%, transparent), transparent 42%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.42) 100%);
}

.hero-frame-line[b-bqpcyyo2li] {
    position: absolute;
    z-index: 2;
    height: 2px;
    width: 34%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--hero-partner-color) 82%, #fff), transparent);
    opacity: 0.8;
}

.hero-frame-line--top[b-bqpcyyo2li] {
    top: 0;
    left: 24%;
}

.hero-frame-line--bottom[b-bqpcyyo2li] {
    right: 24%;
    bottom: 0;
}

.hero-banner-bg[b-bqpcyyo2li] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-banner-img[b-bqpcyyo2li] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    opacity: 0.58;
    filter: saturate(1.18) contrast(1.1);
}

.hero-banner-overlay[b-bqpcyyo2li] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 74% 48%, color-mix(in srgb, var(--hero-partner-color) 20%, transparent), transparent 36%),
        linear-gradient(90deg, rgba(5, 9, 16, 0.98) 0%, rgba(5, 9, 16, 0.78) 45%, rgba(5, 9, 16, 0.38) 100%),
        linear-gradient(180deg, rgba(5, 9, 16, 0.08), rgba(5, 9, 16, 0.9));
}

.hero-content[b-bqpcyyo2li] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: clamp(18px, 3vw, 36px);
    align-items: stretch;
    min-height: clamp(300px, 33vw, 430px);
    padding: clamp(28px, 3.1vw, 48px) clamp(30px, 4vw, 58px);
}

.hero-no-sidebar .hero-content[b-bqpcyyo2li] {
    grid-template-columns: minmax(0, 1fr);
}

.hero-main[b-bqpcyyo2li] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.hero-has-logo .hero-main[b-bqpcyyo2li] {
    padding-inline-end: clamp(148px, 14vw, 232px);
}

.hero-partner-row[b-bqpcyyo2li] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.hero-partner-logo[b-bqpcyyo2li] {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 7px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
}

.hero-partner-name[b-bqpcyyo2li] {
    color: color-mix(in srgb, var(--hero-partner-color) 82%, #ffffff);
    font-size: clamp(1rem, 1.5vw, 1.42rem);
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.hero-badges-row[b-bqpcyyo2li] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.hero-status-badge[b-bqpcyyo2li] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 27px;
    padding: 4px 15px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #e7f5ff;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 1.3px;
    line-height: 1;
    text-transform: uppercase;
}

.hero-live-pill[b-bqpcyyo2li] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    padding: 4px 12px;
    border: 1px solid color-mix(in srgb, var(--hero-partner-color) 38%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--hero-partner-color) 8%, transparent);
    color: color-mix(in srgb, var(--hero-partner-color) 85%, #fff);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 1px;
}

.hero-live-pill span[b-bqpcyyo2li] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--hero-partner-color) 90%, #fff);
    box-shadow: 0 0 12px color-mix(in srgb, var(--hero-partner-color) 55%, transparent);
}

.hero-status-registration[b-bqpcyyo2li],
.hero-status-swiss[b-bqpcyyo2li],
.hero-status-knockout[b-bqpcyyo2li] {
    border-color: color-mix(in srgb, var(--hero-partner-color) 48%, transparent);
    background: color-mix(in srgb, var(--hero-partner-color) 14%, transparent);
    color: color-mix(in srgb, var(--hero-partner-color) 82%, #fff);
}

.hero-status-groupstage[b-bqpcyyo2li] {
    border-color: color-mix(in srgb, var(--hero-partner-color) 42%, transparent);
    background: color-mix(in srgb, var(--hero-partner-color) 10%, transparent);
    color: var(--hero-partner-color);
}

.hero-status-finished[b-bqpcyyo2li] {
    border-color: rgba(160, 178, 204, 0.34);
    background: rgba(160, 178, 204, 0.08);
    color: #c7d4e6;
}

.hero-status-cancelled[b-bqpcyyo2li] {
    border-color: rgba(240, 60, 60, 0.45);
    background: rgba(240, 60, 60, 0.12);
    color: #ff7a7a;
}

.hero-title[b-bqpcyyo2li] {
    max-width: 960px;
    margin: 0 0 15px;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: clamp(1.85rem, 3vw, 2.52rem);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: 0;
    text-shadow:
        0 3px 0 rgba(0, 0, 0, 0.55),
        0 0 28px color-mix(in srgb, var(--hero-partner-color) 12%, transparent);
}

.hero-meta-row[b-bqpcyyo2li] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 10px;
    margin-bottom: 14px;
}

.hero-meta-item[b-bqpcyyo2li] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 5px 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: rgba(2, 8, 14, 0.44);
    color: rgba(225, 239, 255, 0.72);
    font-size: 0.84rem;
    font-weight: 760;
    white-space: nowrap;
}

.hero-meta-icon[b-bqpcyyo2li] {
    color: color-mix(in srgb, var(--hero-partner-color) 65%, #ffffff) !important;
    font-size: 1rem !important;
}

.hero-actions[b-bqpcyyo2li] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.hero-manage-btn[b-bqpcyyo2li] {
    min-height: 38px;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--hero-partner-color) 88%, rgba(255, 255, 255, 0.12)) !important;
    color: #031018 !important;
    font-weight: 950 !important;
    letter-spacing: 0.2px;
    box-shadow: 0 0 20px color-mix(in srgb, var(--hero-partner-color) 18%, transparent) !important;
}

.hero-manage-btn:hover[b-bqpcyyo2li] {
    background: color-mix(in srgb, var(--hero-partner-color) 78%, #ffffff) !important;
}

.hero-register-btn[b-bqpcyyo2li] {
    min-height: 38px;
    border: 1px solid color-mix(in srgb, var(--hero-partner-color) 76%, transparent) !important;
    border-radius: 6px !important;
    background: var(--hero-partner-color) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 16%, transparent),
        0 0 26px color-mix(in srgb, var(--hero-partner-color) 22%, transparent) !important;
}

.hero-register-btn:hover[b-bqpcyyo2li] {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 22%, transparent),
        0 0 32px color-mix(in srgb, var(--hero-partner-color) 30%, transparent) !important;
}

.hero-back-btn[b-bqpcyyo2li] {
    border-color: color-mix(in srgb, var(--hero-partner-color) 42%, transparent) !important;
    color: color-mix(in srgb, var(--hero-partner-color) 84%, #ffffff) !important;
    background: color-mix(in srgb, var(--hero-partner-color) 4.5%, transparent) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.hero-back-btn:hover[b-bqpcyyo2li] {
    border-color: color-mix(in srgb, var(--hero-partner-color) 68%, transparent) !important;
    background: color-mix(in srgb, var(--hero-partner-color) 12%, transparent) !important;
}

[b-bqpcyyo2li] .hero-manage-btn {
    min-height: 38px;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--hero-partner-color) 88%, rgba(255, 255, 255, 0.12)) !important;
    color: #031018 !important;
    font-weight: 950 !important;
    letter-spacing: 0.2px;
    box-shadow: 0 0 20px color-mix(in srgb, var(--hero-partner-color) 18%, transparent) !important;
}

[b-bqpcyyo2li] .hero-manage-btn:hover {
    background: color-mix(in srgb, var(--hero-partner-color) 78%, #ffffff) !important;
}

[b-bqpcyyo2li] .hero-register-btn {
    min-height: 38px;
    border: 1px solid color-mix(in srgb, var(--hero-partner-color) 76%, transparent) !important;
    border-radius: 6px !important;
    background: var(--hero-partner-color) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 16%, transparent),
        0 0 26px color-mix(in srgb, var(--hero-partner-color) 22%, transparent) !important;
}

[b-bqpcyyo2li] .hero-register-btn:hover {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--hero-partner-color) 22%, transparent),
        0 0 32px color-mix(in srgb, var(--hero-partner-color) 30%, transparent) !important;
}

[b-bqpcyyo2li] .hero-back-btn {
    border-color: color-mix(in srgb, var(--hero-partner-color) 42%, transparent) !important;
    color: color-mix(in srgb, var(--hero-partner-color) 84%, #ffffff) !important;
    background: color-mix(in srgb, var(--hero-partner-color) 4.5%, transparent) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

[b-bqpcyyo2li] .hero-back-btn:hover {
    border-color: color-mix(in srgb, var(--hero-partner-color) 68%, transparent) !important;
    background: color-mix(in srgb, var(--hero-partner-color) 12%, transparent) !important;
}

.hero-sidebar[b-bqpcyyo2li] {
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    min-height: 160px;
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid color-mix(in srgb, var(--hero-partner-color) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--hero-partner-color) 5%, transparent), transparent 62%),
        rgba(3, 9, 16, 0.82);
    box-shadow: inset 0 0 30px color-mix(in srgb, var(--hero-partner-color) 3%, transparent);
}

.hero-trophy-mark[b-bqpcyyo2li] {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: clamp(78px, 8.8vw, 188px);
    transform: translateY(-50%);
    width: clamp(128px, 11vw, 182px);
    height: clamp(128px, 11vw, 182px);
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 0;
    opacity: 0.95;
    filter:
        drop-shadow(0 0 26px color-mix(in srgb, var(--hero-partner-color) 34%, transparent))
        drop-shadow(0 18px 26px rgba(0, 0, 0, 0.48));
    pointer-events: none;
}

.hero-has-sidebar .hero-trophy-mark[b-bqpcyyo2li] {
    right: clamp(455px, 29vw, 560px);
    opacity: 0.7;
}

.hero-trophy-mark[b-bqpcyyo2li]::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid color-mix(in srgb, var(--hero-partner-color) 86%, transparent);
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--hero-partner-color) 12%, transparent), transparent 68%),
        rgba(10, 18, 29, 0.92);
    box-shadow:
        inset 0 0 26px color-mix(in srgb, var(--hero-partner-color) 10%, transparent),
        0 0 42px color-mix(in srgb, var(--hero-partner-color) 38%, transparent),
        0 0 90px color-mix(in srgb, var(--hero-partner-color) 18%, transparent);
}

.hero-trophy-mark img[b-bqpcyyo2li] {
    position: relative;
    width: 116%;
    height: 116%;
    max-width: none;
    max-height: none;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center;
    filter: drop-shadow(0 0 18px color-mix(in srgb, var(--hero-partner-color) 34%, transparent));
}

.hero-sidebar-title[b-bqpcyyo2li] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: color-mix(in srgb, var(--hero-partner-color) 78%, #ffffff);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.hero-sidebar-icon[b-bqpcyyo2li] {
    color: color-mix(in srgb, var(--hero-partner-color) 78%, #ffffff) !important;
    font-size: 1rem !important;
}

.activity-feed[b-bqpcyyo2li] {
    display: flex;
    flex-direction: column;
    max-height: 118px;
    overflow-y: auto;
    scrollbar-width: none;
}

.activity-feed[b-bqpcyyo2li]::-webkit-scrollbar {
    display: none;
}

.activity-entry[b-bqpcyyo2li] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 25px;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    font-size: 0.74rem;
}

.activity-entry:last-child[b-bqpcyyo2li] {
    border-bottom: 0;
}

.activity-icon[b-bqpcyyo2li] {
    font-size: 0.86rem;
    line-height: 1;
    text-align: center;
}

.activity-msg[b-bqpcyyo2li] {
    min-width: 0;
    overflow: hidden;
    color: rgba(245, 251, 255, 0.78);
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-time[b-bqpcyyo2li] {
    color: rgba(225, 239, 255, 0.34);
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .hero-root[b-bqpcyyo2li] {
        min-height: 0;
        border-radius: 13px;
    }

    .hero-content[b-bqpcyyo2li] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 16px;
        padding: 20px 16px 16px;
    }

    .hero-has-logo .hero-main[b-bqpcyyo2li] {
        padding-inline-end: 112px;
    }

    .hero-title[b-bqpcyyo2li] {
        font-size: clamp(1.55rem, 7vw, 2.1rem);
        line-height: 1.08;
    }

    .hero-meta-row[b-bqpcyyo2li] {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: 12px;
    }

    .hero-meta-row[b-bqpcyyo2li]::-webkit-scrollbar {
        display: none;
    }

    .hero-sidebar[b-bqpcyyo2li] {
        min-height: 0;
        padding: 13px;
    }

    .hero-trophy-mark[b-bqpcyyo2li] {
        right: 12px;
        top: 18px;
        bottom: auto;
        transform: none;
        width: 94px;
        height: 94px;
        opacity: 0.72;
    }

    .hero-has-sidebar .hero-trophy-mark[b-bqpcyyo2li] {
        right: 12px;
    }

    .activity-feed[b-bqpcyyo2li] {
        max-height: 96px;
    }
}

@media (max-width: 480px) {
    .hero-content[b-bqpcyyo2li] {
        padding: 17px 13px 14px;
    }

    .hero-has-logo .hero-partner-row[b-bqpcyyo2li],
    .hero-has-logo .hero-badges-row[b-bqpcyyo2li],
    .hero-has-logo .hero-title[b-bqpcyyo2li] {
        max-width: calc(100% - 88px);
    }

    .hero-main[b-bqpcyyo2li],
    .hero-has-logo .hero-main[b-bqpcyyo2li] {
        padding-inline-end: 0;
    }

    .hero-partner-name[b-bqpcyyo2li] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .hero-partner-logo[b-bqpcyyo2li] {
        width: 24px;
        height: 24px;
    }

    .hero-title[b-bqpcyyo2li] {
        font-size: 1.62rem;
    }

    .hero-meta-row[b-bqpcyyo2li] {
        flex-wrap: wrap;
        overflow: visible;
        padding-top: 6px;
    }

    .hero-meta-item[b-bqpcyyo2li] {
        max-width: 100%;
        white-space: normal;
    }

    .hero-trophy-mark[b-bqpcyyo2li] {
        top: 16px;
        right: 14px;
        width: 66px;
        height: 66px;
        padding: 0;
        opacity: 0.88;
    }

    .hero-has-sidebar .hero-trophy-mark[b-bqpcyyo2li] {
        right: 14px;
    }

    .hero-trophy-mark[b-bqpcyyo2li]::before {
        inset: 0;
        border-radius: 10px;
    }

    .hero-sidebar[b-bqpcyyo2li] {
        display: none;
    }

    .hero-status-badge[b-bqpcyyo2li] {
        min-height: 23px;
        padding-inline: 12px;
    }

    .hero-meta-item[b-bqpcyyo2li] {
        min-height: 31px;
        padding-inline: 9px;
        font-size: 0.78rem;
    }
}
/* /Pages/Tournaments/Components/TournamentLeaderboardsSection.razor.rz.scp.css */
[b-lboxlyoi78] .td-leaderboards-layout {
    display: grid;
    gap: 14px;
    min-width: 0;
}

[b-lboxlyoi78] .td-leaderboards-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
    background:
        radial-gradient(circle at 78% 0%, color-mix(in srgb, var(--td-accent) 16%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(8, 16, 27, 0.96), rgba(8, 16, 27, 0.82));
}

[b-lboxlyoi78] .td-leaderboards-hero h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.4vw, 2.2rem);
    line-height: 1;
}

[b-lboxlyoi78] .td-leaderboards-hero p {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--td-muted);
    font-weight: 700;
}

[b-lboxlyoi78] .td-leaderboard-controls {
    display: grid;
    gap: 6px;
    min-width: 220px;
}

[b-lboxlyoi78] .td-leaderboard-controls label {
    color: rgba(225, 239, 255, 0.58);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

[b-lboxlyoi78] .td-leaderboard-select {
    width: 100%;
    min-height: 38px;
    padding: 0 36px 0 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 32%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(6, 17, 29, 0.92);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    outline: none;
}

[b-lboxlyoi78] .td-leaderboard-select:focus {
    border-color: color-mix(in srgb, var(--td-accent) 68%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--td-accent) 14%, transparent);
}

[b-lboxlyoi78] .td-leaderboard-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

[b-lboxlyoi78] .td-leaderboard-summary span {
    padding: 5px 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(225, 239, 255, 0.68);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-lboxlyoi78] .td-leaderboard-table-head,
[b-lboxlyoi78] .td-leaderboard-row {
    display: grid;
    grid-template-columns: 42px minmax(150px, 1fr) minmax(150px, 1fr) repeat(6, minmax(58px, 0.42fr));
    gap: 10px;
    align-items: center;
}

[b-lboxlyoi78] .td-leaderboard-table-head {
    padding: 0 10px 8px;
    color: rgba(225, 239, 255, 0.46);
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
}

[b-lboxlyoi78] .td-leaderboard-table-head span:nth-child(n+4),
[b-lboxlyoi78] .td-leaderboard-row > span:nth-child(n+4),
[b-lboxlyoi78] .td-leaderboard-row > strong {
    text-align: center;
}

[b-lboxlyoi78] .td-leaderboard-rows {
    display: grid;
    gap: 7px;
}

[b-lboxlyoi78] .td-leaderboard-row {
    padding: 11px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(235, 246, 255, 0.88);
    font-variant-numeric: tabular-nums;
}

[b-lboxlyoi78] .td-leaderboard-row--leader {
    border-color: color-mix(in srgb, var(--td-accent) 28%, transparent);
    background: color-mix(in srgb, var(--td-accent) 10%, rgba(255, 255, 255, 0.035));
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--td-accent) 72%, #ffffff);
}

[b-lboxlyoi78] .td-leaderboard-rank {
    color: color-mix(in srgb, var(--td-accent) 78%, #ffffff);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.1em;
}

[b-lboxlyoi78] .td-leaderboard-player,
[b-lboxlyoi78] .td-leaderboard-team {
    min-width: 0;
}

[b-lboxlyoi78] .td-leaderboard-player {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-lboxlyoi78] .td-leaderboard-player strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lboxlyoi78] .td-leaderboard-player small,
[b-lboxlyoi78] .td-leaderboard-team {
    overflow: hidden;
    color: var(--td-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lboxlyoi78] .td-leaderboard-stat {
    color: rgba(235, 246, 255, 0.82);
    font-size: 0.92rem;
    font-weight: 950;
}

[b-lboxlyoi78] .td-leaderboard-stat--active {
    color: #ffffff;
    text-shadow: 0 0 12px color-mix(in srgb, var(--td-accent) 34%, transparent);
}

[b-lboxlyoi78] .td-leaderboard-empty {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
    color: var(--td-muted);
}

[b-lboxlyoi78] .td-leaderboard-empty .mud-icon-root {
    color: color-mix(in srgb, var(--td-accent) 72%, #ffffff);
    font-size: 2rem;
}

[b-lboxlyoi78] .td-leaderboard-mobile-table {
    display: none;
}

@media (max-width: 900px) {
    [b-lboxlyoi78] .td-leaderboards-hero {
        grid-template-columns: 1fr;
    }

    [b-lboxlyoi78] .td-leaderboard-controls {
        min-width: 0;
        max-width: 280px;
    }
}

@media (max-width: 760px) {
    [b-lboxlyoi78] .td-leaderboards-layout > .td-panel:not(.td-leaderboards-hero):not(.td-leaderboard-mobile-table) {
        display: none;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-table {
        display: block;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-rows {
        display: grid;
        gap: 8px;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 11px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-row > div:first-child {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        min-width: 0;
        align-items: center;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-metric {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 950;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-metric small {
        color: var(--td-muted);
        font-size: 0.62rem;
        font-weight: 950;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-stats {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    [b-lboxlyoi78] .td-leaderboard-mobile-stats span {
        padding: 4px 7px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.055);
        color: rgba(225, 239, 255, 0.68);
        font-size: 0.68rem;
        font-weight: 900;
    }
}
/* /Pages/Tournaments/Components/TournamentMatchFeedSection.razor.rz.scp.css */
.td-match-feed-grid[b-jeagz8pgs5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
    gap: 18px;
    min-width: 0;
}

.td-feed-command-panel[b-jeagz8pgs5],
.td-feed-timeline-panel[b-jeagz8pgs5],
.td-feed-side-panel[b-jeagz8pgs5] {
    border: 1px solid rgba(0, 200, 255, 0.16);
    background:
        linear-gradient(145deg, rgba(8, 16, 30, 0.9), rgba(11, 18, 34, 0.72)),
        radial-gradient(circle at 12% 0%, rgba(0, 200, 255, 0.12), transparent 34%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(18px);
    border-radius: 8px;
}

.td-feed-command-panel[b-jeagz8pgs5] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    position: relative;
    overflow: hidden;
}

.td-feed-command-panel[b-jeagz8pgs5]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(0, 200, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 200, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.td-feed-command-copy[b-jeagz8pgs5],
.td-feed-stats[b-jeagz8pgs5] {
    position: relative;
    z-index: 1;
}

.td-feed-command-copy span[b-jeagz8pgs5],
.td-feed-side-head[b-jeagz8pgs5],
.td-feed-state[b-jeagz8pgs5] {
    color: rgba(0, 200, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.td-feed-command-copy h3[b-jeagz8pgs5] {
    margin: 2px 0 4px;
    color: #f7fbff;
    font-size: clamp(1.3rem, 2.4vw, 2.15rem);
    line-height: 1.04;
}

.td-feed-command-copy p[b-jeagz8pgs5] {
    margin: 0;
    color: rgba(221, 234, 255, 0.68);
    max-width: 560px;
}

.td-feed-stats[b-jeagz8pgs5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(82px, 1fr));
    gap: 10px;
}

.td-feed-stats div[b-jeagz8pgs5] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
    border-radius: 7px;
    text-align: right;
}

.td-feed-stats strong[b-jeagz8pgs5] {
    display: block;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.td-feed-stats span[b-jeagz8pgs5] {
    display: block;
    margin-top: 4px;
    color: rgba(221, 234, 255, 0.56);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.td-feed-timeline-panel[b-jeagz8pgs5],
.td-feed-side-panel[b-jeagz8pgs5] {
    padding: 14px;
}

.td-feed-timeline[b-jeagz8pgs5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.td-feed-item[b-jeagz8pgs5] {
    display: grid;
    grid-template-columns: 112px 150px minmax(0, 1fr) 100px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.td-feed-item:hover[b-jeagz8pgs5],
.td-feed-item:focus-visible[b-jeagz8pgs5] {
    border-color: rgba(0, 200, 255, 0.38);
    background: rgba(0, 200, 255, 0.065);
    outline: none;
    transform: translateY(-1px);
}

.td-feed-state[b-jeagz8pgs5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.td-feed-state span[b-jeagz8pgs5] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.9);
    box-shadow: 0 0 14px rgba(0, 200, 255, 0.55);
}

.td-feed-item--live .td-feed-state[b-jeagz8pgs5] {
    color: #66f0ff;
}

.td-feed-item--live .td-feed-state span[b-jeagz8pgs5] {
    background: #66f0ff;
    animation: tdFeedPulse-b-jeagz8pgs5 1.35s ease-in-out infinite;
}

.td-feed-item--completed .td-feed-state[b-jeagz8pgs5] {
    color: #8cffc4;
}

.td-feed-item--completed .td-feed-state span[b-jeagz8pgs5] {
    background: #4ade80;
    box-shadow: 0 0 14px rgba(74, 222, 128, 0.42);
}

.td-feed-item--upcoming .td-feed-state[b-jeagz8pgs5] {
    color: rgba(221, 234, 255, 0.58);
}

.td-feed-item--upcoming .td-feed-state span[b-jeagz8pgs5] {
    background: rgba(221, 234, 255, 0.42);
    box-shadow: none;
}

.td-feed-stage[b-jeagz8pgs5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.td-feed-stage strong[b-jeagz8pgs5] {
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-feed-stage small[b-jeagz8pgs5],
.td-feed-time[b-jeagz8pgs5],
.td-feed-activity small[b-jeagz8pgs5] {
    color: rgba(221, 234, 255, 0.52);
}

.td-feed-match[b-jeagz8pgs5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.td-feed-team[b-jeagz8pgs5] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: rgba(238, 246, 255, 0.72);
}

.td-feed-team span[b-jeagz8pgs5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-feed-team--away[b-jeagz8pgs5] {
    justify-content: flex-end;
}

.td-feed-team img[b-jeagz8pgs5] {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex: 0 0 auto;
}

.td-feed-team--winner[b-jeagz8pgs5] {
    color: #ffffff;
    font-weight: 800;
}

.td-feed-score[b-jeagz8pgs5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.td-feed-time[b-jeagz8pgs5] {
    text-align: right;
    font-size: 0.78rem;
    white-space: nowrap;
}

.td-feed-side-panel[b-jeagz8pgs5] {
    align-self: start;
}

.td-feed-side-head[b-jeagz8pgs5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.td-feed-activity-list[b-jeagz8pgs5] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.td-feed-activity[b-jeagz8pgs5] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.035);
    border-radius: 7px;
}

.td-feed-activity-icon[b-jeagz8pgs5] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: rgba(0, 200, 255, 0.09);
}

.td-feed-activity span:not(.td-feed-activity-icon)[b-jeagz8pgs5] {
    color: rgba(238, 246, 255, 0.82);
    min-width: 0;
}

.td-feed-activity small[b-jeagz8pgs5] {
    grid-column: 2;
    font-size: 0.72rem;
}

.td-feed-empty[b-jeagz8pgs5] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 28px;
    border: 1px dashed rgba(0, 200, 255, 0.24);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.035);
    color: rgba(221, 234, 255, 0.66);
    text-align: center;
}

.td-feed-empty .mud-icon-root[b-jeagz8pgs5] {
    color: rgba(0, 200, 255, 0.72);
    font-size: 2rem;
}

.td-feed-empty strong[b-jeagz8pgs5] {
    color: #ffffff;
}

.td-feed-empty--compact[b-jeagz8pgs5] {
    min-height: 120px;
    padding: 18px;
}

@keyframes tdFeedPulse-b-jeagz8pgs5 {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.78;
    }
    50% {
        transform: scale(1.45);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .td-feed-item[b-jeagz8pgs5],
    .td-feed-item--live .td-feed-state span[b-jeagz8pgs5] {
        animation: none;
        transition: none;
    }
}

@media (max-width: 980px) {
    .td-match-feed-grid[b-jeagz8pgs5] {
        grid-template-columns: 1fr;
    }

    .td-feed-command-panel[b-jeagz8pgs5] {
        flex-direction: column;
        align-items: stretch;
    }

    .td-feed-stats div[b-jeagz8pgs5] {
        text-align: left;
    }
}

@media (max-width: 720px) {
    .td-feed-item[b-jeagz8pgs5] {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .td-feed-time[b-jeagz8pgs5] {
        text-align: left;
    }

    .td-feed-match[b-jeagz8pgs5] {
        grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .td-feed-command-panel[b-jeagz8pgs5],
    .td-feed-timeline-panel[b-jeagz8pgs5],
    .td-feed-side-panel[b-jeagz8pgs5] {
        padding: 12px;
    }

    .td-feed-stats[b-jeagz8pgs5] {
        grid-template-columns: 1fr;
    }

    .td-feed-team img[b-jeagz8pgs5] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Tournaments/Components/TournamentMatchStatsPanel.razor.rz.scp.css */
.tmstats-panel[b-kx1tihqc6q] {
    display: grid;
    gap: 12px;
    min-width: 0;
    color: #f7fbff;
}

.tmstats-loading[b-kx1tihqc6q],
.tmstats-empty[b-kx1tihqc6q] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    padding: 14px;
    border: 1px dashed rgba(0, 200, 255, 0.22);
    border-radius: 8px;
    background: rgba(0, 200, 255, 0.045);
    color: #91a4bc;
    font-size: 0.86rem;
    font-weight: 800;
}

.tmstats-empty .mud-icon-root[b-kx1tihqc6q] {
    color: #00bdf2;
}

.tmstats-tabs[b-kx1tihqc6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px;
    border: 1px solid rgba(29, 49, 72, 0.82);
    border-radius: 8px;
    background: rgba(5, 11, 18, 0.42);
}

.tmstats-tab[b-kx1tihqc6q] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(43, 75, 109, 0.72);
    border-radius: 6px;
    background: rgba(16, 27, 45, 0.72);
    color: #91a4bc;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.tmstats-tab--active[b-kx1tihqc6q],
.tmstats-tab:hover[b-kx1tihqc6q] {
    border-color: rgba(0, 189, 242, 0.62);
    background: rgba(0, 189, 242, 0.12);
    color: #f7fbff;
}

.tmstats-panel-body[b-kx1tihqc6q] {
    min-width: 0;
}

.tmstats-compare[b-kx1tihqc6q] {
    display: grid;
    gap: 8px;
}

.tmstats-row[b-kx1tihqc6q] {
    display: grid;
    grid-template-columns: 48px minmax(76px, 1fr) minmax(116px, 148px) minmax(76px, 1fr) 48px;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(43, 75, 109, 0.68);
    border-radius: 8px;
    background: rgba(10, 24, 39, 0.76);
}

.tmstats-value[b-kx1tihqc6q] {
    font-size: 1rem;
    font-weight: 950;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.tmstats-value--home[b-kx1tihqc6q],
.tmstats-bar--home[b-kx1tihqc6q] {
    color: #52e58d;
}

.tmstats-value--away[b-kx1tihqc6q],
.tmstats-bar--away[b-kx1tihqc6q] {
    color: #ff737d;
}

.tmstats-bars[b-kx1tihqc6q] {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(116, 138, 161, 0.25);
}

.tmstats-bar[b-kx1tihqc6q] {
    height: 100%;
    border-radius: inherit;
}

.tmstats-bar--home[b-kx1tihqc6q] {
    background: #52e58d;
}

.tmstats-bar--away[b-kx1tihqc6q] {
    background: #ff737d;
}

.tmstats-label[b-kx1tihqc6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    color: #f7fbff;
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.tmstats-label .mud-icon-root[b-kx1tihqc6q] {
    color: #00bdf2;
    font-size: 1rem;
}

.tmstats-team-section[b-kx1tihqc6q] {
    display: grid;
    gap: 10px;
}

.tmstats-team-section + .tmstats-team-section[b-kx1tihqc6q] {
    margin-top: 18px;
}

.tmstats-team-heading[b-kx1tihqc6q] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(0, 189, 242, 0.18);
    border-radius: 8px;
    background: rgba(0, 189, 242, 0.06);
}

.tmstats-team-heading img[b-kx1tihqc6q] {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.tmstats-team-heading div[b-kx1tihqc6q] {
    display: grid;
    min-width: 0;
}

.tmstats-team-heading strong[b-kx1tihqc6q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 950;
}

.tmstats-team-heading span[b-kx1tihqc6q] {
    color: #91a4bc;
    font-size: 0.72rem;
    font-weight: 800;
}

.tmstats-team-heading b[b-kx1tihqc6q] {
    color: #00bdf2;
    font-size: 1.3rem;
    font-weight: 950;
}

.tmstats-table-wrap[b-kx1tihqc6q] {
    overflow-x: auto;
}

.tmstats-table[b-kx1tihqc6q] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.tmstats-table th[b-kx1tihqc6q],
.tmstats-table td[b-kx1tihqc6q] {
    padding: 8px 9px;
    border-bottom: 1px solid rgba(43, 75, 109, 0.45);
    text-align: center;
}

.tmstats-table th:first-child[b-kx1tihqc6q],
.tmstats-table td:first-child[b-kx1tihqc6q] {
    text-align: left;
}

.tmstats-table th[b-kx1tihqc6q] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.tmstats-row-motm[b-kx1tihqc6q] {
    background: rgba(255, 215, 0, 0.06);
}

.tmstats-rating[b-kx1tihqc6q] {
    color: #ffd166;
    font-weight: 950;
}

.tmstats-badge[b-kx1tihqc6q] {
    display: inline-flex;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.16);
    color: #ffd166;
    font-size: 0.62rem;
    font-weight: 950;
}

.tmstats-cards-mobile[b-kx1tihqc6q] {
    display: none;
}

.tmstats-import-grid[b-kx1tihqc6q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.tmstats-import-grid article[b-kx1tihqc6q] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid rgba(43, 75, 109, 0.68);
    border-radius: 8px;
    background: rgba(10, 24, 39, 0.76);
}

.tmstats-import-grid span[b-kx1tihqc6q] {
    color: #91a4bc;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tmstats-import-grid strong[b-kx1tihqc6q] {
    color: #f7fbff;
    font-size: 1.35rem;
    font-weight: 950;
}

@media (max-width: 720px) {
    .tmstats-row[b-kx1tihqc6q] {
        grid-template-columns: 42px minmax(52px, 1fr) minmax(92px, 108px) minmax(52px, 1fr) 42px;
        gap: 7px;
        padding: 7px;
    }

    .tmstats-label[b-kx1tihqc6q] {
        font-size: 0.66rem;
    }

    .tmstats-table-desktop[b-kx1tihqc6q] {
        display: none;
    }

    .tmstats-cards-mobile[b-kx1tihqc6q] {
        display: grid;
        gap: 10px;
    }

    .tmstats-player-card[b-kx1tihqc6q] {
        display: grid;
        gap: 10px;
        padding: 10px;
        border: 1px solid rgba(43, 75, 109, 0.68);
        border-radius: 8px;
        background: rgba(10, 24, 39, 0.76);
    }

    .tmstats-player-card header[b-kx1tihqc6q] {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    .tmstats-player-card header span[b-kx1tihqc6q],
    .tmstats-player-card footer[b-kx1tihqc6q] {
        color: #91a4bc;
        font-size: 0.72rem;
        font-weight: 800;
    }

    .tmstats-player-grid[b-kx1tihqc6q] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }

    .tmstats-player-grid span[b-kx1tihqc6q] {
        display: grid;
        gap: 2px;
        color: #91a4bc;
        font-size: 0.64rem;
        font-weight: 800;
        text-align: center;
    }

    .tmstats-player-grid b[b-kx1tihqc6q] {
        color: #f7fbff;
        font-size: 0.94rem;
        font-weight: 950;
    }

    .tmstats-player-card footer[b-kx1tihqc6q] {
        display: grid;
        gap: 3px;
    }

    .tmstats-import-grid[b-kx1tihqc6q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .tmstats-tabs[b-kx1tihqc6q] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tmstats-row[b-kx1tihqc6q] {
        grid-template-columns: 34px minmax(38px, 1fr) minmax(76px, 94px) minmax(38px, 1fr) 34px;
    }

    .tmstats-value[b-kx1tihqc6q] {
        font-size: 0.84rem;
    }
}
/* /Pages/Tournaments/Components/TournamentOverviewSection.razor.rz.scp.css */
.td-panel[b-nrf5bepta9] {
    min-width: 0;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent, #00c8ff) 4.5%, transparent), transparent 130px),
        rgba(8, 16, 27, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.td-panel-title[b-nrf5bepta9] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin-bottom: 14px;
    color: var(--td-accent, #00c8ff);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.td-panel-title[b-nrf5bepta9]  .mud-icon-root {
    width: 20px;
    flex: 0 0 20px;
    color: currentColor !important;
    font-size: 1.04rem !important;
}

.td-panel-title--gold[b-nrf5bepta9] {
    color: var(--td-accent, #00c8ff);
}

.td-overview-command[b-nrf5bepta9] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 12px;
    align-items: stretch;
}

.td-overview-phase-panel[b-nrf5bepta9] {
    background:
        radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--td-accent) 16%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(8, 16, 27, 0.96), rgba(8, 16, 27, 0.82));
}

.td-overview-phase-panel h3[b-nrf5bepta9] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.55rem);
    line-height: 1;
}

.td-overview-phase-panel p[b-nrf5bepta9] {
    max-width: 780px;
    margin: 10px 0 0;
    color: var(--td-muted);
    font-weight: 700;
}

.td-overview-stat-grid[b-nrf5bepta9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 16px;
}

.td-overview-stat[b-nrf5bepta9],
.td-overview-progress-card[b-nrf5bepta9] {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.td-overview-stat span[b-nrf5bepta9],
.td-overview-progress-card span[b-nrf5bepta9] {
    display: block;
    color: color-mix(in srgb, var(--td-accent) 78%, #ffffff);
    font-size: 0.65rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.td-overview-stat strong[b-nrf5bepta9],
.td-overview-progress-card strong[b-nrf5bepta9] {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-overview-stat small[b-nrf5bepta9] {
    display: block;
    margin-top: 4px;
    color: var(--td-muted);
    font-weight: 750;
}

.td-overview-commerce[b-nrf5bepta9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.td-overview-commerce > div[b-nrf5bepta9] {
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 28%, transparent);
    border-radius: 8px;
    background: rgba(4, 15, 28, 0.78);
}

.td-overview-commerce span[b-nrf5bepta9],
.td-overview-commerce strong[b-nrf5bepta9] {
    display: block;
    min-width: 0;
}

.td-overview-commerce span[b-nrf5bepta9] {
    color: #8fa2bd;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.td-overview-commerce strong[b-nrf5bepta9] {
    margin-top: 4px;
    color: #f5f8fc;
    font-size: 0.94rem;
    overflow-wrap: anywhere;
}

.td-overview-context-panel[b-nrf5bepta9],
.td-overview-podium-panel[b-nrf5bepta9] {
    min-width: 0;
}

.td-overview-card-list[b-nrf5bepta9],
.td-overview-leader-list[b-nrf5bepta9],
.td-overview-match-list[b-nrf5bepta9] {
    display: grid;
    gap: 8px;
}

.td-overview-progress-card--done[b-nrf5bepta9],
.td-overview-leader-row--qual[b-nrf5bepta9] {
    border-color: rgba(34, 199, 111, 0.24);
    background: linear-gradient(90deg, rgba(34, 199, 111, 0.13), rgba(255, 255, 255, 0.035));
}

.td-overview-progress-card--live[b-nrf5bepta9] {
    border-color: rgba(255, 174, 33, 0.34);
    background: linear-gradient(90deg, rgba(255, 174, 33, 0.12), rgba(255, 255, 255, 0.035));
}

.td-overview-leader-row[b-nrf5bepta9],
.td-overview-match-row[b-nrf5bepta9] {
    display: grid;
    grid-template-columns: 30px 34px minmax(0, 1fr) 46px 42px;
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.td-overview-match-row[b-nrf5bepta9] {
    grid-template-columns: 62px minmax(0, 1fr) auto;
}

.td-overview-rank[b-nrf5bepta9] {
    color: color-mix(in srgb, var(--td-accent) 80%, #ffffff);
    font-weight: 950;
    text-align: center;
}

.td-overview-team[b-nrf5bepta9],
.td-overview-match-row strong[b-nrf5bepta9] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-overview-leader-row > small[b-nrf5bepta9],
.td-overview-match-row > small[b-nrf5bepta9] {
    color: var(--td-muted);
    font-size: 0.72rem;
    font-weight: 850;
}

.td-overview-primary-panel[b-nrf5bepta9],
.td-overview-secondary-panel[b-nrf5bepta9] {
    min-width: 0;
}

.td-overview-command--finished .td-overview-podium-panel[b-nrf5bepta9] {
    grid-row: span 2;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-card-list,
.td-overview-command[b-nrf5bepta9]  .td-overview-leader-list,
.td-overview-command[b-nrf5bepta9]  .td-overview-match-list {
    display: grid;
    gap: 8px;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-progress-card {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.td-overview-command[b-nrf5bepta9]  .td-overview-progress-card span {
    display: block;
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 78%, #ffffff);
    font-size: 0.65rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-progress-card strong {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-progress-card--done,
.td-overview-command[b-nrf5bepta9]  .td-overview-leader-row--qual {
    border-color: rgba(34, 199, 111, 0.24);
    background: linear-gradient(90deg, rgba(34, 199, 111, 0.13), rgba(255, 255, 255, 0.035));
}

.td-overview-command[b-nrf5bepta9]  .td-overview-progress-card--live {
    border-color: rgba(255, 174, 33, 0.34);
    background: linear-gradient(90deg, rgba(255, 174, 33, 0.12), rgba(255, 255, 255, 0.035));
}

.td-overview-command[b-nrf5bepta9]  .td-overview-leader-row,
.td-overview-command[b-nrf5bepta9]  .td-overview-match-row {
    display: grid;
    grid-template-columns: 30px 34px minmax(0, 1fr) 46px 42px;
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.td-overview-command[b-nrf5bepta9]  .td-overview-match-row {
    grid-template-columns: 62px minmax(0, 1fr) auto;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-rank {
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 80%, #ffffff);
    font-weight: 950;
    text-align: center;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-team,
.td-overview-command[b-nrf5bepta9]  .td-overview-match-row strong {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-overview-command[b-nrf5bepta9]  .td-overview-leader-row > small,
.td-overview-command[b-nrf5bepta9]  .td-overview-match-row > small {
    color: var(--td-muted, rgba(225, 239, 255, 0.68));
    font-size: 0.72rem;
    font-weight: 850;
}

.td-overview-command[b-nrf5bepta9]  .td-empty-panel {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem;
    color: rgba(225, 239, 255, 0.54);
    font-size: 0.82rem;
    text-align: center;
}

.td-overview-command[b-nrf5bepta9]  .td-podium-stage {
    display: grid;
    grid-template-columns: 1fr 1.28fr 1fr;
    align-items: end;
    gap: 10px;
    min-height: 278px;
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    min-width: 0;
    gap: 10px;
    padding: 16px 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px 8px 4px 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.2));
    text-align: center;
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place--first {
    min-height: 250px;
    border-color: color-mix(in srgb, var(--td-accent, #00c8ff) 55%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--td-accent, #00c8ff) 12%, transparent), rgba(0, 0, 0, 0.22));
    box-shadow: 0 0 34px color-mix(in srgb, var(--td-accent, #00c8ff) 8%, transparent);
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place--second {
    min-height: 190px;
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place--third {
    min-height: 170px;
    border-color: rgba(205, 127, 50, 0.28);
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place > span:first-child {
    color: rgba(225, 239, 255, 0.6);
    font-size: 0.8rem;
    font-weight: 950;
}

.td-overview-command[b-nrf5bepta9]  .td-podium-place strong {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-overview-command[b-nrf5bepta9]  .td-team-crest {
    width: 34px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    clip-path: polygon(50% 0, 92% 16%, 82% 78%, 50% 100%, 18% 78%, 8% 16%);
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--td-accent, #00c8ff) 30%, transparent), rgba(4, 10, 17, 0.95)),
        #07121e;
    border: 1px solid color-mix(in srgb, var(--td-accent, #00c8ff) 32%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--td-accent, #00c8ff) 10%, transparent);
}

.td-overview-command[b-nrf5bepta9]  .td-team-crest img {
    width: 74%;
    height: 74%;
    max-width: 74%;
    max-height: 74%;
    object-fit: contain;
}

.td-overview-command[b-nrf5bepta9]  .td-team-crest--gold {
    width: 48px;
    height: 54px;
    border-color: color-mix(in srgb, var(--td-accent, #00c8ff) 62%, transparent);
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--td-accent, #00c8ff) 24%, transparent), rgba(4, 10, 17, 0.98)),
        #101210;
}

.td-overview-command[b-nrf5bepta9]  .td-team-crest--table {
    width: 26px;
    height: 29px;
}

@media (max-width: 1180px) {
    .td-overview-command[b-nrf5bepta9] {
        grid-template-columns: 1fr;
    }

    .td-overview-stat-grid[b-nrf5bepta9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .td-overview-stat-grid[b-nrf5bepta9] {
        grid-template-columns: 1fr;
    }

    .td-overview-commerce[b-nrf5bepta9] {
        grid-template-columns: 1fr;
    }

    .td-overview-leader-row[b-nrf5bepta9] {
        grid-template-columns: 28px 32px minmax(0, 1fr) 40px;
    }

    .td-overview-leader-row > small[b-nrf5bepta9] {
        display: none;
    }

    .td-overview-match-row[b-nrf5bepta9] {
        grid-template-columns: 1fr;
    }

    .td-overview-command[b-nrf5bepta9]  .td-overview-leader-row {
        grid-template-columns: 28px 32px minmax(0, 1fr) 40px;
    }

    .td-overview-command[b-nrf5bepta9]  .td-overview-leader-row > small {
        display: none;
    }

    .td-overview-command[b-nrf5bepta9]  .td-overview-match-row {
        grid-template-columns: 1fr;
    }

    .td-overview-command[b-nrf5bepta9]  .td-podium-stage {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .td-overview-command[b-nrf5bepta9]  .td-podium-place,
    .td-overview-command[b-nrf5bepta9]  .td-podium-place--first,
    .td-overview-command[b-nrf5bepta9]  .td-podium-place--second,
    .td-overview-command[b-nrf5bepta9]  .td-podium-place--third {
        min-height: 112px;
    }
}
/* /Pages/Tournaments/Components/TournamentStageTimeline.razor.rz.scp.css */
/* ── Stage Timeline ──────────────────────────────────────── */

[b-gckbccyspa] .stage-timeline-wrap {
    overflow-x: auto;
    padding: 12px 4px 4px;
    margin-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

[b-gckbccyspa] .stage-timeline-wrap::-webkit-scrollbar {
    display: none;
}

[b-gckbccyspa] .stage-timeline {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: max-content;
    padding: 0 4px 8px;
}

/* ── Stage node (button) ────────────────────────────────── */

[b-gckbccyspa] .stage-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.15s;
    min-width: 60px;
}

[b-gckbccyspa] .stage-node:hover:not(:disabled) {
    background: rgba(0,200,255,0.06);
}

[b-gckbccyspa] .stage-node:disabled {
    cursor: default;
}

[b-gckbccyspa] .stage-node-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    border: 2px solid rgba(255,255,255,0.1);
    color: #8b95a8;
    font-size: 14px;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

[b-gckbccyspa] .stage-node-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
}

[b-gckbccyspa] .stage-node-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8b95a8;
    white-space: nowrap;
    transition: color 0.2s;
}

[b-gckbccyspa] .stage-node-trophy {
    font-size: 14px;
    line-height: 1;
}

/* ── Completed state ────────────────────────────────────── */

[b-gckbccyspa] .stage-node-completed .stage-node-icon {
    background: rgba(0,200,255,0.12);
    border-color: rgba(0,200,255,0.55);
    color: #00c8ff;
    box-shadow: 0 0 8px rgba(0,200,255,0.2);
}

[b-gckbccyspa] .stage-node-completed .stage-node-label {
    color: rgba(0,200,255,0.8);
}

/* ── Current/active state ───────────────────────────────── */

[b-gckbccyspa] .stage-node-current .stage-node-icon {
    background: rgba(0,200,255,0.18);
    border-color: #00c8ff;
    color: #00c8ff;
    box-shadow:
        0 0 14px rgba(0,200,255,0.4),
        0 0 28px rgba(0,200,255,0.15);
    animation: stageNodePulse-b-gckbccyspa 2.4s ease-in-out infinite;
}

[b-gckbccyspa] .stage-node-current .stage-node-label {
    color: #00c8ff;
    text-shadow: 0 0 10px rgba(0,200,255,0.4);
}

@keyframes stageNodePulse-b-gckbccyspa {
    0%, 100% { box-shadow: 0 0 14px rgba(0,200,255,0.4), 0 0 28px rgba(0,200,255,0.15); }
    50%       { box-shadow: 0 0 20px rgba(0,200,255,0.6), 0 0 40px rgba(0,200,255,0.25); }
}

/* ── Locked/future state ────────────────────────────────── */

[b-gckbccyspa] .stage-node-locked {
    opacity: 0.3;
}

/* ── Connector line ─────────────────────────────────────── */

[b-gckbccyspa] .stage-connector {
    height: 2px;
    flex: 1;
    min-width: 20px;
    background: rgba(255,255,255,0.07);
    border-radius: 1px;
    margin-bottom: 18px;
    transition: background 0.4s, box-shadow 0.4s;
}

[b-gckbccyspa] .stage-connector-done {
    background: rgba(0,200,255,0.45);
    box-shadow: 0 0 6px rgba(0,200,255,0.3);
}
/* /Pages/Tournaments/Components/TournamentStats.razor.rz.scp.css */
/* ── Tournament Stats Panel ──────────────────────────────── */

[b-6dlmkp5q4f] .tstats-panel {
    padding: 18px 20px 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 5%, transparent), transparent 58%),
        linear-gradient(135deg, rgba(13, 19, 32, 0.95) 0%, rgba(8, 12, 22, 0.9) 100%);
    border: 1px solid color-mix(in srgb, var(--td-accent) 16%, transparent);
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-6dlmkp5q4f] .tstats-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: color-mix(in srgb, var(--td-accent) 68%, #ffffff);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--td-accent) 12%, transparent);
}

[b-6dlmkp5q4f] .tstats-title-icon {
    color: color-mix(in srgb, var(--td-accent) 62%, #ffffff) !important;
    font-size: 15px !important;
}

/* ── Stats grid ─────────────────────────────────────────── */

[b-6dlmkp5q4f] .tstats-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(86px, 1fr));
    gap: 8px;
}

@media (max-width: 700px) {
    [b-6dlmkp5q4f] .tstats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 400px) {
    [b-6dlmkp5q4f] .tstats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

[b-6dlmkp5q4f] .tstats-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 70px;
    padding: 12px 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    cursor: default;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

[b-6dlmkp5q4f] .tstats-card:hover {
    background: color-mix(in srgb, var(--td-accent) 6%, transparent);
    border-color: color-mix(in srgb, var(--td-accent) 28%, transparent);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--td-accent) 10%, transparent);
}

/* Emphasized cards — Teams Left & Remaining */
[b-6dlmkp5q4f] .tstats-card:nth-child(2),
[b-6dlmkp5q4f] .tstats-card:nth-child(3) {
    border-color: color-mix(in srgb, var(--td-accent) 22%, transparent);
    background: color-mix(in srgb, var(--td-accent) 5%, transparent);
}

[b-6dlmkp5q4f] .tstats-card:nth-child(2) .tstats-value,
[b-6dlmkp5q4f] .tstats-card:nth-child(3) .tstats-value {
    color: color-mix(in srgb, var(--td-accent) 92%, #ffffff);
    text-shadow: 0 0 18px color-mix(in srgb, var(--td-accent) 38%, transparent);
}

[b-6dlmkp5q4f] .tstats-value {
    font-size: 26px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    color: #fff;
    line-height: 1;
}

[b-6dlmkp5q4f] .tstats-pct {
    font-size: 14px;
    font-weight: 600;
    color: #8b95a8;
    margin-left: 1px;
}

[b-6dlmkp5q4f] .tstats-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8b95a8;
    text-align: center;
    min-height: 24px;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* ── Progress bar ───────────────────────────────────────── */

[b-6dlmkp5q4f] .tstats-progress-wrap {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-6dlmkp5q4f] .tstats-progress-bar {
    flex: 1;
    height: 5px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    overflow: hidden;
}

[b-6dlmkp5q4f] .tstats-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 54%, #050b12), var(--td-accent));
    border-radius: 3px;
    transition: width 0.7s ease;
    box-shadow: 0 0 10px color-mix(in srgb, var(--td-accent) 48%, transparent);
}

[b-6dlmkp5q4f] .tstats-progress-label {
    font-size: 11px;
    font-weight: 800;
    color: color-mix(in srgb, var(--td-accent) 88%, #ffffff);
    white-space: nowrap;
    letter-spacing: 0.3px;
    text-shadow: 0 0 10px color-mix(in srgb, var(--td-accent) 36%, transparent);
}

/* /Pages/Tournaments/Components/TournamentTeamActionMenu.razor.rz.scp.css */
.ttam-wrap[b-nllqyix4d0] {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
}

.ttam-trigger[b-nllqyix4d0] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    gap: 3px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    cursor: pointer;
}

.ttam-trigger:hover[b-nllqyix4d0] {
    color: #00c8ff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ttam-trigger span[b-nllqyix4d0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Tournaments/Components/TournamentTeams.razor.rz.scp.css */
.tteams-shell[b-mfdmbrvcr1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
}

.tteams-main[b-mfdmbrvcr1],
.tteams-side-panel[b-mfdmbrvcr1] {
    min-width: 0;
}

.tteams-toolbar[b-mfdmbrvcr1] {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(220px, 1fr) 150px 150px auto auto auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 14%, transparent);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(12, 22, 34, 0.94), rgba(7, 13, 21, 0.94));
    margin-bottom: 12px;
}

.tteams-selected[b-mfdmbrvcr1],
.tteams-search[b-mfdmbrvcr1],
.tteams-select[b-mfdmbrvcr1],
.tteams-view-toggle[b-mfdmbrvcr1],
.tteams-clear[b-mfdmbrvcr1] {
    min-height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 7px;
    background: rgba(4, 10, 17, 0.72);
    color: rgba(239, 248, 255, 0.82);
    font: inherit;
}

.tteams-selected[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    color: color-mix(in srgb, var(--td-accent) 92%, transparent);
    font-weight: 900;
}

.tteams-selected span[b-mfdmbrvcr1] {
    color: rgba(225, 239, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 800;
}

.tteams-search[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
}

.tteams-search .mud-icon-root[b-mfdmbrvcr1] {
    color: color-mix(in srgb, var(--td-accent) 82%, transparent) !important;
    font-size: 1.05rem !important;
}

.tteams-search input[b-mfdmbrvcr1] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 0.86rem;
}

.tteams-search input[b-mfdmbrvcr1]::placeholder {
    color: rgba(225, 239, 255, 0.42);
}

.tteams-select[b-mfdmbrvcr1] {
    padding: 0 10px;
    font-size: 0.82rem;
    font-weight: 800;
}

.tteams-view-toggle[b-mfdmbrvcr1],
.tteams-clear[b-mfdmbrvcr1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 900;
}

.tteams-view-toggle .mud-icon-root[b-mfdmbrvcr1] {
    font-size: 1rem !important;
}

.tteams-view-toggle--active[b-mfdmbrvcr1] {
    border-color: color-mix(in srgb, var(--td-accent) 60%, transparent);
    background: color-mix(in srgb, var(--td-accent) 12%, transparent);
    color: var(--td-accent);
}

.tteams-clear[b-mfdmbrvcr1] {
    color: rgba(239, 248, 255, 0.68);
}

.tteams-grid[b-mfdmbrvcr1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.tteams-grid--list[b-mfdmbrvcr1] {
    grid-template-columns: 1fr;
}

.tteams-card[b-mfdmbrvcr1] {
    position: relative;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
    min-height: 122px;
    padding: 14px 14px 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 14%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 58%),
        rgba(10, 18, 29, 0.95);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tteams-card--clickable[b-mfdmbrvcr1] {
    cursor: pointer;
    transition:
        border-color 0.16s ease,
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.tteams-card--clickable:hover[b-mfdmbrvcr1],
.tteams-card--clickable:focus-visible[b-mfdmbrvcr1] {
    border-color: color-mix(in srgb, var(--td-accent) 46%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 13%, transparent), transparent 58%),
        rgba(12, 22, 35, 0.98);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 24px color-mix(in srgb, var(--td-accent) 12%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.tteams-card--champion[b-mfdmbrvcr1] {
    border-color: color-mix(in srgb, var(--td-accent) 58%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 14%, transparent), color-mix(in srgb, var(--td-accent) 6%, transparent)),
        rgba(16, 18, 18, 0.96);
}

.tteams-card--runner-up[b-mfdmbrvcr1] {
    border-color: rgba(201, 211, 224, 0.34);
}

.tteams-card--third-place[b-mfdmbrvcr1] {
    border-color: rgba(205, 127, 50, 0.42);
}

.tteams-card--group-exit[b-mfdmbrvcr1],
.tteams-card--waitlist[b-mfdmbrvcr1] {
    opacity: 0.9;
}

.tteams-rank[b-mfdmbrvcr1] {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 7px 0 7px 0;
    background: linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 48%, transparent), color-mix(in srgb, var(--td-accent) 50%, transparent));
    color: #dff8ff;
    font-size: 0.78rem;
    font-weight: 950;
}

.tteams-logo[b-mfdmbrvcr1] {
    align-self: center;
    justify-self: center;
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    padding: 0;
    overflow: hidden;
    border-radius: 18px 9px 18px 9px;
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--td-accent) 16%, transparent), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 26%, transparent), rgba(7, 13, 21, 0.98));
    border: 1px solid color-mix(in srgb, var(--td-accent) 28%, transparent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--td-accent) 8%, transparent);
}

.tteams-logo img[b-mfdmbrvcr1] {
    width: 100%;
    height: 100%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.tteams-logo span[b-mfdmbrvcr1] {
    color: var(--td-accent);
    font-size: 1.15rem;
    font-weight: 950;
}

.tteams-copy[b-mfdmbrvcr1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.tteams-copy h3[b-mfdmbrvcr1] {
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tteams-copy > span[b-mfdmbrvcr1] {
    color: rgba(225, 239, 255, 0.58);
    font-size: 0.76rem;
    font-weight: 800;
}

.tteams-meta[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.tteams-ea[b-mfdmbrvcr1],
.tteams-status[b-mfdmbrvcr1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 28%, transparent);
    color: var(--td-accent);
    background: color-mix(in srgb, var(--td-accent) 8%, transparent);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tteams-ea .mud-icon-root[b-mfdmbrvcr1] {
    font-size: 0.82rem !important;
}

.tteams-card--champion .tteams-status[b-mfdmbrvcr1],
.tteams-card--third-place .tteams-status[b-mfdmbrvcr1] {
    border-color: color-mix(in srgb, var(--td-accent) 35%, transparent);
    background: color-mix(in srgb, var(--td-accent) 10%, transparent);
    color: var(--td-accent);
}

.tteams-form-dots[b-mfdmbrvcr1] {
    display: flex;
    gap: 7px;
    margin-top: 3px;
}

.tteams-dot[b-mfdmbrvcr1] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.12);
}

.tteams-dot--win[b-mfdmbrvcr1] {
    background: #12b95f;
    border-color: rgba(18, 185, 95, 0.75);
}

.tteams-dot--draw[b-mfdmbrvcr1] {
    background: var(--td-accent);
    border-color: color-mix(in srgb, var(--td-accent) 75%, transparent);
}

.tteams-dot--loss[b-mfdmbrvcr1] {
    background: #e33d3d;
    border-color: rgba(227, 61, 61, 0.75);
}

.tteams-stats[b-mfdmbrvcr1] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: 4px 0 0;
}

.tteams-stats div[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.tteams-stats dt[b-mfdmbrvcr1] {
    color: rgba(225, 239, 255, 0.46);
    font-size: 0.66rem;
    font-weight: 900;
}

.tteams-stats dd[b-mfdmbrvcr1] {
    margin: 0;
    color: #fff;
    font-weight: 950;
}

.tteams-grid--list .tteams-card[b-mfdmbrvcr1] {
    grid-template-columns: 58px minmax(0, 1fr) minmax(170px, 250px);
    min-height: 86px;
}

.tteams-grid--list .tteams-logo[b-mfdmbrvcr1] {
    width: 50px;
    height: 50px;
    padding: 6px;
}

.tteams-grid--list .tteams-stats[b-mfdmbrvcr1] {
    grid-column: auto;
    align-self: center;
}

.tteams-side[b-mfdmbrvcr1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tteams-side-panel[b-mfdmbrvcr1] {
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 5.5%, transparent), transparent 110px),
        rgba(8, 16, 27, 0.94);
}

.tteams-side-title[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--td-accent);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.tteams-side-title .mud-icon-root[b-mfdmbrvcr1] {
    font-size: 1rem !important;
}

.tteams-overview[b-mfdmbrvcr1] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.tteams-overview div[b-mfdmbrvcr1],
.tteams-breakdown div[b-mfdmbrvcr1],
.tteams-timeline div[b-mfdmbrvcr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.tteams-overview div:last-child[b-mfdmbrvcr1],
.tteams-breakdown div:last-child[b-mfdmbrvcr1],
.tteams-timeline div:last-child[b-mfdmbrvcr1] {
    border-bottom: 0;
}

.tteams-overview dt[b-mfdmbrvcr1],
.tteams-breakdown span[b-mfdmbrvcr1],
.tteams-timeline strong[b-mfdmbrvcr1] {
    color: rgba(225, 239, 255, 0.68);
    font-size: 0.78rem;
    font-weight: 800;
}

.tteams-overview dd[b-mfdmbrvcr1],
.tteams-breakdown strong[b-mfdmbrvcr1],
.tteams-timeline small[b-mfdmbrvcr1] {
    margin: 0;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 950;
    white-space: nowrap;
}

.tteams-breakdown[b-mfdmbrvcr1] {
    display: grid;
    gap: 1px;
}

.tteams-breakdown div[b-mfdmbrvcr1] {
    justify-content: start;
}

.tteams-breakdown strong[b-mfdmbrvcr1] {
    margin-left: auto;
}

.tteams-break-dot[b-mfdmbrvcr1] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--td-accent);
}

.tteams-break-dot--gold[b-mfdmbrvcr1] { background: var(--td-accent); }
.tteams-break-dot--silver[b-mfdmbrvcr1] { background: var(--td-accent); opacity: 0.55; }
.tteams-break-dot--purple[b-mfdmbrvcr1] { background: var(--td-accent); opacity: 0.72; }
.tteams-break-dot--green[b-mfdmbrvcr1] { background: var(--td-accent); opacity: 0.82; }
.tteams-break-dot--red[b-mfdmbrvcr1] { background: var(--td-accent); opacity: 0.44; }
.tteams-break-dot--cyan[b-mfdmbrvcr1] { background: var(--td-accent); }

.tteams-timeline[b-mfdmbrvcr1] {
    display: grid;
    gap: 1px;
}

.tteams-timeline div[b-mfdmbrvcr1] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
}

.tteams-timeline div > span[b-mfdmbrvcr1] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid var(--td-accent);
    background: color-mix(in srgb, var(--td-accent) 12%, transparent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--td-accent) 24%, transparent);
}

.tteams-timeline .tteams-timeline-gold[b-mfdmbrvcr1] {
    border-color: var(--td-accent);
    background: color-mix(in srgb, var(--td-accent) 12%, transparent);
}

@media (max-width: 1280px) {
    .tteams-shell[b-mfdmbrvcr1] {
        grid-template-columns: 1fr;
    }

    .tteams-side[b-mfdmbrvcr1] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tteams-toolbar[b-mfdmbrvcr1] {
        grid-template-columns: minmax(150px, 1fr) minmax(220px, 2fr) repeat(2, minmax(130px, 1fr)) auto auto auto;
    }

    .tteams-grid[b-mfdmbrvcr1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .tteams-toolbar[b-mfdmbrvcr1] {
        grid-template-columns: 1fr 1fr;
    }

    .tteams-search[b-mfdmbrvcr1] {
        grid-column: 1 / -1;
        order: -1;
    }

    .tteams-grid[b-mfdmbrvcr1],
    .tteams-side[b-mfdmbrvcr1] {
        grid-template-columns: 1fr;
    }

    .tteams-grid--list .tteams-card[b-mfdmbrvcr1],
    .tteams-card[b-mfdmbrvcr1] {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .tteams-grid--list .tteams-stats[b-mfdmbrvcr1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 480px) {
    .tteams-toolbar[b-mfdmbrvcr1] {
        gap: 8px;
        padding: 10px;
    }

    .tteams-selected[b-mfdmbrvcr1],
    .tteams-select[b-mfdmbrvcr1],
    .tteams-view-toggle[b-mfdmbrvcr1],
    .tteams-clear[b-mfdmbrvcr1] {
        min-width: 0;
        font-size: 0.72rem;
    }

    .tteams-card[b-mfdmbrvcr1] {
        min-height: 108px;
        padding: 12px;
    }

    .tteams-logo[b-mfdmbrvcr1] {
        width: 54px;
        height: 54px;
        padding: 7px;
    }
}

/* League-style tournament team cards, scaled down for dense tournament fields. */
.tteams-grid[b-mfdmbrvcr1] {
    grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
    gap: 12px;
}

.tteams-grid:not(.tteams-grid--list) .tteams-card[b-mfdmbrvcr1] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    min-height: 266px;
    padding: 22px 16px 14px;
    text-align: center;
}

.tteams-grid:not(.tteams-grid--list) .tteams-rank[b-mfdmbrvcr1] {
    top: 13px;
    left: 13px;
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(0, 120, 255, 0.32);
    color: #95dbff;
}

.tteams-grid:not(.tteams-grid--list) .tteams-logo[b-mfdmbrvcr1] {
    width: 86px;
    height: 86px;
    padding: 10px;
    border-radius: 8px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, 0.1), transparent 30%),
        linear-gradient(145deg, rgba(14, 27, 44, 0.96), rgba(4, 11, 20, 0.98));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.055),
        0 10px 18px rgba(0, 0, 0, 0.34);
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy[b-mfdmbrvcr1] {
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 6px;
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1] {
    display: -webkit-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 38px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 0.98rem;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1]  .ttam-wrap,
.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1]  .mud-menu,
.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1]  .mud-menu-activator {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1]  .ttam-trigger {
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy h3[b-mfdmbrvcr1]  .ttam-trigger span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tteams-grid:not(.tteams-grid--list) .tteams-copy > span[b-mfdmbrvcr1] {
    font-size: 0.74rem;
}

.tteams-grid:not(.tteams-grid--list) .tteams-meta[b-mfdmbrvcr1] {
    justify-content: center;
}

.tteams-grid:not(.tteams-grid--list) .tteams-ea[b-mfdmbrvcr1],
.tteams-grid:not(.tteams-grid--list) .tteams-status[b-mfdmbrvcr1] {
    min-height: 22px;
    padding: 2px 8px;
    font-size: 0.67rem;
}

.tteams-grid:not(.tteams-grid--list) .tteams-form-dots[b-mfdmbrvcr1] {
    justify-content: center;
}

.tteams-grid:not(.tteams-grid--list) .tteams-stats[b-mfdmbrvcr1] {
    width: 100%;
    margin-top: auto;
}

.tteams-grid:not(.tteams-grid--list) .tteams-stats div[b-mfdmbrvcr1] {
    justify-content: center;
    gap: 8px;
}

.tteams-grid--list[b-mfdmbrvcr1] {
    grid-template-columns: 1fr;
}

.tteams-grid--list .tteams-card[b-mfdmbrvcr1] {
    grid-template-columns: 58px minmax(0, 1fr) minmax(170px, 250px);
    min-height: 86px;
}

.tteams-grid--list .tteams-logo[b-mfdmbrvcr1] {
    width: 50px;
    height: 50px;
    padding: 6px;
    border-radius: 14px 8px 14px 8px;
}
/* /Pages/Tournaments/Components/TournamentUpdateBanner.razor.rz.scp.css */
/* ── Tournament Update Bar (fixed bottom) ────────────────── */

.update-bar[b-zii647ixqo] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    padding: 8px 24px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
    animation: update-bar-slide-up-b-zii647ixqo 0.2s ease-out forwards;
}

.update-bar-hidden[b-zii647ixqo] {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    animation: none;
}

.update-bar-content[b-zii647ixqo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0.84rem;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.update-bar-pending[b-zii647ixqo] {
    background: #0d1320;
    border-top: 1px solid rgba(0,200,255,0.2);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
    color: #8b95a8;
}

.update-bar-done[b-zii647ixqo] {
    background: #0d1320;
    border-top: 1px solid rgba(76,175,80,0.3);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
    color: #81c784;
    animation: update-bar-slide-up-b-zii647ixqo 0.2s ease-out forwards, update-bar-fade-out-b-zii647ixqo 0.4s ease-in 3s forwards;
}

@keyframes update-bar-slide-up-b-zii647ixqo {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

@keyframes update-bar-fade-out-b-zii647ixqo {
    from { opacity: 1; transform: translateY(0); }
    to   { opacity: 0; transform: translateY(100%); }
}

@media (prefers-reduced-motion: reduce) {
    .update-bar[b-zii647ixqo],
    .update-bar-pending[b-zii647ixqo],
    .update-bar-done[b-zii647ixqo] {
        animation: none;
    }
}

@media (max-width: 480px) {
    .update-bar[b-zii647ixqo] {
        padding: 6px 12px;
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    }

    .update-bar-content[b-zii647ixqo] {
        font-size: 0.76rem;
        gap: 6px;
    }
}
/* /Pages/Tournaments/Details.razor.rz.scp.css */
[b-rqm9x0swud] .tournament-detail-root {
    --td-accent: var(--pcw-accent);
    --td-bg: #080d12;
    --td-surface: rgba(11, 17, 27, 0.92);
    --td-surface-strong: rgba(14, 23, 36, 0.96);
    --td-border: color-mix(in srgb, var(--td-accent) 16%, transparent);
    --td-text: #f5fbff;
    --td-muted: rgba(222, 239, 255, 0.62);
    --td-gold: var(--td-accent);

    padding: 18px clamp(10px, 2vw, 26px) 44px;
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: var(--td-text);
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--td-accent) 16%, transparent), transparent 30%),
        radial-gradient(circle at 78% 4%, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 28%),
        linear-gradient(180deg, rgba(6, 13, 22, 0.76), transparent 360px);
    animation: tdFadeIn-b-rqm9x0swud 0.28s ease;
    overflow-x: clip;
}

[b-rqm9x0swud] .td-live-state {
    display: none;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px auto;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 28%, transparent);
    border-radius: 999px;
    color: rgba(230, 242, 255, 0.72);
    background: rgba(4, 15, 28, 0.78);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: fit-content;
}

[b-rqm9x0swud] .td-live-state span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22e38d;
    box-shadow: 0 0 14px rgba(34, 227, 141, 0.75);
}

[b-rqm9x0swud] .td-live-state--reconnecting span,
[b-rqm9x0swud] .td-live-state--polling-fallback span,
[b-rqm9x0swud] .td-live-state--update-waiting span {
    background: var(--td-accent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--td-accent) 75%, transparent);
}

[b-rqm9x0swud] .td-results-rail {
    margin: 12px 0 16px;
    padding: 12px 16px 14px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 16%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 7%, transparent), transparent 34%),
        rgba(8, 14, 22, 0.78);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

[b-rqm9x0swud] .td-results-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

[b-rqm9x0swud] .td-results-heading span,
[b-rqm9x0swud] .td-section-header span,
[b-rqm9x0swud] .td-sidebar-head span,
[b-rqm9x0swud] .td-mobile-sheet-label {
    display: block;
    color: color-mix(in srgb, var(--td-accent) 82%, #ffffff);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-results-heading h2,
[b-rqm9x0swud] .td-section-header h2 {
    margin: 2px 0 0;
    color: #fff;
    font-size: clamp(1rem, 1.55vw, 1.28rem);
    font-weight: 900;
    line-height: 1.1;
}

[b-rqm9x0swud] .td-results-heading p {
    margin: 0;
    color: var(--td-muted);
    font-size: 0.82rem;
}

[b-rqm9x0swud] .td-results-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 250px);
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--td-accent) 30%, transparent) transparent;
}

[b-rqm9x0swud] .td-results-slider::-webkit-scrollbar {
    height: 6px;
}

[b-rqm9x0swud] .td-results-slider::-webkit-scrollbar-track {
    background: transparent;
}

[b-rqm9x0swud] .td-results-slider::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--td-accent) 30%, transparent);
    border-radius: 999px;
}

[b-rqm9x0swud] .td-result-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 112px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 15%, transparent);
    border-radius: 10px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 60%),
        rgba(12, 20, 31, 0.92);
    color: var(--td-text);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

[b-rqm9x0swud] .td-result-card:hover,
[b-rqm9x0swud] .td-result-card:focus-visible {
    border-color: color-mix(in srgb, var(--td-accent) 58%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 15%, transparent), transparent 62%),
        rgba(14, 26, 40, 0.98);
    outline: none;
    transform: translateY(-1px);
}

[b-rqm9x0swud] .td-result-card--podium {
    border-color: color-mix(in srgb, var(--td-accent) 38%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--td-accent) 12%, transparent), color-mix(in srgb, var(--td-accent) 7%, transparent)),
        rgba(16, 19, 16, 0.94);
}

[b-rqm9x0swud] .td-result-stage {
    width: fit-content;
    padding: 3px 9px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 24%, transparent);
    border-radius: 999px;
    color: color-mix(in srgb, var(--td-accent) 82%, #fff);
    background: color-mix(in srgb, var(--td-accent) 8%, transparent);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-result-context {
    color: var(--td-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

[b-rqm9x0swud] .td-result-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 22px;
    color: rgba(238, 247, 255, 0.64);
    font-size: 0.88rem;
    font-weight: 800;
}

[b-rqm9x0swud] .td-result-row span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-row strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

[b-rqm9x0swud] .td-result-row--winner {
    color: #fff;
}

[b-rqm9x0swud] .td-result-row--winner strong,
[b-rqm9x0swud] .td-podium-name {
    color: var(--td-gold);
    text-shadow: 0 0 16px color-mix(in srgb, var(--td-accent) 18%, transparent);
}

[b-rqm9x0swud] .td-podium-title {
    color: color-mix(in srgb, var(--td-accent) 72%, transparent);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

[b-rqm9x0swud] .td-podium-name {
    font-size: 1.15rem;
    font-weight: 950;
    line-height: 1.1;
}

[b-rqm9x0swud] .td-podium-line {
    color: rgba(245, 251, 255, 0.72);
    font-size: 0.8rem;
    font-weight: 750;
}

[b-rqm9x0swud] .td-shell {
    display: grid;
    grid-template-columns: clamp(272px, 15.75vw, 320px) minmax(0, 1fr);
    gap: 18px;
    margin-top: 0;
    align-items: start;
}

[b-rqm9x0swud] .td-main-column {
    min-width: 0;
    max-width: 100%;
}

[b-rqm9x0swud] .td-mobile-support {
    display: none;
}

[b-rqm9x0swud] .td-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 13%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 6%, transparent), transparent 40%),
        rgba(8, 14, 22, 0.9);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.35);
}

[b-rqm9x0swud] .td-sidebar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 2px;
}

[b-rqm9x0swud] .td-sidebar-head strong {
    color: rgba(245, 251, 255, 0.42);
    font-size: 0.72rem;
    font-weight: 900;
}

[b-rqm9x0swud] .td-sidebar-button {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: rgba(238, 247, 255, 0.72);
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

[b-rqm9x0swud] .td-sidebar-button:hover,
[b-rqm9x0swud] .td-sidebar-button--active {
    border-color: color-mix(in srgb, var(--td-accent) 42%, transparent);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 14%, transparent), transparent),
        color-mix(in srgb, var(--td-accent) 5%, transparent);
    color: #fff;
}

[b-rqm9x0swud] .td-sidebar-button--active {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 28%, transparent), color-mix(in srgb, var(--td-accent) 8%, transparent)),
        rgba(9, 28, 48, 0.98);
    box-shadow:
        inset 4px 0 0 color-mix(in srgb, var(--td-accent) 90%, #fff),
        0 0 24px color-mix(in srgb, var(--td-accent) 14%, transparent);
    transform: translateX(2px);
}

[b-rqm9x0swud] .td-sidebar-button .mud-icon-root,
[b-rqm9x0swud] .td-mobile-tab .mud-icon-root,
[b-rqm9x0swud] .td-mobile-sheet-option .mud-icon-root {
    color: color-mix(in srgb, var(--td-accent) 80%, #fff);
}

[b-rqm9x0swud] .td-section-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-rqm9x0swud] .td-section-copy > span,
[b-rqm9x0swud] .td-mobile-sheet-option strong {
    color: inherit;
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0;
}

[b-rqm9x0swud] .td-section-copy small,
[b-rqm9x0swud] .td-mobile-sheet-option small {
    color: rgba(222, 239, 255, 0.45);
    font-size: 0.72rem;
    font-weight: 700;
}

[b-rqm9x0swud] .td-section-main {
    min-width: 0;
    max-width: 100%;
    scroll-margin-top: 96px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 10%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 160px),
        rgba(7, 12, 19, 0.66);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24);
}

[b-rqm9x0swud] .td-active-draw {
    padding-top: 8px;
}

[b-rqm9x0swud] .td-active-draw .td-main-column {
    display: grid;
    min-height: calc(100vh - 28px);
}

[b-rqm9x0swud] .td-section-main--draw {
    padding: 0;
    border-color: rgba(0, 175, 255, 0.16);
    background: rgba(3, 10, 20, 0.42);
}

[b-rqm9x0swud] .td-section-main--draw .td-custom-panel {
    min-height: calc(100vh - 56px);
}

[b-rqm9x0swud] .td-section-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 12px;
}

[b-rqm9x0swud] .td-custom-panel {
    min-width: 0;
    max-width: 100%;
    animation: tdFadeIn-b-rqm9x0swud 0.22s ease;
}

[b-rqm9x0swud] .td-description-card {
    margin-top: 16px;
}

[b-rqm9x0swud] .td-mobile-tabs,
[b-rqm9x0swud] .td-mobile-sheet,
[b-rqm9x0swud] .td-mobile-sheet-backdrop {
    display: none;
}

@keyframes tdFadeIn-b-rqm9x0swud {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    [b-rqm9x0swud] .tournament-detail-root {
        padding: 12px 10px calc(146px + env(safe-area-inset-bottom, 0px));
        overflow-x: clip;
    }

    [b-rqm9x0swud] .td-results-heading {
        align-items: start;
        flex-direction: column;
        gap: 4px;
    }

    [b-rqm9x0swud] .td-results-slider {
        grid-auto-columns: minmax(78vw, 84vw);
    }

    [b-rqm9x0swud] .td-shell {
        display: block;
    }

    [b-rqm9x0swud] .td-sidebar {
        display: none;
    }

    [b-rqm9x0swud] .td-mobile-support {
        display: block;
        margin: 12px 0;
    }

    [b-rqm9x0swud] .td-section-main {
        padding: 12px;
        border-radius: 12px;
        margin-bottom: 16px;
    }

    [b-rqm9x0swud] .td-section-header {
        padding-bottom: 10px;
        margin-bottom: 12px;
    }

    [b-rqm9x0swud] .td-mobile-tabs {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 60;
        display: flex;
        gap: 0;
        min-height: calc(74px + env(safe-area-inset-bottom, 0px));
        width: 100%;
        max-width: 100%;
        padding: 0 4px max(8px, env(safe-area-inset-bottom, 0px));
        border-top: 1px solid color-mix(in srgb, var(--td-accent) 14%, transparent);
        background: rgba(10, 16, 26, 0.98);
        box-shadow: 0 -16px 34px rgba(0, 0, 0, 0.42);
        box-sizing: border-box;
        overflow: hidden;
    }

    [b-rqm9x0swud] .td-mobile-tab {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0;
        min-height: 66px;
        padding: 6px 4px 5px;
        border: 0;
        border-top: 2px solid transparent;
        background: transparent;
        color: rgba(238, 247, 255, 0.48);
        font-family: inherit;
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0;
        cursor: pointer;
        text-decoration: none;
    }

    [b-rqm9x0swud] .td-mobile-tab span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-rqm9x0swud] .td-mobile-tab--active {
        border-top-color: color-mix(in srgb, var(--td-accent) 84%, #fff);
        color: color-mix(in srgb, var(--td-accent) 84%, #fff);
    }

    [b-rqm9x0swud] .td-mobile-tab--menu {
        color: var(--td-accent);
    }

    [b-rqm9x0swud] .td-mobile-sheet-backdrop {
        position: fixed;
        inset: 0;
        z-index: 70;
        display: block;
        background: rgba(0, 0, 0, 0.54);
        animation: tdFadeIn-b-rqm9x0swud 0.18s ease;
    }

    [b-rqm9x0swud] .td-mobile-sheet {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 80;
        display: block;
        max-height: 66dvh;
        overflow-y: auto;
        border-radius: 18px 18px 0 0;
        border: 1px solid color-mix(in srgb, var(--td-accent) 18%, transparent);
        border-bottom: 0;
        background:
            linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 120px),
            #111a2a;
        box-shadow: 0 -24px 48px rgba(0, 0, 0, 0.46);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    [b-rqm9x0swud] .td-mobile-sheet-handle {
        display: block;
        width: 38px;
        height: 4px;
        margin: 10px auto 8px;
        border: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.24);
        cursor: pointer;
    }

    [b-rqm9x0swud] .td-mobile-sheet-section {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px 14px 16px;
    }

    [b-rqm9x0swud] .td-mobile-sheet-option {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 11px 10px;
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.03);
        color: rgba(245, 251, 255, 0.74);
        font-family: inherit;
        text-align: left;
        text-decoration: none;
    }

    [b-rqm9x0swud] .td-mobile-sheet-option > span {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    [b-rqm9x0swud] .td-mobile-sheet-option--active {
        border-color: color-mix(in srgb, var(--td-accent) 48%, transparent);
        background: color-mix(in srgb, var(--td-accent) 14%, rgba(255, 255, 255, 0.03));
        color: #fff;
    }
}

@media (max-width: 480px) {
    [b-rqm9x0swud] .td-results-rail {
        margin: 10px 0 14px;
        padding: 12px;
        border-radius: 12px;
    }

    [b-rqm9x0swud] .td-result-card {
        min-height: 122px;
        padding: 12px;
    }
}

/* Final polish: VPG-style compact hidden-scroll match ticker */
[b-rqm9x0swud] .td-results-rail {
    position: relative;
    padding: 8px 12px 12px;
}

[b-rqm9x0swud] .td-results-rail::before,
[b-rqm9x0swud] .td-results-rail::after {
    content: "";
    position: absolute;
    top: 48px;
    bottom: 8px;
    z-index: 3;
    width: 32px;
    pointer-events: none;
}

[b-rqm9x0swud] .td-results-rail::before {
    left: 0;
    background: linear-gradient(90deg, rgba(5, 13, 21, 0.96), transparent);
}

[b-rqm9x0swud] .td-results-rail::after {
    right: 0;
    background: linear-gradient(270deg, rgba(5, 13, 21, 0.96), transparent);
}

[b-rqm9x0swud] .td-results-heading {
    margin-bottom: 5px;
}

[b-rqm9x0swud] .td-results-heading h2 {
    font-size: 1.02rem;
    line-height: 1.05;
}

[b-rqm9x0swud] .td-results-heading p {
    font-size: 0.78rem;
}

[b-rqm9x0swud] .td-results-slider {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px 4px 3px;
    cursor: grab;
    user-select: none;
    touch-action: pan-x;
}

[b-rqm9x0swud] .td-results-slider::-webkit-scrollbar {
    display: none;
}

[b-rqm9x0swud] .td-results-slider--dragging {
    cursor: grabbing;
    scroll-snap-type: none !important;
}

[b-rqm9x0swud] .td-results-slider--dragging .td-result-card {
    pointer-events: none;
}

[b-rqm9x0swud] .td-results-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

[b-rqm9x0swud] .td-results-control {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--td-accent) 26%, transparent);
    border-radius: 999px;
    background: rgba(0, 18, 30, 0.7);
    color: rgba(225, 245, 255, 0.82);
    cursor: pointer;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

[b-rqm9x0swud] .td-results-control:hover,
[b-rqm9x0swud] .td-results-control:focus-visible {
    border-color: color-mix(in srgb, var(--td-accent) 62%, transparent);
    background: color-mix(in srgb, var(--td-accent) 14%, transparent);
    color: #fff;
    outline: none;
    transform: translateY(-1px);
}

[b-rqm9x0swud] .td-results-control .mud-icon-root {
    font-size: 20px !important;
}

[b-rqm9x0swud] .td-results-slider:focus-visible {
    outline: 1px solid color-mix(in srgb, var(--td-accent) 72%, #fff);
    outline-offset: 4px;
    border-radius: 6px;
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 300px;
    width: 300px;
    height: 128px;
    min-height: 128px;
    scroll-snap-align: start;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 6px;
}

[b-rqm9x0swud] .td-result-topline {
    font-size: 0.62rem;
    line-height: 1;
}

[b-rqm9x0swud] .td-result-stage {
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 7px;
}

[b-rqm9x0swud] .td-result-scoreboard {
    gap: 6px;
    margin-top: 7px;
}

[b-rqm9x0swud] .td-result-team {
    gap: 3px;
    color: rgba(239, 248, 255, 0.86);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.05;
}

[b-rqm9x0swud] .td-result-team--winner {
    color: #fff;
    text-shadow: 0 0 10px color-mix(in srgb, var(--td-accent) 24%, transparent);
}

[b-rqm9x0swud] .td-result-score {
    gap: 5px;
    font-size: 0.9rem;
}

[b-rqm9x0swud] .td-result-score strong {
    font-size: 1.18rem;
    line-height: 0.95;
}

[b-rqm9x0swud] .td-result-context {
    justify-content: space-between;
    gap: 6px;
    margin-top: 4px;
    padding-top: 4px;
    font-size: 0.62rem;
    line-height: 1;
}

/* V2 broadcast ticker state polish. */
[b-rqm9x0swud] .td-results-rail {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 38%),
        radial-gradient(circle at 16% 0%, rgba(128, 90, 255, 0.08), transparent 30%),
        rgba(8, 14, 22, 0.84);
}

[b-rqm9x0swud] .td-results-slider--animated .td-result-card {
    will-change: transform;
}

[b-rqm9x0swud] .td-result-card:hover,
[b-rqm9x0swud] .td-result-card:focus-visible {
    transform: translateY(-2px) scale(1.015);
    box-shadow: 0 0 28px color-mix(in srgb, var(--td-accent) 10%, transparent);
}

/* Recent results marquee pass: keep the League-style auto rail, but make the score cards readable. */
[b-rqm9x0swud] .td-results-rail {
    min-height: 154px;
    padding: 38px 18px 16px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 24%, rgba(255, 255, 255, 0.08));
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 42%),
        radial-gradient(circle at 16% 0%, rgba(128, 90, 255, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(12, 25, 39, 0.96), rgba(6, 14, 24, 0.98));
}

[b-rqm9x0swud] .td-results-heading {
    top: 16px;
}

[b-rqm9x0swud] .td-results-track {
    align-self: stretch;
}

[b-rqm9x0swud] .td-results-slider {
    gap: 12px;
    padding: 0;
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 318px;
    width: 318px;
    height: 118px;
    min-height: 118px;
    padding: 10px 12px;
    gap: 7px;
    border: 1px solid rgba(83, 151, 216, 0.22);
    border-radius: 7px;
    background:
        radial-gradient(circle at 24% 14%, color-mix(in srgb, var(--td-accent) 10%, transparent), transparent 36%),
        rgba(9, 21, 35, 0.94);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 10px 22px rgba(0, 0, 0, 0.2);
}

[b-rqm9x0swud] .td-result-card::before,
[b-rqm9x0swud] .td-result-card::after {
    display: none;
}

[b-rqm9x0swud] .td-result-card--live {
    border-color: rgba(255, 94, 94, 0.32);
    background:
        linear-gradient(135deg, rgba(255, 94, 94, 0.13), transparent 54%),
        rgba(10, 22, 35, 0.96);
}

[b-rqm9x0swud] .td-result-card--gold,
[b-rqm9x0swud] .td-result-card--podium {
    border-color: color-mix(in srgb, var(--td-accent) 44%, rgba(255, 255, 255, 0.08));
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--td-accent) 13%, transparent), color-mix(in srgb, var(--td-accent) 5%, transparent)),
        rgba(12, 22, 33, 0.96);
}

[b-rqm9x0swud] .td-result-topline {
    gap: 8px;
    min-width: 0;
    font-size: 0.64rem;
}

[b-rqm9x0swud] .td-result-stage {
    max-width: 116px;
}

[b-rqm9x0swud] .td-result-topline > span:last-child {
    flex: 0 0 auto;
    color: rgba(202, 216, 235, 0.6);
    font-size: 0.58rem;
}

[b-rqm9x0swud] .td-result-scoreboard--compact {
    grid-template-columns: 40px minmax(78px, auto) 40px;
    gap: 13px;
    margin-top: 3px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-team-crest {
    width: 36px;
    height: 40px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-result-score strong {
    font-size: 1.28rem;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team {
    min-height: 25px;
    font-size: 0.7rem;
}

[b-rqm9x0swud] .td-result-context {
    margin-top: 0;
    font-size: 0.62rem;
}

@media (max-width: 900px) {
    [b-rqm9x0swud] .td-results-rail {
        min-height: 142px;
        padding: 36px 12px 14px;
    }

    [b-rqm9x0swud] .td-result-card {
        flex-basis: 264px;
        width: 264px;
        height: 112px;
        min-height: 112px;
    }
}

@media (max-width: 900px) {
    .tournament-detail-root[b-rqm9x0swud] {
        padding: 12px 10px calc(146px + env(safe-area-inset-bottom, 0px));
        overflow-x: clip;
    }
}

[b-rqm9x0swud] .td-result-state {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 7px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(225, 239, 255, 0.72);
    font-size: 0.56rem;
    font-weight: 950;
    letter-spacing: 0.6px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-state--live {
    border-color: rgba(255, 94, 94, 0.5);
    background: rgba(255, 94, 94, 0.12);
    color: #ff9a9a;
    box-shadow: 0 0 16px rgba(255, 94, 94, 0.16);
}

[b-rqm9x0swud] .td-result-state--completed {
    border-color: rgba(24, 221, 142, 0.32);
    background: rgba(24, 221, 142, 0.1);
    color: #8cffc4;
}

[b-rqm9x0swud] .td-result-state--draw {
    border-color: rgba(255, 200, 87, 0.32);
    background: rgba(255, 200, 87, 0.1);
    color: #ffd985;
}

[b-rqm9x0swud] .td-result-state--upcoming {
    border-color: rgba(128, 153, 181, 0.18);
    color: rgba(210, 226, 244, 0.62);
}

[b-rqm9x0swud] .td-result-card--live {
    border-color: rgba(255, 94, 94, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 94, 94, 0.12), transparent 52%),
        rgba(12, 20, 31, 0.92);
}

[b-rqm9x0swud] .td-result-card--upcoming {
    opacity: 0.88;
}

@media (prefers-reduced-motion: reduce) {
    [b-rqm9x0swud] .td-result-card,
    [b-rqm9x0swud] .td-result-card:hover,
    [b-rqm9x0swud] .td-result-card:focus-visible {
        transform: none;
        transition: none;
    }
}

/* Final overview alignment overrides live at the end because this file has legacy duplicate blocks. */
[b-rqm9x0swud] .td-sidebar-button {
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
}

[b-rqm9x0swud] .td-sidebar-button .mud-icon-root,
[b-rqm9x0swud] .td-panel-title .mud-icon-root {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

[b-rqm9x0swud] .td-panel-title {
    min-height: 24px;
}

[b-rqm9x0swud] .td-mini-table {
    table-layout: fixed;
}

[b-rqm9x0swud] .td-mini-table th:first-child,
[b-rqm9x0swud] .td-mini-table td:first-child {
    width: 38px;
    text-align: center;
}

[b-rqm9x0swud] .td-mini-table th:nth-child(n+3),
[b-rqm9x0swud] .td-mini-table td:nth-child(n+3) {
    width: 54px;
}

[b-rqm9x0swud] .td-mini-table td:nth-child(2) {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

[b-rqm9x0swud] .td-team-crest--table {
    width: 30px;
    height: 30px;
}

[b-rqm9x0swud] .td-mini-table .ttam-wrap,
[b-rqm9x0swud] .td-mini-table .ttam-trigger {
    width: 100%;
}

[b-rqm9x0swud] .td-mini-table .ttam-trigger {
    justify-content: flex-start;
}

[b-rqm9x0swud] .td-mini-table .ttam-trigger .mud-icon-root {
    flex: 0 0 16px;
    margin-left: 2px;
}

/* Final recent-result sizing: keep the ticker compact but let logos and names fit. */
[b-rqm9x0swud] .td-results-slider {
    gap: 12px;
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 300px;
    width: 300px;
    height: 128px;
    min-height: 128px;
    padding: 10px 12px;
    gap: 6px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact {
    display: grid;
    grid-template-columns: 42px minmax(76px, auto) 42px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-team-crest {
    width: 38px;
    height: 42px;
}

[b-rqm9x0swud] .td-team-crest--winner {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--td-accent) 28%, transparent));
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-result-score {
    justify-content: center;
    gap: 9px;
    min-width: 72px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-result-score strong {
    font-size: 1.32rem;
}

[b-rqm9x0swud] .td-result-teams-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team {
    display: -webkit-box;
    min-width: 0;
    color: rgba(238, 247, 255, 0.86);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.12;
    text-align: left;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team--away {
    text-align: right;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team--winner {
    color: #fff;
}

[b-rqm9x0swud] .td-result-card .td-result-context {
    margin-top: auto;
    min-width: 0;
}

[b-rqm9x0swud] .td-result-card .td-result-context span,
[b-rqm9x0swud] .td-result-card .td-result-context strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Recent result fit pass: names and crests should fit without eating the score. */
[b-rqm9x0swud] .td-results-slider {
    gap: 12px;
}

[b-rqm9x0swud] .td-result-card {
    flex-basis: 300px;
    width: 300px;
    height: 128px;
    min-height: 128px;
    padding: 10px 12px;
    gap: 6px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact {
    display: grid;
    grid-template-columns: 42px minmax(76px, auto) 42px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-team-crest {
    width: 38px;
    height: 42px;
}

[b-rqm9x0swud] .td-team-crest--winner {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--td-accent) 28%, transparent));
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-result-score {
    justify-content: center;
    gap: 9px;
    min-width: 72px;
}

[b-rqm9x0swud] .td-result-scoreboard--compact .td-result-score strong {
    font-size: 1.32rem;
}

[b-rqm9x0swud] .td-result-teams-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team {
    display: -webkit-box;
    min-width: 0;
    color: rgba(238, 247, 255, 0.86);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.12;
    text-align: left;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team--away {
    text-align: right;
}

[b-rqm9x0swud] .td-result-teams-row .td-result-team--winner {
    color: #fff;
}

[b-rqm9x0swud] .td-result-card .td-result-context {
    margin-top: auto;
    min-width: 0;
}

[b-rqm9x0swud] .td-result-card .td-result-context span,
[b-rqm9x0swud] .td-result-card .td-result-context strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-context span,
[b-rqm9x0swud] .td-result-context strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-podium-compact {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

[b-rqm9x0swud] .td-result-podium-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

[b-rqm9x0swud] .td-result-podium-copy strong,
[b-rqm9x0swud] .td-result-podium-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-podium-copy strong {
    color: var(--td-accent);
    font-size: 0.78rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-result-podium-copy small {
    color: color-mix(in srgb, var(--td-accent) 74%, transparent);
    font-size: 0.62rem;
    font-weight: 900;
}

@media (max-width: 480px) {
    [b-rqm9x0swud] .td-result-card {
        flex-basis: 204px;
        width: 204px;
        height: 82px;
        min-height: 82px;
    }
}

/* Reference-fidelity tournament command surface */
[b-rqm9x0swud] .td-results-rail {
    margin: 14px 0 12px;
    padding: 10px 16px 13px;
    border-radius: 8px;
    border-color: color-mix(in srgb, var(--td-accent) 16%, transparent);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 28%),
        linear-gradient(180deg, rgba(10, 22, 34, 0.92), rgba(5, 11, 18, 0.92));
}

[b-rqm9x0swud] .td-results-heading {
    margin-bottom: 8px;
}

[b-rqm9x0swud] .td-results-heading span {
    position: relative;
    padding-left: 18px;
}

[b-rqm9x0swud] .td-results-heading span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--td-accent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--td-accent) 75%, transparent);
    transform: translateY(-50%);
}

[b-rqm9x0swud] .td-results-heading p {
    color: rgba(225, 239, 255, 0.5);
}

[b-rqm9x0swud] .td-results-slider {
    grid-auto-columns: minmax(292px, 1fr);
    gap: 12px;
    align-items: start;
}

[b-rqm9x0swud] .td-result-card {
    height: 130px;
    min-height: 118px;
    padding: 10px 13px;
    border-radius: 7px;
    border-color: rgba(96, 152, 190, 0.34);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--td-accent) 9%, transparent), transparent 46%),
        rgba(8, 17, 28, 0.94);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 24px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}

[b-rqm9x0swud] .td-result-card::before,
[b-rqm9x0swud] .td-result-card::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: color-mix(in srgb, var(--td-accent) 68%, transparent);
    pointer-events: none;
}

[b-rqm9x0swud] .td-result-card::before {
    top: -1px;
    left: -1px;
    border-top: 2px solid;
    border-left: 2px solid;
}

[b-rqm9x0swud] .td-result-card::after {
    right: -1px;
    bottom: -1px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

[b-rqm9x0swud] .td-result-card--podium,
[b-rqm9x0swud] .td-result-card--gold {
    border-color: color-mix(in srgb, var(--td-accent) 55%, transparent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--td-accent) 14%, transparent), color-mix(in srgb, var(--td-accent) 6%, transparent)),
        rgba(13, 16, 16, 0.96);
}

[b-rqm9x0swud] .td-result-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: rgba(225, 239, 255, 0.58);
    font-size: 0.72rem;
    font-weight: 800;
}

[b-rqm9x0swud] .td-result-stage {
    border-radius: 4px;
    padding: 3px 8px;
}

[b-rqm9x0swud] .td-result-stage--gold {
    border-color: color-mix(in srgb, var(--td-accent) 36%, transparent);
    background: color-mix(in srgb, var(--td-accent) 10%, transparent);
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-result-scoreboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    margin-top: 4px;
}

[b-rqm9x0swud] .td-result-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    gap: 6px;
    color: rgba(237, 246, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 850;
    text-align: center;
}

[b-rqm9x0swud] .td-result-team > span:last-child {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-team--winner {
    color: #fff;
}

[b-rqm9x0swud] .td-result-score {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-score strong {
    color: #fff;
    font-size: clamp(1.55rem, 1.7vw, 2rem);
    font-weight: 950;
    line-height: 1;
}

[b-rqm9x0swud] .td-result-card--podium .td-result-score strong,
[b-rqm9x0swud] .td-result-card--gold .td-result-score strong,
[b-rqm9x0swud] .td-result-team--winner + .td-result-score strong:first-child {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-result-context {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(225, 239, 255, 0.5);
    font-size: 0.72rem;
    font-weight: 800;
}

[b-rqm9x0swud] .td-result-context strong {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-team-crest {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    clip-path: none;
    overflow: hidden;
    border-radius: 10px;
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, .10), transparent 30%),
        linear-gradient(145deg, rgba(14, 27, 44, .96), rgba(4, 11, 20, .98));
    border: 1px solid color-mix(in srgb, var(--td-accent) 46%, rgba(125, 160, 210, .28));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055),
        0 10px 18px rgba(0, 0, 0, .34);
}

[b-rqm9x0swud] .td-team-crest img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

[b-rqm9x0swud] .td-team-crest span {
    color: var(--td-accent);
    font-size: 0.82rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-team-crest--gold {
    width: 48px;
    height: 48px;
    border-color: color-mix(in srgb, var(--td-accent) 62%, transparent);
    background:
        radial-gradient(circle at 34% 18%, rgba(255, 255, 255, .12), transparent 30%),
        linear-gradient(145deg, rgba(25, 30, 20, .96), rgba(4, 11, 20, .98));
}

[b-rqm9x0swud] .td-team-crest--gold span {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-team-crest--silver {
    border-color: rgba(201, 211, 224, 0.44);
}

[b-rqm9x0swud] .td-team-crest--bronze {
    border-color: rgba(205, 127, 50, 0.58);
}

[b-rqm9x0swud] .td-team-crest--table {
    width: 26px;
    height: 29px;
}

[b-rqm9x0swud] .td-result-podium-grid {
    display: grid;
    grid-template-columns: 1fr 1.25fr 1fr;
    align-items: end;
    gap: 10px;
    min-height: 70px;
}

[b-rqm9x0swud] .td-result-podium-side,
[b-rqm9x0swud] .td-result-podium-champion {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    gap: 4px;
    color: rgba(225, 239, 255, 0.62);
    font-size: 0.72rem;
    font-weight: 850;
    text-align: center;
}

[b-rqm9x0swud] .td-result-podium-side > span:last-child,
[b-rqm9x0swud] .td-result-podium-champion strong {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-podium-champion strong {
    color: var(--td-accent);
    font-size: 0.86rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-result-podium-champion small {
    color: color-mix(in srgb, var(--td-accent) 80%, transparent);
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-result-medal {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: rgba(201, 211, 224, 0.2);
    color: #d8e1ec;
    font-size: 0.68rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-result-medal--gold {
    width: 24px;
    height: 24px;
    background: color-mix(in srgb, var(--td-accent) 18%, transparent);
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-result-medal--bronze {
    background: rgba(205, 127, 50, 0.2);
    color: #cd7f32;
}

[b-rqm9x0swud] .td-results-slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 2px;
    padding: 1px 2px 9px;
    -webkit-overflow-scrolling: touch;
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 224px;
    width: 224px;
    height: 92px;
    min-height: 92px;
    gap: 6px;
    padding: 8px 10px;
    scroll-snap-align: start;
}

[b-rqm9x0swud] .td-result-card--podium {
    flex-basis: 238px;
    width: 238px;
}

[b-rqm9x0swud] .td-result-topline {
    font-size: 0.66rem;
}

[b-rqm9x0swud] .td-result-stage {
    padding: 2px 7px;
    font-size: 0.58rem;
}

[b-rqm9x0swud] .td-result-scoreboard {
    gap: 6px;
    margin-top: 0;
}

[b-rqm9x0swud] .td-result-team {
    gap: 3px;
    font-size: 0.68rem;
}

[b-rqm9x0swud] .td-result-score {
    gap: 6px;
    font-size: 0.86rem;
}

[b-rqm9x0swud] .td-result-score strong {
    font-size: 1.18rem;
}

[b-rqm9x0swud] .td-result-context {
    justify-content: space-between;
    gap: 8px;
    padding-top: 3px;
    font-size: 0.63rem;
}

[b-rqm9x0swud] .td-result-context span,
[b-rqm9x0swud] .td-result-context strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-context strong {
    flex: 0 1 auto;
}

[b-rqm9x0swud] .td-result-card .td-team-crest {
    width: 38px;
    height: 38px;
}

[b-rqm9x0swud] .td-result-card .td-team-crest--gold {
    width: 38px;
    height: 38px;
}

[b-rqm9x0swud] .td-result-podium-compact {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
}

[b-rqm9x0swud] .td-result-podium-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-rqm9x0swud] .td-result-podium-copy strong {
    overflow: hidden;
    color: var(--td-accent);
    font-size: 0.86rem;
    font-weight: 950;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-podium-copy small {
    color: color-mix(in srgb, var(--td-accent) 78%, transparent);
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-shell {
    grid-template-columns: clamp(272px, 15.75vw, 320px) minmax(0, 1fr);
    gap: 18px;
    margin-top: 0;
}

[b-rqm9x0swud] .td-sidebar {
    border-radius: 8px;
    border-color: color-mix(in srgb, var(--td-accent) 16%, transparent);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 8%, transparent), transparent 45%),
        rgba(7, 14, 23, 0.94);
    padding: 10px;
}

[b-rqm9x0swud] .td-sidebar-button {
    position: relative;
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 44px;
    padding: 9px 10px;
    border-radius: 7px;
    gap: 9px;
}

[b-rqm9x0swud] .td-sidebar-button::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

[b-rqm9x0swud] .td-sidebar-button--active::before {
    background: color-mix(in srgb, var(--td-accent) 84%, #fff);
    box-shadow: 0 0 14px color-mix(in srgb, var(--td-accent) 62%, transparent);
}

[b-rqm9x0swud] .td-sidebar-button .mud-icon-root {
    justify-self: center;
    font-size: 1.15rem;
}

[b-rqm9x0swud] .td-sidebar .td-section-copy > span {
    overflow: hidden;
    font-size: 0.8rem;
    letter-spacing: 0.3px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-sidebar .td-section-copy small {
    display: none;
}

[b-rqm9x0swud] .td-section-main {
    border-radius: 8px;
    border-color: color-mix(in srgb, var(--td-accent) 12%, transparent);
    background: transparent;
    box-shadow: none;
    padding: 0;
}

[b-rqm9x0swud] .td-section-header {
    display: none;
}

[b-rqm9x0swud] .td-panel {
    min-width: 0;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 4.5%, transparent), transparent 130px),
        rgba(8, 16, 27, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-rqm9x0swud] .td-panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--td-accent);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-panel-title .mud-icon-root {
    color: currentColor !important;
    font-size: 1.04rem !important;
}

[b-rqm9x0swud] .td-panel-title--gold {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr) minmax(330px, 0.8fr);
    gap: 12px;
    align-items: stretch;
}

[b-rqm9x0swud] .td-overview-left {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 12px;
}

[b-rqm9x0swud] .td-description-card {
    margin-top: 0;
}

[b-rqm9x0swud] .td-description-card p {
    margin: 0;
    color: rgba(225, 239, 255, 0.7);
    white-space: pre-line;
}

[b-rqm9x0swud] .td-summary-grid {
    display: grid;
    grid-template-columns: minmax(100px, 0.8fr) minmax(0, 1.2fr) minmax(100px, 0.8fr) minmax(0, 1.2fr);
    gap: 10px 14px;
}

[b-rqm9x0swud] .td-summary-grid span {
    color: rgba(225, 239, 255, 0.55);
    font-size: 0.78rem;
    font-weight: 800;
}

[b-rqm9x0swud] .td-summary-grid strong {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-podium-panel {
    display: flex;
    flex-direction: column;
}

[b-rqm9x0swud] .td-podium-stage {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1.28fr 1fr;
    align-items: end;
    gap: 10px;
    min-height: 278px;
}

[b-rqm9x0swud] .td-podium-place {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    min-width: 0;
    gap: 10px;
    padding: 16px 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px 8px 4px 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.2));
    text-align: center;
}

[b-rqm9x0swud] .td-podium-place--first {
    min-height: 250px;
    border-color: color-mix(in srgb, var(--td-accent) 55%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--td-accent) 12%, transparent), rgba(0, 0, 0, 0.22));
    box-shadow: 0 0 34px color-mix(in srgb, var(--td-accent) 8%, transparent);
}

[b-rqm9x0swud] .td-podium-place--second {
    min-height: 190px;
}

[b-rqm9x0swud] .td-podium-place--third {
    min-height: 170px;
    border-color: rgba(205, 127, 50, 0.28);
}

[b-rqm9x0swud] .td-podium-place > span:first-child {
    color: rgba(225, 239, 255, 0.6);
    font-size: 0.8rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-podium-place--first > span:first-child,
[b-rqm9x0swud] .td-podium-place--first strong,
[b-rqm9x0swud] .td-podium-place--first small {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-podium-place strong {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-podium-place small {
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-mini-table {
    width: 100%;
    border-collapse: collapse;
}

[b-rqm9x0swud] .td-mini-table th {
    padding: 8px 8px;
    color: rgba(225, 239, 255, 0.45);
    font-size: 0.7rem;
    font-weight: 950;
    text-align: left;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-mini-table td {
    padding: 9px 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(235, 246, 255, 0.78);
    font-size: 0.82rem;
    font-weight: 800;
    vertical-align: middle;
}

[b-rqm9x0swud] .td-mini-table td:nth-child(n+3),
[b-rqm9x0swud] .td-mini-table th:nth-child(n+3) {
    text-align: right;
}

[b-rqm9x0swud] .td-mini-table td:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

[b-rqm9x0swud] .td-mini-table strong {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-mini-table--compact td {
    padding: 8px 4px;
}

[b-rqm9x0swud] .td-empty-panel {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: rgba(225, 239, 255, 0.54);
    text-align: center;
}

[b-rqm9x0swud] .td-empty-panel .mud-icon-root {
    color: color-mix(in srgb, var(--td-accent) 50%, transparent) !important;
    font-size: 2.2rem !important;
}

/* Branding polish pass: fixed columns keep icons, crests, and menu triggers lined up. */
[b-rqm9x0swud] .td-sidebar-button {
    align-items: center;
}

[b-rqm9x0swud] .td-sidebar-button .mud-icon-root {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
}

[b-rqm9x0swud] .td-panel-title {
    min-height: 24px;
}

[b-rqm9x0swud] .td-panel-title .mud-icon-root {
    width: 20px;
    flex: 0 0 20px;
}

[b-rqm9x0swud] .td-mini-table {
    table-layout: fixed;
}

[b-rqm9x0swud] .td-mini-table th:first-child,
[b-rqm9x0swud] .td-mini-table td:first-child {
    width: 38px;
    text-align: center;
}

[b-rqm9x0swud] .td-mini-table th:nth-child(n+3),
[b-rqm9x0swud] .td-mini-table td:nth-child(n+3) {
    width: 54px;
}

[b-rqm9x0swud] .td-mini-table td:nth-child(2) {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

[b-rqm9x0swud] .td-team-crest--table {
    width: 30px;
    height: 30px;
}

[b-rqm9x0swud] .td-mini-table .ttam-wrap,
[b-rqm9x0swud] .td-mini-table .ttam-trigger {
    width: 100%;
}

[b-rqm9x0swud] .td-mini-table .ttam-trigger {
    justify-content: flex-start;
}

[b-rqm9x0swud] .td-mini-table .ttam-trigger .mud-icon-root {
    flex: 0 0 16px;
    margin-left: 2px;
}

[b-rqm9x0swud] .td-empty-panel {
    min-height: 190px;
    padding: 1rem;
}

[b-rqm9x0swud] .td-empty-panel--compact {
    min-height: 76px;
    font-size: 0.82rem;
}

[b-rqm9x0swud] .td-groups-layout,
[b-rqm9x0swud] .td-rules-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 14px;
    align-items: start;
}

[b-rqm9x0swud] .td-rules-layout {
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr) minmax(260px, 320px);
}

[b-rqm9x0swud] .td-groups-rail {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-rqm9x0swud] .td-groups-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-rqm9x0swud] .td-groups-best-third .td-mini-table {
    min-width: 460px;
}

[b-rqm9x0swud] .td-groups-best-third .td-mini-table th:first-child,
[b-rqm9x0swud] .td-groups-best-third .td-mini-table td:first-child {
    width: 58px;
    text-align: left;
}

[b-rqm9x0swud] .td-groups-best-third .td-mini-table th:nth-child(2),
[b-rqm9x0swud] .td-groups-best-third .td-mini-table td:nth-child(2) {
    width: auto;
    display: table-cell;
    text-align: left;
}

[b-rqm9x0swud] .td-group-progress-panel {
    display: grid;
    grid-template-columns: 114px minmax(0, 1fr);
    gap: 12px;
}

[b-rqm9x0swud] .td-group-progress-panel .td-panel-title {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

[b-rqm9x0swud] .td-progress-orb {
    width: 98px;
    height: 98px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    border: 8px solid color-mix(in srgb, var(--td-accent) 80%, transparent);
    background: color-mix(in srgb, var(--td-accent) 8%, transparent);
    box-shadow: 0 0 24px color-mix(in srgb, var(--td-accent) 18%, transparent);
}

[b-rqm9x0swud] .td-progress-orb strong {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-progress-orb span {
    color: var(--td-accent);
    font-size: 0.62rem;
    font-weight: 950;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-progress-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

[b-rqm9x0swud] .td-progress-list div {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    color: rgba(225, 239, 255, 0.64);
    font-size: 0.78rem;
}

[b-rqm9x0swud] .td-progress-dot {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 1px solid rgba(225, 239, 255, 0.25);
}

[b-rqm9x0swud] .td-progress-dot--done {
    border-color: rgba(54, 209, 111, 0.7);
    background: rgba(54, 209, 111, 0.4);
}

[b-rqm9x0swud] .td-side-match-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

[b-rqm9x0swud] .td-side-match {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(225, 239, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
}

[b-rqm9x0swud] .td-side-match span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-side-match strong {
    min-width: 58px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 24%, transparent);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

[b-rqm9x0swud] .td-rules-menu,
[b-rqm9x0swud] .td-rules-content,
[b-rqm9x0swud] .td-rules-facts {
    min-width: 0;
}

[b-rqm9x0swud] .td-rules-menu {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

[b-rqm9x0swud] .td-rule-section-button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(236, 247, 255, 0.72);
    font: inherit;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

[b-rqm9x0swud] .td-rule-section-button .mud-icon-root {
    color: rgba(225, 239, 255, 0.66) !important;
    font-size: 1.05rem !important;
}

[b-rqm9x0swud] .td-rule-section-button--active {
    border-color: color-mix(in srgb, var(--td-accent) 62%, transparent);
    background: color-mix(in srgb, var(--td-accent) 11%, transparent);
    color: #fff;
}

[b-rqm9x0swud] .td-rule-section-button--active .mud-icon-root {
    color: var(--td-accent) !important;
}

[b-rqm9x0swud] .td-rule-row-list {
    display: flex;
    flex-direction: column;
}

[b-rqm9x0swud] .td-rule-row {
    display: grid;
    grid-template-columns: 34px minmax(140px, 0.45fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 13px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[b-rqm9x0swud] .td-rule-row .mud-icon-root {
    color: rgba(225, 239, 255, 0.6) !important;
    font-size: 1.1rem !important;
}

[b-rqm9x0swud] .td-rule-row strong {
    color: #fff;
    font-size: 0.86rem;
    font-weight: 950;
}

[b-rqm9x0swud] .td-rule-row span {
    color: rgba(225, 239, 255, 0.66);
    font-size: 0.84rem;
    line-height: 1.35;
}

[b-rqm9x0swud] .td-dispute-panel {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--td-accent) 32%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--td-accent) 7%, transparent);
}

[b-rqm9x0swud] .td-dispute-panel .mud-icon-root {
    color: var(--td-accent) !important;
}

[b-rqm9x0swud] .td-dispute-panel strong {
    color: var(--td-accent);
    font-weight: 950;
}

[b-rqm9x0swud] .td-dispute-panel p,
[b-rqm9x0swud] .td-rulebook-copy p {
    margin: 5px 0 0;
    color: rgba(245, 251, 255, 0.76);
    line-height: 1.45;
}

[b-rqm9x0swud] .td-rulebook-copy {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    white-space: pre-line;
}

[b-rqm9x0swud] .td-rulebook-copy strong {
    color: var(--td-accent);
}

[b-rqm9x0swud] .td-fact-list {
    display: flex;
    flex-direction: column;
}

[b-rqm9x0swud] .td-fact-list div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[b-rqm9x0swud] .td-fact-list div:last-child {
    border-bottom: 0;
}

[b-rqm9x0swud] .td-fact-list .mud-icon-root {
    color: rgba(225, 239, 255, 0.56) !important;
}

[b-rqm9x0swud] .td-fact-list span {
    color: rgba(245, 251, 255, 0.8);
    font-weight: 850;
}

[b-rqm9x0swud] .td-fact-list strong {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    [b-rqm9x0swud] .td-overview-grid,
    [b-rqm9x0swud] .td-groups-layout,
    [b-rqm9x0swud] .td-rules-layout {
        grid-template-columns: 1fr;
    }

    [b-rqm9x0swud] .td-groups-rail {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    }
}

@media (max-width: 900px) {
    [b-rqm9x0swud] .td-results-rail {
        border-radius: 10px;
        padding: 12px 12px 14px;
    }

    [b-rqm9x0swud] .td-results-slider {
        display: flex;
        grid-auto-columns: unset;
    }

    [b-rqm9x0swud] .td-result-card {
        flex-basis: 214px;
        width: 214px;
        height: 88px;
        min-height: 88px;
        padding: 8px 9px;
    }

    [b-rqm9x0swud] .td-result-scoreboard {
        gap: 5px;
    }

    [b-rqm9x0swud] .td-result-score strong {
        font-size: 1.1rem;
    }

    [b-rqm9x0swud] .td-shell {
        margin-top: 12px;
    }

    [b-rqm9x0swud] .td-section-main {
        border: 0;
        background: transparent;
    }

    [b-rqm9x0swud] .td-overview-grid,
    [b-rqm9x0swud] .td-groups-rail {
        grid-template-columns: 1fr;
    }

    [b-rqm9x0swud] .td-summary-grid {
        grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
    }

    [b-rqm9x0swud] .td-podium-stage {
        min-height: 250px;
    }

    [b-rqm9x0swud] .td-rule-row {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    [b-rqm9x0swud] .td-rule-row span {
        grid-column: 2;
    }
}

@media (max-width: 480px) {
    [b-rqm9x0swud] .td-live-state {
        display: none;
    }

    [b-rqm9x0swud] .td-results-heading h2 {
        font-size: 1.08rem;
    }

    [b-rqm9x0swud] .td-results-heading p {
        display: none;
    }

    [b-rqm9x0swud] .td-result-card {
        flex-basis: 206px;
        width: 206px;
        height: 86px;
        min-height: 86px;
    }

    [b-rqm9x0swud] .td-result-podium-grid {
        grid-template-columns: 0.85fr 1.25fr 0.85fr;
        gap: 6px;
    }

    [b-rqm9x0swud] .td-result-card .td-team-crest {
        width: 25px;
        height: 25px;
    }

    [b-rqm9x0swud] .td-result-card .td-team-crest--gold {
        width: 32px;
        height: 32px;
    }

    [b-rqm9x0swud] .td-podium-stage {
        grid-template-columns: 0.9fr 1.2fr 0.9fr;
        gap: 6px;
    }

    [b-rqm9x0swud] .td-podium-place {
        padding: 12px 6px 14px;
    }
}

/* Last-mile overrides for compact hidden-scroll results rail. Keep after earlier reference blocks. */
[b-rqm9x0swud] .td-results-rail {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 10px;
    margin: 0 0 14px;
    padding: 34px 18px 12px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(180deg, rgba(12, 25, 39, .94), rgba(6, 14, 24, .97));
    box-shadow: 0 18px 54px rgba(0, 0, 0, .28);
}

[b-rqm9x0swud] .td-results-rail::before,
[b-rqm9x0swud] .td-results-rail::after {
    display: none;
}

[b-rqm9x0swud] .td-results-heading {
    position: absolute;
    left: 28px;
    top: 15px;
    color: color-mix(in srgb, var(--td-accent) 82%, #ffffff);
    font-size: .84rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-rqm9x0swud] .td-results-track {
    min-width: 0;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

[b-rqm9x0swud] .td-results-slider {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0;
    cursor: grab;
    user-select: none;
    touch-action: pan-x;
}

[b-rqm9x0swud] .td-results-slider::-webkit-scrollbar {
    display: none;
}

[b-rqm9x0swud] .td-results-slider--dragging {
    cursor: grabbing;
    scroll-snap-type: none !important;
}

[b-rqm9x0swud] .td-results-slider--dragging .td-result-card {
    pointer-events: none;
}

[b-rqm9x0swud] .td-results-control {
    width: 42px;
    min-width: 42px;
    min-height: 96px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(221, 235, 255, .72);
    cursor: pointer;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

[b-rqm9x0swud] .td-results-control:hover,
[b-rqm9x0swud] .td-results-control:focus-visible {
    background: transparent;
    color: #fff;
    outline: none;
    transform: translateY(-1px);
}

[b-rqm9x0swud] .td-results-control .mud-icon-root {
    font-size: 20px !important;
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 286px;
    width: 286px;
    min-height: 104px;
    height: 104px;
    align-items: stretch;
    justify-content: flex-start;
    scroll-snap-align: start;
    gap: 6px;
    padding: 9px 12px;
    border-width: 0 1px 0 0;
    border-radius: 0;
    border-color: rgba(255, 255, 255, .13);
    background: transparent;
    box-shadow: none;
}

[b-rqm9x0swud] .td-result-topline {
    font-size: 0.62rem;
    line-height: 1;
}

[b-rqm9x0swud] .td-result-stage {
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 7px;
}

[b-rqm9x0swud] .td-result-scoreboard {
    gap: 6px;
    margin-top: 7px;
}

[b-rqm9x0swud] .td-result-team {
    gap: 3px;
    color: rgba(239, 248, 255, 0.86);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.05;
}

[b-rqm9x0swud] .td-result-score strong {
    font-size: 1.08rem;
    line-height: 0.95;
}

[b-rqm9x0swud] .td-result-context {
    justify-content: space-between;
    gap: 6px;
    margin-top: 4px;
    padding-top: 4px;
    font-size: 0.62rem;
    line-height: 1;
}

@media (max-width: 900px) {
    [b-rqm9x0swud] .td-results-rail {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 12px;
        padding: 34px 12px 12px;
    }

    [b-rqm9x0swud] .td-results-control {
        display: none;
    }

    [b-rqm9x0swud] .td-results-track {
        overflow-x: auto;
        mask-image: none;
        scroll-snap-type: x proximity;
    }

    [b-rqm9x0swud] .td-result-card {
        flex-basis: 230px;
        width: 230px;
    }
}
/* Final V2 ticker state overrides stay last because this file has layered legacy blocks. */
[b-rqm9x0swud] .td-result-card--live {
    border-color: rgba(255, 94, 94, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 94, 94, 0.12), transparent 52%),
        rgba(12, 20, 31, 0.92);
}

[b-rqm9x0swud] .td-result-card--upcoming {
    opacity: 0.88;
}

[b-rqm9x0swud] .td-result-card:hover,
[b-rqm9x0swud] .td-result-card:focus-visible {
    transform: translateY(-2px) scale(1.015);
    box-shadow: 0 0 28px color-mix(in srgb, var(--td-accent) 10%, transparent);
}

/* Authoritative recent-results ticker pass. This page has several legacy rail blocks above. */
[b-rqm9x0swud] .td-results-rail {
    min-height: 154px;
    padding: 38px 18px 16px;
    border-top: 1px solid color-mix(in srgb, var(--td-accent) 36%, transparent);
    border-radius: 0 0 8px 8px;
    background:
        linear-gradient(180deg, rgba(12, 31, 48, 0.96), rgba(6, 15, 26, 0.98)),
        radial-gradient(circle at 28% 0%, color-mix(in srgb, var(--td-accent) 16%, transparent), transparent 42%);
}

[b-rqm9x0swud] .td-results-track {
    min-width: 0;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

[b-rqm9x0swud] .td-results-slider {
    display: flex;
    grid-auto-columns: unset;
    width: max-content;
    max-width: none;
    min-width: 100%;
    gap: 12px;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
    scrollbar-width: none;
    will-change: transform;
}

[b-rqm9x0swud] .td-results-slider--marquee {
    animation: td-results-marquee-scroll-b-rqm9x0swud 54s linear infinite;
}

@keyframes td-results-marquee-scroll-b-rqm9x0swud {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-rqm9x0swud] .td-results-slider--marquee {
        animation: none;
        transform: none;
    }

    [b-rqm9x0swud] .td-results-track {
        overflow-x: auto;
        mask-image: none;
    }

    [b-rqm9x0swud] .td-results-slider {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }
}

[b-rqm9x0swud] .td-result-card {
    flex: 0 0 318px;
    width: 318px;
    height: 118px;
    min-height: 118px;
    gap: 7px;
    padding: 10px 12px;
    overflow: hidden;
    border: 1px solid rgba(125, 160, 210, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(11, 24, 38, 0.96), rgba(5, 12, 23, 0.98)),
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--td-accent) 12%, transparent), transparent 34%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

[b-rqm9x0swud] .td-result-card::before,
[b-rqm9x0swud] .td-result-card::after {
    display: none;
}

[b-rqm9x0swud] .td-result-topline {
    min-width: 0;
    font-size: 0.62rem;
    line-height: 1;
}

[b-rqm9x0swud] .td-result-stage {
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-scoreboard {
    display: grid;
    grid-template-columns: 42px minmax(86px, 1fr) 42px;
    gap: 8px;
    align-items: center;
    margin-top: 3px;
}

[b-rqm9x0swud] .td-result-card .td-team-crest {
    width: 38px;
    height: 38px;
}

[b-rqm9x0swud] .td-result-card .td-team-crest--gold {
    width: 40px;
    height: 40px;
}

[b-rqm9x0swud] .td-result-card .td-team-crest img {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    object-fit: contain;
}

[b-rqm9x0swud] .td-result-score {
    min-width: 0;
    justify-content: center;
}

[b-rqm9x0swud] .td-result-score strong {
    min-width: 22px;
    font-size: 1.28rem;
    line-height: 0.95;
}

[b-rqm9x0swud] .td-result-teams-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 9px;
    min-width: 0;
}

[b-rqm9x0swud] .td-result-team {
    min-width: 0;
    overflow: hidden;
    font-size: 0.68rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rqm9x0swud] .td-result-team--away {
    text-align: right;
}

[b-rqm9x0swud] .td-result-context {
    min-width: 0;
    margin-top: auto;
    padding-top: 5px;
    font-size: 0.62rem;
    line-height: 1;
}

[b-rqm9x0swud] .td-result-context span,
[b-rqm9x0swud] .td-result-context strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    [b-rqm9x0swud] .td-results-rail {
        grid-template-columns: minmax(0, 1fr);
        padding: 36px 12px 14px;
    }

    [b-rqm9x0swud] .td-results-control {
        display: none;
    }

    [b-rqm9x0swud] .td-results-track {
        overflow-x: auto;
        mask-image: none;
    }

    [b-rqm9x0swud] .td-results-slider,
    [b-rqm9x0swud] .td-results-slider--marquee {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        animation: none;
        transform: none;
    }

    [b-rqm9x0swud] .td-result-card {
        flex-basis: 264px;
        width: 264px;
        height: 112px;
        min-height: 112px;
    }
}

@media (max-width: 480px) {
    [b-rqm9x0swud] .td-result-card {
        flex-basis: 222px;
        width: 222px;
    }
}
/* /Pages/Tournaments/Embed/TournamentEmbed.razor.rz.scp.css */
.tournament-embed-root[b-cq0pcvp28e] {
    --td-muted: rgba(225, 239, 255, 0.68);
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    padding: clamp(12px, 2vw, 24px);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--td-accent, #00c8ff) 20%, transparent), transparent 34rem),
        linear-gradient(180deg, rgba(7, 17, 29, 0.98), rgba(9, 13, 22, 1));
    color: #f4f7fb;
}

.tournament-embed-header[b-cq0pcvp28e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}

.tournament-embed-header span[b-cq0pcvp28e] {
    display: block;
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 75%, #ffffff);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.tournament-embed-header h1[b-cq0pcvp28e] {
    margin: 3px 0 0;
    font-size: clamp(1.3rem, 3vw, 2.15rem);
    line-height: 1.05;
    letter-spacing: 0;
}

.tournament-embed-screen-chip[b-cq0pcvp28e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .06);
    color: #eaf4ff;
}

.tournament-embed-screen[b-cq0pcvp28e] {
    min-height: min(620px, calc(100vh - 112px));
    padding-bottom: 42px;
}

.tournament-embed-bracket-wrap[b-cq0pcvp28e] {
    height: calc(100vh - 150px);
    min-height: 360px;
    overflow: hidden;
}

.tournament-embed-bracket-wrap[b-cq0pcvp28e]  .bracket-outer-wrap {
    height: 100% !important;
    max-height: none !important;
}

.tournament-embed-standings-grid[b-cq0pcvp28e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: 14px;
}

.tournament-embed-panel[b-cq0pcvp28e],
.tournament-embed-match[b-cq0pcvp28e],
.tournament-embed-state[b-cq0pcvp28e] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(12, 20, 35, .78);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24);
}

.tournament-embed-panel[b-cq0pcvp28e] {
    padding: 14px;
}

.tournament-embed-panel h2[b-cq0pcvp28e] {
    margin: 0 0 10px;
    font-size: 1rem;
}

.tournament-embed-table-wrap[b-cq0pcvp28e] {
    position: relative;
    overflow-x: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.tournament-embed-table-wrap[b-cq0pcvp28e]::after {
    content: "";
    position: sticky;
    right: 0;
    display: block;
    width: 34px;
    height: 1px;
    margin-top: -1px;
    margin-left: auto;
    background: linear-gradient(90deg, transparent, rgba(12, 20, 35, .86));
    pointer-events: none;
}

.tournament-embed-table[b-cq0pcvp28e] {
    width: 100%;
    border-collapse: collapse;
    min-width: 520px;
}

.tournament-embed-table th[b-cq0pcvp28e],
.tournament-embed-table td[b-cq0pcvp28e] {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    text-align: left;
    font-size: .86rem;
}

.tournament-embed-table th[b-cq0pcvp28e] {
    color: #8b95a8;
    font-size: .72rem;
    text-transform: uppercase;
}

.tournament-embed-team-cell[b-cq0pcvp28e] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tournament-embed-team-cell img[b-cq0pcvp28e] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.tournament-embed-points[b-cq0pcvp28e] {
    font-weight: 800;
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 75%, #ffffff);
}

.tournament-embed-match-list[b-cq0pcvp28e] {
    display: grid;
    gap: 10px;
}

.tournament-embed-match[b-cq0pcvp28e] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
}

.tournament-embed-match-state[b-cq0pcvp28e] {
    align-self: center;
    width: max-content;
    border-radius: 999px;
    padding: 5px 8px;
    background: rgba(255, 255, 255, .08);
    color: #d7e7f8;
    font-size: .75rem;
    font-weight: 800;
}

.tournament-embed-match-main[b-cq0pcvp28e] {
    min-width: 0;
}

.tournament-embed-match-main span[b-cq0pcvp28e],
.tournament-embed-match-main small[b-cq0pcvp28e] {
    display: block;
    color: #8b95a8;
    font-size: .78rem;
}

.tournament-embed-match-main strong[b-cq0pcvp28e] {
    display: block;
    overflow-wrap: anywhere;
    font-size: clamp(.95rem, 2vw, 1.15rem);
}

.tournament-embed-state[b-cq0pcvp28e] {
    min-height: min(420px, calc(100vh - 80px));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    text-align: center;
}

.tournament-embed-state .mud-icon-root[b-cq0pcvp28e] {
    color: color-mix(in srgb, var(--td-accent, #00c8ff) 75%, #ffffff);
    font-size: 2.25rem;
}

.tournament-embed-state strong[b-cq0pcvp28e] {
    font-size: clamp(1.15rem, 3vw, 1.7rem);
}

.tournament-embed-state span[b-cq0pcvp28e] {
    max-width: 52ch;
    color: #aab6c5;
}

.tournament-embed-powered[b-cq0pcvp28e] {
    position: fixed;
    right: 14px;
    bottom: 10px;
    z-index: 10;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(7, 17, 29, .86);
    color: rgba(244, 247, 251, .82);
    font-size: .72rem;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

@media (max-width: 700px) {
    .tournament-embed-root[b-cq0pcvp28e] {
        padding: 10px;
    }

    .tournament-embed-header[b-cq0pcvp28e] {
        flex-direction: column;
    }

    .tournament-embed-screen-chip[b-cq0pcvp28e] {
        width: 100%;
        justify-content: center;
    }

    .tournament-embed-match[b-cq0pcvp28e] {
        grid-template-columns: 1fr;
    }

    .tournament-embed-powered[b-cq0pcvp28e] {
        right: 50%;
        transform: translateX(50%);
        white-space: nowrap;
    }
}
/* /Pages/Tournaments/Index.razor.rz.scp.css */
.te-wrapper[b-d0fgi51iar] {
    min-height: 100vh;
    padding: 18px clamp(14px, 3vw, 42px) 48px;
    color: #f5f8ff;
    background: transparent;
}

.te-hero[b-d0fgi51iar] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 520px);
    align-items: center;
    min-height: 230px;
    margin-bottom: 0;
    padding: clamp(30px, 5vw, 58px) clamp(20px, 5vw, 64px);
    border: 1px solid rgba(0, 149, 255, 0.12);
    border-radius: 0 0 22px 22px;
    background:
        linear-gradient(90deg, rgba(3, 8, 17, 0.98) 0%, rgba(3, 8, 17, 0.75) 44%, rgba(2, 20, 46, 0.62) 100%),
        url("/images/PCW-BANNER.jpg") center / cover no-repeat;
    box-shadow: inset 0 -1px 0 rgba(0, 200, 255, 0.22), 0 22px 90px rgba(0, 0, 0, 0.28);
}

.te-hero[b-d0fgi51iar]::after {
    content: "";
    position: absolute;
    inset: auto 8% 0 36%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 200, 255, 0.7), transparent);
}

.te-hero-copy[b-d0fgi51iar] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.te-hero h1[b-d0fgi51iar] {
    margin: 0 0 12px;
    font-size: clamp(2.15rem, 4vw, 4.25rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 28px rgba(0, 140, 255, 0.22);
}

.te-hero p[b-d0fgi51iar] {
    margin: 0;
    max-width: 520px;
    color: rgba(232, 239, 255, 0.72);
    font-size: clamp(1rem, 1.5vw, 1.28rem);
    line-height: 1.55;
}

.te-hero-cup[b-d0fgi51iar] {
    position: relative;
    z-index: 1;
    justify-self: center;
    display: grid;
    place-items: center;
    width: clamp(150px, 22vw, 260px);
    height: clamp(150px, 22vw, 260px);
    border-radius: 999px;
    color: #00c8ff;
    background: radial-gradient(circle, rgba(0, 200, 255, 0.2), rgba(0, 26, 64, 0.08) 58%, transparent 70%);
    filter: drop-shadow(0 0 28px rgba(0, 200, 255, 0.38));
}

.te-hero-cup .mud-icon-root[b-d0fgi51iar] {
    font-size: clamp(5.5rem, 12vw, 11rem);
}

.te-filter-bar[b-d0fgi51iar] {
    position: sticky;
    top: 72px;
    z-index: 5;
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(150px, 1fr));
    gap: 12px;
    margin: -4px 0 26px;
    padding: 14px;
    border: 1px solid rgba(130, 180, 255, 0.13);
    border-radius: 14px;
    background: rgba(6, 15, 28, 0.92);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
}

.te-filter-search[b-d0fgi51iar],
.te-filter-item[b-d0fgi51iar] {
    min-width: 0;
}

[b-d0fgi51iar] .te-filter-bar .mud-input-control {
    margin: 0;
}

[b-d0fgi51iar] .te-filter-bar .mud-input-outlined-border {
    border-color: rgba(128, 168, 220, 0.18) !important;
}

.te-loading[b-d0fgi51iar] {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}

.te-spotlight-grid[b-d0fgi51iar] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 1fr);
    gap: 22px;
    margin-bottom: 28px;
}

.te-featured-card[b-d0fgi51iar],
.te-registration-panel[b-d0fgi51iar] {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    border: 1px solid rgba(80, 170, 255, 0.2);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(10, 21, 43, 0.88), rgba(5, 10, 19, 0.96));
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
}

.te-featured-card[b-d0fgi51iar] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
}

.te-featured-shade[b-d0fgi51iar] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 74% 28%, rgba(116, 65, 255, 0.36), transparent 30%),
        linear-gradient(90deg, rgba(3, 7, 15, 0.94), rgba(3, 7, 15, 0.36));
}

.te-badge-row[b-d0fgi51iar] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    padding: 20px 22px 0;
}

.te-badge[b-d0fgi51iar] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.te-badge--live[b-d0fgi51iar] {
    color: #fff;
    background: linear-gradient(180deg, #ff465a, #d91633);
    box-shadow: 0 0 18px rgba(255, 36, 70, 0.35);
}

.te-badge--premium[b-d0fgi51iar] {
    color: #ffe88c;
    background: rgba(255, 204, 45, 0.14);
    border: 1px solid rgba(255, 204, 45, 0.28);
}

.te-featured-body[b-d0fgi51iar] {
    position: relative;
    z-index: 1;
    padding: 0 22px 22px;
}

.te-featured-body h2[b-d0fgi51iar] {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    font-weight: 900;
}

.te-featured-meta[b-d0fgi51iar] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: rgba(235, 242, 255, 0.76);
    font-weight: 700;
}

.te-featured-meta span[b-d0fgi51iar] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.te-featured-meta .mud-icon-root[b-d0fgi51iar] {
    font-size: 1.1rem;
    color: rgba(235, 242, 255, 0.75);
}

.te-registration-panel[b-d0fgi51iar] {
    padding: 22px;
}

.te-section-kicker[b-d0fgi51iar] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #f5f8ff;
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.te-live-dot[b-d0fgi51iar] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #27e18c;
    box-shadow: 0 0 16px rgba(39, 225, 140, 0.8);
}

.te-registration-row[b-d0fgi51iar] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 108px;
    padding: 16px;
    border: 1px solid rgba(142, 180, 235, 0.12);
    border-radius: 12px;
    color: inherit;
    background: rgba(8, 18, 34, 0.78);
    text-align: left;
    cursor: pointer;
}

.te-registration-icon[b-d0fgi51iar] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #00b7ff;
    background: rgba(0, 149, 255, 0.1);
    border: 1px solid rgba(0, 149, 255, 0.28);
}

.te-registration-main[b-d0fgi51iar] {
    display: grid;
    gap: 8px;
}

.te-registration-main strong[b-d0fgi51iar] {
    color: #fff;
    font-size: 1.12rem;
}

.te-registration-main small[b-d0fgi51iar],
.te-registration-date[b-d0fgi51iar] {
    color: rgba(222, 231, 250, 0.68);
    font-weight: 700;
}

.te-row-chevron[b-d0fgi51iar] {
    color: rgba(235, 242, 255, 0.72) !important;
}

.te-empty-mini[b-d0fgi51iar] {
    color: rgba(235, 242, 255, 0.54);
}

.te-section[b-d0fgi51iar] {
    margin-top: 26px;
}

.te-section-header[b-d0fgi51iar] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    color: #fff;
}

.te-section-header > div:first-child[b-d0fgi51iar] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.te-section-icon[b-d0fgi51iar] {
    color: #00c8ff !important;
}

.te-section-title[b-d0fgi51iar] {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.te-count-pill[b-d0fgi51iar] {
    padding: 4px 10px;
    border-radius: 999px;
    color: rgba(222, 231, 250, 0.74);
    background: rgba(140, 175, 225, 0.11);
    font-size: 0.8rem;
    font-weight: 800;
}

.te-sort-label[b-d0fgi51iar] {
    color: rgba(222, 231, 250, 0.62);
    font-size: 0.9rem;
    font-weight: 700;
}

.te-row-list[b-d0fgi51iar] {
    overflow: hidden;
    border: 1px solid rgba(132, 177, 230, 0.16);
    border-radius: 12px;
    background: rgba(5, 13, 24, 0.82);
}

.te-row-list[aria-busy="True"][b-d0fgi51iar] {
    opacity: 0.62;
}

.te-pagination[b-d0fgi51iar] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.te-page-number[b-d0fgi51iar],
[b-d0fgi51iar] .te-page-btn {
    display: grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid rgba(126, 166, 220, 0.16);
    border-radius: 8px;
    color: rgba(236, 244, 255, 0.78);
    background: rgba(8, 18, 34, 0.78);
    font-weight: 800;
}

.te-page-number--active[b-d0fgi51iar] {
    color: #fff;
    border-color: rgba(0, 149, 255, 0.75);
    background: rgba(0, 149, 255, 0.28);
    box-shadow: 0 0 18px rgba(0, 149, 255, 0.22);
}

@media (max-width: 1100px) {
    .te-filter-bar[b-d0fgi51iar] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .te-filter-search[b-d0fgi51iar] {
        grid-column: 1 / -1;
    }

    .te-spotlight-grid[b-d0fgi51iar] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .te-wrapper[b-d0fgi51iar] {
        padding-inline: 10px;
    }

    .te-hero[b-d0fgi51iar] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 28px 18px 36px;
    }

    .te-hero-cup[b-d0fgi51iar] {
        display: none;
    }

    .te-filter-bar[b-d0fgi51iar] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .te-registration-row[b-d0fgi51iar] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .te-registration-date[b-d0fgi51iar] {
        display: none;
    }

    .te-section-header[b-d0fgi51iar] {
        align-items: flex-start;
        flex-direction: column;
    }

    .te-pagination[b-d0fgi51iar] {
        flex-wrap: wrap;
    }
}
/* /Pages/Tournaments/TournamentDrawReveal.razor.rz.scp.css */
.tournament-draw-reveal[b-9uyv92dzfl] {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}

.tdraw-reveal-loading[b-9uyv92dzfl] {
    display: grid;
    place-items: center;
    gap: 14px;
    min-height: 360px;
    color: #c8d4e3;
    font-weight: 850;
}

.tdraw-reveal-live span[b-9uyv92dzfl],
.tdraw-reveal-card span[b-9uyv92dzfl],
.tdraw-reveal-result span[b-9uyv92dzfl],
.tdraw-reveal-complete span[b-9uyv92dzfl] {
    color: #00afff;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tdraw-reveal-grid[b-9uyv92dzfl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 360px);
    gap: 18px;
    align-items: start;
}

.tdraw-reveal-wheel[b-9uyv92dzfl],
.tdraw-reveal-status[b-9uyv92dzfl],
.tdraw-reveal-complete[b-9uyv92dzfl],
.tdraw-reveal-group[b-9uyv92dzfl] {
    border: 1px solid rgba(141, 203, 255, 0.18);
    border-radius: 8px;
    background: rgba(6, 20, 38, 0.74);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.2);
}

.tdraw-reveal-wheel[b-9uyv92dzfl] {
    display: grid;
    gap: 14px;
    padding: 18px;
    overflow: hidden;
}

.tdraw-reveal-live[b-9uyv92dzfl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 175, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 175, 255, 0.08);
}

.tdraw-reveal-live strong[b-9uyv92dzfl] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 950;
}

.tdraw-reveal-live--compact[b-9uyv92dzfl] {
    padding: 0;
    border: 0;
    background: transparent;
}

.tdraw-reveal-status[b-9uyv92dzfl] {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.tdraw-reveal-complete[b-9uyv92dzfl] {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 480px;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 18%, rgba(0, 175, 255, 0.14), transparent 34%),
        rgba(6, 20, 38, 0.74);
}

.tdraw-reveal-complete strong[b-9uyv92dzfl] {
    color: #fff;
    font-size: clamp(1.55rem, 3.2vw, 2.65rem);
    font-weight: 950;
    line-height: 1.05;
}

.tdraw-reveal-complete small[b-9uyv92dzfl] {
    max-width: 620px;
    color: #c8d4e3;
    font-size: 0.94rem;
    font-weight: 760;
    line-height: 1.5;
}

.tdraw-reveal-card[b-9uyv92dzfl],
.tdraw-reveal-result[b-9uyv92dzfl] {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(141, 203, 255, 0.14);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.58);
}

.tdraw-reveal-card strong[b-9uyv92dzfl],
.tdraw-reveal-result strong[b-9uyv92dzfl] {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.1;
}

.tdraw-reveal-card small[b-9uyv92dzfl],
.tdraw-reveal-result small[b-9uyv92dzfl] {
    color: #ffd074;
    font-size: 0.76rem;
    font-weight: 850;
}

.tdraw-reveal-result[b-9uyv92dzfl] {
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
}

.tdraw-reveal-result.without-logo[b-9uyv92dzfl] {
    grid-template-columns: minmax(0, 1fr);
}

.tdraw-reveal-result > div[b-9uyv92dzfl] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.tdraw-reveal-result strong[b-9uyv92dzfl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdraw-reveal-result img[b-9uyv92dzfl] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: contain;
    background: rgba(2, 11, 24, 0.72);
}

.tdraw-reveal-groups[b-9uyv92dzfl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.tdraw-reveal-group[b-9uyv92dzfl] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.tdraw-reveal-group h2[b-9uyv92dzfl] {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.tdraw-reveal-placement[b-9uyv92dzfl] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px;
    border: 1px dashed rgba(141, 203, 255, 0.18);
    border-radius: 8px;
    background: rgba(2, 11, 24, 0.38);
}

.tdraw-reveal-placement.is-revealed[b-9uyv92dzfl] {
    border-style: solid;
    border-color: rgba(255, 208, 116, 0.34);
    background: rgba(255, 208, 116, 0.1);
}

.tdraw-reveal-placement.is-landing[b-9uyv92dzfl] {
    animation: tdraw-reveal-slot-land-b-9uyv92dzfl 1.25s cubic-bezier(.18, .86, .23, 1) both;
}

.tdraw-reveal-placement span[b-9uyv92dzfl] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 175, 255, 0.16);
    color: #8fdfff;
    font-size: 0.72rem;
    font-weight: 900;
}

.tdraw-reveal-placement strong[b-9uyv92dzfl],
.tdraw-reveal-placement small[b-9uyv92dzfl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdraw-reveal-placement strong[b-9uyv92dzfl] {
    color: #fff;
    font-size: 0.88rem;
    font-weight: 900;
}

.tdraw-reveal-placement small[b-9uyv92dzfl] {
    color: #8fa6bd;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

@keyframes tdraw-reveal-slot-land-b-9uyv92dzfl {
    0% {
        transform: translateY(-18px) scale(0.98);
        border-color: rgba(0, 175, 255, 0.72);
        background: rgba(0, 175, 255, 0.18);
        box-shadow: 0 -16px 38px rgba(0, 175, 255, 0.2);
        opacity: 0.86;
    }

    56% {
        transform: translateY(0) scale(1.025);
        border-color: rgba(255, 208, 116, 0.78);
        background: rgba(255, 208, 116, 0.16);
        box-shadow: 0 0 30px rgba(255, 208, 116, 0.2);
        opacity: 1;
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1180px) {
    .tdraw-reveal-grid[b-9uyv92dzfl],
    .tdraw-reveal-groups[b-9uyv92dzfl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .tdraw-reveal-wheel[b-9uyv92dzfl],
    .tdraw-reveal-status[b-9uyv92dzfl],
    .tdraw-reveal-complete[b-9uyv92dzfl] {
        padding: 14px;
    }

    .tdraw-reveal-complete[b-9uyv92dzfl] {
        min-height: 260px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tdraw-reveal-placement.is-landing[b-9uyv92dzfl] {
        animation-duration: 1ms;
    }
}
/* /Pages/Tournaments/TournamentRowCard.razor.rz.scp.css */
/* ── Row Card ───────────────────────────────────────── */
.trc-row[b-kkmywd2m4q] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 66px;
    padding: 0 18px 0 0;
    background: rgba(7, 15, 27, 0.58);
    border: 0;
    border-bottom: 1px solid rgba(132, 177, 230, 0.13);
    border-radius: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.trc-row:hover[b-kkmywd2m4q] {
    background: rgba(12, 29, 50, 0.82);
    border-color: rgba(0, 200, 255, 0.22);
    box-shadow: inset 0 0 30px rgba(0, 149, 255, 0.05);
    text-decoration: none;
}

/* ── Live variant ── */
.trc-row--live[b-kkmywd2m4q] {
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.08) 0%, rgba(7, 15, 27, 0.58) 55%);
    border-color: rgba(0, 200, 255, 0.18);
}

.trc-row--live:hover[b-kkmywd2m4q] {
    background: linear-gradient(90deg, rgba(0, 200, 255, 0.13) 0%, rgba(12, 29, 50, 0.82) 55%);
    border-color: rgba(0, 200, 255, 0.32);
    box-shadow: inset 0 0 30px rgba(0, 200, 255, 0.08);
}

/* ── Registration variant ── */
.trc-row--reg[b-kkmywd2m4q] {
    border-color: rgba(0, 200, 255, 0.1);
}

/* ── Left accent bar ── */
.trc-accent-bar[b-kkmywd2m4q] {
    width: 3px;
    align-self: stretch;
    border-radius: 0 2px 2px 0;
    flex-shrink: 0;
    background: transparent;
    transition: background 0.15s;
}

.trc-row--live .trc-accent-bar[b-kkmywd2m4q] {
    background: #f44336;
    box-shadow: 0 0 8px rgba(244, 67, 54, 0.5);
}

.trc-row--reg .trc-accent-bar[b-kkmywd2m4q] {
    background: #00c8ff;
}

/* ── Logo ── */
.trc-logo-wrap[b-kkmywd2m4q] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
}

.trc-logo[b-kkmywd2m4q] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.04);
}

.trc-logo-fallback[b-kkmywd2m4q] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0, 149, 255, 0.22), rgba(0, 200, 255, 0.08));
    display: flex;
    align-items: center;
    justify-content: center;
}

.trc-logo-icon[b-kkmywd2m4q] {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.25) !important;
}

/* ── Main info ── */
.trc-main[b-kkmywd2m4q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.trc-name[b-kkmywd2m4q] {
    font-weight: 800;
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.trc-organiser[b-kkmywd2m4q] {
    font-size: 0.75rem;
    color: rgba(225, 235, 255, 0.44);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}

/* ── Badges group ── */
.trc-badges[b-kkmywd2m4q] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

/* ── Live pulse dot ── */
@keyframes trc-pulse-b-kkmywd2m4q {
    0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.6); }
    50% { opacity: 0.7; transform: scale(0.85); box-shadow: 0 0 0 4px rgba(244, 67, 54, 0); }
}

.trc-live-dot[b-kkmywd2m4q] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f44336;
    flex-shrink: 0;
    animation: trc-pulse-b-kkmywd2m4q 1.6s ease-in-out infinite;
}

/* ── Status badge ── */
.trc-status-badge[b-kkmywd2m4q] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.55px;
    padding: 3px 8px;
    border-radius: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    flex-shrink: 0;
}

.trc-status--live[b-kkmywd2m4q] {
    background: rgba(119, 53, 255, 0.16);
    color: #a266ff;
    border: 1px solid rgba(119, 53, 255, 0.3);
}

.trc-status--reg[b-kkmywd2m4q] {
    background: rgba(38, 220, 132, 0.1);
    color: #29ed96;
    border: 1px solid rgba(38, 220, 132, 0.25);
}

.trc-status--done[b-kkmywd2m4q] {
    background: rgba(255, 255, 255, 0.04);
    color: #555e6e;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.trc-status--draft[b-kkmywd2m4q] {
    background: rgba(255, 255, 255, 0.03);
    color: #404a5a;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* ── Meta badges (region / format) ── */
.trc-meta-badge[b-kkmywd2m4q] {
    font-size: 0.62rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.38);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Teams ── */
.trc-teams[b-kkmywd2m4q] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.76rem;
    color: #6b7789;
    flex-shrink: 0;
    min-width: 52px;
}

.trc-teams-icon[b-kkmywd2m4q] {
    font-size: 14px !important;
    opacity: 0.5;
}

/* ── Date ── */
.trc-date[b-kkmywd2m4q] {
    font-size: 0.86rem;
    color: rgba(230, 238, 255, 0.68);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 52px;
    text-align: right;
}

/* ── Arrow ── */
.trc-arrow[b-kkmywd2m4q] {
    color: #2e3a4a !important;
    font-size: 20px !important;
    flex-shrink: 0;
    transition: color 0.15s;
}

.trc-row:hover .trc-arrow[b-kkmywd2m4q] {
    color: rgba(0, 200, 255, 0.5) !important;
}

.trc-row--live:hover .trc-arrow[b-kkmywd2m4q] {
    color: rgba(244, 67, 54, 0.5) !important;
}

/* ── Responsive ── */
@media (max-width: 960px) {
    .trc-hide-md[b-kkmywd2m4q] { display: none; }
}

@media (max-width: 600px) {
    .trc-hide-sm[b-kkmywd2m4q] { display: none; }
    .trc-main[b-kkmywd2m4q] { max-width: 175px; }
    .trc-row[b-kkmywd2m4q] { gap: 10px; padding-right: 12px; }
}
/* /Pages/Tournaments/UpcomingTournaments.razor.rz.scp.css */
/* ── Layout ───────────────────────────────────────────── */
.ut-wrapper[b-d0ciimtski] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px 16px;
}

/* ── Hero ─────────────────────────────────────────────── */
.ut-hero[b-d0ciimtski] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.ut-hero-icon[b-d0ciimtski] {
    font-size: 3rem !important;
    color: #ffd700;
    flex-shrink: 0;
}

.ut-title[b-d0ciimtski] {
    margin-bottom: 6px;
}

/* ── Loading ──────────────────────────────────────────── */
.ut-loading[b-d0ciimtski] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* ── Card ─────────────────────────────────────────────── */
.ut-card[b-d0ciimtski] {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ut-card:hover[b-d0ciimtski] {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

/* ── Banner ───────────────────────────────────────────── */
.ut-banner[b-d0ciimtski] {
    position: relative;
    height: 80px;
    background: linear-gradient(135deg, #12172e 0%, #1c2170 35%, #4b0082 70%, #6600bb 100%);
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.ut-banner-overlay[b-d0ciimtski] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.6) 100%);
}

.ut-banner-chips[b-d0ciimtski] {
    position: absolute;
    top: 8px;
    left: 10px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    z-index: 1;
}

.ut-partner-logo[b-d0ciimtski] {
    position: absolute;
    bottom: 6px;
    right: 10px;
    max-height: 36px;
    max-width: 80px;
    object-fit: contain;
    opacity: 0.85;
}

/* ── Chips ────────────────────────────────────────────── */
.ut-chip[b-d0ciimtski] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.6;
    white-space: nowrap;
}

.ut-chip--open[b-d0ciimtski] {
    background: rgba(0, 200, 83, 0.2);
    color: #00c853;
    border: 1px solid rgba(0, 200, 83, 0.4);
}

.ut-chip--soon[b-d0ciimtski] {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.35);
}

.ut-chip--premium[b-d0ciimtski] {
    background: rgba(255, 215, 0, 0.15);
    color: #ffd700;
    border: 1px solid rgba(255, 215, 0, 0.35);
}

.ut-chip--format[b-d0ciimtski] {
    background: rgba(0, 200, 255, 0.12);
    color: #00c8ff;
    border: 1px solid rgba(0, 200, 255, 0.3);
}

.ut-chip--meta[b-d0ciimtski] {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.65);
    border: 1px solid rgba(255,255,255,0.1);
}

.ut-chip-icon[b-d0ciimtski] {
    font-size: 0.75rem !important;
    width: 12px !important;
    height: 12px !important;
}

/* ── Meta chips row ───────────────────────────────────── */
.ut-meta-chips[b-d0ciimtski] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

/* ── Countdown ────────────────────────────────────────── */
.ut-countdown[b-d0ciimtski] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    color: rgba(255,255,255,0.6);
    margin-bottom: 10px;
}

.ut-countdown-icon[b-d0ciimtski] {
    font-size: 0.85rem !important;
    width: 14px !important;
    height: 14px !important;
    color: #00c8ff;
}

.ut-countdown-badge[b-d0ciimtski] {
    margin-left: 4px;
    color: #00c8ff;
    font-weight: 600;
}

/* ── Capacity ─────────────────────────────────────────── */
.ut-capacity[b-d0ciimtski] {
    margin-top: 4px;
}

.ut-capacity-header[b-d0ciimtski] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    font-size: 0.75rem;
}

.ut-capacity-label[b-d0ciimtski] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(255,255,255,0.55);
}

.ut-capacity-full[b-d0ciimtski] {
    color: #ff5252;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

.ut-capacity-spots[b-d0ciimtski] {
    color: #00c853;
    font-size: 0.72rem;
}

.ut-capacity-track[b-d0ciimtski] {
    height: 4px;
    background: rgba(255,255,255,0.1);
    border-radius: 2px;
    overflow: hidden;
}

.ut-capacity-fill[b-d0ciimtski] {
    height: 100%;
    background: #00c853;
    border-radius: 2px;
    transition: width 0.4s ease;
}

.ut-capacity-fill--warn[b-d0ciimtski] {
    background: #ffc107;
}

.ut-capacity-fill--danger[b-d0ciimtski] {
    background: #ff5252;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 600px) {
    .ut-wrapper[b-d0ciimtski] {
        padding: 16px 10px;
    }

    .ut-hero[b-d0ciimtski] {
        gap: 10px;
    }

    .ut-hero-icon[b-d0ciimtski] {
        font-size: 2rem !important;
    }
}
/* /Pages/WelcomePage.razor.rz.scp.css */
.pcw-landing[b-0t7rmlwp45] {
    --landing-bg: #020b18;
    --landing-bg-2: #031126;
    --landing-bg-3: #041a34;
    --landing-surface: #061426;
    --landing-surface-card: rgba(8, 22, 40, 0.82);
    --landing-border: rgba(88, 143, 190, 0.22);
    --landing-border-strong: rgba(88, 143, 190, 0.32);
    --landing-primary: #00afff;
    --landing-primary-hover: #28c4ff;
    --landing-text: #fff;
    --landing-text-soft: #c8d4e3;
    --landing-muted: #7d8ea3;
    --landing-card-radius: 10px;
    --landing-button-radius: 6px;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 78% 4%, rgba(0, 90, 180, 0.26), transparent 32rem),
        radial-gradient(circle at 4% 28%, rgba(0, 175, 255, 0.1), transparent 26rem),
        linear-gradient(180deg, var(--landing-bg) 0%, var(--landing-bg-2) 44%, var(--landing-bg) 100%);
    color: var(--landing-text);
    font-family: Inter, Manrope, system-ui, sans-serif;
}

.landing-container[b-0t7rmlwp45] {
    width: min(1240px, 100%);
    margin: 0 auto;
    padding: 0 32px;
}

.db-status-indicator[b-0t7rmlwp45] {
    position: fixed;
    top: 92px;
    right: 16px;
    z-index: 1100;
    max-width: 260px;
    padding: 12px 16px;
    border: 1px solid rgba(0, 175, 255, 0.18);
    border-radius: 10px;
    background: rgba(6, 20, 38, 0.92);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
}

.landing-hero[b-0t7rmlwp45] {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    background:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        #020b18;
    background-size: 76px 76px, 76px 76px, auto;
}

.landing-hero[b-0t7rmlwp45]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url("/images/welcomepage/landing-hero-pcw-1920.webp");
    background-size: cover;
    background-position: center right;
    filter: saturate(1.08) contrast(1.04);
    opacity: 0.46;
    transform: scale(1.02);
}

.landing-hero__picture[b-0t7rmlwp45],
.landing-hero__image[b-0t7rmlwp45],
.landing-hero__shade[b-0t7rmlwp45] {
    position: absolute;
    inset: 0;
}

.landing-hero__picture[b-0t7rmlwp45] {
    z-index: 1;
    left: 50%;
    right: auto;
    width: min(100%, 2560px);
    transform: translateX(-50%);
    box-shadow: 0 0 80px 58px rgba(2, 11, 24, 0.62);
}

.landing-hero__image[b-0t7rmlwp45] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    filter: saturate(1.08) contrast(1.04);
}

.landing-hero__shade[b-0t7rmlwp45] {
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(2, 11, 24, 0.98) 0%, rgba(2, 11, 24, 0.88) 28%, rgba(2, 11, 24, 0.42) 54%, rgba(2, 11, 24, 0.1) 100%),
        linear-gradient(180deg, rgba(2, 11, 24, 0.1) 0%, rgba(2, 11, 24, 0.18) 66%, #020b18 100%);
    pointer-events: none;
}

.landing-hero__inner[b-0t7rmlwp45] {
    position: relative;
    z-index: 2;
    display: grid;
    align-items: center;
    min-height: 100svh;
    padding-top: 96px;
    padding-bottom: 56px;
}

.landing-hero__copy[b-0t7rmlwp45] {
    display: grid;
    gap: 18px;
    width: min(100%, 470px);
}

.landing-hero h1[b-0t7rmlwp45] {
    margin: 0;
    color: var(--landing-text);
    font-size: clamp(4rem, 5.2vw, 4.05rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.02;
    text-shadow: 0 12px 38px rgba(0, 0, 0, 0.48);
}

.landing-hero p[b-0t7rmlwp45] {
    max-width: 430px;
    margin: 0;
    color: var(--landing-text-soft);
    font-size: 1rem;
    line-height: 1.62;
}

.landing-hero__actions[b-0t7rmlwp45] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 10px;
}

.landing-hero__stats[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.landing-section[b-0t7rmlwp45] {
    position: relative;
    padding: 88px 0;
}

.landing-section--why[b-0t7rmlwp45] {
    padding-top: 42px;
}

.landing-feature-grid[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.landing-community-banner[b-0t7rmlwp45] {
    padding: 18px 0 8px;
}

.landing-community-banner__inner[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 112px;
    padding: 22px 28px;
    border: 1px solid rgba(88, 143, 190, 0.28);
    border-radius: 10px;
    background:
        linear-gradient(90deg, rgba(0, 175, 255, 0.14), rgba(4, 26, 52, 0.66)),
        radial-gradient(circle at 84% 50%, rgba(40, 196, 255, 0.18), transparent 16rem),
        rgba(5, 17, 34, 0.9);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.landing-community-banner__copy[b-0t7rmlwp45] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.landing-community-banner__icon[b-0t7rmlwp45] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.landing-community-banner__icon[b-0t7rmlwp45]  .mud-icon-root {
    font-size: 29px !important;
}

.landing-community-banner h2[b-0t7rmlwp45] {
    max-width: 720px;
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: 900;
    line-height: 1.12;
}

.landing-community-banner p[b-0t7rmlwp45] {
    max-width: 580px;
    margin: 6px 0 0;
    color: var(--landing-text-soft);
    font-size: 0.92rem;
    line-height: 1.45;
}

.landing-tools-grid[b-0t7rmlwp45],
.landing-tournament-grid[b-0t7rmlwp45],
.landing-news-grid[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.landing-section--partners[b-0t7rmlwp45] {
    overflow: hidden;
    padding: 96px 0 104px;
    background:
        radial-gradient(ellipse at 58% 55%, rgba(0, 111, 255, 0.12), transparent 34rem),
        linear-gradient(90deg, #020b18 0%, #031126 52%, #020b18 100%);
}

.landing-section--partners .landing-container[b-0t7rmlwp45] {
    position: relative;
    z-index: 1;
    width: min(1440px, 100%);
}

.landing-partner-grid[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: minmax(360px, 0.7fr) minmax(760px, 1.3fr);
    align-items: center;
    gap: 36px;
}

.landing-partner-copy[b-0t7rmlwp45]  .landing-section-header {
    gap: 10px;
    margin-bottom: 24px;
}

.landing-partner-copy[b-0t7rmlwp45]  .landing-section-header__eyebrow {
    font-size: 0.72rem;
}

.landing-partner-copy[b-0t7rmlwp45]  .landing-section-header p {
    color: var(--landing-primary);
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    font-weight: 900;
    line-height: 1.12;
}

.landing-partner-copy[b-0t7rmlwp45]  .landing-section-header__title-row h2 {
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.08;
}

.landing-partner-list[b-0t7rmlwp45] {
    display: grid;
    gap: 10px;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.landing-partner-list li[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    color: var(--landing-text-soft);
    font-size: 0.98rem;
    line-height: 1.4;
}

.landing-partner-list[b-0t7rmlwp45]  .mud-icon-root {
    color: var(--landing-primary);
    font-size: 17px !important;
    filter: drop-shadow(0 0 10px rgba(0, 175, 255, 0.38));
}

.landing-partner-actions[b-0t7rmlwp45] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.landing-partner-visual[b-0t7rmlwp45] {
    position: relative;
    display: grid;
    align-items: center;
    justify-items: end;
    min-height: 440px;
    margin-right: -72px;
}

.landing-partner-art[b-0t7rmlwp45] {
    display: block;
    justify-self: end;
    width: min(110%, 1080px);
    max-width: none;
    height: auto;
    filter: saturate(1.05) contrast(1.04);
}

.landing-section-row[b-0t7rmlwp45] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.landing-section-row[b-0t7rmlwp45]  .landing-section-header {
    margin-bottom: 0;
}

.landing-tournament-card[b-0t7rmlwp45],
.landing-news-card[b-0t7rmlwp45] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--landing-border);
    border-radius: var(--landing-card-radius);
    background: rgba(5, 17, 33, 0.88);
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.landing-tournament-card:hover[b-0t7rmlwp45],
.landing-news-card:hover[b-0t7rmlwp45] {
    transform: translateY(-4px);
    border-color: rgba(40, 196, 255, 0.5);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24), 0 0 24px rgba(0, 175, 255, 0.1);
}

.landing-tournament-card:focus-visible[b-0t7rmlwp45],
.landing-news-card:focus-visible[b-0t7rmlwp45] {
    outline: 3px solid rgba(40, 196, 255, 0.45);
    outline-offset: 3px;
}

.landing-tournament-card img[b-0t7rmlwp45],
.landing-news-card img[b-0t7rmlwp45] {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    filter: saturate(1.12) contrast(1.06) brightness(1.08);
    opacity: 0.94;
    transition: transform 0.25s ease, opacity 0.25s ease, filter 0.25s ease;
}

.landing-tournament-card:hover img[b-0t7rmlwp45],
.landing-news-card:hover img[b-0t7rmlwp45] {
    opacity: 1;
    filter: saturate(1.18) contrast(1.08) brightness(1.12);
    transform: scale(1.04);
}

.landing-tournament-card__badge[b-0t7rmlwp45] {
    position: absolute;
    left: 16px;
    top: 14px;
    z-index: 2;
    padding: 6px 8px;
    border-radius: 5px;
    background: rgba(0, 175, 255, 0.9);
    color: #02101c;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.landing-tournament-card__body[b-0t7rmlwp45],
.landing-news-card__body[b-0t7rmlwp45] {
    display: grid;
    gap: 10px;
    padding: 18px 18px 16px;
}

.landing-tournament-card strong[b-0t7rmlwp45],
.landing-news-card__title[b-0t7rmlwp45] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.22;
}

.landing-tournament-card small[b-0t7rmlwp45] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--landing-text-soft);
    font-size: 0.82rem;
    line-height: 1.2;
}

.landing-tournament-card small[b-0t7rmlwp45]  .mud-icon-root {
    color: var(--landing-primary);
    font-size: 16px !important;
}

.landing-card-link[b-0t7rmlwp45] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 0 18px 18px;
    border-radius: 5px;
    background: rgba(0, 175, 255, 0.14);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.landing-news-meta[b-0t7rmlwp45] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.landing-news-meta strong[b-0t7rmlwp45] {
    padding: 5px 8px;
    border-radius: 5px;
    background: rgba(0, 175, 255, 0.9);
    color: #02101c;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.landing-news-meta small[b-0t7rmlwp45] {
    color: var(--landing-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.landing-news-card__preview[b-0t7rmlwp45] {
    color: var(--landing-text-soft);
    font-size: 0.93rem;
    line-height: 1.5;
}

.landing-news-card__link[b-0t7rmlwp45] {
    color: var(--landing-primary);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.landing-card-skeleton[b-0t7rmlwp45] {
    min-height: 300px;
    border: 1px solid var(--landing-border);
    border-radius: var(--landing-card-radius);
    background:
        linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.05) 42%, transparent 64%),
        rgba(8, 22, 40, 0.82);
    background-size: 220% 100%;
    animation: landing-shimmer-b-0t7rmlwp45 1.1s ease-in-out infinite;
}

.landing-footer[b-0t7rmlwp45] {
    padding: 56px 0 28px;
    border-top: 1px solid rgba(88, 143, 190, 0.14);
    background: rgba(2, 9, 20, 0.94);
}

.landing-footer__grid[b-0t7rmlwp45] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(120px, 0.8fr));
    gap: 42px;
}

.landing-footer__brand img[b-0t7rmlwp45] {
    width: 86px;
    height: auto;
    margin-bottom: 18px;
}

.landing-footer p[b-0t7rmlwp45] {
    margin: 0;
    color: var(--landing-muted);
    font-size: 0.94rem;
    line-height: 1.58;
}

.landing-footer nav[b-0t7rmlwp45] {
    display: grid;
    align-content: start;
    gap: 11px;
}

.landing-footer h2[b-0t7rmlwp45] {
    margin: 0 0 4px;
    color: var(--landing-primary);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1;
    text-transform: uppercase;
}

.landing-footer a[b-0t7rmlwp45] {
    color: var(--landing-text-soft);
    font-size: 0.88rem;
    line-height: 1.35;
    text-decoration: none;
    transition: color 0.18s ease;
}

.landing-footer a:hover[b-0t7rmlwp45] {
    color: #fff;
}

.landing-socials[b-0t7rmlwp45] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.landing-socials a[b-0t7rmlwp45] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(88, 143, 190, 0.24);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
}

.landing-socials a:hover[b-0t7rmlwp45] {
    border-color: rgba(40, 196, 255, 0.6);
    color: var(--landing-primary-hover);
}

.landing-socials[b-0t7rmlwp45]  .mud-icon-root {
    font-size: 19px !important;
}

.landing-footer__bottom[b-0t7rmlwp45] {
    margin-top: 42px;
    color: rgba(200, 212, 227, 0.54);
    font-size: 0.82rem;
    text-align: center;
}

.sr-only[b-0t7rmlwp45] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes landing-shimmer-b-0t7rmlwp45 {
    to {
        background-position: -120% 0;
    }
}

@media (min-width: 1930px) {
    .landing-hero__picture[b-0t7rmlwp45] {
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    }

    .landing-hero__shade[b-0t7rmlwp45] {
        background:
            linear-gradient(90deg, rgba(2, 11, 24, 0.58) 0%, rgba(2, 11, 24, 0.74) 18%, rgba(2, 11, 24, 0.92) 34%, rgba(2, 11, 24, 0.5) 52%, rgba(2, 11, 24, 0.24) 72%, rgba(2, 11, 24, 0.62) 100%),
            linear-gradient(180deg, rgba(2, 11, 24, 0.1) 0%, rgba(2, 11, 24, 0.18) 66%, #020b18 100%);
    }
}

@media (max-width: 1020px) {
    .landing-container[b-0t7rmlwp45] {
        padding: 0 24px;
    }

    .landing-hero[b-0t7rmlwp45] {
        min-height: 100svh;
    }

    .landing-hero__inner[b-0t7rmlwp45] {
        min-height: 100svh;
    }

    .landing-hero h1[b-0t7rmlwp45] {
        font-size: 3.25rem;
    }

    .landing-hero__stats[b-0t7rmlwp45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 430px;
    }

    .landing-feature-grid[b-0t7rmlwp45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .landing-tools-grid[b-0t7rmlwp45],
    .landing-tournament-grid[b-0t7rmlwp45],
    .landing-news-grid[b-0t7rmlwp45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .landing-partner-grid[b-0t7rmlwp45] {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .landing-partner-visual[b-0t7rmlwp45] {
        min-height: 300px;
        margin-right: 0;
        justify-items: center;
    }

    .landing-partner-art[b-0t7rmlwp45] {
        justify-self: center;
        width: min(100%, 920px);
    }

    .landing-footer__grid[b-0t7rmlwp45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .landing-container[b-0t7rmlwp45] {
        padding: 0 16px;
    }

    .landing-hero[b-0t7rmlwp45] {
        min-height: 100svh;
    }

    .landing-hero__image[b-0t7rmlwp45] {
        object-position: 67% center;
        opacity: 0.62;
    }

    .landing-hero__shade[b-0t7rmlwp45] {
        background:
            linear-gradient(180deg, rgba(2, 11, 24, 0.78) 0%, rgba(2, 11, 24, 0.78) 45%, #020b18 100%),
            linear-gradient(90deg, rgba(2, 11, 24, 0.95), rgba(2, 11, 24, 0.38));
    }

    .landing-hero__inner[b-0t7rmlwp45] {
        min-height: 100svh;
        padding-top: 116px;
        padding-bottom: 64px;
    }

    .landing-hero__copy[b-0t7rmlwp45] {
        width: 100%;
    }

    .landing-hero h1[b-0t7rmlwp45] {
        max-width: 10ch;
        font-size: clamp(2.5rem, 12vw, 2.65rem);
    }

    .landing-hero p[b-0t7rmlwp45] {
        max-width: 100%;
        font-size: 0.96rem;
    }

    .landing-hero__actions[b-0t7rmlwp45] {
        width: 100%;
    }

    .landing-hero__stats[b-0t7rmlwp45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 14px;
        margin-top: 28px;
    }

    .landing-section[b-0t7rmlwp45] {
        padding: 62px 0;
    }

    .landing-section--why[b-0t7rmlwp45] {
        padding-top: 48px;
    }

    .landing-feature-grid[b-0t7rmlwp45],
    .landing-tools-grid[b-0t7rmlwp45],
    .landing-tournament-grid[b-0t7rmlwp45],
    .landing-news-grid[b-0t7rmlwp45] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .landing-community-banner__inner[b-0t7rmlwp45],
    .landing-section-row[b-0t7rmlwp45] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .landing-community-banner__copy[b-0t7rmlwp45] {
        align-items: flex-start;
    }

    .landing-section-row[b-0t7rmlwp45] {
        display: grid;
    }

    .landing-partner-actions[b-0t7rmlwp45] {
        display: grid;
    }

    .landing-partner-visual[b-0t7rmlwp45] {
        margin: 0 -16px;
        min-height: 220px;
    }

    .landing-partner-art[b-0t7rmlwp45] {
        width: 100%;
    }

    .landing-footer__grid[b-0t7rmlwp45] {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}