/* /Components/Admin/TwitchAuthSummary.razor.rz.scp.css */
.auth-summary-value[b-yey69qp8ot],
.auth-summary-token[b-yey69qp8ot] {
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
/* /Components/Admin/Valheim/Controls/ChatControls.razor.rz.scp.css */
.valheim-chat[b-0jfag7ka7j] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.valheim-chat-section[b-0jfag7ka7j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.valheim-chat-title[b-0jfag7ka7j] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7ee9ff;
    font-weight: 700;
}
/* /Components/Admin/Valheim/Controls/PlayerList.razor.rz.scp.css */
/*
body {
     font-family: Arial, sans-serif;
 }

label {
    display: block;
    margin-bottom: 5px;
}

input {
    width: 300px;
    padding: 8px;
    margin-bottom: 10px;
}

button {
    padding: 10px;
    background-color: #4caf50;
    color: white;
    border: none;
    cursor: pointer;
}

#responseBox {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}

#streamingCandidates {
    display: flex;
    flex-direction: column;
}*/
/* /Components/Admin/Valheim/Controls/ServerStatsView.razor.rz.scp.css */
.valheim-stats[b-osjh89m5kw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stat-row[b-osjh89m5kw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(41, 241, 255, 0.15);
}

.stat-label[b-osjh89m5kw] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7ee9ff;
    font-weight: 700;
}

.stat-value[b-osjh89m5kw] {
    font-size: 0.9rem;
    font-weight: 600;
}
/* /Components/Admin/Valheim/ValheimCommandDashboard.razor.rz.scp.css */
.valheim-dashboard[b-4a3ezl5l1h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.valheim-grid[b-4a3ezl5l1h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.valheim-panel[b-4a3ezl5l1h] {
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.valheim-panel-full[b-4a3ezl5l1h] {
    grid-column: 1 / -1;
}

.valheim-dashboard .form-control[b-4a3ezl5l1h] {
    color: #d9fdff;
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(41, 241, 255, 0.35);
}

.valheim-dashboard .form-control[b-4a3ezl5l1h]::placeholder {
    color: rgba(217, 253, 255, 0.55);
}
/* /Components/Admin/Valheim/ValheimDashboard.razor.rz.scp.css */
.valheim-dashboard[b-cygcqn15i6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.valheim-status-strip[b-cygcqn15i6] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(41, 241, 255, 0.3);
}

.valheim-status-copy[b-cygcqn15i6] {
    min-width: 0;
}

.valheim-status-kicker[b-cygcqn15i6] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(217, 253, 255, 0.78);
}

.valheim-status-copy h2[b-cygcqn15i6] {
    margin: 0;
}

.valheim-status-copy p[b-cygcqn15i6] {
    color: rgba(217, 253, 255, 0.85);
}

.valheim-status-metrics[b-cygcqn15i6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.valheim-status-metric[b-cygcqn15i6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(41, 241, 255, 0.15);
}

.valheim-status-label[b-cygcqn15i6] {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(217, 253, 255, 0.7);
}

.valheim-status-value[b-cygcqn15i6] {
    font-size: 1rem;
    color: #f2feff;
}

.valheim-status-actions[b-cygcqn15i6] {
    display: flex;
    justify-content: flex-end;
}

.valheim-grid[b-cygcqn15i6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.valheim-panel[b-cygcqn15i6] {
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.valheim-panel-full[b-cygcqn15i6] {
    grid-column: 1 / -1;
}

.valheim-dashboard .form-control[b-cygcqn15i6] {
    color: #d9fdff;
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(41, 241, 255, 0.35);
}

.valheim-dashboard .form-control[b-cygcqn15i6]::placeholder {
    color: rgba(217, 253, 255, 0.55);
}

@media (max-width: 992px) {
    .valheim-status-strip[b-cygcqn15i6] {
        grid-template-columns: 1fr;
    }

    .valheim-status-actions[b-cygcqn15i6] {
        justify-content: flex-start;
    }
}
/* /Components/Health/HealthComponent.razor.rz.scp.css */

.hc[b-tc8zw19njf] {
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
    padding: 12px;
    color: #f5f7ff;
    background: radial-gradient(1200px 600px at 20% 10%, rgba(40, 80, 255, .25), transparent 60%),
    radial-gradient(1000px 500px at 80% 20%, rgba(255, 140, 0, .16), transparent 60%),
    #070a14;
    min-height: 100vh;
}

.hc__header[b-tc8zw19njf] {
    margin-bottom: 10px;
}

.hc__title[b-tc8zw19njf] {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .5px;
}

.hc__subtitle[b-tc8zw19njf] {
    opacity: .75;
    font-size: 12px;
}

.hc__path[b-tc8zw19njf] {
    opacity: .65;
    font-size: 11px;
    margin-top: 4px;
}

.hc__grid[b-tc8zw19njf] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
}

.card[b-tc8zw19njf] {
    grid-column: span 12;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(120, 160, 255, .20);
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    backdrop-filter: blur(10px);
}

.card--wide[b-tc8zw19njf] {
    grid-column: span 12;
}

@media (min-width: 980px) {
    .hc__grid > .card:nth-child(1)[b-tc8zw19njf] {
        grid-column: span 4;
    }

    .hc__grid > .card:nth-child(2)[b-tc8zw19njf] {
        grid-column: span 4;
    }

    .hc__grid > .card:nth-child(3)[b-tc8zw19njf] {
        grid-column: span 4;
    }

    .card--wide[b-tc8zw19njf] {
        grid-column: span 12;
    }
}

.card__title[b-tc8zw19njf] {
    font-weight: 800;
    margin-bottom: 10px;
    opacity: .9;
}

.score[b-tc8zw19njf] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.score__value[b-tc8zw19njf] {
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 1px;
}

.score__meta[b-tc8zw19njf] {
    opacity: .75;
    font-size: 12px;
}

.stats[b-tc8zw19njf] {
    margin-top: 10px;
    display: grid;
    gap: 6px;
}

.stats__row[b-tc8zw19njf] {
    display: flex;
    justify-content: space-between;
    opacity: .92;
}

.stats__row strong[b-tc8zw19njf] {
    font-weight: 800;
}

.field[b-tc8zw19njf] {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
}

.field span[b-tc8zw19njf] {
    font-size: 12px;
    opacity: .8;
}

input[b-tc8zw19njf], select[b-tc8zw19njf] {
    background: rgba(0, 0, 0, .35);
    color: #f5f7ff;
    border: 1px solid rgba(120, 160, 255, .25);
    border-radius: 10px;
    padding: 8px 10px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

input:focus[b-tc8zw19njf], select:focus[b-tc8zw19njf] {
    border-color: rgba(120, 160, 255, .6);
}

.fieldrow[b-tc8zw19njf] {
    display: grid;
    gap: 10px;
}

@media (min-width: 980px) {
    .fieldrow[b-tc8zw19njf] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.btnrow[b-tc8zw19njf] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.btn[b-tc8zw19njf] {
    background: linear-gradient(180deg, rgba(60, 140, 255, .9), rgba(40, 90, 255, .75));
    border: 1px solid rgba(120, 160, 255, .35);
    border-radius: 12px;
    padding: 8px 12px;
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.btn--ghost[b-tc8zw19njf] {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(120, 160, 255, .25);
}

.btn--sm[b-tc8zw19njf] {
    padding: 6px 10px;
    border-radius: 10px;
    font-weight: 700;
}

.btn:hover[b-tc8zw19njf] {
    filter: brightness(1.08);
}

.preview[b-tc8zw19njf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px dashed rgba(120, 160, 255, .25);
    background: rgba(0, 0, 0, .2);
}

.list[b-tc8zw19njf] {
    display: grid;
    gap: 8px;
}

.row[b-tc8zw19njf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(120, 160, 255, .18);
    background: rgba(0, 0, 0, .18);
}

.row__main[b-tc8zw19njf] {
    flex: 1;
    min-width: 0;
}

.row__title[b-tc8zw19njf] {
    font-weight: 800;
    display: flex;
    gap: 8px;
    align-items: center;
}

.row__desc[b-tc8zw19njf] {
    opacity: .75;
    font-size: 12px;
    margin-top: 2px;
}

.row__meta[b-tc8zw19njf] {
    opacity: .70;
    font-size: 11px;
    margin-top: 4px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.row__pts[b-tc8zw19njf] {
    font-size: 22px;
    font-weight: 900;
    min-width: 44px;
    text-align: right;
}

.chip[b-tc8zw19njf] {
    font-size: 11px;
    opacity: .8;
    border: 1px solid rgba(120, 160, 255, .25);
    padding: 2px 8px;
    border-radius: 999px;
}

.empty[b-tc8zw19njf] {
    opacity: .75;
    padding: 10px;
}

.hint[b-tc8zw19njf] {
    opacity: .75;
    font-size: 12px;
    margin-top: 6px;
}

.meta[b-tc8zw19njf] {
    opacity: .7;
    font-size: 11px;
    margin-top: 10px;
    display: grid;
    gap: 4px;
}

/* /Components/Helpers/UnicodeExplorer.razor.rz.scp.css */
.ue-wrap[b-eufc31l7rz] {
    display: grid;
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.ue-panel[b-eufc31l7rz] {
    background: #11131a;
    border: 1px solid #25293a;
    border-radius: 14px;
    padding: 14px;
    color: #e6e6e6;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
}

.ue-controls h1[b-eufc31l7rz] {
    font-size: 1.1rem;
    margin: .2rem 0 .8rem;
}

.ue-controls[b-eufc31l7rz] {
    position: sticky;
    top: 1rem;
}

.ue-row[b-eufc31l7rz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
    margin: .4rem 0;
}

.ue-3[b-eufc31l7rz] {
    grid-template-columns: 1fr 1fr auto;
}

label[b-eufc31l7rz] {
    display: block;
    font-size: .8rem;
    color: #a0a4ad;
    margin: .25rem 0;
}

input[b-eufc31l7rz], select[b-eufc31l7rz] {
    width: 100%;
    padding: .55rem .7rem;
    background: #161925;
    border: 1px solid #25293a;
    color: #e6e6e6;
    border-radius: 10px;
    outline: none;
    font-variant-numeric: tabular-nums;
}

.ue-check[b-eufc31l7rz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #a0a4ad;
    font-size: .9rem;
}

.ue-btns[b-eufc31l7rz] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .6rem;
}

button[b-eufc31l7rz] {
    background: linear-gradient(180deg, #ff7a18, #ffd166);
    color: #171717;
    border: 0;
    padding: .5rem .7rem;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
}

button.secondary[b-eufc31l7rz] {
    background: #23283d;
    color: #e6e6e6;
    border: 1px solid #25293a;
}

.ue-tip[b-eufc31l7rz], .ue-note[b-eufc31l7rz] {
    color: #a0a4ad;
    font-size: .85rem;
}

.ue-bar[b-eufc31l7rz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .6rem;
}

.ue-results[b-eufc31l7rz] {
    min-width: 0;
    max-height: calc(100vh - 2rem);
    overflow: auto;
}

.ue-pill[b-eufc31l7rz] {
    background: #1c2033;
    border: 1px solid #25293a;
    border-radius: 999px;
    padding: .35rem .6rem;
    color: #a0a4ad;
    font-size: .8rem;
}

.ue-grid[b-eufc31l7rz] {
    display: grid;
    gap: .5rem;
}

.ue-cell[b-eufc31l7rz] {
    background: #161925;
    border: 1px solid #25293a;
    border-radius: 12px;
    padding: .6rem;
    text-align: center;
    cursor: pointer;
}

.ue-cell:hover[b-eufc31l7rz] {
    outline: 2px solid #ff7a18;
}

.ue-glyph[b-eufc31l7rz] {
    line-height: 1;
    display: block;
}

.ue-cp[b-eufc31l7rz] {
    font-variant-numeric: tabular-nums;
    font-size: .7rem;
    color: #a0a4ad;
    margin-top: .35rem;
}

@media (max-width: 1100px) {
    .ue-wrap[b-eufc31l7rz] {
        grid-template-columns: 1fr;
    }

    .ue-controls[b-eufc31l7rz] {
        position: static;
    }

    .ue-results[b-eufc31l7rz] {
        max-height: none;
    }
}
/* /Components/Layout/AuthenticatedApplicationLayout.razor.rz.scp.css */
.cc-auth-app__context[b-vqvhedvkeg] {
    min-width: 0;
    width: 100%;
}

.cc-auth-app__menu-button[b-vqvhedvkeg] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 2.75rem;
    padding: 0 .85rem;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cc-app-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: .72rem;
}

.cc-auth-app__menu-button[b-vqvhedvkeg]  svg {
    color: #c06cff;
}

.cc-auth-app__menu-button[aria-expanded="true"][b-vqvhedvkeg],
.cc-auth-app__menu-button:focus-visible[b-vqvhedvkeg] {
    border-color: var(--cc-app-accent);
    color: var(--cc-app-accent);
    outline: none;
}

.cc-auth-app__navigation-backdrop[b-vqvhedvkeg] {
    position: fixed;
    inset: var(--cc-auth-context-height) 0 var(--cc-auth-status-height) 0;
    z-index: 20;
    background: rgb(0 0 0 / 72%);
}

.cc-auth-app__navigation-drawer[b-vqvhedvkeg] {
    position: fixed;
    inset: var(--cc-auth-context-height) auto var(--cc-auth-status-height) 0;
    z-index: 21;
    width: min(24rem, calc(100vw - 2rem));
    overflow: auto;
    border-right: 1px solid var(--cc-app-border);
    background: var(--cc-app-surface-raised);
    box-shadow: 1rem 0 3rem rgb(0 0 0 / 45%);
}

.cc-auth-app__navigation-heading[b-vqvhedvkeg] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.5rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--cc-app-border);
    background: var(--cc-app-surface-raised);
    color: var(--cc-app-text);
}

.cc-auth-app__navigation-heading strong[b-vqvhedvkeg] {
    color: var(--cc-app-accent);
    font-family: var(--cc-app-font-display);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cc-auth-app__navigation-heading button[b-vqvhedvkeg] {
    min-height: 2.75rem;
    padding: 0 .9rem;
    border: 1px solid var(--cc-app-border);
    background: var(--cc-app-surface);
    color: var(--cc-app-text);
}

.cc-auth-app__navigation-heading button:focus-visible[b-vqvhedvkeg] {
    border-color: var(--cc-app-accent);
    outline: 2px solid var(--cc-app-focus-ring);
    outline-offset: 2px;
}

.cc-auth-app__navigation-drawer[b-vqvhedvkeg]  .nav-scrollable {
    height: auto;
    max-height: none;
    overflow: visible;
}

.cc-auth-app__rail-status[b-vqvhedvkeg] {
    display: grid;
    gap: .65rem;
    margin-top: auto;
}

.cc-auth-app__status-card[b-vqvhedvkeg] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgb(16 217 255 / 36%);
    border-radius: .55rem;
    background: linear-gradient(145deg, rgb(16 217 255 / 6%), transparent 64%), rgb(4 6 22 / 82%);
    box-shadow: inset 0 0 1rem rgb(0 0 0 / 28%);
}

.cc-auth-app__status-card > span[b-vqvhedvkeg] {
    display: block;
    margin-bottom: .55rem;
    color: #10d9ff;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cc-auth-app__status-card strong[b-vqvhedvkeg] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--cc-app-text);
    font-size: .76rem;
    line-height: 1.25;
}

.cc-auth-app__status-card strong i[b-vqvhedvkeg] {
    width: .55rem;
    height: .55rem;
    flex: 0 0 .55rem;
    border-radius: 50%;
    background: var(--cc-app-text-muted);
}

.cc-auth-app__status-card small[b-vqvhedvkeg] {
    display: block;
    margin-top: .35rem;
    color: var(--cc-app-text-muted);
    font-size: .64rem;
    line-height: 1.35;
}

.cc-auth-app__status-card.is-ready strong[b-vqvhedvkeg] {
    color: #45ee84;
}

.cc-auth-app__status-card.is-ready strong i[b-vqvhedvkeg] {
    background: #26ef85;
    box-shadow: 0 0 .65rem rgb(38 239 133 / 65%);
}

.cc-auth-app__status-card--stream[b-vqvhedvkeg] {
    border-color: rgb(242 41 255 / 45%);
}

.cc-auth-app__status-card--stream > span[b-vqvhedvkeg] {
    color: #f229ff;
}

.cc-auth-app__status-card--stream.is-live strong[b-vqvhedvkeg] {
    color: #ff4d93;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .cc-auth-app__desktop-nav[b-vqvhedvkeg] {
        display: none !important;
    }

    .cc-auth-app__menu-button[b-vqvhedvkeg] {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.75rem;
        padding: 0 .2rem;
        flex-direction: column;
        justify-content: center;
        gap: .12rem;
        font-size: .68rem;
    }

    .cc-auth-app__context[b-vqvhedvkeg]  .app-shell-header__menu-button,
    .cc-auth-app__context[b-vqvhedvkeg]  .app-shell-header__meta,
    .cc-auth-app__context[b-vqvhedvkeg]  .app-shell-header__stream {
        display: none;
    }

    .cc-auth-app__navigation-backdrop[b-vqvhedvkeg],
    .cc-auth-app__navigation-drawer[b-vqvhedvkeg] {
        inset-block: var(--cc-auth-context-height) calc(var(--cc-auth-status-height) + 3.5rem);
    }

    .cc-auth-app__rail-status[b-vqvhedvkeg] {
        display: none;
    }
}
/* /Components/Layout/AuthenticatedShellFrame.razor.rz.scp.css */
.cc-auth-shell[b-vz3b4d013n] {
    --cc-auth-context-height: 6.2rem;
    --cc-auth-rail-width: 15.75rem;
    --cc-auth-status-height: 1.75rem;
    position: fixed;
    inset: 0;
    z-index: 500;
    display: grid;
    grid-template: var(--cc-auth-context-height) 1fr var(--cc-auth-status-height) / var(--cc-auth-rail-width) 1fr;
    min-width: 0;
    min-height: 100dvh;
    overflow: hidden;
    color: var(--cc-app-text);
    background: var(--cc-app-background);
    color-scheme: dark;
    font-family: var(--cc-app-font-body);
}

.cc-auth-shell[b-vz3b4d013n]  *,
.cc-auth-shell[b-vz3b4d013n]  *::before,
.cc-auth-shell[b-vz3b4d013n]  *::after {
    box-sizing: border-box;
}

.cc-auth-shell a[b-vz3b4d013n] { color: inherit; }
.cc-auth-shell__skip[b-vz3b4d013n] { position: fixed; left: 1rem; top: -5rem; z-index: 3; padding: .75rem 1rem; background: var(--cc-app-accent); color: var(--cc-app-background) !important; }
.cc-auth-shell__skip:focus[b-vz3b4d013n] { top: .5rem; }
.cc-auth-shell__context[b-vz3b4d013n] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: .55rem .8rem 1rem; background: rgb(5 7 25 / 96%); }
.cc-auth-shell__rail[b-vz3b4d013n] { display: flex; flex-direction: column; align-items: stretch; gap: .45rem; padding: 1.25rem .9rem 1rem; border-right: 1px solid rgb(139 61 255 / 58%); background: radial-gradient(circle at 0 40%, rgb(139 61 255 / 8%), transparent 18rem), linear-gradient(180deg, rgb(7 7 27 / 99%), rgb(4 5 19 / 99%)); box-shadow: inset -1rem 0 2rem rgb(0 0 0 / 20%); }
.cc-auth-shell__rail[b-vz3b4d013n]  a { display: flex; align-items: center; gap: .8rem; min-height: 3rem; padding: 0 .9rem; border: 1px solid transparent; border-radius: .5rem; color: var(--cc-app-text-muted); font-size: .82rem; text-decoration: none; }
.cc-auth-shell__rail[b-vz3b4d013n]  a svg { color: #c06cff; }
.cc-auth-shell__rail[b-vz3b4d013n]  a[aria-current="page"],
.cc-auth-shell__rail[b-vz3b4d013n]  a:focus-visible { border-color: #8b3dff; background: linear-gradient(90deg, rgb(139 61 255 / 27%), rgb(38 16 73 / 30%)); color: #f3eaff; box-shadow: inset .18rem 0 #f229ff, 0 0 1rem rgb(139 61 255 / 24%); outline: none; }
.cc-auth-shell__main[b-vz3b4d013n] { min-width: 0; overflow: auto; padding: clamp(1rem, 2vw, 2rem); background: radial-gradient(circle at 18% 0, rgb(16 217 255 / 12%), transparent 30%), radial-gradient(circle at 92% 10%, rgb(139 61 255 / 8%), transparent 26%), var(--cc-app-background); }
.cc-auth-shell__main:focus[b-vz3b4d013n] { outline: none; }
.cc-auth-shell__palette-host[b-vz3b4d013n] { position: fixed; right: 1rem; bottom: calc(var(--cc-auth-status-height) + 1rem); }
.cc-auth-shell__palette-host[b-vz3b4d013n]  button { min-height: 2.75rem; padding: 0 1rem; border: 1px solid var(--cc-app-border); background: var(--cc-app-surface-raised); color: var(--cc-app-text-muted); }
.cc-auth-shell__palette-host[b-vz3b4d013n]  button:focus-visible { border-color: var(--cc-app-accent); color: var(--cc-app-accent); outline: 2px solid var(--cc-app-focus-ring); outline-offset: 2px; }
.cc-auth-shell__status[b-vz3b4d013n] { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; padding: 0 1rem; border-top: 1px solid var(--cc-app-border); background: var(--cc-app-surface); color: var(--cc-app-text-muted); font-size: .75rem; }
.cc-auth-shell__status[b-vz3b4d013n]  > :first-child { color: var(--cc-app-accent); }

[b-vz3b4d013n] .ph-command-palette__backdrop { align-items: flex-start; background: rgb(0 0 0 / 78%); display: flex; inset: 0; justify-content: center; padding: clamp(1rem, 10vh, 7rem) 1rem 1rem; position: fixed; z-index: 1500; }
[b-vz3b4d013n] .ph-command-palette { background: var(--cc-app-surface-raised); border: 1px solid var(--cc-app-accent); box-shadow: 0 1rem 3rem rgb(0 0 0 / 55%); color: var(--cc-app-text); display: grid; max-height: min(44rem, 80vh); max-width: 46rem; overflow: hidden; width: 100%; }
[b-vz3b4d013n] .ph-command-palette__header { align-items: center; border-bottom: 1px solid var(--cc-app-border); display: flex; justify-content: space-between; padding: 1rem; }
[b-vz3b4d013n] .ph-command-palette__header span,
[b-vz3b4d013n] .ph-command-palette__group { color: var(--cc-app-accent); font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }
[b-vz3b4d013n] .ph-command-palette__header h2 { margin: .35rem 0 0; }
[b-vz3b4d013n] .ph-command-palette__search { border-bottom: 1px solid var(--cc-app-border); display: block; padding: 1rem; }
[b-vz3b4d013n] .ph-command-palette__search input { background: var(--cc-app-background); border: 1px solid var(--cc-app-border); color: var(--cc-app-text); font-size: 1rem; min-height: 3rem; padding: .75rem; width: 100%; }
[b-vz3b4d013n] .ph-command-palette__results { display: grid; overflow: auto; padding: .5rem; }
[b-vz3b4d013n] .ph-command-palette__result { background: transparent; border: 1px solid transparent; color: var(--cc-app-text); display: grid; gap: .25rem; min-height: 4.5rem; padding: .75rem; text-align: left; width: 100%; }
[b-vz3b4d013n] .ph-command-palette__result small { color: var(--cc-app-text-muted); }
[b-vz3b4d013n] .ph-command-palette__result:is(.is-active, :focus-visible) { background: var(--cc-app-surface); border-color: var(--cc-app-accent); outline: none; }
[b-vz3b4d013n] .ph-command-palette__empty { color: var(--cc-app-text-muted); padding: 2rem 1rem; text-align: center; }
[b-vz3b4d013n] .ph-command-palette footer { border-top: 1px solid var(--cc-app-border); display: flex; flex-wrap: wrap; gap: 1rem; padding: .75rem 1rem; }

@media (max-width: 720px) {
    .cc-auth-shell[b-vz3b4d013n] { --cc-auth-context-height: 3.75rem; --cc-auth-rail-width: 0rem; --cc-auth-status-height: 0rem; grid-template: var(--cc-auth-context-height) minmax(0, 1fr) 3.75rem / minmax(0, 1fr); }
    .cc-auth-shell__context[b-vz3b4d013n] { padding: .25rem .35rem; }
    .cc-auth-shell__rail[b-vz3b4d013n] { grid-row: 3; flex-direction: row; justify-content: space-around; gap: .15rem; padding: .3rem; border-top: 1px solid rgb(242 41 255 / 40%); border-right: 0; background: rgb(5 7 25 / 96%); box-shadow: 0 -.5rem 1.5rem rgb(0 0 0 / 38%); }
    .cc-auth-shell__rail[b-vz3b4d013n]  .cc-auth-app__desktop-nav { display: none; }
    .cc-auth-shell__rail[b-vz3b4d013n]  a { flex: 1 1 0; min-width: 0; min-height: 2.75rem; justify-content: center; flex-direction: column; gap: .12rem; padding: 0 .2rem; font-size: .68rem; }
    .cc-auth-shell__main[b-vz3b4d013n] { grid-row: 2; padding: .9rem; }
    .cc-auth-shell__status[b-vz3b4d013n] { grid-row: 4; overflow: hidden; white-space: nowrap; }
    .cc-auth-shell__status[b-vz3b4d013n] { display: none; }
    .cc-auth-shell__status[b-vz3b4d013n]  > :last-child { display: none; }
    .cc-auth-shell__palette-host[b-vz3b4d013n] { position: static; flex: 1 1 0; min-width: 0; }
    .cc-auth-shell__palette-host[b-vz3b4d013n]  button { width: 100%; min-width: 0; min-height: 2.75rem; padding: 0 .5rem; }
    [b-vz3b4d013n] .ph-command-palette__backdrop { padding: .5rem; }
    [b-vz3b4d013n] .ph-command-palette { max-height: calc(100vh - 1rem); }
}

@media (prefers-reduced-motion: reduce) {
    .cc-auth-shell *[b-vz3b4d013n],
    .cc-auth-shell *[b-vz3b4d013n]::before,
    .cc-auth-shell *[b-vz3b4d013n]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Layout/BreadcrumbVerbosityPicker.razor.rz.scp.css */
.breadcrumb-verbosity-picker[b-6qi1dbnk6z] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.25rem;
}

.breadcrumb-verbosity-picker__label[b-6qi1dbnk6z] {
    margin: 0;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
    white-space: nowrap;
    padding-top: 0.55rem;
}

.breadcrumb-verbosity-picker__gallery[b-6qi1dbnk6z] {
    display: inline-flex;
    align-items: stretch;
    gap: 0.35rem;
    overflow: hidden;
    flex-wrap: wrap;
}

.breadcrumb-verbosity-picker__card[b-6qi1dbnk6z] {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.85rem;
    padding: 0.42rem 0.58rem;
    min-width: 5.6rem;
    max-width: 8rem;
    color: #f6f8ff;
    background: linear-gradient(145deg, rgba(18, 22, 36, 0.78), rgba(8, 10, 18, 0.95));
    text-align: left;
    cursor: pointer;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease,
        opacity 180ms ease;
}

.breadcrumb-verbosity-picker__card:focus-visible[b-6qi1dbnk6z] {
    outline: 2px solid rgba(0, 212, 255, 0.85);
    outline-offset: 1px;
}

.breadcrumb-verbosity-picker__card:hover:not([disabled])[b-6qi1dbnk6z],
.breadcrumb-verbosity-picker__card:focus-visible[b-6qi1dbnk6z] {
    transform: translateY(-1px);
    border-color: rgba(0, 212, 255, 0.48);
    box-shadow: 0 0 0.5rem rgba(0, 212, 255, 0.18);
}

.breadcrumb-verbosity-picker__card[disabled][b-6qi1dbnk6z] {
    cursor: default;
    opacity: 1;
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.55);
}

.breadcrumb-verbosity-picker__headline[b-6qi1dbnk6z] {
    display: block;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    line-height: 1.25;
}

.breadcrumb-verbosity-picker__note[b-6qi1dbnk6z] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.62rem;
    color: rgba(198, 206, 223, 0.74);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-verbosity-picker__card[aria-pressed="True"][b-6qi1dbnk6z],
.breadcrumb-verbosity-picker__card[aria-pressed="true"][b-6qi1dbnk6z] {
    transform: translateY(0);
    border-color: var(--tron-cyan, #00d4ff);
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.45);
    background-color: rgba(0, 21, 40, 0.8);
}

@media (max-width: 1280px) {
    .breadcrumb-verbosity-picker__card[b-6qi1dbnk6z] {
        min-width: 5rem;
        max-width: 6.8rem;
        padding: 0.34rem 0.45rem;
    }

    .breadcrumb-verbosity-picker__note[b-6qi1dbnk6z] {
        display: none;
    }
}

@media (max-width: 900px) {
    .breadcrumb-verbosity-picker[b-6qi1dbnk6z] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .breadcrumb-verbosity-picker__label[b-6qi1dbnk6z] {
        padding-top: 0;
    }

    .breadcrumb-verbosity-picker__gallery[b-6qi1dbnk6z] {
        gap: 0.2rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-wl0icdrtfw] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--tron-text, #c8d0e0);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--tron-border, rgba(0, 212, 255, 0.35));
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 212, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem var(--tron-surface, #14141c);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.15);
}

.navbar-toggler:checked[b-wl0icdrtfw] {
    background-color: rgba(0, 212, 255, 0.2);
    box-shadow: 0 0 18px rgba(0, 212, 255, 0.35);
}

.top-row[b-wl0icdrtfw] {
    height: 3.5rem;
    background: var(--tron-surface, #14141c);
    border-bottom: 1px solid var(--tron-border, rgba(0, 212, 255, 0.35));
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 1rem;
}

.brand-stack[b-wl0icdrtfw] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

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

.bi[b-wl0icdrtfw] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-wl0icdrtfw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-wl0icdrtfw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-wl0icdrtfw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-wl0icdrtfw]  .nav-link-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    color: currentColor;
    flex: 0 0 auto;
}

.nav-section-header[b-wl0icdrtfw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem 0.25rem;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
}

.nav-section-header[b-wl0icdrtfw]::before,
.nav-section-header[b-wl0icdrtfw]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--tron-border, rgba(0, 212, 255, 0.35));
}

.nav-item[b-wl0icdrtfw] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    opacity: 0;
    animation: navItemFadeIn-b-wl0icdrtfw 0.3s ease-out forwards;
}

@keyframes navItemFadeIn-b-wl0icdrtfw {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

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

.nav-item[b-wl0icdrtfw]  .nav-link {
    color: var(--tron-text, #c8d0e0);
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.06), transparent 45%);
    border: 1px solid transparent;
    border-radius: 2px;
    min-height: 3rem;
    display: flex;
    align-items: center;
    line-height: 1.15;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-shadow: 0 0 6px rgba(0, 212, 255, 0.15);
}

.nav-item[b-wl0icdrtfw]  .nav-item-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.nav-item[b-wl0icdrtfw]  a.active {
    background-color: rgba(0, 212, 255, 0.16);
    border-color: var(--tron-cyan, #00d4ff);
    color: var(--tron-cyan, #00d4ff);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.25);
}

.nav-item[b-wl0icdrtfw]  .nav-link:hover {
    background-color: rgba(0, 212, 255, 0.12);
    border-color: var(--tron-border, rgba(0, 212, 255, 0.35));
    color: var(--tron-cyan, #00d4ff);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.2);
}

.nav-domain-shell[b-wl0icdrtfw] {
    margin: 0.65rem 0.75rem 0.9rem;
    border: 1px solid var(--tron-border, rgba(0, 212, 255, 0.35));
    border-radius: 0.85rem;
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.07), rgba(0, 0, 0, 0.2));
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.05), 0 0 18px rgba(0, 212, 255, 0.08);
    overflow: hidden;
}

.nav-scrollable[b-wl0icdrtfw] {
    display: none;
    position: relative;
    background: var(--tron-bg, #0a0a0f);
}

.nav-scrollable--drawer[b-wl0icdrtfw] {
    display: block;
    height: 100%;
    min-height: 0;
}

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

.nav-scrollable nav[b-wl0icdrtfw] {
    position: relative;
    z-index: 1;
}

.nav-scrollable[b-wl0icdrtfw]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(0, 212, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, 0.04) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: 0.3;
    pointer-events: none;
}

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

    .nav-scrollable[b-wl0icdrtfw] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-version-charm[b-wl0icdrtfw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid var(--tron-border, rgba(0, 212, 255, 0.35));
    border-radius: 999px;
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
    background: rgba(0, 212, 255, 0.04);
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.03);
    white-space: nowrap;
}

.nav-version-footer[b-wl0icdrtfw] {
    display: flex;
    justify-content: center;
    padding: 0.25rem 1rem 1rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vu1jjhelwl],
.components-reconnect-repeated-attempt-visible[b-vu1jjhelwl],
.components-reconnect-failed-visible[b-vu1jjhelwl],
.components-pause-visible[b-vu1jjhelwl],
.components-resume-failed-visible[b-vu1jjhelwl],
.components-rejoining-animation[b-vu1jjhelwl] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-retrying[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-failed[b-vu1jjhelwl],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vu1jjhelwl] {
    display: block;
}


#components-reconnect-modal[b-vu1jjhelwl] {
    background-color: rgba(0, 0, 0, .85);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vu1jjhelwl 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-vu1jjhelwl 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vu1jjhelwl 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }

}

#components-reconnect-modal[b-vu1jjhelwl]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vu1jjhelwl 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vu1jjhelwl {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vu1jjhelwl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vu1jjhelwl {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vu1jjhelwl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vu1jjhelwl] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vu1jjhelwl] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

#components-reconnect-modal button:hover[b-vu1jjhelwl] {
    background-color: #3b6ea2;
}

#components-reconnect-modal button:active[b-vu1jjhelwl] {
    background-color: #6b9ed2;
}

.components-rejoining-animation[b-vu1jjhelwl] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-vu1jjhelwl] {
    position: absolute;
    border: 3px solid #0087ff;
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-vu1jjhelwl 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-vu1jjhelwl] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-vu1jjhelwl {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ShellHeader.razor.rz.scp.css */
.app-shell-header[b-2eepv14nrk] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) minmax(24rem, 2fr) minmax(15rem, 1fr);
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 4.9rem;
    padding: .55rem 1rem;
    gap: 1rem;
    border: 1px solid rgb(242 41 255 / 72%);
    border-radius: 1rem 1rem 0 0;
    background:
        radial-gradient(circle at 9% 50%, rgb(139 61 255 / 12%), transparent 18rem),
        rgb(4 5 20 / 94%);
    box-shadow: 0 0 1.25rem rgb(139 61 255 / 12%), inset 0 1px rgb(255 255 255 / 3%);
}

.app-shell-header[b-2eepv14nrk]::after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1.05rem;
    width: min(20rem, 25vw);
    height: 1.1rem;
    border-left: 1px solid rgb(242 41 255 / 72%);
    border-bottom: 1px solid rgb(242 41 255 / 72%);
    background: rgb(4 5 20 / 94%);
    clip-path: polygon(0 0, 82% 0, 90% 100%, 0 100%);
    pointer-events: none;
}

.app-shell-header__brand[b-2eepv14nrk] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .7rem;
}

.app-shell-header__menu-button[b-2eepv14nrk] {
    display: grid;
    width: 2.9rem;
    height: 3.25rem;
    flex: 0 0 2.9rem;
    padding: 0;
    place-items: center;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.app-shell-header__shield[b-2eepv14nrk] {
    display: grid;
    width: 2.8rem;
    height: 3.15rem;
    place-items: center;
    border: 3px solid #8b3dff;
    clip-path: polygon(50% 0, 96% 23%, 88% 78%, 50% 100%, 12% 78%, 4% 23%);
    background: linear-gradient(180deg, rgb(242 41 255 / 19%), rgb(16 217 255 / 15%));
    box-shadow: inset 0 0 1rem rgb(16 217 255 / 18%);
    color: #10d9ff;
    font-size: 1.45rem;
    font-weight: 900;
    text-shadow: 0 0 .7rem currentColor;
}

.app-shell-header__menu-button:hover .app-shell-header__shield[b-2eepv14nrk],
.app-shell-header__menu-button:focus-visible .app-shell-header__shield[b-2eepv14nrk] {
    border-color: #f229ff;
    filter: drop-shadow(0 0 .45rem rgb(242 41 255 / 50%));
}

.app-shell-header__menu-button:focus-visible[b-2eepv14nrk],
.app-shell-header a:focus-visible[b-2eepv14nrk],
.app-shell-header button:focus-visible[b-2eepv14nrk] {
    outline: 2px solid var(--cc-app-focus-ring);
    outline-offset: 3px;
}

.app-shell-header__menu-label[b-2eepv14nrk] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.app-shell-header__brand-copy[b-2eepv14nrk] {
    display: grid;
    min-width: 0;
    text-decoration: none;
}

.app-shell-header__route-context[b-2eepv14nrk] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.app-shell-title[b-2eepv14nrk] {
    font-family: var(--cc-app-font-display);
    font-size: 1.06rem;
    font-weight: 900;
    letter-spacing: .045em;
    line-height: .98;
    text-transform: uppercase;
    white-space: nowrap;
}

.app-shell-title--channel[b-2eepv14nrk] {
    color: #f229ff;
    text-shadow: 0 0 .75rem rgb(242 41 255 / 30%);
}

.app-shell-title--cheevos[b-2eepv14nrk] {
    color: #3794ff;
    text-shadow: 0 0 .75rem rgb(55 148 255 / 28%);
}

.app-shell-header__context[b-2eepv14nrk] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: clamp(1.25rem, 3vw, 3rem);
}

.app-shell-header__context-item[b-2eepv14nrk] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    gap: .65rem;
    white-space: nowrap;
}

.app-shell-header__context-item span[b-2eepv14nrk] {
    color: #f229ff;
    font-size: .76rem;
    font-weight: 800;
}

.app-shell-header__context-item strong[b-2eepv14nrk] {
    max-width: 11rem;
    overflow: hidden;
    color: var(--cc-app-text);
    font-size: .78rem;
    text-overflow: ellipsis;
}

[b-2eepv14nrk] .app-shell-header__stream-summary {
    position: absolute;
    left: 5.35rem;
    bottom: .25rem;
    max-width: 18rem;
}

[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__statusbar {
    min-height: 1.15rem;
    padding: 0;
    gap: .35rem;
    border: 0;
    background: transparent;
    box-shadow: none;
}

[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__status,
[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__status-channel,
[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__status-title,
[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__stream-note {
    display: inline-block;
    max-width: 8rem;
    overflow: hidden;
    vertical-align: bottom;
    color: var(--cc-app-text-muted);
    font-size: .58rem;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__status-dot {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    border-radius: 50%;
    background: var(--cc-app-text-muted);
}

[b-2eepv14nrk] .app-shell-header__stream-summary .app-shell-header__status--live .app-shell-header__status-dot {
    background: #52e58b;
    box-shadow: 0 0 .5rem rgb(82 229 139 / 60%);
}

[b-2eepv14nrk] .app-shell-header__stream-summary button,
[b-2eepv14nrk] .app-shell-header__stream-details {
    display: none;
}

.app-shell-header__actions[b-2eepv14nrk],
.app-shell-header__settings[b-2eepv14nrk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    gap: .35rem;
}

.app-shell-header__icon-button[b-2eepv14nrk],
.app-shell-header__settings-button[b-2eepv14nrk] {
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0 .65rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #d668ff;
    cursor: pointer;
    font-size: .68rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.app-shell-header__icon-button:hover[b-2eepv14nrk],
.app-shell-header__settings-button:hover[b-2eepv14nrk] {
    border-color: rgb(242 41 255 / 45%);
    background: rgb(242 41 255 / 8%);
}

.app-shell-header__settings-button--site[b-2eepv14nrk] {
    border-color: rgb(255 194 26 / 50%);
    color: #ffc21a;
}

[b-2eepv14nrk] .app-shell-header__notification-gem {
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0 .45rem;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    border: 0;
    background: transparent;
    color: #d668ff;
    text-decoration: none;
}

.app-shell-header__settings-cog[b-2eepv14nrk] {
    position: relative;
}

.app-shell-header__settings-popout[b-2eepv14nrk] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .75rem);
    right: 0;
    width: min(24rem, calc(100vw - 2rem));
}

.app-shell-header__avatar[b-2eepv14nrk] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    place-items: center;
    border: 2px solid #8b3dff;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 30%, rgb(242 41 255 / 25%), rgb(5 7 25) 68%);
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
    box-shadow: 0 0 .75rem rgb(242 41 255 / 22%);
}

@media (max-width: 1050px) {
    .app-shell-header[b-2eepv14nrk] {
        grid-template-columns: minmax(12rem, 1fr) minmax(17rem, 1.5fr) auto;
    }

    .app-shell-header__settings[b-2eepv14nrk] {
        display: none;
    }

    .app-shell-header__context[b-2eepv14nrk] {
        gap: 1rem;
    }
}

@media (max-width: 720px) {
    .app-shell-header[b-2eepv14nrk] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 3.2rem;
        padding: .3rem .55rem;
        border-radius: .7rem .7rem 0 0;
        gap: .4rem;
        overflow: visible;
    }

    .app-shell-header[b-2eepv14nrk]::after {
        display: none;
    }

    .app-shell-header__menu-button[b-2eepv14nrk] {
        width: 2.15rem;
        height: 2.45rem;
        flex-basis: 2.15rem;
    }

    .app-shell-header__shield[b-2eepv14nrk] {
        width: 2.1rem;
        height: 2.4rem;
        border-width: 2px;
        font-size: 1rem;
    }

    .app-shell-title[b-2eepv14nrk] {
        font-size: .72rem;
    }

    .app-shell-header__context[b-2eepv14nrk],
    .app-shell-header__settings[b-2eepv14nrk],
    .app-shell-header__settings-cog[b-2eepv14nrk],
    [b-2eepv14nrk] .app-shell-header__stream-summary {
        display: none;
    }

    .app-shell-header__actions[b-2eepv14nrk] {
        display: flex;
        flex: 0 0 auto;
        gap: .1rem;
    }

    .app-shell-header__icon-button[b-2eepv14nrk],
    [b-2eepv14nrk] .app-shell-header__notification-gem {
        width: 2.75rem;
        min-width: 2.75rem;
        height: 2.75rem;
        min-height: 2.75rem;
        padding: 0 .25rem;
    }

    .app-shell-header__avatar[b-2eepv14nrk] {
        width: 2.75rem;
        height: 2.75rem;
        flex-basis: 2.75rem;
        font-size: .7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-shell-header *[b-2eepv14nrk],
    .app-shell-header *[b-2eepv14nrk]::before,
    .app-shell-header *[b-2eepv14nrk]::after {
        animation: none !important;
        transition: none !important;
    }
}
/* /Components/Layout/ThemePicker.razor.rz.scp.css */
.theme-picker[b-omawxnzdtq] {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0;
    border-bottom: 0;
    background: transparent;
    margin-right: 0.5rem;
    flex-direction: column;
}

.theme-picker--inline[b-omawxnzdtq] {
    display: flex;
    align-items: stretch;
    gap: 0.85rem;
}

.theme-picker__hero[b-omawxnzdtq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 0.25rem 0.1rem 0.15rem;
}

.theme-picker__kicker[b-omawxnzdtq] {
    margin: 0;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
}

.theme-picker__title[b-omawxnzdtq] {
    margin: 0.15rem 0 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #f6f8ff;
}

.theme-picker__summary[b-omawxnzdtq] {
    margin: 0.35rem 0 0;
    max-width: 56ch;
    color: rgba(198, 206, 223, 0.86);
    font-size: 0.84rem;
    line-height: 1.45;
}

.theme-picker__hero-note[b-omawxnzdtq] {
    min-width: 12rem;
    max-width: 16rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.95rem;
    padding: 0.7rem 0.85rem;
    background: rgba(9, 12, 20, 0.74);
}

.theme-picker__hero-label[b-omawxnzdtq] {
    display: block;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(198, 206, 223, 0.7);
}

.theme-picker__hero-value[b-omawxnzdtq] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.95rem;
    color: #fef3d7;
}

.theme-picker__hero-detail[b-omawxnzdtq] {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.76rem;
    color: rgba(198, 206, 223, 0.78);
    line-height: 1.35;
}

.theme-picker__gallery[b-omawxnzdtq] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.theme-picker__card[b-omawxnzdtq] {
    position: relative;
    min-height: 6.7rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.95rem;
    padding: 0.7rem 0.8rem;
    color: #f6f8ff;
    background: linear-gradient(145deg, rgba(18, 22, 36, 0.78), rgba(8, 10, 18, 0.95));
    text-align: left;
    cursor: pointer;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease,
        opacity 180ms ease;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: end;
}

.theme-picker__card:focus-visible[b-omawxnzdtq] {
    outline: 2px solid rgba(0, 212, 255, 0.85);
    outline-offset: 1px;
}

.theme-picker__card:hover:not([disabled])[b-omawxnzdtq],
.theme-picker__card:focus-visible[b-omawxnzdtq] {
    transform: translateY(-1px);
    border-color: rgba(0, 212, 255, 0.48);
    box-shadow: 0 0 0.5rem rgba(0, 212, 255, 0.18);
}

.theme-picker__card[disabled][b-omawxnzdtq] {
    cursor: default;
    opacity: 1;
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.55);
}

.theme-picker__headline[b-omawxnzdtq] {
    display: block;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.25;
}

.theme-picker__note[b-omawxnzdtq] {
    display: block;
    margin-top: 0.1rem;
    font-size: 0.68rem;
    color: rgba(198, 206, 223, 0.74);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme-picker__preview[b-omawxnzdtq] {
    display: block;
    font-size: 0.64rem;
    line-height: 1.35;
    color: rgba(198, 206, 223, 0.82);
    margin-top: auto;
}

.theme-picker__hero-badge[b-omawxnzdtq] {
    position: absolute;
    top: -0.32rem;
    right: 0.32rem;
    display: inline-flex;
    padding: 0.08rem 0.36rem;
    border-radius: 999px;
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #221a08;
    background: linear-gradient(90deg, #ffce5f, #ff9830);
    border: 1px solid rgba(255, 175, 45, 0.75);
}

.theme-picker__card--tron[b-omawxnzdtq] {
    background: linear-gradient(140deg, rgba(0, 212, 255, 0.24), rgba(11, 12, 22, 0.95));
    border-color: rgba(0, 212, 255, 0.44);
}

.theme-picker__card--hero[b-omawxnzdtq] {
    border-width: 2px;
}

.theme-picker__card--atari[b-omawxnzdtq] {
    background:
        repeating-linear-gradient(
            90deg,
            rgba(96, 72, 38, 0.45) 0,
            rgba(96, 72, 38, 0.45) 2px,
            rgba(128, 90, 40, 0.4) 2px,
            rgba(128, 90, 40, 0.4) 4px
        ),
        linear-gradient(150deg, #5b3b1a, #f0d3a8 65%, #5a3f18);
    border-color: rgba(220, 180, 110, 0.6);
    box-shadow: inset 0 0 1rem rgba(80, 45, 14, 0.36);
}

.theme-picker__card--atari .theme-picker__headline[b-omawxnzdtq],
.theme-picker__card--atari .theme-picker__note[b-omawxnzdtq] {
    color: #fff2de;
}

.theme-picker__card--health[b-omawxnzdtq] {
    background: radial-gradient(circle at 20% 20%, rgba(255, 140, 0, 0.28), transparent 44%),
        linear-gradient(140deg, #09162b, #062d42 45%, #1f5f5a);
    border-color: rgba(255, 172, 95, 0.45);
}

.theme-picker__card[aria-pressed="True"][b-omawxnzdtq],
.theme-picker__card[aria-pressed="true"][b-omawxnzdtq] {
    transform: translateY(0);
    border-color: var(--tron-cyan, #00d4ff);
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.45);
    background-color: rgba(0, 21, 40, 0.8);
}

@media (max-width: 1280px) {
    .theme-picker__hero[b-omawxnzdtq] {
        flex-direction: column;
    }

    .theme-picker__card[b-omawxnzdtq] {
        min-height: 6rem;
    }

    .theme-picker__headline[b-omawxnzdtq] {
        font-size: 0.72rem;
    }

    .theme-picker__note[b-omawxnzdtq] {
        display: block;
    }
}

@media (max-width: 900px) {
    .theme-picker[b-omawxnzdtq] {
        margin-right: 0;
    }

    .theme-picker__gallery[b-omawxnzdtq] {
        grid-template-columns: 1fr;
    }

    .theme-picker__card[b-omawxnzdtq] {
        min-height: 5.5rem;
    }
}
/* /Components/Navigation/OperatorDomainSwitcher.razor.rz.scp.css */
.nav-domain-switcher[b-axmq6zpm8q] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.75rem;
}

.nav-domain-switcher__label[b-axmq6zpm8q] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.nav-domain-switcher__items[b-axmq6zpm8q] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
}

.nav-domain-switcher__item[b-axmq6zpm8q] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.3rem;
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(0, 212, 255, 0.18);
    border-radius: 0.45rem;
    color: var(--tron-text, #c8d0e0);
    background: rgba(0, 212, 255, 0.045);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.nav-domain-switcher__item:hover[b-axmq6zpm8q],
.nav-domain-switcher__item:focus-visible[b-axmq6zpm8q] {
    border-color: var(--tron-border, rgba(0, 212, 255, 0.35));
    color: var(--tron-cyan, #00d4ff);
    background: rgba(0, 212, 255, 0.12);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.16);
    outline: none;
}

.nav-domain-switcher__item.active[b-axmq6zpm8q] {
    border-color: var(--tron-cyan, #00d4ff);
    color: var(--tron-cyan, #00d4ff);
    background: rgba(0, 212, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.1), 0 0 12px rgba(0, 212, 255, 0.2);
}

.nav-domain-switcher__icon[b-axmq6zpm8q] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: currentColor;
}

.nav-domain-switcher__item span[b-axmq6zpm8q] {
    min-width: 0;
    overflow-wrap: anywhere;
}
/* /Components/Pages/AccountNotifications.razor.rz.scp.css */
.account-notifications[b-ekpzmobl1b] {
    display: grid;
    gap: 0.75rem;
}

.account-notifications__item[b-ekpzmobl1b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
}

.account-notifications__item--unread[b-ekpzmobl1b] {
    border-color: rgba(82, 229, 139, 0.55);
    box-shadow: inset 3px 0 0 rgba(82, 229, 139, 0.8);
}

.account-notifications__body[b-ekpzmobl1b] {
    min-width: 0;
}

.account-notifications__body h2[b-ekpzmobl1b] {
    margin: 0.2rem 0;
    font-size: 1rem;
    line-height: 1.25;
}

.account-notifications__body p[b-ekpzmobl1b] {
    margin: 0;
    color: var(--cc-shell-text, #c8d0e0);
}

.account-notifications__meta[b-ekpzmobl1b],
.account-notifications__time[b-ekpzmobl1b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    color: var(--cc-shell-text-muted, #8890a0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account-notifications__time[b-ekpzmobl1b] {
    margin-top: 0.45rem;
}

.account-notifications__actions[b-ekpzmobl1b] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.account-notifications__action[b-ekpzmobl1b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.7rem;
    border: 1px solid var(--cc-shell-border, rgba(0, 212, 255, 0.35));
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.16);
    color: var(--cc-shell-accent, #00d4ff);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.account-notifications__read[b-ekpzmobl1b] {
    color: var(--cc-shell-text-muted, #8890a0);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .account-notifications__item[b-ekpzmobl1b] {
        grid-template-columns: 1fr;
    }

    .account-notifications__actions[b-ekpzmobl1b] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Accounts.razor.rz.scp.css */
.accounts-dashboard[b-f9jhnwch6m] {
    --accounts-section-radius: 14px;
}

.accounts-page-shell[b-f9jhnwch6m] {
    min-width: 0;
    /* MudAppBar overlays MudMainContent; reserve its 72-80px shell height. */
    padding-top: clamp(3.75rem, 4vw, 5rem);
}

.accounts-page-shell[b-f9jhnwch6m]  .dashboard-page-header,
.accounts-page-shell[b-f9jhnwch6m]  .dashboard-page-header__content {
    min-width: 0;
    width: 100%;
}

.accounts-dashboard__theme-banner[b-f9jhnwch6m] {
    --tron-theme-banner-max-width: min(1200px, 100%);
    max-width: var(--tron-theme-banner-max-width);
}

.accounts-dashboard__jump-links[b-f9jhnwch6m] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(12, 14, 18, 0.92));
}

.accounts-dashboard__jump-links[b-f9jhnwch6m]  .mud-button-root {
    min-height: 38px;
}

@media (max-width: 900px) {
    .accounts-dashboard__theme-banner[b-f9jhnwch6m]  .mud-alert-root {
        padding: 0.85rem 0.9rem;
    }
}

.accounts-dashboard__jump-links[b-f9jhnwch6m]  .mud-stack {
    min-width: 0;
}
 
/* /Components/Pages/AccountsAiProvidersCard.razor.rz.scp.css */
.ai-providers-loading[b-ksunq4isml] {
    display: flex;
    justify-content: center;
    padding: 1.25rem 0;
}

.ai-providers-shell[b-ksunq4isml] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ai-providers-list[b-ksunq4isml] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.ai-provider-row[b-ksunq4isml] {
    display: grid;
    grid-template-columns: minmax(180px, 1.4fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 212, 255, 0.16);
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.05), rgba(0, 212, 255, 0.01) 28%, transparent 60%),
    rgba(10, 14, 24, 0.86);
}

.ai-provider-row__main[b-ksunq4isml],
.ai-provider-row__field[b-ksunq4isml] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ai-provider-row__title[b-ksunq4isml] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ai-provider-row__meta[b-ksunq4isml],
.ai-provider-row__label[b-ksunq4isml] {
    color: var(--tron-text-muted, #8890a0);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.ai-provider-row__label[b-ksunq4isml] {
    font-size: 0.68rem;
}

.ai-provider-row__value[b-ksunq4isml] {
    word-break: break-word;
}

.ai-provider-row__model-select[b-ksunq4isml] {
    min-width: 0;
}

.ai-provider-row__actions[b-ksunq4isml] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.ai-provider-row__icon-button[b-ksunq4isml] {
    border: 1px solid rgba(0, 212, 255, 0.16);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.04);
}

.ai-provider-row__icon-button:hover[b-ksunq4isml] {
    background: rgba(0, 212, 255, 0.1);
    border-color: rgba(0, 212, 255, 0.34);
}

.ai-provider-row__edit-panel[b-ksunq4isml] {
    grid-column: 1 / -1;
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(0, 212, 255, 0.12);
}

.ai-provider-row__edit-grid[b-ksunq4isml] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.ai-provider-row__edit-slider[b-ksunq4isml] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ai-provider-presets[b-ksunq4isml] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 212, 255, 0.12);
}

.ai-provider-presets__title[b-ksunq4isml] {
    color: var(--tron-text-muted, #8890a0);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-provider-presets__button[b-ksunq4isml] {
    min-width: 8.5rem;
}

.ai-providers-empty-state[b-ksunq4isml] {
    margin-bottom: 0;
}

[b-ksunq4isml] .ai-provider-row .mud-input-root,
[b-ksunq4isml] .ai-provider-row .mud-input-slot,
[b-ksunq4isml] .ai-provider-row .mud-switch-label,
[b-ksunq4isml] .ai-provider-row .mud-typography,
[b-ksunq4isml] .ai-provider-row .mud-select-input {
    color: var(--tron-text, #c8d0e0);
}

[b-ksunq4isml] .ai-provider-row .mud-input-outlined-border {
    border-color: rgba(0, 212, 255, 0.24);
}

[b-ksunq4isml] .ai-provider-row .mud-input-control:hover .mud-input-outlined-border,
[b-ksunq4isml] .ai-provider-row .mud-input-control.mud-input-focused .mud-input-outlined-border {
    border-color: rgba(0, 212, 255, 0.48);
}

[b-ksunq4isml] .ai-provider-row .mud-input.mud-input-outlined {
    background: rgba(6, 10, 18, 0.78);
    border-radius: 8px;
}

[b-ksunq4isml] .ai-provider-row .mud-button-root {
    letter-spacing: 0.06em;
}

@media (max-width: 1200px) {
    .ai-provider-row[b-ksunq4isml] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ai-provider-row__actions[b-ksunq4isml] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .ai-provider-row[b-ksunq4isml] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AccountsBatoceraCard.razor.rz.scp.css */
.batocera-device-row[b-diugntdvbd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    border: 1px solid rgba(0, 212, 255, 0.12);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.03), rgba(0, 212, 255, 0.01) 36%, transparent 100%),
    rgba(10, 14, 24, 0.72);
}

.batocera-device-row__main[b-diugntdvbd],
.batocera-device-row__actions[b-diugntdvbd] {
    min-width: 0;
}

.batocera-device-row__main[b-diugntdvbd] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.batocera-device-row__title[b-diugntdvbd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.batocera-device-row__actions[b-diugntdvbd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

@media (max-width: 900px) {
    .batocera-device-row[b-diugntdvbd] {
        grid-template-columns: 1fr;
    }

    .batocera-device-row__actions[b-diugntdvbd] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/AccountsComponentSetupHelper.razor.rz.scp.css */
.accounts-component-helper[b-hmvhd8hana] {
    border-color: rgba(96, 165, 250, 0.35);
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.08), rgba(59, 130, 246, 0.05));
}

.accounts-component-helper__detail[b-hmvhd8hana] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 12px;
    padding: 0.85rem;
    height: 100%;
    background: rgba(15, 23, 42, 0.03);
}

.accounts-component-helper__value[b-hmvhd8hana] {
    overflow-wrap: anywhere;
    word-break: break-word;
    min-height: 2.5rem;
    font-family: var(--mud-typography-code-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}
/* /Components/Pages/AccountsConnectionSummaryStrip.razor.rz.scp.css */
.accounts-summary-strip[b-qt01pn0efo] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(29, 185, 84, 0.09), transparent 34%),
        radial-gradient(circle at bottom left, rgba(120, 92, 255, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(18, 20, 26, 0.95), rgba(13, 15, 20, 0.93));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.accounts-summary-strip[b-qt01pn0efo]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 100%);
    background-size: 18px 18px;
    opacity: 0.22;
}

.accounts-summary-strip > *[b-qt01pn0efo] {
    position: relative;
    z-index: 1;
}

.accounts-summary-strip__overall-chip[b-qt01pn0efo] {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.accounts-summary-strip__item[b-qt01pn0efo] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.accounts-summary-strip__item.is-ready[b-qt01pn0efo] {
    border-color: rgba(29, 185, 84, 0.24);
    background: linear-gradient(180deg, rgba(29, 185, 84, 0.08), rgba(255, 255, 255, 0.03));
}

.accounts-summary-strip__item.needs-attention[b-qt01pn0efo] {
    border-color: rgba(255, 193, 7, 0.2);
    background: linear-gradient(180deg, rgba(255, 193, 7, 0.08), rgba(255, 255, 255, 0.03));
}

.accounts-summary-strip__icon[b-qt01pn0efo] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.accounts-summary-strip__item-copy[b-qt01pn0efo] {
    min-width: 0;
}

.accounts-summary-strip__state-chip[b-qt01pn0efo] {
    justify-self: end;
    white-space: nowrap;
}

.accounts-summary-strip--compact[b-qt01pn0efo] {
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
}

.accounts-summary-strip--compact .accounts-summary-strip__item[b-qt01pn0efo] {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.65rem;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
}

.accounts-summary-strip--compact .accounts-summary-strip__icon[b-qt01pn0efo] {
    width: 2rem;
    height: 2rem;
}

@media (max-width: 600px) {
    .accounts-summary-strip__item[b-qt01pn0efo] {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    .accounts-summary-strip__state-chip[b-qt01pn0efo] {
        grid-column: 1 / -1;
        justify-self: start;
        margin-top: 0.2rem;
    }
}
/* /Components/Pages/AccountsDashboard.razor.rz.scp.css */
.accounts-dashboard-grid[b-i6zs26mvlo] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo] {
    --accounts-terse-gap: 0.65rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-section {
    gap: var(--accounts-terse-gap);
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-section__subtitle {
    display: none;
}

.accounts-dashboard-grid > .accounts-native-grid[b-i6zs26mvlo],
.accounts-dashboard-grid > .accounts-native-grid > .accounts-native-cell > .accounts-native-grid[b-i6zs26mvlo],
.accounts-settings-layout__sections[b-i6zs26mvlo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.accounts-dashboard-grid[b-i6zs26mvlo]  .accounts-section .accounts-native-grid,
.accounts-focused-contract-strip .accounts-native-grid[b-i6zs26mvlo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
    min-width: 0;
}

.accounts-dashboard-grid--terse .accounts-native-grid[b-i6zs26mvlo] {
    gap: var(--accounts-terse-gap);
}

.accounts-reconnect-intro[b-i6zs26mvlo] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(12, 14, 18, 0.92));
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.75rem;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card__description,
.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card__details,
.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card__secondary-actions {
    display: none;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card__actions {
    justify-content: flex-start;
    margin-top: 0.65rem;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .accounts-provider-card__status {
    margin-top: 0.5rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.accounts-dashboard-grid--terse[b-i6zs26mvlo]  .connection-shell__logo {
    transform: scale(0.8);
    transform-origin: top center;
}

.accounts-admin-details[b-i6zs26mvlo] {
    margin-top: -0.25rem;
}

.accounts-contract-shell[b-i6zs26mvlo] {
    margin-top: -0.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
    overflow: hidden;
}

.accounts-dashboard-grid[b-i6zs26mvlo]  .accounts-section {
    height: 100%;
}

.accounts-native-cell[b-i6zs26mvlo] {
    min-width: 0;
}

.accounts-settings-layout[b-i6zs26mvlo] {
    display: grid;
    grid-template-columns: minmax(11rem, 14rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.accounts-section-nav[b-i6zs26mvlo] {
    position: sticky;
    top: 0.75rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(12, 14, 18, 0.92);
}

.accounts-section-nav__label[b-i6zs26mvlo] {
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.accounts-section-nav__links[b-i6zs26mvlo] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.accounts-section-nav__links a[b-i6zs26mvlo] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.accounts-section-nav__links a:hover[b-i6zs26mvlo],
.accounts-section-nav__links a:focus-visible[b-i6zs26mvlo] {
    background: rgba(0, 229, 255, 0.08);
    color: var(--mud-palette-info, #00e5ff);
}

.accounts-contract-shell summary[b-i6zs26mvlo] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

.accounts-contract-shell__links[b-i6zs26mvlo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 0.9rem 0.9rem;
}

.accounts-contract-shell__links a[b-i6zs26mvlo] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 999px;
    color: var(--mud-palette-info, #00e5ff);
    font-size: 0.82rem;
    text-decoration: none;
}

.accounts-contract-shell__links a:hover[b-i6zs26mvlo],
.accounts-contract-shell__links a:focus-visible[b-i6zs26mvlo] {
    background: rgba(0, 229, 255, 0.08);
}

.accounts-chat-identity-link[b-i6zs26mvlo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.accounts-chat-identity-link__title[b-i6zs26mvlo] {
    font-size: 1rem;
    font-weight: 700;
}

.accounts-chat-identity-link__body[b-i6zs26mvlo] {
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
}

.accounts-chat-identity-link a[b-i6zs26mvlo] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 8px;
    color: var(--mud-palette-info, #00e5ff);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.accounts-chat-identity-link a:hover[b-i6zs26mvlo],
.accounts-chat-identity-link a:focus-visible[b-i6zs26mvlo] {
    background: rgba(0, 229, 255, 0.08);
}

.accounts-admin-details[b-i6zs26mvlo]  .mud-expand-panel {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.accounts-admin-details[b-i6zs26mvlo]  .mud-expand-panel-header {
    min-height: 42px;
    padding: 0.35rem 0.8rem;
}

.accounts-focus-target[b-i6zs26mvlo] {
    scroll-margin-top: 5rem;
    border-radius: 0.9rem;
}

.accounts-focus-target--active[b-i6zs26mvlo] {
    outline: 2px solid rgba(0, 229, 255, 0.72);
    outline-offset: 0.35rem;
    box-shadow: 0 0 1.4rem rgba(0, 229, 255, 0.18);
}

@media (max-width: 900px) {
    .accounts-settings-layout[b-i6zs26mvlo] {
        display: flex;
        flex-direction: column;
    }

    .accounts-section-nav[b-i6zs26mvlo] {
        position: static;
    }

    .accounts-section-nav__links[b-i6zs26mvlo] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .accounts-section-nav__links a[b-i6zs26mvlo] {
        min-height: 2rem;
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .accounts-dashboard-grid[b-i6zs26mvlo]  .accounts-section .accounts-native-grid,
    .accounts-focused-contract-strip .accounts-native-grid[b-i6zs26mvlo] {
        grid-template-columns: minmax(0, 1fr);
    }

    .accounts-dashboard-grid[b-i6zs26mvlo]  .accounts-section,
    .accounts-dashboard-grid[b-i6zs26mvlo]  .mud-card,
    .accounts-dashboard-grid[b-i6zs26mvlo]  .mud-paper,
    .accounts-native-cell[b-i6zs26mvlo] {
        min-width: 0;
        max-width: 100%;
    }

    .accounts-dashboard-grid[b-i6zs26mvlo]  .mud-typography,
    .accounts-dashboard-grid[b-i6zs26mvlo]  a {
        overflow-wrap: anywhere;
    }
}
/* /Components/Pages/AccountsDebugInfoWidget.razor.rz.scp.css */
.accounts-debug-widget[b-dql1wt64nb] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.accounts-debug-widget__toggle[b-dql1wt64nb] {
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.35);
}

.accounts-debug-widget__panel[b-dql1wt64nb] {
    width: min(56rem, calc(100vw - 2rem));
    max-height: min(72vh, 52rem);
    overflow: auto;
    padding: 1rem;
    border: 1px solid rgba(0, 229, 255, 0.28);
    background: rgba(3, 8, 18, 0.96);
}

@media (max-width: 760px) {
    .accounts-debug-widget[b-dql1wt64nb] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        align-items: stretch;
    }

    .accounts-debug-widget__panel[b-dql1wt64nb] {
        width: 100%;
        max-height: 70vh;
    }
}
/* /Components/Pages/AccountsIdentityRoleBanner.razor.rz.scp.css */
.accounts-identity-banner[b-brbtli3oxf] {
    background: rgba(10, 14, 24, 0.82);
    border-color: rgba(0, 212, 255, 0.18);
}
/* /Components/Pages/AccountsIntegrationContractMap.razor.rz.scp.css */
.accounts-contract-body[b-jp3kq5p7qr] {
    display: grid;
    gap: 0.75rem;
}

.accounts-contract-actions[b-jp3kq5p7qr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.accounts-contract-count[b-jp3kq5p7qr],
.accounts-contract-diagnostics-link[b-jp3kq5p7qr] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 999px;
    color: var(--tron-text, inherit);
    font-size: 0.78rem;
    line-height: 1;
    text-decoration: none;
}

.accounts-contract-count--secondary[b-jp3kq5p7qr] {
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--tron-text-muted, #8890a0);
}

.accounts-contract-diagnostics-link[b-jp3kq5p7qr] {
    color: var(--mud-palette-info, #00e5ff);
}

.accounts-contract-lanes[b-jp3kq5p7qr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.accounts-contract-lane[b-jp3kq5p7qr] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.accounts-contract-lane__header[b-jp3kq5p7qr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.accounts-contract-lane__header h3[b-jp3kq5p7qr] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.accounts-contract-provider-links[b-jp3kq5p7qr] {
    display: grid;
    gap: 0.45rem;
}

.accounts-contract-provider-link[b-jp3kq5p7qr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.5rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    color: inherit;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.12);
}

.accounts-contract-provider-link:hover[b-jp3kq5p7qr],
.accounts-contract-provider-link:focus-visible[b-jp3kq5p7qr] {
    border-color: rgba(0, 229, 255, 0.45);
    background: rgba(0, 229, 255, 0.08);
}

.accounts-contract-provider-link__label[b-jp3kq5p7qr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.accounts-contract-provider-link__route[b-jp3kq5p7qr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--tron-text-muted, #8890a0);
    font-family: var(--mud-typography-default-family);
    font-size: 0.78rem;
}

.accounts-integration-contract-details[b-jp3kq5p7qr] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.015);
}

.accounts-integration-contract-details summary[b-jp3kq5p7qr] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    cursor: pointer;
    font-weight: 600;
}

.accounts-contract-table-scroll[b-jp3kq5p7qr] {
    overflow-x: auto;
    padding: 0 0.75rem 0.75rem;
}

.accounts-contract-table[b-jp3kq5p7qr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.accounts-contract-table th[b-jp3kq5p7qr],
.accounts-contract-table td[b-jp3kq5p7qr] {
    padding: 0.45rem 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    vertical-align: top;
}

@media (max-width: 600px) {
    .accounts-contract-provider-link[b-jp3kq5p7qr] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .accounts-contract-provider-link__label[b-jp3kq5p7qr],
    .accounts-contract-provider-link__route[b-jp3kq5p7qr] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Components/Pages/AccountsNameCard.razor.rz.scp.css */
.accounts-name-card[b-9g3f8mjour] {
    min-height: 100%;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.accounts-name-card__header[b-9g3f8mjour] {
    display: grid;
    gap: 0.25rem;
}

.accounts-name-card__title[b-9g3f8mjour] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.accounts-name-card__value[b-9g3f8mjour] {
    font-size: 1rem;
    font-weight: 700;
}

.accounts-name-card p[b-9g3f8mjour] {
    margin: 0.75rem 0 1rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
    line-height: 1.5;
}

.accounts-name-card__action[b-9g3f8mjour] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 8px;
    color: var(--mud-palette-info, #00e5ff);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.accounts-name-card__action:hover[b-9g3f8mjour],
.accounts-name-card__action:focus-visible[b-9g3f8mjour] {
    background: rgba(0, 229, 255, 0.08);
}
/* /Components/Pages/AccountsProviderConnectionCard.razor.rz.scp.css */
.accounts-provider-card[b-3irzcvhgjw] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 100%;
    padding: 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(17, 19, 24, 0.92);
}

.accounts-provider-card__media[b-3irzcvhgjw] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.accounts-provider-card__content[b-3irzcvhgjw],
.accounts-provider-card__identity[b-3irzcvhgjw] {
    min-width: 0;
}

.accounts-provider-card__header[b-3irzcvhgjw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.accounts-provider-card h3[b-3irzcvhgjw] {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.3;
}

.accounts-provider-card p[b-3irzcvhgjw] {
    margin: 0.2rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
}

.accounts-provider-card__state[b-3irzcvhgjw] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.accounts-provider-card__state[data-state-kind="success"][b-3irzcvhgjw] {
    border-color: rgba(46, 204, 113, 0.45);
    color: #9be7b0;
}

.accounts-provider-card__state[data-state-kind="warning"][b-3irzcvhgjw] {
    border-color: rgba(255, 193, 7, 0.45);
    color: #ffd166;
}

.accounts-provider-card__state[data-state-kind="danger"][b-3irzcvhgjw] {
    border-color: rgba(244, 67, 54, 0.55);
    color: #ff8a80;
}

.accounts-provider-card__description[b-3irzcvhgjw] {
    margin-top: 0.9rem;
    max-width: 80ch;
}

.accounts-provider-card__actions[b-3irzcvhgjw],
.accounts-provider-card__primary-action[b-3irzcvhgjw],
.accounts-provider-card__secondary-actions[b-3irzcvhgjw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.accounts-provider-card__actions[b-3irzcvhgjw] {
    justify-content: flex-end;
    margin-top: 0.9rem;
}

.accounts-provider-card__primary-action[b-3irzcvhgjw] {
    justify-content: flex-end;
}

.accounts-provider-card__secondary-actions[b-3irzcvhgjw] {
    justify-content: flex-end;
}

[b-3irzcvhgjw] .accounts-provider-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

[b-3irzcvhgjw] .accounts-provider-card__button--primary {
    border-color: rgba(0, 229, 255, 0.35);
    background: var(--mud-palette-primary, #594ae2);
    color: var(--mud-palette-primary-text, #fff);
}

[b-3irzcvhgjw] .accounts-provider-card__button--warning {
    border-color: rgba(255, 193, 7, 0.45);
    color: #ffd166;
}

[b-3irzcvhgjw] .accounts-provider-card__button--danger {
    border-color: rgba(244, 67, 54, 0.55);
    color: #ff8a80;
}

[b-3irzcvhgjw] .accounts-provider-card__button:disabled,
[b-3irzcvhgjw] .accounts-provider-card__button.is-disabled {
    opacity: 0.55;
    pointer-events: none;
}

.accounts-provider-card__status[b-3irzcvhgjw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.accounts-provider-card__details[b-3irzcvhgjw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

[b-3irzcvhgjw] .accounts-provider-card__details-item,
.accounts-provider-card__details span[b-3irzcvhgjw] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .accounts-provider-card[b-3irzcvhgjw] {
        grid-template-columns: 1fr;
    }

    .accounts-provider-card__media[b-3irzcvhgjw] {
        justify-content: flex-start;
    }

    .accounts-provider-card__header[b-3irzcvhgjw] {
        flex-direction: column;
    }

    .accounts-provider-card__actions[b-3irzcvhgjw],
    .accounts-provider-card__primary-action[b-3irzcvhgjw],
    .accounts-provider-card__secondary-actions[b-3irzcvhgjw] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/AccountsReconnectSurface.razor.rz.scp.css */
.accounts-reconnect-surface[b-i6972g53oj] {
    margin-inline: auto;
    max-width: 72rem;
}

.accounts-reconnect-surface__panel[b-i6972g53oj] {
    background:
        linear-gradient(145deg, rgb(18 24 43 / 96%), rgb(8 10 18 / 98%)),
        radial-gradient(circle at 100% 0, rgb(167 139 250 / 14%), transparent 26%);
}

.accounts-reconnect-surface__header[b-i6972g53oj] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: clamp(1rem, 3vw, 1.8rem);
}

.accounts-reconnect-surface__eyebrow[b-i6972g53oj] {
    color: var(--theme-primary);
    font: 600 .7rem/1 var(--theme-font-display);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.accounts-reconnect-surface__header h1[b-i6972g53oj] {
    font: 700 clamp(1.6rem, 4vw, 2.45rem)/1.1 var(--theme-font-display);
    letter-spacing: .025em;
    margin: .6rem 0 .45rem;
}

.accounts-reconnect-surface__header p[b-i6972g53oj],
.accounts-reconnect-surface__advanced p[b-i6972g53oj] {
    color: var(--theme-text-muted);
    margin: 0;
    max-width: 44rem;
}

.accounts-reconnect-surface__list[b-i6972g53oj] {
    display: grid;
    gap: 1.5rem;
}

.accounts-reconnect-surface__group[b-i6972g53oj] {
    display: grid;
    gap: .55rem;
}

.accounts-reconnect-surface__group h2[b-i6972g53oj] {
    color: var(--theme-text-muted);
    font: 600 .72rem/1 var(--theme-font-display);
    letter-spacing: .12em;
    margin: .2rem 0 .25rem;
    text-transform: uppercase;
}

.accounts-reconnect-surface__lettermark[b-i6972g53oj] {
    align-items: center;
    background: linear-gradient(145deg, var(--theme-secondary), #38206b);
    color: #fff;
    display: flex;
    font: 800 1rem/1 var(--theme-font-display);
    height: 100%;
    justify-content: center;
    width: 100%;
}

.accounts-reconnect-surface__manage[b-i6972g53oj] {
    margin-top: .7rem;
}

.accounts-reconnect-surface__manage summary[b-i6972g53oj] {
    color: var(--theme-text-muted);
    cursor: pointer;
    font-size: .78rem;
}

.accounts-reconnect-surface__manage button[b-i6972g53oj] {
    background: transparent;
    border: 0;
    color: var(--theme-primary);
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    margin: .6rem .8rem 0 0;
    padding: 0;
    text-decoration: underline;
}

.accounts-reconnect-surface__advanced[b-i6972g53oj] {
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius-sm);
    margin-top: 1rem;
    padding: .9rem 1rem;
}

.accounts-reconnect-surface__advanced summary[b-i6972g53oj] {
    cursor: pointer;
    font: 600 .78rem/1 var(--theme-font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.accounts-reconnect-surface__advanced p[b-i6972g53oj] {
    margin: .8rem 0;
}

@media (max-width: 640px) {
    .accounts-reconnect-surface__header[b-i6972g53oj] {
        align-items: start;
        flex-direction: column;
    }
}
/* /Components/Pages/AccountsSection.razor.rz.scp.css */
.accounts-section[b-knec2qnjhs] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(16, 18, 24, 0.96), rgba(12, 14, 18, 0.93));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

.accounts-section__header[b-knec2qnjhs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.accounts-section__title[b-knec2qnjhs] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
}

.accounts-section__subtitle[b-knec2qnjhs] {
    font-size: 0.86rem;
    color: var(--tron-text-muted, #8890a0);
    max-width: 72ch;
    line-height: 1.45;
}

.accounts-section__body[b-knec2qnjhs] {
    min-width: 0;
}
/* /Components/Pages/AccountsSpotifyNowPlayingCard.razor.rz.scp.css */
.accounts-spotify-now-playing[b-357jzz79hv] {
    min-width: 0;
}

.accounts-spotify-now-playing__header[b-357jzz79hv] {
    min-width: 0;
}

.accounts-spotify-now-playing__actions[b-357jzz79hv] {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.accounts-spotify-now-playing__actions[b-357jzz79hv]  .mud-button-root,
.accounts-spotify-now-playing__actions[b-357jzz79hv]  .mud-chip-root {
    flex: 0 0 auto;
}

@media (max-width: 900px) {
    .accounts-spotify-now-playing__header[b-357jzz79hv] {
        flex-direction: column;
        align-items: stretch;
    }

    .accounts-spotify-now-playing__actions[b-357jzz79hv] {
        justify-content: flex-start;
    }

    .accounts-spotify-now-playing__actions[b-357jzz79hv]  .mud-button-root,
    .accounts-spotify-now-playing__actions[b-357jzz79hv]  .mud-chip-root {
        width: 100%;
    }
}
/* /Components/Pages/AccountsTwitchCard.razor.rz.scp.css */
.accounts-provider-card[b-to84p2dvxk] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 100%;
    padding: 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(17, 19, 24, 0.92);
}

.accounts-provider-card__media[b-to84p2dvxk] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.accounts-provider-card__content[b-to84p2dvxk] {
    min-width: 0;
}

.accounts-provider-card__header[b-to84p2dvxk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.accounts-provider-card h3[b-to84p2dvxk] {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.3;
}

.accounts-provider-card p[b-to84p2dvxk] {
    margin: 0.2rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
}

.accounts-provider-card__actions[b-to84p2dvxk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.accounts-provider-card__button[b-to84p2dvxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.accounts-provider-card__button--primary[b-to84p2dvxk] {
    border-color: rgba(0, 229, 255, 0.35);
    background: var(--mud-palette-primary, #594ae2);
    color: var(--mud-palette-primary-text, #fff);
}

.accounts-provider-card__button--warning[b-to84p2dvxk] {
    border-color: rgba(255, 193, 7, 0.45);
    color: #ffd166;
}

.accounts-provider-card__button--danger[b-to84p2dvxk] {
    border-color: rgba(244, 67, 54, 0.55);
    color: #ff8a80;
}

.accounts-provider-card__button:disabled[b-to84p2dvxk],
.accounts-provider-card__button.is-disabled[b-to84p2dvxk] {
    opacity: 0.55;
    pointer-events: none;
}

.accounts-provider-card__status[b-to84p2dvxk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.accounts-provider-card__description[b-to84p2dvxk] {
    margin-top: 0.9rem;
    max-width: 80ch;
}

.accounts-provider-card__details[b-to84p2dvxk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.accounts-provider-card__details span[b-to84p2dvxk] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .accounts-provider-card[b-to84p2dvxk] {
        grid-template-columns: 1fr;
    }

    .accounts-provider-card__media[b-to84p2dvxk] {
        justify-content: flex-start;
    }

    .accounts-provider-card__header[b-to84p2dvxk] {
        flex-direction: column;
    }

    .accounts-provider-card__actions[b-to84p2dvxk] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/AccountsWebKeysCard.razor.rz.scp.css */
.accounts-webkeys-grid[b-dz1slyosyu] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 2.2fr);
    gap: 0.875rem;
    align-items: start;
}

.accounts-webkeys-panel[b-dz1slyosyu] {
    min-width: 0;
    padding: 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(17, 19, 24, 0.92);
}

.accounts-webkeys-panel__header[b-dz1slyosyu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.accounts-webkeys-panel__header > div[b-dz1slyosyu] {
    min-width: 0;
}

.accounts-webkeys-panel__header h3[b-dz1slyosyu] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.25;
}

.accounts-webkeys-panel__header p[b-dz1slyosyu],
.accounts-webkeys-note[b-dz1slyosyu] {
    margin: 0.25rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}

.accounts-webkeys-panel__body[b-dz1slyosyu],
.accounts-webkeys-panel__actions[b-dz1slyosyu],
.accounts-webkeys-create[b-dz1slyosyu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.accounts-webkeys-panel__body[b-dz1slyosyu] {
    flex-direction: column;
    align-items: flex-start;
}

.accounts-webkeys-panel__actions[b-dz1slyosyu] {
    align-items: center;
}

.accounts-webkeys-create[b-dz1slyosyu] {
    align-items: flex-end;
    min-width: 0;
}

.accounts-webkeys-create > *[b-dz1slyosyu] {
    min-width: 0;
}

.accounts-webkeys-field[b-dz1slyosyu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 14rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.accounts-webkeys-field--short[b-dz1slyosyu] {
    flex-basis: 9rem;
}

.accounts-webkeys-create .accounts-webkeys-button--success[b-dz1slyosyu] {
    flex: 1 1 auto;
}

.accounts-webkeys-field input[b-dz1slyosyu],
.accounts-webkeys-field select[b-dz1slyosyu] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.45rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    text-transform: none;
}

.accounts-webkeys-field input[readonly][b-dz1slyosyu] {
    font-family: monospace;
}

.accounts-webkeys-check[b-dz1slyosyu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.45;
}

.accounts-webkeys-button[b-dz1slyosyu],
.accounts-webkeys-icon-button[b-dz1slyosyu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
}

.accounts-webkeys-button--warning[b-dz1slyosyu] {
    border-color: rgba(255, 193, 7, 0.45);
    color: #ffd166;
}

.accounts-webkeys-button--success[b-dz1slyosyu] {
    border-color: rgba(46, 204, 113, 0.45);
    color: #9be7b0;
}

.accounts-webkeys-button--ghost[b-dz1slyosyu] {
    color: rgba(255, 255, 255, 0.82);
}

.accounts-webkeys-button:disabled[b-dz1slyosyu],
.accounts-webkeys-icon-button:disabled[b-dz1slyosyu] {
    opacity: 0.55;
    cursor: not-allowed;
}

.webkey-list[b-dz1slyosyu] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.webkey-row[b-dz1slyosyu] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(0, 1.6fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 212, 255, 0.16);
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.04), rgba(0, 212, 255, 0.01) 28%, transparent 60%),
    rgba(10, 14, 24, 0.82);
}

.webkey-row__main[b-dz1slyosyu],
.webkey-row__field[b-dz1slyosyu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.webkey-row__title[b-dz1slyosyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.webkey-row__title strong[b-dz1slyosyu] {
    color: rgba(255, 255, 255, 0.92);
}

.webkey-row__badge[b-dz1slyosyu] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.15rem 0.45rem;
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 999px;
    color: rgba(160, 235, 255, 0.95);
    font-size: 0.75rem;
    font-weight: 800;
}

.webkey-row__meta[b-dz1slyosyu],
.webkey-row__label[b-dz1slyosyu] {
    color: var(--tron-text-muted, #8890a0);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.webkey-row__label[b-dz1slyosyu] {
    font-size: 0.68rem;
}

.webkey-row__value[b-dz1slyosyu] {
    word-break: break-word;
    font-family: monospace;
    color: rgba(255, 255, 255, 0.9);
}

.webkey-row__actions[b-dz1slyosyu] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.webkey-row__icon-button[b-dz1slyosyu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(0, 212, 255, 0.16);
    border-radius: 8px;
    background: rgba(0, 212, 255, 0.04);
    color: rgba(255, 255, 255, 0.88);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.webkey-row__icon-button:hover[b-dz1slyosyu] {
    background: rgba(0, 212, 255, 0.1);
    border-color: rgba(0, 212, 255, 0.34);
}

.webkey-row__icon-button--danger[b-dz1slyosyu] {
    border-color: rgba(244, 67, 54, 0.45);
    color: #ff8a80;
}

@media (max-width: 900px) {
    .accounts-webkeys-grid[b-dz1slyosyu] {
        grid-template-columns: 1fr;
    }

    .webkey-row[b-dz1slyosyu] {
        grid-template-columns: 1fr;
    }

    .webkey-row__actions[b-dz1slyosyu] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/AchievementsVNext.razor.rz.scp.css */
.achievements-page[b-fenaza8rfu] { --achievement-magenta: var(--cc-r2-magenta); --achievement-violet: var(--cc-r2-violet); --achievement-cyan: var(--cc-r2-cyan); --achievement-gold: var(--cc-r2-gold); max-width: 88rem; margin: 0 auto; } .achievements-page__heading[b-fenaza8rfu] { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; } .achievements-page__eyebrow[b-fenaza8rfu], .achievement-card__category[b-fenaza8rfu] { margin: 0; color: var(--cc-app-accent); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .achievements-page__heading h1[b-fenaza8rfu] { margin: .2rem 0 .45rem; font-size: clamp(2.4rem, 5vw, 4.5rem); letter-spacing: -.05em; } .achievements-page__heading p:not(.achievements-page__eyebrow)[b-fenaza8rfu], .achievements-page__state p[b-fenaza8rfu], .achievement-card__copy > p[b-fenaza8rfu] { color: var(--cc-app-text-muted); line-height: 1.6; } .achievements-page__search input[b-fenaza8rfu], .achievements-page__category select[b-fenaza8rfu] { min-height: 3.75rem; border: 1px solid var(--cc-app-border); border-radius: .55rem; background: var(--cc-app-surface); color: var(--cc-app-text); font: inherit; } .achievements-page__search input[b-fenaza8rfu] { width: min(19rem, 100%); padding: 0 1rem; } .achievements-page__controls[b-fenaza8rfu] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; } .achievements-page__tabs[b-fenaza8rfu] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid var(--cc-app-border); } .achievements-page__tabs button[b-fenaza8rfu] { min-height: 3rem; padding: 0 .9rem; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--cc-app-text-muted); font: inherit; cursor: pointer; } .achievements-page__tabs button.is-active[b-fenaza8rfu], .achievements-page__tabs button:focus-visible[b-fenaza8rfu] { border-color: var(--cc-app-accent); color: var(--cc-app-accent); outline: none; } .achievements-page__category[b-fenaza8rfu] { display: grid; gap: .35rem; color: var(--cc-app-text-muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .achievements-page__category select[b-fenaza8rfu] { min-width: 13rem; padding: 0 .8rem; text-transform: none; } .achievements-page__grid[b-fenaza8rfu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .achievement-card[b-fenaza8rfu] { --achievement-color: var(--achievement-violet); display: grid; grid-template-columns: 4.75rem minmax(0, 1fr); gap: 1rem; min-width: 0; min-height: 12rem; padding: 1.35rem; border: 1px solid color-mix(in srgb, var(--achievement-color) 65%, var(--cc-app-border)); border-radius: .8rem; background: linear-gradient(135deg, color-mix(in srgb, var(--achievement-color) 9%, transparent), transparent 48%), var(--cc-app-surface); box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 1rem 2.25rem rgb(0 0 0 / 22%); } .achievement-card--magenta[b-fenaza8rfu] { --achievement-color: var(--achievement-magenta); } .achievement-card--violet[b-fenaza8rfu] { --achievement-color: var(--achievement-violet); } .achievement-card--cyan[b-fenaza8rfu] { --achievement-color: var(--achievement-cyan); } .achievement-card--gold[b-fenaza8rfu] { --achievement-color: var(--achievement-gold); } .achievement-card--unlocked[b-fenaza8rfu] { border-color: color-mix(in srgb, var(--cc-app-success) 65%, var(--achievement-color)); } .achievement-card__icon[b-fenaza8rfu] { display: grid; width: 4.25rem; height: 4.25rem; place-items: center; border: 1px solid currentColor; border-radius: 1rem; color: var(--achievement-color); box-shadow: 0 0 1.5rem color-mix(in srgb, var(--achievement-color) 24%, transparent); } .achievement-card__icon-art[b-fenaza8rfu] { display: block; width: 2.2rem; height: 2.2rem; background: currentColor; mask: var(--achievement-icon) center / contain no-repeat; -webkit-mask: var(--achievement-icon) center / contain no-repeat; } .achievement-card__icon-art--star[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/star.svg'); } .achievement-card__icon-art--bolt[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/bolt.svg'); } .achievement-card__icon-art--flag[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/flag.svg'); } .achievement-card__icon-art--heart[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/heart.svg'); } .achievement-card__icon-art--chest[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/chest.svg'); } .achievement-card__icon-art--trophy[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/trophy.svg'); } .achievement-card__icon-art--shield[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/shield.svg'); } .achievement-card__icon-art--medal[b-fenaza8rfu] { --achievement-icon: url('/icons/placeholder/medal.svg'); } .achievement-card__icon img[b-fenaza8rfu] { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; } .achievement-card__copy h2[b-fenaza8rfu] { margin: .35rem 0; font-size: 1.2rem; } .achievement-card__copy > p[b-fenaza8rfu] { margin: 0; } .achievement-card__progress[b-fenaza8rfu] { grid-column: 1 / -1; display: flex; align-items: center; gap: .75rem; align-self: end; color: var(--cc-app-text-muted); font-size: .85rem; } .achievement-card__progress strong[b-fenaza8rfu] { color: var(--cc-app-success); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; } .achievement-card__meter[b-fenaza8rfu] { flex: 1 1 auto; height: .65rem; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--achievement-color) 13%, var(--cc-app-background)); } .achievement-card__meter span[b-fenaza8rfu] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--achievement-color), color-mix(in srgb, var(--achievement-color) 55%, white)); box-shadow: 0 0 .9rem var(--achievement-color); } .achievements-page__state[b-fenaza8rfu] { max-width: 40rem; padding: 2rem; border: 1px solid var(--cc-app-border); border-radius: .8rem; background: var(--cc-app-surface); } .achievements-page__state h2[b-fenaza8rfu] { margin: .45rem 0; } .achievements-page__state--compact[b-fenaza8rfu] { max-width: none; } @media (max-width: 900px) { .achievements-page__grid[b-fenaza8rfu] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { .achievements-page__heading[b-fenaza8rfu], .achievements-page__controls[b-fenaza8rfu] { align-items: stretch; flex-direction: column; } .achievements-page__search input[b-fenaza8rfu], .achievements-page__category select[b-fenaza8rfu] { width: 100%; } .achievements-page__tabs[b-fenaza8rfu] { display: grid; grid-template-columns: repeat(2, 1fr); } .achievements-page__tabs button[b-fenaza8rfu] { padding: 0 .5rem; } .achievements-page__grid[b-fenaza8rfu] { grid-template-columns: 1fr; } .achievement-card[b-fenaza8rfu] { min-height: 0; } }
/* /Components/Pages/Admin.razor.rz.scp.css */

body[b-ka76qskzy1] {
    font-family: Arial, sans-serif;
}

label[b-ka76qskzy1] {
    display: block;
    margin-bottom: 5px;
}

input[b-ka76qskzy1] {
    width: 300px;
    padding: 8px;
    margin-bottom: 10px;
}

button[b-ka76qskzy1] {
    padding: 10px;
    background-color: #4caf50;
    color: white;
    border: none;
    cursor: pointer;
}

#responseBox[b-ka76qskzy1] {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}

#streamingCandidates[b-ka76qskzy1] {
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/AdminChatMonitoringChannelCard.razor.rz.scp.css */
.admin-chat-monitoring-channel-card[b-z3g8674b4n] {
    border-color: color-mix(in srgb, var(--cc-r2-violet, #8b3dff) 34%, var(--cc-app-border, #34405a)) !important;
    border-radius: .7rem;
    background: rgb(2 7 19 / 56%);
}

.admin-chat-monitoring-channel-card--selected[b-z3g8674b4n] {
    border-color: var(--cc-r2-magenta, #ef3fff) !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--cc-r2-violet, #8b3dff) 24%, transparent), color-mix(in srgb, var(--cc-r2-magenta, #ef3fff) 10%, transparent));
}
/* /Components/Pages/AdminChatMonitoringDashboard.razor.rz.scp.css */
.admin-chat-monitoring-dashboard-shell[b-4o2st7k3hc] {
    --chat-magenta: var(--cc-r2-magenta, #ef3fff);
    --chat-violet: var(--cc-r2-violet, #8b3dff);
    --chat-cyan: var(--cc-r2-cyan, #38d8ff);
    --chat-surface: var(--cc-app-surface, #080d1d);
    --chat-border: color-mix(in srgb, var(--chat-violet) 55%, var(--cc-app-border, #34405a));
    min-width: 0;
    max-width: 58rem;
    margin: 0 auto;
}

.admin-chat-monitoring-dashboard__primary[b-4o2st7k3hc] {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--chat-magenta) 21%, transparent), transparent 26%),
        radial-gradient(circle at 10% 94%, color-mix(in srgb, var(--chat-cyan) 13%, transparent), transparent 30%),
        linear-gradient(145deg, rgb(8 7 28 / 96%), rgb(3 8 21 / 96%));
    border-color: var(--chat-border) !important;
    border-radius: 1.25rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 1.2rem 3rem rgb(0 0 0 / 34%), 0 0 1.8rem color-mix(in srgb, var(--chat-magenta) 18%, transparent);
}

.admin-chat-monitoring-dashboard__chat-header[b-4o2st7k3hc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem clamp(1rem, 3vw, 2rem);
    border-bottom: 1px solid color-mix(in srgb, var(--chat-violet) 45%, transparent);
}

.admin-chat-monitoring-dashboard__eyebrow[b-4o2st7k3hc] {
    color: var(--chat-magenta);
    font-weight: 800;
    letter-spacing: .12em;
}

.admin-chat-monitoring-dashboard__channel-name[b-4o2st7k3hc] {
    color: var(--cc-app-text, #f8fafc);
}

.admin-chat-monitoring-dashboard__primary-grid[b-4o2st7k3hc] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .85fr);
    gap: clamp(.8rem, 2vw, 1.25rem);
    padding: clamp(1rem, 3vw, 1.75rem);
    align-items: start;
}

.admin-chat-monitoring-dashboard__details[b-4o2st7k3hc] {
    margin-top: 1rem;
    border: 1px solid var(--chat-border);
    border-radius: .85rem;
    background: linear-gradient(145deg, rgb(18 8 42 / 58%), transparent 42%), var(--chat-surface);
    padding: 0.85rem 1rem;
}

.admin-chat-monitoring-dashboard__details summary[b-4o2st7k3hc] {
    cursor: pointer;
    color: var(--cc-app-text, #f8fafc);
    font-weight: 700;
}

.admin-chat-monitoring-dashboard__details summary[b-4o2st7k3hc]::marker {
    color: var(--chat-cyan);
}

.admin-chat-monitoring-dashboard__channels[b-4o2st7k3hc],
.admin-chat-monitoring-dashboard__inbox[b-4o2st7k3hc],
.admin-chat-monitoring-dashboard__composer[b-4o2st7k3hc] {
    min-width: 0;
}

.admin-chat-monitoring-dashboard__inbox[b-4o2st7k3hc] {
    max-height: 39rem;
    overflow: auto;
}

.admin-chat-monitoring-dashboard__composer[b-4o2st7k3hc] {
    position: sticky;
    top: 1rem;
}

@media (max-width: 760px) {
    .admin-chat-monitoring-dashboard-shell[b-4o2st7k3hc] {
        margin-inline: -.45rem;
    }

    .admin-chat-monitoring-dashboard__primary-grid[b-4o2st7k3hc] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .admin-chat-monitoring-dashboard__chat-header[b-4o2st7k3hc] {
        align-items: flex-start;
        padding: 1rem;
    }

    .admin-chat-monitoring-dashboard__composer[b-4o2st7k3hc] {
        position: static;
    }

    .admin-chat-monitoring-dashboard__inbox[b-4o2st7k3hc] {
        max-height: none;
    }
}
/* /Components/Pages/AdminChatMonitoringInboxItem.razor.rz.scp.css */
.admin-chat-monitoring-inbox-item[b-qpg7r1y930] {
    border-color: color-mix(in srgb, var(--cc-r2-cyan, #38d8ff) 28%, var(--cc-app-border, #34405a)) !important;
    border-radius: .7rem;
    background: linear-gradient(90deg, color-mix(in srgb, var(--cc-r2-violet, #8b3dff) 10%, transparent), transparent 60%);
}
/* /Components/Pages/AdminChatMonitoringSection.razor.rz.scp.css */
.admin-chat-monitoring-section[b-v2eb6frlok] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--cc-r2-violet, #8b3dff) 36%, var(--cc-app-border, #34405a));
    border-radius: .85rem;
    background: rgb(2 7 19 / 62%);
}

.admin-chat-monitoring-section__header[b-v2eb6frlok] {
    border-bottom: 1px solid color-mix(in srgb, var(--cc-r2-violet, #8b3dff) 30%, transparent);
    padding-bottom: 0.5rem;
}

.admin-chat-monitoring-section__body[b-v2eb6frlok] {
    display: grid;
    gap: 0.85rem;
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-uaf4tbopd6] {
    display: grid;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.admin-dashboard__intro[b-uaf4tbopd6] {
    max-width: 72ch;
    min-width: 0;
}

.admin-dashboard__primary[b-uaf4tbopd6] {
    background:
        radial-gradient(circle at top right, rgba(95, 240, 213, 0.14), transparent 38%),
        linear-gradient(145deg, rgba(8, 14, 24, 0.94), rgba(13, 21, 31, 0.86));
    border-color: rgba(95, 240, 213, 0.22) !important;
}

.admin-dashboard__details[b-uaf4tbopd6] {
    border: 1px solid rgba(95, 240, 213, 0.18);
    border-radius: 14px;
    background: rgba(8, 14, 24, 0.58);
    padding: 0.85rem 1rem;
}

.admin-dashboard__details summary[b-uaf4tbopd6] {
    cursor: pointer;
    color: var(--mud-palette-text-primary);
    font-weight: 700;
}

.admin-dashboard__details summary[b-uaf4tbopd6]::marker {
    color: var(--mud-palette-info);
}

.admin-dashboard__tabs[b-uaf4tbopd6] {
    min-width: 0;
    width: 100%;
    overflow-x: clip;
}
/* /Components/Pages/AdminFeatureFlagsCard.razor.rz.scp.css */
.admin-feature-flags-card__target[b-lvnfdvwn0a] {
    margin-block: 0.75rem;
}

.admin-feature-flags-card__table[b-lvnfdvwn0a] {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.admin-feature-flags-card__table:focus-visible[b-lvnfdvwn0a] {
    outline: 3px solid var(--theme-focus-ring, #fff2a6);
    outline-offset: 3px;
}

.admin-feature-flags-card__table[b-lvnfdvwn0a]  .mud-table {
    min-width: 60rem;
}

.admin-feature-flags-card__table[b-lvnfdvwn0a]  .mud-table-cell {
    vertical-align: top;
}

@media (max-width: 960px) {
    .admin-feature-flags-card__table[b-lvnfdvwn0a]  .mud-table {
        min-width: 0;
    }
}
/* /Components/Pages/ChatMemoryInsights.razor.rz.scp.css */
.rich-capture-text[b-1qdsthycj0] {
    font-family: "Cascadia Code", "Consolas", "Courier New", monospace;
    white-space: pre;
    overflow-x: auto;
}

.rich-message-value[b-1qdsthycj0] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: "Cascadia Code", "Consolas", "Courier New", monospace;
}
/* /Components/Pages/CheevoAchievementOverlay.razor.rz.scp.css */
.cheevo-overlay[b-3ajrsqx6xq] {
    align-items: end;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    overflow: hidden;
    padding: 3rem;
    position: fixed;
    pointer-events: none;
}

.cheevo-overlay__celebration[b-3ajrsqx6xq] {
    align-items: center;
    animation: cheevo-enter-b-3ajrsqx6xq 360ms ease-out both;
    backdrop-filter: blur(18px);
    background: linear-gradient(135deg, rgba(12, 15, 35, .94), rgba(45, 20, 75, .92));
    border: 2px solid rgba(255, 214, 92, .85);
    border-radius: 1.25rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .55);
    color: white;
    display: flex;
    gap: 1.25rem;
    max-width: 48rem;
    padding: 1.5rem 2rem;
    width: min(90vw, 48rem);
}

.cheevo-overlay__badge[b-3ajrsqx6xq] { height: 6rem; object-fit: contain; width: 6rem; }
.cheevo-overlay__eyebrow[b-3ajrsqx6xq] { color: #ffd65c; font-weight: 800; letter-spacing: .12em; margin: 0; text-transform: uppercase; }
.cheevo-overlay h1[b-3ajrsqx6xq] { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1; margin: .35rem 0; }
.cheevo-overlay__message[b-3ajrsqx6xq], .cheevo-overlay__meta[b-3ajrsqx6xq] { margin: .35rem 0 0; }
.cheevo-overlay__meta[b-3ajrsqx6xq] { color: #d9d4ec; }
.cheevo-overlay__status[b-3ajrsqx6xq] { background: rgba(10, 10, 20, .85); border-radius: .5rem; color: white; padding: .75rem 1rem; }
.cheevo-overlay__status--error[b-3ajrsqx6xq] { border: 1px solid #ff8d8d; }

@keyframes cheevo-enter-b-3ajrsqx6xq {
    from { opacity: 0; transform: translateY(2rem) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .cheevo-overlay__celebration[b-3ajrsqx6xq] {
        animation: none;
        backdrop-filter: none;
        transition: none;
    }
}
/* /Components/Pages/DiagnosticsLabsDashboard.razor.rz.scp.css */
.diagnostics-labs-dashboard[b-luyx29cwrz] {
    min-width: 0;
}

.diagnostics-labs-dashboard__intro[b-luyx29cwrz] {
    max-width: 72ch;
}

.diagnostics-labs-dashboard__primary[b-luyx29cwrz] {
    background:
        radial-gradient(circle at top right, rgba(255, 176, 32, 0.14), transparent 38%),
        linear-gradient(145deg, rgba(8, 14, 24, 0.94), rgba(24, 18, 9, 0.72));
    border-color: rgba(255, 176, 32, 0.24) !important;
}

.diagnostics-labs-dashboard__details[b-luyx29cwrz] {
    border: 1px solid rgba(255, 176, 32, 0.2);
    border-radius: 14px;
    background: rgba(8, 14, 24, 0.58);
    padding: 0.85rem 1rem;
}

.diagnostics-labs-dashboard__details summary[b-luyx29cwrz] {
    cursor: pointer;
    color: var(--mud-palette-text-primary);
    font-weight: 700;
}

.diagnostics-labs-dashboard__details summary[b-luyx29cwrz]::marker {
    color: var(--mud-palette-warning);
}

.diagnostics-labs-tool-strip__release-note[b-luyx29cwrz] {
    border: 1px solid rgba(255, 193, 7, 0.22);
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
}

.diagnostics-labs-tool-strip__release-note summary[b-luyx29cwrz] {
    cursor: pointer;
    font-weight: 700;
}
/* /Components/Pages/DiagnosticsLabsSection.razor.rz.scp.css */
.diagnostics-labs-section__item[b-yc452ouxlj] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    min-height: 6.25rem;
    padding: 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.diagnostics-labs-section__copy[b-yc452ouxlj] {
    min-width: 0;
}
/* /Components/Pages/Events.razor.rz.scp.css */
/* Slice-local events composition. Colors, spacing, type, focus, and panel tokens come from the merged dashboard theme. */
.events-page-shell[b-eefkdicp90] {
    max-width: 92rem !important;
}

.events-workspace[b-eefkdicp90] {
    min-width: 0;
}

.events-workspace__heading[b-eefkdicp90] {
    align-items: start;
    border-bottom: 1px solid var(--theme-border, var(--cc-app-border));
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: .35rem 0 1.15rem;
}

.events-workspace__heading h2[b-eefkdicp90] {
    font: 700 clamp(1.55rem, 3vw, 2.15rem)/1.1 var(--theme-font-display, inherit);
    margin: .25rem 0 .45rem;
}

.events-workspace__heading p:not(.events-workspace__eyebrow)[b-eefkdicp90] {
    color: var(--theme-text-muted, var(--cc-app-text-muted));
    margin: 0;
    max-width: 43rem;
}

.events-workspace__eyebrow[b-eefkdicp90] {
    color: var(--theme-primary, var(--cc-app-primary));
    font: 600 .7rem/1 var(--theme-font-display, inherit);
    letter-spacing: .11em;
    margin: 0;
    text-transform: uppercase;
}

.events-workspace__heading[b-eefkdicp90]  .ph-signal {
    flex: 0 0 auto;
    max-width: 17rem;
}

.events-workspace__rule-rail[b-eefkdicp90] {
    border-bottom: 1px solid var(--theme-border, var(--cc-app-border));
    display: flex;
    gap: clamp(1rem, 4vw, 3.25rem);
    overflow-x: auto;
    padding: .95rem 1.25rem 0;
}

.events-workspace__rule-rail span[b-eefkdicp90] {
    color: var(--theme-text-muted, var(--cc-app-text-muted));
    font: 600 .78rem/1 var(--theme-font-display, inherit);
    letter-spacing: .045em;
    padding: 0 0 .8rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.events-workspace__rule-rail .is-active[b-eefkdicp90] {
    border-bottom: 2px solid var(--theme-primary, var(--cc-app-primary));
    color: var(--theme-primary, var(--cc-app-primary));
}

.events-workspace__manager[b-eefkdicp90] {
    margin-top: 1.25rem;
}

.events-workspace__manager[b-eefkdicp90]  > .ph-panel {
    background: linear-gradient(145deg, var(--theme-surface, var(--cc-app-surface)), var(--theme-surface-strong, var(--cc-app-surface-strong)));
    border: 1px solid var(--theme-border, var(--cc-app-border));
    border-radius: var(--theme-radius-md, .75rem);
    box-shadow: var(--theme-shadow-card);
    padding: clamp(.85rem, 2vw, 1.35rem);
}

.events-workspace__manager[b-eefkdicp90]  .mud-expansion-panels {
    border: 1px solid var(--theme-border, var(--cc-app-border));
    border-radius: var(--theme-radius-md, .75rem);
    overflow: hidden;
}

.events-workspace__manager[b-eefkdicp90]  .mud-expand-panel {
    background: rgb(5 10 25 / 32%);
    border-bottom: 1px solid var(--theme-border, var(--cc-app-border));
}

.events-workspace__manager[b-eefkdicp90]  .mud-expand-panel:last-child {
    border-bottom: 0;
}

.events-workspace__manager[b-eefkdicp90]  .mud-expand-panel-header {
    min-height: 5.8rem;
    padding-block: .85rem;
}

.events-workspace__manager[b-eefkdicp90]  .mud-expand-panel-header:hover {
    background: rgb(77 226 255 / 5%);
}

.events-workspace__manager[b-eefkdicp90]  .mud-chip {
    border: 1px solid color-mix(in srgb, currentColor 38%, transparent);
    font-family: var(--theme-font-display, inherit);
}

.events-workspace__manager[b-eefkdicp90]  .mud-input-control-input-container,
.events-workspace__manager[b-eefkdicp90]  .mud-select {
    background: var(--theme-bg-elevated, var(--cc-app-surface-strong));
}

.events-workspace__manager[b-eefkdicp90]  .mud-button-filled-primary,
.events-workspace__manager[b-eefkdicp90]  .mud-button-outlined-primary:hover {
    box-shadow: var(--theme-shadow-glow);
}

.events-workspace__details[b-eefkdicp90] {
    background: var(--theme-bg-elevated, var(--cc-app-surface-strong));
    border: 1px solid var(--theme-border, var(--cc-app-border));
    border-radius: var(--theme-radius-sm, .4rem);
    padding: .8rem 1rem;
}

.events-workspace__details > summary[b-eefkdicp90] {
    color: var(--theme-text, var(--cc-app-text));
    cursor: pointer;
    font: 600 .78rem/1 var(--theme-font-display, inherit);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.events-workspace__details:focus-within[b-eefkdicp90] {
    outline: 3px solid var(--theme-focus-ring, var(--cc-app-focus-ring));
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .events-page-shell[b-eefkdicp90] {
        margin-top: 5.25rem !important;
        padding-inline: .8rem;
    }

    .events-workspace__heading[b-eefkdicp90] {
        flex-direction: column;
        gap: .9rem;
    }

    .events-workspace__heading[b-eefkdicp90]  .ph-signal {
        max-width: none;
        width: 100%;
    }

    .events-workspace__rule-rail[b-eefkdicp90] {
        gap: 1.4rem;
        padding-inline: .25rem;
    }

    .events-workspace__manager[b-eefkdicp90]  .mud-expand-panel-header {
        min-height: 5rem;
        padding-inline: .55rem;
    }

    .events-workspace__manager[b-eefkdicp90]  .mud-expand-panel-header .mud-expand-panel-text {
        min-width: 0;
    }
}
/* /Components/Pages/FrotzPage.razor.rz.scp.css */
.frotz-page[b-6d1pejfxlz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 1rem;
    line-height: 1.5;
}

.frotz-page-shell[b-6d1pejfxlz] {
    --frotz-panel-border: rgba(255, 255, 255, 0.08);
}

.frotz-integration-strip[b-6d1pejfxlz] {
    background: rgba(15, 18, 24, 0.94);
    border-color: var(--frotz-panel-border);
    overflow: hidden;
}

.frotz-integration-strip code[b-6d1pejfxlz] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.frotz-panels[b-6d1pejfxlz] {
    gap: 12px;
}

.frotz-panels[b-6d1pejfxlz]  .mud-expansion-panels {
    background: transparent !important;
}

.frotz-panels[b-6d1pejfxlz]  .mud-expansion-panel {
    background: rgba(15, 18, 24, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

.frotz-panels[b-6d1pejfxlz]  .mud-expansion-panel-header {
    background: transparent !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.frotz-panels[b-6d1pejfxlz]  .mud-expansion-panel-content,
.frotz-panels[b-6d1pejfxlz]  .mud-expansion-panel-body {
    background: transparent !important;
    padding-top: 1rem !important;
}

.frotz-hero[b-6d1pejfxlz] {
    background: rgba(15, 18, 24, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.frotz-hero-title[b-6d1pejfxlz] {
    letter-spacing: 0;
}

.frotz-hero-card[b-6d1pejfxlz] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(12, 14, 18, 0.96);
}

.frotz-page input.form-control[b-6d1pejfxlz],
.frotz-page textarea.form-control[b-6d1pejfxlz] {
    font-size: 1.05rem;
    padding: 10px 12px;
    line-height: 1.5;
}

.frotz-page textarea.form-control[b-6d1pejfxlz] {
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
    font-size: 1rem;
}

.frotz-page pre[b-6d1pejfxlz] {
    font-size: 1.05rem;
    line-height: 1.6;
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 12px;
    margin: 0;
}

.frotz-page label[b-6d1pejfxlz],
.frotz-page .form-group label[b-6d1pejfxlz] {
    font-size: 0.95rem;
    font-weight: 600;
}

.frotz-top[b-6d1pejfxlz] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 16px;
}

.frotz-bottom[b-6d1pejfxlz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

.frotz-panel[b-6d1pejfxlz] {
    padding: 10px 12px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(12, 14, 18, 0.94));
    border: 1px solid var(--frotz-panel-border);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
}

.frotz-panel[b-6d1pejfxlz]  .mud-card,
.frotz-panel[b-6d1pejfxlz]  .mud-paper {
    background: rgba(0, 0, 0, 0.12);
}

.frotz-page .form-control[b-6d1pejfxlz] {
    color: #d9fdff;
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(41, 241, 255, 0.35);
}

.frotz-page .form-control[b-6d1pejfxlz]::placeholder {
    color: rgba(217, 253, 255, 0.55);
}

.frotz-page h3[b-6d1pejfxlz],
.frotz-page h5[b-6d1pejfxlz] {
    font-weight: 600;
    line-height: 1.4;
}

.frotz-retro-shell[b-6d1pejfxlz] {
    background: linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(12, 14, 18, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
}

.frotz-retro-panel[b-6d1pejfxlz] {
    background: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.frotz-game-frame[b-6d1pejfxlz] {
    width: 100%;
    max-width: 100%;
    min-height: 280px;
    aspect-ratio: 16 / 9;
    height: min(500px, 68vw);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.frotz-qa-shell[b-6d1pejfxlz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.frotz-comment-box[b-6d1pejfxlz]  textarea {
    min-height: 104px;
}

.frotz-qa-checklist[b-6d1pejfxlz],
.frotz-control-actions[b-6d1pejfxlz],
.frotz-qa-actions[b-6d1pejfxlz] {
    width: 100%;
    gap: 0.5rem;
}

.frotz-control-actions[b-6d1pejfxlz],
.frotz-qa-actions[b-6d1pejfxlz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}

.frotz-control-actions[b-6d1pejfxlz]  .mud-button-root,
.frotz-qa-actions[b-6d1pejfxlz]  .mud-button-root {
    min-height: 44px;
    width: 100%;
}

.frotz-qa-checklist[b-6d1pejfxlz] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

@media (max-width: 1100px) {
    .frotz-top[b-6d1pejfxlz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .frotz-control-actions[b-6d1pejfxlz],
    .frotz-qa-actions[b-6d1pejfxlz] {
        grid-template-columns: 1fr;
    }

    .frotz-game-frame[b-6d1pejfxlz] {
        height: min(460px, calc(80vw * 9 / 16));
    }
}
/* /Components/Pages/FrotzStationPage.razor.rz.scp.css */
.frotz-station-page[b-bj3emtts32] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.frotz-station-page__header[b-bj3emtts32] {
    display: grid;
    gap: 1rem;
}

.frotz-station-hero[b-bj3emtts32],
.frotz-station-story-panel[b-bj3emtts32],
.frotz-station-panel[b-bj3emtts32],
.frotz-station-status-rack[b-bj3emtts32],
.frotz-station-footer[b-bj3emtts32] {
    border: 1px solid rgba(255, 184, 107, 0.18);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.frotz-station-hero[b-bj3emtts32] {
    background: linear-gradient(135deg, rgba(14, 18, 24, 0.98), rgba(26, 20, 16, 0.98));
}

.frotz-station-title[b-bj3emtts32] {
    letter-spacing: 0.03em;
}

.frotz-station-status-rack[b-bj3emtts32] {
    background: rgba(0, 0, 0, 0.24);
}

.frotz-station-core .mud-paper[b-bj3emtts32],
.frotz-station-lower .mud-paper[b-bj3emtts32] {
    background: rgba(0, 0, 0, 0.24);
}

.frotz-station-story-panel[b-bj3emtts32] {
    background: linear-gradient(135deg, rgba(13, 19, 29, 0.98), rgba(20, 36, 44, 0.98));
}

.frotz-station-story-output[b-bj3emtts32] {
    margin: 0;
    padding: 18px 18px 20px;
    min-height: 280px;
    border-radius: 10px;
    border: 1px solid rgba(41, 241, 255, 0.22);
    background: rgba(4, 12, 18, 0.5);
    color: #d9fdff;
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
    font-size: 0.98rem;
    line-height: 1.65;
    white-space: pre-wrap;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.frotz-station-list[b-bj3emtts32] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.frotz-station-audio-meter[b-bj3emtts32] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 4px;
    align-items: end;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.14));
    border: 1px solid rgba(255, 184, 107, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.frotz-station-audio-meter-segment[b-bj3emtts32] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 28px;
    padding: 4px 0;
    border-radius: 6px;
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
    font-size: 1rem;
    line-height: 1;
    color: rgba(217, 253, 255, 0.42);
    background: rgba(4, 12, 18, 0.24);
    transition: color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.frotz-station-audio-meter-segment.is-active[b-bj3emtts32] {
    color: #8cf6ff;
    background: rgba(41, 241, 255, 0.18);
    box-shadow: 0 0 10px rgba(41, 241, 255, 0.18);
}

.frotz-station-audio-meter-segment.is-idle[b-bj3emtts32] {
    color: rgba(217, 253, 255, 0.32);
}

.frotz-station-panel[b-bj3emtts32] {
    background: rgba(0, 0, 0, 0.24);
}

.frotz-station-footer[b-bj3emtts32] {
    background: rgba(0, 0, 0, 0.18);
}

@media (max-width: 1100px) {
    .frotz-station-story-output[b-bj3emtts32] {
        min-height: 220px;
    }
}
/* /Components/Pages/GamesMediaDashboard.razor.rz.scp.css */
.games-media-dashboard[b-tvb9ifz2q1] {
    min-width: 0;
}

.games-media-dashboard__intro[b-tvb9ifz2q1] {
    max-width: 72ch;
}

.games-media-dashboard__header[b-tvb9ifz2q1] {
    display: grid;
    gap: 1rem;
}

.games-media-dashboard__priority[b-tvb9ifz2q1],
.games-media-dashboard__details[b-tvb9ifz2q1] {
    min-width: 0;
}

.games-media-dashboard__details[b-tvb9ifz2q1] {
    gap: 0.85rem;
}

.games-media-dashboard__details[b-tvb9ifz2q1]  .mud-expansion-panels {
    background: transparent !important;
}

.games-media-dashboard__details[b-tvb9ifz2q1]  .mud-expansion-panel {
    border: 1px solid color-mix(in srgb, var(--tron-border, #2c3548), transparent 18%);
    border-radius: 1rem;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.games-media-dashboard__details[b-tvb9ifz2q1]  .mud-expansion-panel-header {
    border-radius: 1rem;
    background: transparent !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.games-media-dashboard__details[b-tvb9ifz2q1]  .mud-expansion-panel-content,
.games-media-dashboard__details[b-tvb9ifz2q1]  .mud-expansion-panel-body {
    background: transparent !important;
    padding-top: 0.75rem !important;
}
/* /Components/Pages/GamesMediaLaneSection.razor.rz.scp.css */
.games-media-lane__item[b-41yz7h99ni] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    min-height: 6.25rem;
    padding: 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.games-media-lane__copy[b-41yz7h99ni] {
    min-width: 0;
}
/* /Components/Pages/HealthJournal.razor.rz.scp.css */
.health-journal-handoff[b-ubv2jmytc5] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(65, 215, 167, 0.2), transparent 24rem),
        linear-gradient(145deg, #07110e, #101820 56%, #091018);
    color: #f2fff9;
}

.health-journal-handoff__card[b-ubv2jmytc5],
.health-journal-handoff__details[b-ubv2jmytc5] {
    width: min(100%, 40rem);
    border: 1px solid rgba(65, 215, 167, 0.24);
    background: rgba(3, 10, 14, 0.78);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(16px);
}

.health-journal-handoff__card[b-ubv2jmytc5] {
    padding: clamp(1.25rem, 4vw, 2.5rem);
}

.health-journal-handoff__card h1[b-ubv2jmytc5],
.health-journal-handoff__card p[b-ubv2jmytc5] {
    margin: 0;
}

.health-journal-handoff__card h1[b-ubv2jmytc5] {
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: 0.9;
    letter-spacing: -0.07em;
}

.health-journal-handoff__card p:not(.health-journal-handoff__eyebrow)[b-ubv2jmytc5] {
    margin-top: 0.75rem;
    color: rgba(242, 255, 249, 0.72);
}

.health-journal-handoff__card a[b-ubv2jmytc5] {
    display: inline-flex;
    margin-top: 1.25rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(65, 215, 167, 0.42);
    border-radius: 999px;
    color: #41d7a7;
    font-weight: 800;
    text-decoration: none;
}

.health-journal-handoff__eyebrow[b-ubv2jmytc5] {
    color: #41d7a7;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.health-journal-handoff__details[b-ubv2jmytc5] {
    padding: 0.85rem 1rem;
    color: rgba(242, 255, 249, 0.74);
}

.health-journal-handoff__details summary[b-ubv2jmytc5] {
    cursor: pointer;
    color: #41d7a7;
    font-weight: 800;
}

.health-journal-handoff__details p[b-ubv2jmytc5] {
    margin: 0.75rem 0 0;
}
/* /Components/Pages/HealthMetrics.razor.rz.scp.css */
.health-metrics__loading-title[b-2felrgcfte] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/HealthMetricsDashboard.razor.rz.scp.css */
.health-metrics-dashboard[b-6wi3613m36] {
    min-width: 0;
}

.health-metrics-dashboard__header[b-6wi3613m36] {
    max-width: 56rem;
}
/* /Components/Pages/HealthMetricsSection.razor.rz.scp.css */
.health-metrics-section[b-ntbtnl0uo9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.health-metrics-section__header[b-ntbtnl0uo9] {
    display: flex;
    flex-direction: column;
}

.health-metrics-section__title[b-ntbtnl0uo9] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.health-metrics-section__body[b-ntbtnl0uo9] {
    min-width: 0;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.r2-landing[b-bp7d6rdpxd] {
    --r2-bg: #050611;
    --r2-panel: rgba(8, 9, 27, 0.88);
    --r2-panel-strong: rgba(10, 10, 34, 0.96);
    --r2-text: #f5f2ff;
    --r2-muted: #a9a4c1;
    --r2-magenta: #f02cff;
    --r2-violet: #7d3cff;
    --r2-cyan: #19d8ff;
    --r2-green: #26ef85;
    --r2-gold: #ffc42e;
    min-height: 100vh;
    overflow: hidden;
    color: var(--r2-text);
    background:
        radial-gradient(circle at 66% 7%, rgba(124, 54, 255, 0.15), transparent 28rem),
        radial-gradient(circle at 8% 46%, rgba(239, 44, 255, 0.08), transparent 34rem),
        linear-gradient(180deg, #050611 0%, #070716 52%, #04050d 100%);
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

.r2-landing *[b-bp7d6rdpxd],
.r2-landing *[b-bp7d6rdpxd]::before,
.r2-landing *[b-bp7d6rdpxd]::after {
    box-sizing: border-box;
}

.r2-landing a[b-bp7d6rdpxd] {
    color: inherit;
    text-decoration: none;
}

.r2-header[b-bp7d6rdpxd] {
    position: relative;
    z-index: 3;
    width: min(1490px, calc(100% - 2rem));
    min-height: 86px;
    margin: 1rem auto 0;
    padding: 0 1.7rem;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
    align-items: center;
    gap: 2rem;
    border: 1px solid rgba(204, 45, 255, 0.72);
    border-bottom-color: rgba(35, 204, 255, 0.38);
    border-radius: 20px 20px 4px 4px;
    background: rgba(4, 5, 18, 0.78);
    box-shadow: 0 0 28px rgba(197, 38, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px);
}

.r2-brand[b-bp7d6rdpxd] {
    display: inline-flex;
    align-items: center;
    width: 210px;
}

.r2-brand img[b-bp7d6rdpxd] {
    display: block;
    width: 100%;
    height: auto;
}

.r2-nav[b-bp7d6rdpxd] {
    display: flex;
    align-items: center;
    gap: clamp(1.4rem, 3vw, 3.5rem);
    color: #ddd8ec;
    font-size: 0.96rem;
}

.r2-nav a[b-bp7d6rdpxd],
.r2-header__actions a[b-bp7d6rdpxd] {
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.r2-nav a:hover[b-bp7d6rdpxd],
.r2-nav a:focus-visible[b-bp7d6rdpxd] {
    color: #fff;
}

.r2-header__actions[b-bp7d6rdpxd] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.r2-button[b-bp7d6rdpxd] {
    min-height: 44px;
    padding: 0.65rem 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border: 1px solid rgba(160, 147, 201, 0.35);
    border-radius: 8px;
    color: #f8f5ff;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.r2-button:hover[b-bp7d6rdpxd],
.r2-button:focus-visible[b-bp7d6rdpxd] {
    transform: translateY(-2px);
}

.r2-button:focus-visible[b-bp7d6rdpxd],
.r2-landing a:focus-visible[b-bp7d6rdpxd] {
    outline: 3px solid var(--r2-cyan);
    outline-offset: 3px;
}

.r2-button--primary[b-bp7d6rdpxd] {
    border-color: rgba(245, 61, 255, 0.92);
    background: linear-gradient(135deg, #7c2df0, #4b1bb7);
    box-shadow: 0 0 22px rgba(221, 49, 255, 0.46), inset 0 1px rgba(255, 255, 255, 0.18);
}

.r2-button--primary:hover[b-bp7d6rdpxd],
.r2-button--primary:focus-visible[b-bp7d6rdpxd] {
    background: linear-gradient(135deg, #943cff, #5c23d6);
    box-shadow: 0 0 30px rgba(221, 49, 255, 0.64);
}

.r2-button--quiet[b-bp7d6rdpxd] {
    background: rgba(16, 16, 38, 0.65);
}

.r2-button--quiet:hover[b-bp7d6rdpxd],
.r2-button--quiet:focus-visible[b-bp7d6rdpxd] {
    border-color: rgba(37, 212, 255, 0.8);
}

.r2-button--large[b-bp7d6rdpxd] {
    min-width: 190px;
    min-height: 52px;
    padding-inline: 1.65rem;
    font-size: 1rem;
}

.r2-hero[b-bp7d6rdpxd] {
    width: min(1420px, calc(100% - 3rem));
    margin: 0 auto;
    padding: clamp(4rem, 7vw, 7rem) 1rem clamp(3rem, 5vw, 5rem);
    display: grid;
    grid-template-columns: minmax(380px, 0.82fr) minmax(620px, 1.18fr);
    align-items: center;
    gap: clamp(3rem, 6vw, 7rem);
}

.r2-eyebrow[b-bp7d6rdpxd] {
    margin: 0 0 1rem;
    color: var(--r2-magenta);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.r2-hero h1[b-bp7d6rdpxd] {
    margin: 0;
    max-width: 700px;
    color: #f4f2f8;
    font-size: clamp(3.3rem, 5.4vw, 5.9rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
    text-wrap: balance;
}

.r2-hero h1 span[b-bp7d6rdpxd] {
    color: #fff;
    text-shadow: 0 0 34px rgba(212, 53, 255, 0.25);
}

.r2-hero__lede[b-bp7d6rdpxd] {
    max-width: 610px;
    margin: 1.5rem 0 0;
    color: #b7b2c9;
    font-size: clamp(1.05rem, 1.45vw, 1.35rem);
    line-height: 1.55;
}

.r2-hero__actions[b-bp7d6rdpxd] {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
}

.r2-hero__promise[b-bp7d6rdpxd] {
    margin: 1.35rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: #aaa5bc;
    font-size: 0.92rem;
}

.r2-hero__promise span[b-bp7d6rdpxd] {
    color: var(--r2-magenta);
    font-size: 1.4rem;
}

.r2-command-preview[b-bp7d6rdpxd] {
    position: relative;
    min-height: 390px;
    padding: 1.1rem;
    border: 1px solid rgba(226, 48, 255, 0.78);
    border-radius: 24px 8px 24px 8px;
    background:
        radial-gradient(circle at 87% 82%, rgba(16, 194, 255, 0.13), transparent 36%),
        linear-gradient(145deg, rgba(14, 10, 39, 0.98), rgba(5, 7, 22, 0.96));
    box-shadow:
        0 0 0 8px rgba(107, 46, 191, 0.08),
        0 0 45px rgba(197, 36, 255, 0.18),
        32px 32px 70px rgba(0, 0, 0, 0.44);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);
}

.r2-command-preview[b-bp7d6rdpxd]::after {
    content: "";
    position: absolute;
    inset: 12px -18px -18px 24px;
    z-index: -1;
    border-right: 2px solid rgba(20, 204, 255, 0.68);
    border-bottom: 2px solid rgba(20, 204, 255, 0.68);
    border-radius: 0 0 25px;
    filter: drop-shadow(0 0 14px rgba(20, 204, 255, 0.4));
}

.r2-command-preview__topline[b-bp7d6rdpxd] {
    position: relative;
    z-index: 1;
    min-height: 46px;
    padding: 0 0.65rem 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #d8d3e5;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.r2-command-preview__ready[b-bp7d6rdpxd] {
    color: var(--r2-green);
    font-weight: 650;
    letter-spacing: 0;
}

.r2-command-preview__ready i[b-bp7d6rdpxd] {
    width: 7px;
    height: 7px;
    margin-right: 0.35rem;
    display: inline-block;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
}

.r2-command-preview__art[b-bp7d6rdpxd] {
    position: absolute;
    inset: 3.9rem 1.1rem 1.1rem;
    z-index: 0;
    width: calc(100% - 2.2rem);
    height: calc(100% - 5rem);
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    opacity: 0.2;
    mix-blend-mode: screen;
    pointer-events: none;
}

.r2-command-preview__grid[b-bp7d6rdpxd] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.95fr 1.25fr 1.05fr;
    gap: 0.8rem;
}

.r2-preview-card[b-bp7d6rdpxd] {
    min-height: 126px;
    padding: 1rem;
    border: 1px solid rgba(224, 48, 255, 0.48);
    border-radius: 12px;
    background: rgba(7, 8, 26, 0.86);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
}

.r2-preview-card > p[b-bp7d6rdpxd] {
    margin: 0 0 0.8rem;
    color: var(--r2-magenta);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.r2-preview-card strong[b-bp7d6rdpxd] {
    display: block;
    color: #f5f2ff;
    font-size: 0.96rem;
}

.r2-preview-card small[b-bp7d6rdpxd] {
    color: #9993ad;
}

.r2-preview-card--integrations[b-bp7d6rdpxd] {
    grid-row: span 2;
    border-color: rgba(23, 208, 255, 0.43);
}

.r2-preview-card--integrations ul[b-bp7d6rdpxd] {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
    list-style: none;
}

.r2-preview-card--integrations li[b-bp7d6rdpxd] {
    display: grid;
    gap: 0.12rem;
}

.r2-preview-card--integrations li span[b-bp7d6rdpxd] {
    color: #eeebf6;
    font-weight: 700;
}

.r2-preview-card--integrations li b[b-bp7d6rdpxd] {
    color: var(--r2-green);
    font-size: 0.66rem;
    font-weight: 600;
}

.r2-progress-track[b-bp7d6rdpxd] {
    height: 8px;
    margin: 1.15rem 0 0.65rem;
    overflow: hidden;
    border-radius: 999px;
    background: #19172f;
}

.r2-progress-track span[b-bp7d6rdpxd] {
    display: block;
    width: 64%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--r2-violet), #7492ff);
    box-shadow: 0 0 12px var(--r2-violet);
}

.r2-preview-card--activity[b-bp7d6rdpxd] {
    border-color: rgba(239, 56, 135, 0.42);
}

.r2-preview-card--activity strong[b-bp7d6rdpxd] {
    margin-bottom: 0.5rem;
}

.r2-preview-card--operations[b-bp7d6rdpxd] {
    grid-column: span 2;
    border-color: rgba(37, 215, 255, 0.32);
}

.r2-preview-card--operations > div[b-bp7d6rdpxd] {
    display: flex;
    gap: 1rem;
}

.r2-preview-card--operations span[b-bp7d6rdpxd] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #c9c4d7;
    font-size: 0.78rem;
}

.r2-preview-card--operations i[b-bp7d6rdpxd] {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 2px;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
}

.r2-preview-card--operations i.cyan[b-bp7d6rdpxd] { color: var(--r2-cyan); }
.r2-preview-card--operations i.magenta[b-bp7d6rdpxd] { color: var(--r2-magenta); }
.r2-preview-card--operations i.gold[b-bp7d6rdpxd] { color: var(--r2-gold); }

.r2-streamers[b-bp7d6rdpxd] {
    width: min(1420px, calc(100% - 3rem));
    margin: 0 auto;
    padding: 0 1rem 2rem;
}

.r2-section-heading[b-bp7d6rdpxd] {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.r2-section-heading h2[b-bp7d6rdpxd] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 2.8rem);
    letter-spacing: -0.035em;
}

.r2-section-heading > p[b-bp7d6rdpxd] {
    margin: 0 0 0.4rem;
    color: var(--r2-muted);
}

.r2-live-grid[b-bp7d6rdpxd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.r2-live-card[b-bp7d6rdpxd] {
    min-width: 0;
    padding: 1rem;
    display: grid;
    grid-template-columns: 58px 1fr;
    column-gap: 0.85rem;
    border: 1px solid rgba(220, 46, 255, 0.46);
    border-radius: 16px;
    background:
        radial-gradient(circle at 25% 15%, rgba(238, 42, 255, 0.12), transparent 40%),
        var(--r2-panel);
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.22);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.r2-live-card:hover[b-bp7d6rdpxd],
.r2-live-card:focus-visible[b-bp7d6rdpxd] {
    transform: translateY(-4px);
    border-color: var(--r2-magenta);
    box-shadow: 0 18px 38px rgba(202, 41, 255, 0.18);
}

.r2-live-card__avatar[b-bp7d6rdpxd] {
    grid-row: span 3;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 2px solid var(--r2-magenta);
    border-radius: 50%;
    background: linear-gradient(135deg, #38206b, #10284d);
    color: #fff;
    font-weight: 850;
    box-shadow: 0 0 18px rgba(232, 46, 255, 0.3);
}

.r2-live-card__avatar img[b-bp7d6rdpxd],
.r2-offline__avatar img[b-bp7d6rdpxd] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.r2-live-card__topline[b-bp7d6rdpxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--r2-muted);
    font-size: 0.64rem;
}

.r2-live-badge[b-bp7d6rdpxd] {
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    color: #fff;
    background: #ba1742;
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 0 14px rgba(255, 36, 93, 0.38);
}

.r2-live-card h3[b-bp7d6rdpxd] {
    min-width: 0;
    margin: 0.35rem 0 0;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r2-live-card > p[b-bp7d6rdpxd] {
    min-width: 0;
    margin: 0.15rem 0 0;
    overflow: hidden;
    color: var(--r2-muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r2-live-card__progress[b-bp7d6rdpxd] {
    grid-column: 1 / -1;
    margin-top: 0.85rem;
    display: grid;
    gap: 0.35rem;
    color: #b8b2c7;
    font-size: 0.68rem;
}

.r2-live-card__progress i[b-bp7d6rdpxd] {
    height: 4px;
    display: block;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--r2-violet) 62%, #201a3a 62%);
    box-shadow: 0 0 8px rgba(125, 60, 255, 0.35);
}

.r2-state[b-bp7d6rdpxd] {
    min-height: 150px;
    padding: 2rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    border: 1px dashed rgba(157, 126, 222, 0.42);
    border-radius: 16px;
    color: var(--r2-muted);
    text-align: center;
    background: rgba(9, 9, 27, 0.64);
}

.r2-state strong[b-bp7d6rdpxd] {
    color: #f4f1fa;
    font-size: 1.15rem;
}

.r2-state__pulse[b-bp7d6rdpxd] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--r2-magenta);
    box-shadow: 0 0 18px var(--r2-magenta);
    animation: r2-pulse-b-bp7d6rdpxd 1.5s ease-in-out infinite;
}

.r2-offline[b-bp7d6rdpxd] {
    margin-top: 1.4rem;
}

.r2-offline h3[b-bp7d6rdpxd] {
    margin: 0 0 0.75rem;
    color: #ddd8e9;
    font-size: 1rem;
}

.r2-offline__rail[b-bp7d6rdpxd] {
    display: grid;
    grid-template-columns: repeat(8, minmax(120px, 1fr));
    gap: 0.65rem;
}

.r2-offline__rail a[b-bp7d6rdpxd] {
    min-width: 0;
    padding: 0.55rem 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(127, 91, 185, 0.38);
    border-radius: 9px;
    color: #c9c4d3;
    background: rgba(10, 9, 26, 0.72);
}

.r2-offline__rail a:hover[b-bp7d6rdpxd],
.r2-offline__rail a:focus-visible[b-bp7d6rdpxd] {
    border-color: rgba(36, 212, 255, 0.72);
}

.r2-offline__avatar[b-bp7d6rdpxd] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #19172e;
    color: #aaa4bc;
    font-size: 0.66rem;
}

.r2-offline__rail a > span:last-child[b-bp7d6rdpxd] {
    min-width: 0;
    display: grid;
}

.r2-offline__rail strong[b-bp7d6rdpxd] {
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r2-offline__rail small[b-bp7d6rdpxd] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
    color: #7f798e;
}

.r2-offline__rail small i[b-bp7d6rdpxd] {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #777280;
}

.r2-value-band[b-bp7d6rdpxd] {
    width: min(1420px, calc(100% - 3rem));
    margin: 1.5rem auto 2rem;
    padding: 1.3rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.6rem;
    border: 1px solid rgba(72, 139, 255, 0.54);
    border-top-color: rgba(236, 47, 255, 0.72);
    border-radius: 20px 5px 20px 5px;
    background:
        radial-gradient(circle at 90% 50%, rgba(20, 202, 255, 0.1), transparent 28rem),
        rgba(8, 8, 26, 0.92);
    box-shadow: 0 0 30px rgba(68, 95, 255, 0.1);
}

.r2-integrations[b-bp7d6rdpxd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.r2-integrations span[b-bp7d6rdpxd] {
    min-height: 44px;
    padding: 0 0.9rem;
    display: grid;
    place-items: center;
    border-right: 1px solid rgba(161, 149, 190, 0.22);
    color: #d1cbdf;
    font-size: 0.74rem;
    font-weight: 750;
}

.r2-value[b-bp7d6rdpxd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.r2-value article[b-bp7d6rdpxd] {
    min-width: 0;
    padding: 0.3rem 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border-left: 1px solid rgba(161, 149, 190, 0.22);
}

.r2-value article > span[b-bp7d6rdpxd] {
    color: var(--r2-magenta);
    font-size: 2rem;
    text-shadow: 0 0 14px currentColor;
}

.r2-value article:nth-child(2) > span[b-bp7d6rdpxd] { color: var(--r2-gold); }
.r2-value article:nth-child(3) > span[b-bp7d6rdpxd] { color: var(--r2-cyan); }

.r2-value article div[b-bp7d6rdpxd] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.r2-value strong[b-bp7d6rdpxd] {
    color: #f4f0fb;
    font-size: 0.78rem;
}

.r2-value small[b-bp7d6rdpxd] {
    color: #918ba1;
    font-size: 0.68rem;
    line-height: 1.35;
}

@keyframes r2-pulse-b-bp7d6rdpxd {
    0%, 100% { opacity: 0.5; transform: scale(0.78); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1180px) {
    .r2-header[b-bp7d6rdpxd] {
        grid-template-columns: 190px 1fr auto;
    }

    .r2-nav[b-bp7d6rdpxd] {
        justify-content: center;
        gap: 1.4rem;
    }

    .r2-hero[b-bp7d6rdpxd] {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 2.5rem;
    }

    .r2-command-preview[b-bp7d6rdpxd] {
        transform: none;
    }

    .r2-live-grid[b-bp7d6rdpxd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .r2-offline__rail[b-bp7d6rdpxd] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .r2-value-band[b-bp7d6rdpxd] {
        grid-template-columns: 1fr;
    }

    .r2-integrations[b-bp7d6rdpxd] {
        justify-content: center;
    }
}

@media (max-width: 840px) {
    .r2-header[b-bp7d6rdpxd] {
        grid-template-columns: 1fr auto;
        min-height: 74px;
        padding: 0 1rem;
    }

    .r2-brand[b-bp7d6rdpxd] {
        width: 180px;
    }

    .r2-nav[b-bp7d6rdpxd],
    .r2-header__actions .r2-button--quiet[b-bp7d6rdpxd] {
        display: none;
    }

    .r2-hero[b-bp7d6rdpxd] {
        grid-template-columns: 1fr;
    }

    .r2-command-preview[b-bp7d6rdpxd] {
        width: min(100%, 650px);
        margin: 0 auto;
    }

    .r2-live-grid[b-bp7d6rdpxd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .r2-landing[b-bp7d6rdpxd] {
        background:
            radial-gradient(circle at 50% 13%, rgba(125, 52, 255, 0.18), transparent 19rem),
            linear-gradient(180deg, #050611, #070716 58%, #04050d);
    }

    .r2-header[b-bp7d6rdpxd] {
        width: calc(100% - 1rem);
        margin-top: 0.5rem;
        padding: 0 0.8rem;
        border-radius: 14px 14px 3px 3px;
    }

    .r2-brand[b-bp7d6rdpxd] {
        width: 158px;
    }

    .r2-header__actions[b-bp7d6rdpxd] {
        gap: 0;
    }

    .r2-header__actions .r2-button--primary[b-bp7d6rdpxd] {
        min-height: 39px;
        padding: 0.5rem 0.8rem;
        font-size: 0.8rem;
    }

    .r2-hero[b-bp7d6rdpxd] {
        width: calc(100% - 1rem);
        padding: 3.2rem 0.55rem 2.5rem;
        gap: 2.8rem;
        text-align: center;
    }

    .r2-eyebrow[b-bp7d6rdpxd] {
        margin-bottom: 0.8rem;
        font-size: 0.64rem;
    }

    .r2-hero h1[b-bp7d6rdpxd] {
        font-size: clamp(2.75rem, 14vw, 3.7rem);
        line-height: 1.02;
    }

    .r2-hero__lede[b-bp7d6rdpxd] {
        margin: 1.15rem auto 0;
        max-width: 350px;
        font-size: 1rem;
    }

    .r2-hero__actions[b-bp7d6rdpxd] {
        display: grid;
    }

    .r2-button--large[b-bp7d6rdpxd] {
        width: 100%;
    }

    .r2-hero__promise[b-bp7d6rdpxd] {
        justify-content: center;
        font-size: 0.78rem;
    }

    .r2-command-preview[b-bp7d6rdpxd] {
        min-height: 0;
        padding: 0.7rem;
        border-radius: 18px 5px 18px 5px;
    }

    .r2-command-preview[b-bp7d6rdpxd]::after {
        inset: 8px -7px -8px 14px;
    }

    .r2-command-preview__topline[b-bp7d6rdpxd] {
        padding-inline: 0.3rem;
        font-size: 0.59rem;
    }

    .r2-command-preview__grid[b-bp7d6rdpxd] {
        grid-template-columns: 1fr 1fr;
        gap: 0.55rem;
    }

    .r2-preview-card[b-bp7d6rdpxd] {
        min-height: 106px;
        padding: 0.72rem;
    }

    .r2-preview-card--integrations[b-bp7d6rdpxd] {
        grid-row: auto;
        grid-column: span 2;
    }

    .r2-preview-card--integrations ul[b-bp7d6rdpxd] {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }

    .r2-preview-card--integrations li b[b-bp7d6rdpxd] {
        display: none;
    }

    .r2-preview-card--operations[b-bp7d6rdpxd] {
        grid-column: span 2;
    }

    .r2-preview-card--operations > div[b-bp7d6rdpxd] {
        justify-content: space-between;
        gap: 0.4rem;
    }

    .r2-streamers[b-bp7d6rdpxd] {
        width: calc(100% - 1rem);
        padding: 0 0.55rem 1.4rem;
    }

    .r2-section-heading[b-bp7d6rdpxd] {
        align-items: start;
        flex-direction: column;
    }

    .r2-section-heading > p[b-bp7d6rdpxd] {
        font-size: 0.82rem;
    }

    .r2-live-grid[b-bp7d6rdpxd] {
        display: flex;
        margin-right: -1rem;
        padding: 0 1rem 0.75rem 0;
        gap: 0.8rem;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .r2-live-card[b-bp7d6rdpxd] {
        min-width: 274px;
        scroll-snap-align: start;
    }

    .r2-offline__rail[b-bp7d6rdpxd] {
        display: flex;
        margin-right: -1rem;
        padding: 0 1rem 0.5rem 0;
        gap: 0.55rem;
        overflow-x: auto;
    }

    .r2-offline__rail a[b-bp7d6rdpxd] {
        min-width: 150px;
    }

    .r2-value-band[b-bp7d6rdpxd] {
        width: calc(100% - 1rem);
        margin-top: 0.7rem;
        padding: 1rem 0.8rem;
        gap: 1rem;
    }

    .r2-integrations[b-bp7d6rdpxd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.45rem;
    }

    .r2-integrations span[b-bp7d6rdpxd] {
        min-height: 34px;
        padding: 0.3rem;
        border: 1px solid rgba(142, 111, 191, 0.28);
        border-radius: 7px;
        font-size: 0.62rem;
        text-align: center;
    }

    .r2-value[b-bp7d6rdpxd] {
        grid-template-columns: 1fr;
    }

    .r2-value article[b-bp7d6rdpxd] {
        padding: 0.75rem 0.35rem;
        border-top: 1px solid rgba(161, 149, 190, 0.18);
        border-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .r2-landing *[b-bp7d6rdpxd],
    .r2-landing *[b-bp7d6rdpxd]::before,
    .r2-landing *[b-bp7d6rdpxd]::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/IMVDBSearch.razor.rz.scp.css */
body[b-or2cfvelub] {
    font-family: Arial, sans-serif;
    margin: 2rem;
}

input[b-or2cfvelub], button[b-or2cfvelub], textarea[b-or2cfvelub] {
    display: block;
    margin: 1rem 0;
    width: 100%;
}

ul[b-or2cfvelub] {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

li[b-or2cfvelub] {
    margin: 0.5rem 0;
}
/* /Components/Pages/InplayDashboard.razor.rz.scp.css */
.inplay-dashboard[b-69zuqv6tv3] {
    min-width: 0;
}

.inplay-dashboard__summary[b-69zuqv6tv3] {
    max-width: 56rem;
    min-width: 0;
}

.inplay-dashboard__lanes[b-69zuqv6tv3] {
    width: 100%;
}

.inplay-dashboard__secondary[b-69zuqv6tv3] {
    min-width: 0;
}
/* /Components/Pages/InplayPanel.razor.rz.scp.css */
.inplay-panel[b-nz46vl8mhg] {
    min-width: 0;
}

.inplay-panel__state[b-nz46vl8mhg] {
    max-width: 34rem;
    min-width: 0;
    width: 100%;
}
/* /Components/Pages/InplaySection.razor.rz.scp.css */
.inplay-section[b-aoffw6wl66] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.inplay-section__header[b-aoffw6wl66] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.inplay-section__title[b-aoffw6wl66] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.inplay-section__subtitle[b-aoffw6wl66] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.86rem;
}

.inplay-section__body[b-aoffw6wl66] {
    min-width: 0;
}

.inplay-section__body[b-aoffw6wl66]  .mud-text {
    max-width: 52rem;
}
/* /Components/Pages/IntegrationSurfaceHeader.razor.rz.scp.css */
.integration-surface-header[b-3yh18co5mv] {
    background: rgba(8, 16, 30, 0.62);
    border-color: rgba(41, 241, 255, 0.18);
    overflow: hidden;
}

.integration-surface-header__copy[b-3yh18co5mv] {
    min-width: 0;
}

.integration-surface-header__body[b-3yh18co5mv] {
    min-width: 0;
}

.integration-surface-header code[b-3yh18co5mv] {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .integration-surface-header[b-3yh18co5mv] {
        padding: 0.85rem;
    }
}
/* /Components/Pages/KodiDisplay.razor.rz.scp.css */
:host[b-da3gjc8hne] {
    background-color: transparent !important;
}

html[b-da3gjc8hne], body[b-da3gjc8hne] {
    background-color: transparent !important;
}
/* /Components/Pages/LiveOpsMode.razor.rz.scp.css */
.live-ops-mode__shell[b-hdxd5p2dqk] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 20rem) minmax(0, 1fr);
    align-items: start;
}

.live-ops-mode__rail[b-hdxd5p2dqk] {
    display: grid;
    gap: 1rem;
    position: sticky;
    top: 5rem;
}

.live-ops-mode__surface-map[b-hdxd5p2dqk],
.live-ops-mode__control-panel[b-hdxd5p2dqk] {
    background: color-mix(in srgb, var(--mud-palette-surface, #111827), transparent 0%);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary, #4f46e5), transparent 65%);
    border-radius: 1rem;
    padding: 1rem;
}

.live-ops-mode__preset-grid[b-hdxd5p2dqk],
.live-ops-mode__toggle-grid[b-hdxd5p2dqk] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
}

.live-ops-mode__content[b-hdxd5p2dqk] {
    min-width: 0;
}

.live-ops-mode__panel-grid[b-hdxd5p2dqk] {
    align-items: start;
}

@media (max-width: 1024px) {
    .live-ops-mode__shell[b-hdxd5p2dqk] {
        grid-template-columns: 1fr;
    }

    .live-ops-mode__rail[b-hdxd5p2dqk] {
        position: static;
    }
}

@media (max-width: 768px) {
    .live-ops-mode__secondary-lanes-body[b-hdxd5p2dqk] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-ops-mode *[b-hdxd5p2dqk],
    .live-ops-mode *[b-hdxd5p2dqk]::before,
    .live-ops-mode *[b-hdxd5p2dqk]::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}
/* /Components/Pages/MissionControlVNext.razor.rz.scp.css */
.dashboard[b-gfbn5ygbeh] {
    --dashboard-magenta: var(--cc-r2-magenta);
    --dashboard-violet: var(--cc-r2-violet);
    --dashboard-cyan: var(--cc-r2-cyan);
    --dashboard-gold: var(--cc-r2-gold);
    max-width: 90rem;
    margin: 0 auto;
}

.dashboard__heading[b-gfbn5ygbeh],
.dashboard-panel__heading[b-gfbn5ygbeh] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
}

.dashboard__heading[b-gfbn5ygbeh] {
    margin-bottom: 1.35rem;
}

.dashboard__heading h1[b-gfbn5ygbeh] {
    margin: .15rem 0 .25rem;
    font-size: clamp(2rem, 3.4vw, 3rem);
    letter-spacing: -.04em;
}

.dashboard__heading p[b-gfbn5ygbeh] {
    max-width: 42rem;
    margin: 0;
    color: var(--cc-app-text-muted);
}

.dashboard__eyebrow[b-gfbn5ygbeh],
.dashboard__label[b-gfbn5ygbeh] {
    margin: 0;
    color: var(--dashboard-magenta);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dashboard__freshness[b-gfbn5ygbeh] {
    min-width: 11rem;
    padding: .8rem 1rem;
    border: 1px solid var(--cc-app-border);
    border-radius: .55rem;
    color: var(--cc-app-text);
    text-align: center;
}

.dashboard__metrics[b-gfbn5ygbeh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-metric[b-gfbn5ygbeh],
.dashboard-panel[b-gfbn5ygbeh] {
    min-width: 0;
    border: 1px solid var(--panel-color, var(--dashboard-magenta));
    border-radius: .75rem;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--panel-color, var(--dashboard-violet)) 9%, transparent), transparent 54%),
        rgb(5 7 25 / 84%);
    box-shadow:
        inset 0 0 2rem rgb(0 0 0 / 35%),
        0 0 1.2rem color-mix(in srgb, var(--panel-color, var(--dashboard-violet)) 10%, transparent);
}

.dashboard-metric[b-gfbn5ygbeh] {
    min-height: 8.75rem;
    padding: 1.1rem;
}

.dashboard-metric--violet[b-gfbn5ygbeh] { --panel-color: var(--dashboard-violet); }
.dashboard-metric--magenta[b-gfbn5ygbeh] { --panel-color: var(--dashboard-magenta); }
.dashboard-metric--cyan[b-gfbn5ygbeh] { --panel-color: var(--dashboard-cyan); }
.dashboard-metric--gold[b-gfbn5ygbeh] { --panel-color: var(--dashboard-gold); }
.dashboard-metric .dashboard__label[b-gfbn5ygbeh] { color: var(--panel-color); }

.dashboard-metric strong[b-gfbn5ygbeh] {
    display: block;
    margin: .75rem 0 .4rem;
    overflow-wrap: anywhere;
    font-size: clamp(1.2rem, 1.8vw, 1.75rem);
    line-height: 1.1;
}

.dashboard-metric span[b-gfbn5ygbeh] {
    color: var(--cc-app-text-muted);
    font-size: .85rem;
    line-height: 1.35;
}

.dashboard__grid[b-gfbn5ygbeh] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-panel[b-gfbn5ygbeh] {
    padding: 1.2rem;
}

.dashboard-panel h2[b-gfbn5ygbeh] {
    margin: .4rem 0 .75rem;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.dashboard-panel p:not(.dashboard__label)[b-gfbn5ygbeh] {
    color: var(--cc-app-text-muted);
    line-height: 1.55;
}

.dashboard-panel__heading[b-gfbn5ygbeh] {
    padding-bottom: .85rem;
    border-bottom: 1px solid rgb(139 61 255 / 28%);
}

.dashboard-panel__heading h2[b-gfbn5ygbeh] {
    margin-bottom: 0;
}

.dashboard-panel__heading a[b-gfbn5ygbeh] {
    color: var(--dashboard-magenta);
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

.dashboard-panel--activity[b-gfbn5ygbeh] {
    grid-column: span 7;
    min-height: 24rem;
}

.dashboard-panel--achievements[b-gfbn5ygbeh] {
    grid-column: span 5;
    min-height: 24rem;
    --panel-color: var(--dashboard-violet);
}

.dashboard-panel--context[b-gfbn5ygbeh] {
    grid-column: span 8;
    --panel-color: var(--dashboard-magenta);
}

.dashboard-panel--status[b-gfbn5ygbeh] {
    grid-column: span 4;
    --panel-color: var(--dashboard-cyan);
}

.dashboard-panel--status.is-degraded[b-gfbn5ygbeh] {
    --panel-color: var(--cc-app-warning);
}

.dashboard-panel--status.is-limited[b-gfbn5ygbeh] {
    --panel-color: var(--cc-app-text-muted);
}

.dashboard-signal-group[b-gfbn5ygbeh] {
    margin-top: .9rem;
}

.dashboard-signal-group + .dashboard-signal-group[b-gfbn5ygbeh] {
    padding-top: .85rem;
    border-top: 1px solid rgb(139 61 255 / 20%);
}

.dashboard-signal-group h3[b-gfbn5ygbeh] {
    margin: 0 0 .35rem;
    color: var(--cc-app-text-muted);
    font-size: .7rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-signal-group--unavailable[b-gfbn5ygbeh] {
    border-color: var(--cc-app-warning);
}

.dashboard-panel[b-gfbn5ygbeh]  .mc-reference__signal-list {
    gap: 0;
    margin-top: .5rem;
}

.dashboard-panel[b-gfbn5ygbeh]  .mc-reference__signal-list li {
    min-height: 3rem;
    padding: .65rem .1rem;
    border-top: 1px solid rgb(139 61 255 / 20%);
    font-size: .88rem;
    line-height: 1.35;
}

.dashboard-panel[b-gfbn5ygbeh]  .mc-reference__signal-list li span {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    place-items: center;
    border: 1px solid rgb(16 217 255 / 35%);
    border-radius: .35rem;
    background: rgb(16 217 255 / 8%);
}

.dashboard-panel[b-gfbn5ygbeh]  .mc-reference__empty-signal {
    margin: .8rem 0 0;
    color: var(--cc-app-text-muted);
}

.dashboard-panel--context dl[b-gfbn5ygbeh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 1rem 0 0;
}

.dashboard-panel--context dl div[b-gfbn5ygbeh] {
    padding-top: .75rem;
    border-top: 1px solid var(--cc-app-border);
}

.dashboard-panel--context dt[b-gfbn5ygbeh] {
    color: var(--cc-app-text-muted);
    font-size: .72rem;
    text-transform: uppercase;
}

.dashboard-panel--context dd[b-gfbn5ygbeh] {
    margin: .35rem 0 0;
    font-weight: 700;
}

.dashboard-status-chip[b-gfbn5ygbeh],
.dashboard-status-action[b-gfbn5ygbeh] {
    display: inline-flex;
    min-height: 2.75rem;
    margin: .75rem .5rem 0 0;
    padding: .65rem .85rem;
    align-items: center;
    border: 1px solid currentColor;
    color: var(--panel-color);
    font-size: .75rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.dashboard a:focus-visible[b-gfbn5ygbeh] {
    outline: 2px solid var(--cc-app-focus-ring);
    outline-offset: 3px;
}

.cc-vnext-page__unavailable[b-gfbn5ygbeh] {
    max-width: 42rem;
    padding: 2rem;
    border: 1px solid var(--cc-app-border);
    background: var(--cc-app-surface);
}

.cc-vnext-page__unavailable h1[b-gfbn5ygbeh] {
    margin: .5rem 0;
}

.cc-vnext-page__unavailable p[b-gfbn5ygbeh] {
    color: var(--cc-app-text-muted);
    line-height: 1.6;
}

@media (max-width: 900px) {
    .dashboard__metrics[b-gfbn5ygbeh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .dashboard__heading[b-gfbn5ygbeh] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard__freshness[b-gfbn5ygbeh] {
        align-self: start;
        min-width: 0;
    }

    .dashboard__metrics[b-gfbn5ygbeh] {
        gap: .75rem;
    }

    .dashboard-metric[b-gfbn5ygbeh] {
        min-height: 8.75rem;
        padding: .9rem;
    }

    .dashboard-metric strong[b-gfbn5ygbeh] {
        font-size: 1.08rem;
    }

    .dashboard-panel--activity[b-gfbn5ygbeh],
    .dashboard-panel--achievements[b-gfbn5ygbeh],
    .dashboard-panel--context[b-gfbn5ygbeh],
    .dashboard-panel--status[b-gfbn5ygbeh] {
        grid-column: 1 / -1;
        min-height: auto;
    }

    .dashboard-panel--achievements[b-gfbn5ygbeh] { order: 1; }
    .dashboard-panel--activity[b-gfbn5ygbeh] { order: 2; }
    .dashboard-panel--context[b-gfbn5ygbeh] { order: 3; }
    .dashboard-panel--status[b-gfbn5ygbeh] { order: 4; }

    .dashboard-panel--context dl[b-gfbn5ygbeh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .dashboard[b-gfbn5ygbeh] {
        margin-inline: -.15rem;
    }

    .dashboard__heading[b-gfbn5ygbeh] {
        gap: .75rem;
    }

    .dashboard__heading h1[b-gfbn5ygbeh] {
        font-size: 2rem;
    }

    .dashboard__metrics[b-gfbn5ygbeh] {
        gap: .6rem;
    }

    .dashboard-metric[b-gfbn5ygbeh],
    .dashboard-panel[b-gfbn5ygbeh] {
        padding: .8rem;
    }

    .dashboard-metric[b-gfbn5ygbeh] {
        min-height: 8.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard *[b-gfbn5ygbeh],
    .dashboard *[b-gfbn5ygbeh]::before,
    .dashboard *[b-gfbn5ygbeh]::after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* /Components/Pages/NewsOverlay.razor.rz.scp.css */
.news-overlay-page[b-3fy0ny2bef] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(0.75rem, 2vw, 1.5rem);
    background:
        linear-gradient(120deg, rgba(17, 24, 39, 0.96), rgba(59, 19, 19, 0.92)),
        #111827;
}
/* /Components/Pages/OverlayLinkCard.razor.rz.scp.css */
.overlay-card[b-z6sdmmvkw7] {
    position: relative;
    isolation: isolate;
    height: 100%;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 66%, var(--cc-r2-violet, #a65cff));
    border-radius: .85rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 12%, transparent), transparent 35%),
        linear-gradient(315deg, color-mix(in srgb, var(--cc-r2-magenta, #fb4bd7) 12%, transparent), transparent 35%),
        color-mix(in srgb, var(--cc-app-surface, #090b13) 94%, black);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 12%, transparent), 0 .8rem 2rem rgba(0, 0, 0, .34), inset 0 0 2rem color-mix(in srgb, var(--cc-r2-violet, #a65cff) 9%, transparent);
    color: var(--cc-app-text, #f4f7ff);
}

.overlay-card[b-z6sdmmvkw7]::before,
.overlay-card[b-z6sdmmvkw7]::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 4rem;
    height: 4rem;
    border-color: var(--cc-r2-magenta, #fb4bd7);
    border-style: solid;
    opacity: .9;
}

.overlay-card[b-z6sdmmvkw7]::before { top: .5rem; right: .5rem; border-width: 2px 2px 0 0; }
.overlay-card[b-z6sdmmvkw7]::after { bottom: .5rem; left: .5rem; border-width: 0 0 2px 2px; border-color: var(--cc-r2-cyan, #27d9ff); }

.overlay-card .card-body[b-z6sdmmvkw7] { display: grid; gap: .8rem; padding: 1.2rem; }

.overlay-card-title[b-z6sdmmvkw7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--cc-r2-cyan, #27d9ff);
    font-weight: 900;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.overlay-icon[b-z6sdmmvkw7] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 72%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 12%, transparent);
    box-shadow: 0 0 1rem color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 36%, transparent);
    font-size: 1.1rem;
}

.overlay-card-description[b-z6sdmmvkw7] { min-height: 3rem; color: var(--cc-app-text-muted, #aab2c5); font-size: .9rem; line-height: 1.5; }
.overlay-card-meta[b-z6sdmmvkw7] { display: flex; flex-wrap: wrap; gap: .45rem; }
.overlay-card-url-block[b-z6sdmmvkw7] { display: grid; gap: .35rem; }
.overlay-card-label[b-z6sdmmvkw7] { color: var(--cc-r2-violet, #b989ff); font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }

.overlay-card-url[b-z6sdmmvkw7] {
    display: block;
    padding: .7rem .75rem;
    border: 1px solid color-mix(in srgb, var(--cc-r2-violet, #a65cff) 46%, transparent);
    border-radius: .45rem;
    background: rgba(0, 0, 0, .28);
    color: var(--cc-app-text, #f4f7ff);
    font-size: .75rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: normal;
}

.overlay-card-action[b-z6sdmmvkw7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .55rem 1rem;
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 75%, transparent);
    border-radius: .45rem;
    background: linear-gradient(100deg, color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 25%, transparent), color-mix(in srgb, var(--cc-r2-violet, #a65cff) 25%, transparent));
    box-shadow: 0 0 1.2rem color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 18%, transparent);
    color: var(--cc-app-text, #f4f7ff);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .12s ease, filter .12s ease;
}

.overlay-card-action:hover[b-z6sdmmvkw7] { transform: translateY(-1px); filter: brightness(1.15); }
.overlay-card-action:focus-visible[b-z6sdmmvkw7] { outline: 2px solid var(--cc-r2-magenta, #fb4bd7); outline-offset: 3px; }

@media (max-width: 720px) {
    .overlay-card .card-body[b-z6sdmmvkw7] { padding: 1rem; }
    .overlay-card-description[b-z6sdmmvkw7] { min-height: auto; }
}
/* /Components/Pages/OverlayLinkGrid.razor.rz.scp.css */
.overlay-grid[b-r4idkepv9i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
}

@media (max-width: 720px) {
    .overlay-grid[b-r4idkepv9i] { grid-template-columns: minmax(0, 1fr); gap: .85rem; }
}
/* /Components/Pages/Overlays.razor.rz.scp.css */
.overlays-page[b-y4979k4j8b] {
    display: grid;
    gap: clamp(1.25rem, 2vw, 2rem);
    max-width: 82rem;
    margin-inline: auto;
    padding: clamp(.35rem, 1vw, 1rem);
    color: var(--cc-app-text, #f4f7ff);
}

.overlays-page[b-y4979k4j8b]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 26%, transparent);
    background:
        linear-gradient(90deg, transparent 49.8%, color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 14%, transparent) 50%, transparent 50.2%),
        linear-gradient(0deg, transparent 49.8%, color-mix(in srgb, var(--cc-r2-violet, #a65cff) 14%, transparent) 50%, transparent 50.2%);
    background-size: 3rem 3rem;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
    opacity: .42;
    pointer-events: none;
}

.overlays-page[b-y4979k4j8b]  .mud-alert {
    border-color: color-mix(in srgb, var(--cc-r2-magenta, #fb4bd7) 60%, transparent);
    background: color-mix(in srgb, var(--cc-r2-magenta, #fb4bd7) 8%, var(--cc-app-surface, #090b13));
}
/* /Components/Pages/OverlaysDashboard.razor.rz.scp.css */
.overlays-page[b-us8y40glni] {
    display: grid;
    gap: 1.5rem;
}

.overlays-page details[b-us8y40glni] {
    overflow: clip;
    border: 1px solid color-mix(in srgb, var(--cc-r2-violet, #a65cff) 52%, var(--cc-app-border, #263047));
    border-radius: .85rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--cc-r2-violet, #a65cff) 9%, transparent), transparent 38%), var(--cc-app-surface, #090b13);
}

.overlays-page summary[b-us8y40glni] {
    padding: 1rem 1.15rem;
    color: var(--cc-r2-cyan, #27d9ff);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
}

.overlays-page details > :not(summary)[b-us8y40glni] {
    margin-inline: 1.15rem;
}

.overlays-page details > :last-child[b-us8y40glni] {
    margin-bottom: 1.15rem;
}

.overlays-page[b-us8y40glni]  .mud-card {
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 28%, var(--cc-app-border, #263047));
    background: color-mix(in srgb, var(--cc-app-surface, #090b13) 92%, black);
}

@media (max-width: 720px) {
    .overlays-page[b-us8y40glni] { gap: 1rem; }
    .overlays-page summary[b-us8y40glni] { padding: .9rem 1rem; }
    .overlays-page details > :not(summary)[b-us8y40glni] { margin-inline: .75rem; }
    .overlays-page details > :last-child[b-us8y40glni] { margin-bottom: .75rem; }
}
/* /Components/Pages/OverlaysSection.razor.rz.scp.css */
.overlay-section[b-ieutjm1bxh] {
    position: relative;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 44%, var(--cc-app-border, #263047));
    border-radius: .9rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--cc-r2-cyan, #27d9ff) 7%, transparent), transparent 34%), var(--cc-app-surface, #090b13);
    box-shadow: inset 0 0 2.5rem color-mix(in srgb, var(--cc-r2-violet, #a65cff) 6%, transparent);
}

.overlay-tv-section[b-ieutjm1bxh] { display: grid; gap: .85rem; }
.overlay-section-header[b-ieutjm1bxh] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.15rem; }
.overlay-section-heading[b-ieutjm1bxh] { display: grid; gap: .35rem; min-width: 0; }

.overlay-section-title[b-ieutjm1bxh] {
    margin: 0;
    color: var(--cc-r2-cyan, #27d9ff);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.overlay-section-description[b-ieutjm1bxh] { margin: 0; color: var(--cc-app-text-muted, #aab2c5); line-height: 1.45; }
.overlay-section-rule[b-ieutjm1bxh] { flex: 1 1 auto; min-width: 2rem; height: 1px; background: linear-gradient(90deg, var(--cc-r2-cyan, #27d9ff), color-mix(in srgb, var(--cc-r2-magenta, #fb4bd7) 55%, transparent), transparent); }

@media (max-width: 720px) {
    .overlay-section[b-ieutjm1bxh] { padding: 1rem; }
    .overlay-section-header[b-ieutjm1bxh] { align-items: flex-start; }
    .overlay-section-rule[b-ieutjm1bxh] { display: none; }
}
/* /Components/Pages/Redemptions.razor.rz.scp.css */
.redemptions-page[b-rlz2gw6tbt] { max-width: 88rem; margin: 0 auto; }
.redemptions-page__heading[b-rlz2gw6tbt] { display: flex; align-items: start; justify-content: space-between; gap: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--cc-app-border); }
.redemptions-page__eyebrow[b-rlz2gw6tbt] { margin: 0; color: var(--cc-r2-magenta, var(--cc-app-accent)); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.redemptions-page__heading h1[b-rlz2gw6tbt] { margin: .35rem 0 .55rem; font-size: clamp(2.25rem, 5vw, 4.25rem); letter-spacing: -.045em; }
.redemptions-page__heading h1 span[b-rlz2gw6tbt] { color: var(--cc-r2-violet, var(--cc-app-accent)); font-weight: 400; }
.redemptions-page__heading p:not(.redemptions-page__eyebrow)[b-rlz2gw6tbt], .redemptions-page__state p[b-rlz2gw6tbt], .redemptions-table__reward p[b-rlz2gw6tbt] { color: var(--cc-app-text-muted); line-height: 1.55; }
.redemptions-page__heading p:not(.redemptions-page__eyebrow)[b-rlz2gw6tbt] { max-width: 45rem; margin: 0; }
.redemptions-page__configure[b-rlz2gw6tbt] { flex: 0 0 auto; padding: .85rem 1.15rem; border: 1px solid color-mix(in srgb, var(--cc-r2-magenta, var(--cc-app-accent)) 72%, transparent); border-radius: .5rem; background: linear-gradient(135deg, var(--cc-r2-magenta, var(--cc-app-accent)), var(--cc-r2-violet, var(--cc-app-accent))); box-shadow: 0 .45rem 1.5rem color-mix(in srgb, var(--cc-r2-magenta, var(--cc-app-accent)) 32%, transparent); color: white; font-weight: 750; text-decoration: none; }
.redemptions-page__tabs[b-rlz2gw6tbt] { display: flex; gap: .45rem; overflow-x: auto; padding: 1.25rem 0 0; border-bottom: 1px solid var(--cc-app-border); }
.redemptions-page__tabs button[b-rlz2gw6tbt] { min-height: 3rem; padding: 0 1rem; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--cc-app-text-muted); font: inherit; cursor: pointer; white-space: nowrap; }
.redemptions-page__tabs button.is-active[b-rlz2gw6tbt], .redemptions-page__tabs button:focus-visible[b-rlz2gw6tbt] { border-color: var(--cc-r2-magenta, var(--cc-app-accent)); color: var(--cc-r2-magenta, var(--cc-app-accent)); outline: none; }
.redemptions-page__filters[b-rlz2gw6tbt] { display: flex; justify-content: end; gap: .85rem; padding: 1.25rem 0; }
.redemptions-page__filters input[b-rlz2gw6tbt], .redemptions-page__filters select[b-rlz2gw6tbt] { min-height: 3.2rem; border: 1px solid var(--cc-app-border); border-radius: .5rem; background: var(--cc-app-surface); color: var(--cc-app-text); font: inherit; }
.redemptions-page__filters input[b-rlz2gw6tbt] { width: min(19rem, 100%); padding: 0 1rem; }
.redemptions-page__category[b-rlz2gw6tbt] { display: grid; gap: .25rem; color: var(--cc-app-text-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.redemptions-page__category select[b-rlz2gw6tbt] { min-width: 12rem; padding: 0 .8rem; text-transform: none; }
.redemptions-table[b-rlz2gw6tbt] { overflow: hidden; border: 1px solid color-mix(in srgb, var(--cc-r2-magenta, var(--cc-app-accent)) 62%, var(--cc-app-border)); border-radius: .8rem; background: linear-gradient(145deg, color-mix(in srgb, var(--cc-r2-violet, var(--cc-app-accent)) 8%, transparent), transparent 38%), var(--cc-app-surface); }
.redemptions-table__head[b-rlz2gw6tbt], .redemptions-table__row[b-rlz2gw6tbt] { display: grid; grid-template-columns: minmax(15rem, 2.1fr) minmax(5rem, .7fr) minmax(4rem, .55fr) minmax(7rem, .85fr) minmax(5rem, .65fr); gap: 1rem; align-items: center; }
.redemptions-table__head[b-rlz2gw6tbt] { padding: 1rem 1.5rem; border-bottom: 1px solid var(--cc-app-border); color: var(--cc-r2-violet, var(--cc-app-accent)); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.redemptions-table__row[b-rlz2gw6tbt] { min-height: 6.5rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--cc-app-border); }.redemptions-table__row:last-of-type[b-rlz2gw6tbt] { border-bottom: 0; }
.redemptions-table__reward[b-rlz2gw6tbt] { display: flex; align-items: center; gap: 1rem; min-width: 0; }.redemptions-table__reward h2[b-rlz2gw6tbt] { margin: 0 0 .2rem; font-size: 1.05rem; }.redemptions-table__reward p[b-rlz2gw6tbt] { margin: 0; font-size: .88rem; }
.redemptions-table__icon[b-rlz2gw6tbt] { display: grid; flex: 0 0 auto; width: 3.75rem; height: 3.75rem; place-items: center; border: 1px solid var(--reward-accent); border-radius: .65rem; background: color-mix(in srgb, var(--reward-accent) 10%, transparent); box-shadow: 0 0 1.5rem color-mix(in srgb, var(--reward-accent) 24%, transparent); color: var(--reward-accent); font-size: 1.6rem; }
.redemptions-table__tier[b-rlz2gw6tbt] { color: var(--cc-r2-violet, var(--cc-app-accent)); }.redemptions-table__status[b-rlz2gw6tbt] { justify-self: start; padding: .38rem .65rem; border: 1px solid color-mix(in srgb, var(--cc-app-success) 55%, transparent); border-radius: .4rem; background: color-mix(in srgb, var(--cc-app-success) 12%, transparent); color: var(--cc-app-success); font-size: .82rem; }
.redemptions-table__footer[b-rlz2gw6tbt] { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.5rem; border-top: 1px solid color-mix(in srgb, var(--cc-r2-magenta, var(--cc-app-accent)) 48%, var(--cc-app-border)); color: var(--cc-app-text-muted); }.redemptions-table__footer a[b-rlz2gw6tbt] { color: var(--cc-r2-magenta, var(--cc-app-accent)); font-weight: 700; text-decoration: none; }
.redemptions-page__state[b-rlz2gw6tbt] { max-width: 42rem; margin-top: 1.5rem; padding: 2rem; border: 1px solid var(--cc-app-border); border-radius: .8rem; background: var(--cc-app-surface); }.redemptions-page__state h2[b-rlz2gw6tbt] { margin: .5rem 0; }.redemptions-page__state--compact[b-rlz2gw6tbt] { max-width: none; }
@media (max-width: 720px) { .redemptions-page__heading[b-rlz2gw6tbt], .redemptions-page__filters[b-rlz2gw6tbt], .redemptions-table__footer[b-rlz2gw6tbt] { align-items: stretch; flex-direction: column; }.redemptions-page__configure[b-rlz2gw6tbt], .redemptions-page__filters input[b-rlz2gw6tbt], .redemptions-page__category select[b-rlz2gw6tbt] { width: 100%; }.redemptions-page__filters[b-rlz2gw6tbt] { padding-block: 1rem; }.redemptions-table__head[b-rlz2gw6tbt] { display: none; }.redemptions-table__row[b-rlz2gw6tbt] { grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; padding: 1rem; }.redemptions-table__reward[b-rlz2gw6tbt] { grid-column: 1 / -1; }.redemptions-table__row > span:not(.redemptions-table__status)[b-rlz2gw6tbt] { color: var(--cc-app-text-muted); font-size: .82rem; }.redemptions-table__row > span:not(.redemptions-table__status)[b-rlz2gw6tbt]::before { display: block; margin-bottom: .15rem; color: var(--cc-r2-violet, var(--cc-app-accent)); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.redemptions-table__row > span:nth-child(2)[b-rlz2gw6tbt]::before { content: 'Tier'; }.redemptions-table__row > span:nth-child(3)[b-rlz2gw6tbt]::before { content: 'Weight'; }.redemptions-table__row > span:nth-child(4)[b-rlz2gw6tbt]::before { content: 'Delivery'; }.redemptions-table__footer[b-rlz2gw6tbt] { padding: 1rem; } }
/* /Components/Pages/SiteDashboard.razor.rz.scp.css */
.site-dashboard[b-bab15ili5e] {
    display: grid;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.site-dashboard__intro[b-bab15ili5e] {
    max-width: 72ch;
}

.site-dashboard__theme-banner[b-bab15ili5e] {
    background:
        radial-gradient(circle at top left, rgba(0, 212, 255, 0.14), transparent 42%),
        linear-gradient(140deg, rgba(7, 12, 20, 0.78), rgba(13, 19, 30, 0.92));
    border-color: rgba(0, 212, 255, 0.18);
}

.site-dashboard[b-bab15ili5e]  .site-dashboard__primary {
    background:
        radial-gradient(circle at top right, rgba(83, 237, 255, 0.12), transparent 36%),
        linear-gradient(145deg, rgba(8, 14, 24, 0.92), rgba(11, 18, 30, 0.84));
    border-color: rgba(83, 237, 255, 0.2) !important;
}

.site-dashboard__details[b-bab15ili5e] {
    border: 1px solid rgba(83, 237, 255, 0.18);
    border-radius: 14px;
    background: rgba(8, 14, 24, 0.58);
    padding: 0.85rem 1rem;
}

.site-dashboard__details summary[b-bab15ili5e] {
    cursor: pointer;
    color: var(--mud-palette-text-primary);
    font-weight: 700;
}

.site-dashboard__details summary[b-bab15ili5e]::marker {
    color: var(--mud-palette-info);
}

.site-dashboard__inline-details[b-bab15ili5e] {
    border: 1px solid rgba(83, 237, 255, 0.16);
    border-radius: 8px;
    background: rgba(8, 14, 24, 0.42);
    padding: 0.65rem 0.75rem;
}

.site-dashboard__inline-details summary[b-bab15ili5e] {
    cursor: pointer;
    font-weight: 700;
}

.site-dashboard__card[b-bab15ili5e] {
    min-height: 100%;
}

.site-dashboard-snapshot-groups[b-bab15ili5e] {
    display: grid;
    gap: 1rem;
}

.site-dashboard-snapshot-groups[b-bab15ili5e]  .mud-expansion-panels {
    background: transparent !important;
}

.site-dashboard-snapshot-groups[b-bab15ili5e]  .mud-expansion-panel {
    overflow: clip;
    background-color: rgba(13, 17, 23, 0.78) !important;
    border: 1px solid rgba(0, 193, 255, 0.24) !important;
    color: var(--mud-palette-text-primary) !important;
    box-shadow: none !important;
}

.site-dashboard-snapshot-groups[b-bab15ili5e]  .mud-expansion-panel-header {
    background: transparent !important;
    color: var(--mud-palette-text-primary) !important;
}

.site-dashboard-snapshot-groups[b-bab15ili5e]  .mud-expansion-panel-body {
    background: transparent !important;
    color: var(--mud-palette-text-primary) !important;
    padding-top: 0;
}

.site-dashboard__summary-grid[b-bab15ili5e] {
    align-items: stretch;
}

.site-dashboard[b-bab15ili5e]  .site-dashboard__summary-panel {
    min-height: 100%;
}

.site-dashboard__summary-list[b-bab15ili5e] {
    display: grid;
    gap: 0.75rem;
}

.site-dashboard__summary-entry[b-bab15ili5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.site-dashboard__summary-entry > div[b-bab15ili5e] {
    min-width: 0;
}

.site-kick-readiness__grid[b-bab15ili5e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.65rem;
}

.site-kick-readiness__item[b-bab15ili5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.65rem;
    border: 1px solid rgba(83, 237, 255, 0.16);
    border-radius: 8px;
    background: rgba(8, 14, 24, 0.42);
}

.site-kick-readiness__item > div[b-bab15ili5e] {
    min-width: 0;
}
/* /Components/Pages/SiteDashboardSnapshotCard.razor.rz.scp.css */
.site-dashboard-snapshot-card__details[b-u5ttlcdhk6]  .mud-expansion-panels {
    background: transparent !important;
}

.site-dashboard-snapshot-card__details[b-u5ttlcdhk6]  .mud-expansion-panel {
    overflow: clip;
    background-color: rgba(13, 17, 23, 0.78) !important;
    border: 1px solid rgba(0, 193, 255, 0.2) !important;
    box-shadow: none !important;
    color: var(--mud-palette-text-primary) !important;
}

.site-dashboard-snapshot-card__details[b-u5ttlcdhk6]  .mud-expansion-panel-header {
    background: transparent !important;
    color: var(--mud-palette-text-primary) !important;
}

.site-dashboard-snapshot-card__details[b-u5ttlcdhk6]  .mud-expansion-panel-body {
    background: transparent !important;
    color: var(--mud-palette-text-primary) !important;
    padding-top: 0;
}
/* /Components/Pages/SiteOperationsSummaryStrip.razor.rz.scp.css */
.site-ops-summary__item[b-pxk9hbctrm] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0.75rem;
    height: 100%;
    min-height: 5.75rem;
    padding: 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}
/* /Components/Pages/SiteRealtimeHealthPanel.razor.rz.scp.css */
.site-realtime-health[b-0hj9t3y5tq] {
    overflow-x: clip;
}

.site-realtime-health__summary[b-0hj9t3y5tq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.site-realtime-health__row[b-0hj9t3y5tq] {
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.site-realtime-health__metric span[b-0hj9t3y5tq] {
    display: block;
    color: #aeb9c8;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.site-realtime-health__table[b-0hj9t3y5tq] {
    display: grid;
    gap: .5rem;
}

.site-realtime-health__details[b-0hj9t3y5tq] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .025);
    padding: .65rem .75rem;
}

.site-realtime-health__details summary[b-0hj9t3y5tq] {
    cursor: pointer;
    color: var(--mud-palette-text-primary);
    font-size: .82rem;
    font-weight: 700;
}

.site-realtime-health__details[open] summary[b-0hj9t3y5tq] {
    margin-bottom: .75rem;
}

.site-realtime-health__table-header[b-0hj9t3y5tq],
.site-realtime-health__row[b-0hj9t3y5tq] {
    display: grid;
    grid-template-columns: minmax(12rem, 2fr) auto repeat(4, minmax(4.5rem, 1fr));
    gap: .75rem;
    align-items: center;
}

.site-realtime-health__table-header[b-0hj9t3y5tq] {
    padding: 0 .25rem;
    color: #aeb9c8;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.site-realtime-health__row[b-0hj9t3y5tq] {
    min-width: 0;
}

.site-realtime-health__hub-name[b-0hj9t3y5tq] {
    min-width: 0;
}

.site-realtime-health__hub-name strong[b-0hj9t3y5tq] {
    display: block;
    overflow-wrap: anywhere;
}

.site-realtime-health__metric[b-0hj9t3y5tq] {
    min-width: 0;
}

.site-realtime-health__metric strong[b-0hj9t3y5tq] {
    display: block;
    margin-top: .15rem;
    font-size: 1.05rem;
}

@media (max-width: 920px) {
    .site-realtime-health__table-header[b-0hj9t3y5tq] {
        display: none;
    }

    .site-realtime-health__table[b-0hj9t3y5tq],
    .site-realtime-health__row[b-0hj9t3y5tq] {
        gap: .6rem;
    }

    .site-realtime-health__row[b-0hj9t3y5tq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .site-realtime-health__summary[b-0hj9t3y5tq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .site-realtime-health__summary[b-0hj9t3y5tq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SiteStats.razor.rz.scp.css */
.site-status-overlay[b-1sou2h94mm] {
    min-height: 100vh;
    padding: clamp(1rem, 2vw, 2rem);
    display: grid;
    gap: 1rem;
    align-content: start;
    background:
        radial-gradient(circle at top left, rgba(65, 215, 167, 0.18), transparent 36rem),
        linear-gradient(135deg, #07110e 0%, #101820 52%, #071018 100%);
    color: #f2fff9;
}

.site-status-overlay__header[b-1sou2h94mm],
.site-status-overlay__panel[b-1sou2h94mm],
.site-status-overlay__fallback[b-1sou2h94mm],
.site-status-overlay__details[b-1sou2h94mm] {
    border: 1px solid rgba(178, 255, 220, 0.18);
    background: rgba(3, 10, 14, 0.72);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(16px);
}

.site-status-overlay__header[b-1sou2h94mm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.site-status-overlay__header h1[b-1sou2h94mm],
.site-status-overlay__header p[b-1sou2h94mm] {
    margin: 0;
}

.site-status-overlay__header h1[b-1sou2h94mm] {
    font-size: clamp(1.75rem, 4vw, 3.25rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.site-status-overlay__header p:not(.site-status-overlay__eyebrow)[b-1sou2h94mm] {
    margin-top: 0.4rem;
    color: rgba(242, 255, 249, 0.72);
}

.site-status-overlay__eyebrow[b-1sou2h94mm] {
    color: #41d7a7;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.site-status-overlay__badge[b-1sou2h94mm] {
    flex: 0 0 auto;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(65, 215, 167, 0.42);
    border-radius: 999px;
    color: #41d7a7;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-status-overlay__panel[b-1sou2h94mm],
.site-status-overlay__fallback[b-1sou2h94mm],
.site-status-overlay__details[b-1sou2h94mm] {
    padding: clamp(0.85rem, 2vw, 1.25rem);
}

.site-status-overlay__fallback[b-1sou2h94mm] {
    color: #ffe69c;
}

.site-status-overlay__details[b-1sou2h94mm] {
    color: rgba(242, 255, 249, 0.74);
}

.site-status-overlay__details summary[b-1sou2h94mm] {
    cursor: pointer;
    color: #41d7a7;
    font-weight: 800;
}

.site-status-overlay__details p[b-1sou2h94mm] {
    margin: 0.75rem 0 0;
}

@media (max-width: 640px) {
    .site-status-overlay__header[b-1sou2h94mm] {
        display: grid;
    }

    .site-status-overlay__badge[b-1sou2h94mm] {
        width: max-content;
    }
}
/* /Components/Pages/SteamGiftPicker.razor.rz.scp.css */
.steam-gift-picker[b-l2s1qf9gst] {
    display: flex;
    flex-direction: column;
}

.steam-gift-picker__panel[b-l2s1qf9gst],
.steam-gift-picker__result[b-l2s1qf9gst] {
    border-radius: 1rem;
}

.steam-gift-picker__wheel[b-l2s1qf9gst] {
    position: relative;
    aspect-ratio: 1 / 1;
    width: min(22rem, 100%);
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 58%, rgba(0, 0, 0, 0.16) 100%),
        linear-gradient(145deg, rgba(24, 37, 52, 0.96), rgba(10, 16, 24, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 16px 40px rgba(0, 0, 0, 0.24);
}

.steam-gift-picker__wheel--viewer[b-l2s1qf9gst] {
    background:
        radial-gradient(circle at center, rgba(123, 211, 255, 0.18), rgba(255, 255, 255, 0.04) 58%, rgba(0, 0, 0, 0.18) 100%),
        linear-gradient(145deg, rgba(31, 42, 64, 0.96), rgba(12, 18, 28, 0.96));
}

.steam-gift-picker__wheel-empty[b-l2s1qf9gst] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.72);
}

.steam-gift-picker__wheel-item[b-l2s1qf9gst] {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6rem;
    max-width: 9rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(4px);
    transform-origin: center center;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.steam-gift-picker__wheel-item--viewer[b-l2s1qf9gst] {
    min-width: 5.5rem;
    max-width: 8rem;
    background: rgba(57, 203, 251, 0.18);
}

.steam-gift-picker__wheel-center[b-l2s1qf9gst] {
    position: absolute;
    inset: 28%;
    display: grid;
    place-items: center;
    padding: 1rem;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.38);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.steam-gift-picker__result-image[b-l2s1qf9gst] {
    width: 100%;
    max-width: 13rem;
    display: block;
    margin-inline: auto;
    border-radius: 1rem;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}
/* /Components/Pages/SteamKeysPage.razor.rz.scp.css */
.colorclear[b-g8gb4di0wi] {
    background: transparent;
    background-blend-mode: color
}

.hide[b-g8gb4di0wi] {
    visibility: hidden;
}

.collapsed[b-g8gb4di0wi] {
    display: none;
}

.minicard[b-g8gb4di0wi] {
    margin: 10px;
    padding: 10px 12px;
    min-width: 300px;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}
 
/* /Components/Pages/StreamerAdmin.razor.rz.scp.css */
.colorclear[b-38m9f8rmzf] {
    background: transparent;
    background-blend-mode: color
}

.hide[b-38m9f8rmzf] {
    visibility: hidden;
}

.collapsed[b-38m9f8rmzf] {
    display: none;
}

.minicard[b-38m9f8rmzf] {
    margin: 10px;
    padding: 10px 12px;
    min-width: 300px;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}
 
/* /Components/Pages/StreamerAdminDashboard.razor.rz.scp.css */
.settings-workspace[b-0q7sbt2gu2] {
    --settings-magenta: var(--cc-r2-magenta, #ef3fff);
    --settings-violet: var(--cc-r2-violet, #8b3dff);
    --settings-cyan: var(--cc-r2-cyan, #38d8ff);
    --settings-surface: var(--cc-app-surface, #080d1d);
    --settings-border: color-mix(in srgb, var(--settings-violet) 48%, var(--cc-app-border, #34405a));
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    max-width: 78rem;
    margin: 0 auto;
    min-width: 0;
}

.settings-workspace__rail[b-0q7sbt2gu2] {
    position: sticky;
    top: 1rem;
    align-self: start;
    display: grid;
    gap: .9rem;
    max-height: calc(100vh - 2rem);
    padding: 1rem;
    overflow: auto;
    border: 1px solid var(--settings-border);
    border-radius: .85rem;
    background: linear-gradient(145deg, rgb(18 8 42 / 58%), transparent 42%), var(--settings-surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 1.15rem 2.5rem rgb(0 0 0 / 26%);
}

.settings-workspace__search-label[b-0q7sbt2gu2],
.settings-workspace__mobile-select label[b-0q7sbt2gu2] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cc-app-text-muted, #a8b3c7);
}

.settings-workspace__search[b-0q7sbt2gu2],
.settings-workspace__mobile-select select[b-0q7sbt2gu2] {
    width: 100%;
    min-height: 44px;
    padding: .65rem .75rem;
    color: var(--theme-text, #f8fafc);
    border: 1px solid color-mix(in srgb, var(--settings-violet) 42%, var(--cc-app-border, #53617c));
    border-radius: .55rem;
    background: rgb(3 7 22 / 78%);
}

.settings-workspace__search:focus-visible[b-0q7sbt2gu2],
.settings-workspace__mobile-select select:focus-visible[b-0q7sbt2gu2],
.settings-workspace__section-nav a:focus-visible[b-0q7sbt2gu2],
.settings-workspace__results a:focus-visible[b-0q7sbt2gu2] {
    outline: 3px solid var(--settings-cyan);
    outline-offset: 2px;
}

.settings-workspace__section-nav[b-0q7sbt2gu2],
.settings-workspace__results[b-0q7sbt2gu2] {
    display: grid;
    gap: .38rem;
}

.settings-workspace__section-nav a[b-0q7sbt2gu2],
.settings-workspace__results a[b-0q7sbt2gu2] {
    display: flex;
    gap: .65rem;
    align-items: center;
    min-height: 3rem;
    padding: .65rem .75rem;
    color: var(--cc-app-text-muted, #a8b3c7);
    border: 1px solid transparent;
    border-radius: .55rem;
    text-decoration: none;
}

.settings-workspace__section-nav a:hover[b-0q7sbt2gu2],
.settings-workspace__section-nav a.is-active[b-0q7sbt2gu2] {
    color: var(--cc-app-text, #f8fafc);
    border-color: var(--settings-magenta);
    background: linear-gradient(90deg, color-mix(in srgb, var(--settings-violet) 34%, transparent), color-mix(in srgb, var(--settings-magenta) 15%, transparent));
    box-shadow: inset 0 0 1rem color-mix(in srgb, var(--settings-violet) 18%, transparent), 0 0 1rem color-mix(in srgb, var(--settings-magenta) 16%, transparent);
}

.settings-workspace__results[b-0q7sbt2gu2] {
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--settings-border);
}

.settings-workspace__results a[b-0q7sbt2gu2] {
    align-items: start;
    flex-direction: column;
    gap: .1rem;
}

.settings-workspace__results span[b-0q7sbt2gu2] {
    font-size: .75rem;
}

.settings-workspace__content[b-0q7sbt2gu2],
.settings-workspace__panel-stack[b-0q7sbt2gu2] {
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}

.settings-workspace__content-header[b-0q7sbt2gu2],
.settings-workspace__panel[b-0q7sbt2gu2] {
    padding: clamp(1rem, 2.2vw, 1.8rem);
    border: 1px solid var(--settings-border);
    border-radius: .85rem;
    background: linear-gradient(145deg, rgb(12 10 38 / 48%), transparent 38%), var(--settings-surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 1.15rem 2.5rem rgb(0 0 0 / 26%);
}

.settings-workspace__content-header[b-0q7sbt2gu2] {
    border-left: 3px solid var(--settings-magenta);
    background: linear-gradient(120deg, color-mix(in srgb, var(--settings-violet) 20%, transparent), transparent 55%), var(--settings-surface);
}

.settings-workspace__eyebrow[b-0q7sbt2gu2] { color: var(--settings-magenta); font-weight: 800; letter-spacing: .12em; }
.settings-workspace__title[b-0q7sbt2gu2] { margin-top: .25rem; color: var(--cc-app-text, #f8fafc); font-size: clamp(1.8rem, 3vw, 2.45rem); font-weight: 750; }
.settings-workspace__description[b-0q7sbt2gu2] { margin-top: .3rem; color: var(--cc-app-text-muted, #a8b3c7); font-size: 1rem; }
.settings-workspace__hint[b-0q7sbt2gu2] { display: block; margin-top: .85rem; padding-top: .8rem; border-top: 1px solid color-mix(in srgb, var(--settings-violet) 30%, transparent); color: var(--cc-app-text-muted, #a8b3c7); }

.settings-workspace__quick-grid[b-0q7sbt2gu2],
.settings-workspace__destination-links[b-0q7sbt2gu2] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    margin-top: 1rem;
}

.settings-workspace__mobile-select[b-0q7sbt2gu2] {
    display: none;
}

@media (max-width: 700px) {
    .settings-workspace[b-0q7sbt2gu2] {
        grid-template-columns: minmax(0, 1fr);
        gap: .85rem;
        width: 100%;
        overflow-x: clip;
    }

    .settings-workspace__rail[b-0q7sbt2gu2] {
        display: none;
    }

    .settings-workspace__mobile-select[b-0q7sbt2gu2] {
        display: grid;
        gap: .4rem;
        min-width: 0;
    }

    .settings-workspace__content-header[b-0q7sbt2gu2],
    .settings-workspace__panel[b-0q7sbt2gu2] {
        padding: 1rem;
    }

    .settings-workspace__quick-grid[b-0q7sbt2gu2],
    .settings-workspace__destination-links[b-0q7sbt2gu2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 420px) {
    .settings-workspace[b-0q7sbt2gu2] { margin-inline: -.25rem; }
    .settings-workspace__content-header[b-0q7sbt2gu2] { padding: 1rem; }
    .settings-workspace__title[b-0q7sbt2gu2] { font-size: 1.7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .settings-workspace *[b-0q7sbt2gu2], .settings-workspace *[b-0q7sbt2gu2]::before, .settings-workspace *[b-0q7sbt2gu2]::after { scroll-behavior: auto !important; transition: none !important; }
}
/* /Components/Pages/StreamerAdminPOCs.razor.rz.scp.css */
.streamer-admin-pocs__primary[b-ofxxjv6trr] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-warning, #f5a524), transparent 88%), transparent),
        color-mix(in srgb, var(--mud-palette-surface, #111827), transparent 0%);
}

.streamer-admin-pocs__quick-grid[b-ofxxjv6trr] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.streamer-admin-pocs__panels[b-ofxxjv6trr] {
    gap: 0.85rem;
    margin-bottom: 0.2rem;
}

.streamer-admin-pocs__panels[b-ofxxjv6trr]  .mud-expansion-panels {
    background: transparent !important;
}

.streamer-admin-pocs__panels[b-ofxxjv6trr]  .mud-expansion-panel {
    border: 1px solid color-mix(in srgb, var(--tron-border, #2c3548), transparent 18%);
    border-radius: 1rem;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.streamer-admin-pocs__panels[b-ofxxjv6trr]  .mud-expansion-panel-header {
    border-radius: 1rem;
    background: transparent !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.streamer-admin-pocs__panels[b-ofxxjv6trr]  .mud-expansion-panel-content,
.streamer-admin-pocs__panels[b-ofxxjv6trr]  .mud-expansion-panel-body {
    background: transparent !important;
    padding-top: 0.75rem !important;
}
/* /Components/Pages/StreamerAdminSection.razor.rz.scp.css */
.streamer-admin-section[b-rdina237e5] {
    margin-bottom: 0.75rem;
}

.streamer-admin-section[b-rdina237e5]  .mud-expansion-panel {
    border: 1px solid color-mix(in srgb, var(--tron-border, #2c3548), transparent 18%);
    border-radius: 1rem;
    background: transparent !important;
    box-shadow: none !important;
}

.streamer-admin-section[b-rdina237e5]  .mud-expansion-panel-header {
    cursor: pointer;
    border-radius: 1rem;
    color: var(--mud-palette-text-primary, #f8fafc);
    background: transparent !important;
}

.streamer-admin-section[b-rdina237e5]  .mud-expansion-panel-content {
    padding-top: 0.6rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: var(--mud-palette-text-primary, #f8fafc);
}

.streamer-admin-section[b-rdina237e5]  .mud-expansion-panel-body {
    background: transparent !important;
}

.streamer-admin-section__header[b-rdina237e5] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.streamer-admin-section__title[b-rdina237e5] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.streamer-admin-section__summary[b-rdina237e5] {
    color: var(--tron-text, #d9e3f0);
    font-size: 0.9rem;
}
/* /Components/Pages/StreamerPOCs.razor.rz.scp.css */
.streamer-pocs__primary[b-k0q7gfwivn] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-info, #38bdf8), transparent 88%), transparent),
        color-mix(in srgb, var(--mud-palette-surface, #111827), transparent 0%);
}

.streamer-pocs__panels[b-k0q7gfwivn] {
    gap: 0.85rem;
    margin-bottom: 0.4rem;
}

.streamer-pocs__panels[b-k0q7gfwivn]  .mud-expansion-panels {
    background: transparent !important;
}

.streamer-pocs__panels[b-k0q7gfwivn]  .mud-expansion-panel {
    border: 1px solid color-mix(in srgb, var(--tron-border, #2c3548), transparent 18%);
    border-radius: 1rem;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.streamer-pocs__panels[b-k0q7gfwivn]  .mud-expansion-panel-header {
    border-radius: 1rem;
    background: transparent !important;
    color: var(--mud-palette-text-primary, #f8fafc) !important;
}

.streamer-pocs__panels[b-k0q7gfwivn]  .mud-expansion-panel-content,
.streamer-pocs__panels[b-k0q7gfwivn]  .mud-expansion-panel-body {
    background: transparent !important;
    padding-top: 0.75rem !important;
}
/* /Components/Pages/SuggestionBox.razor.rz.scp.css */
.suggestion-box-shell[b-n3ecxsfcdh] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 3rem);
    background: radial-gradient(circle at top, rgba(255, 95, 209, 0.16), transparent 35%),
    radial-gradient(circle at bottom right, rgba(124, 246, 255, 0.14), transparent 28%),
    linear-gradient(160deg, #05070d 0%, #0a0f18 50%, #04050a 100%);
    color: #f7f7fb;
}

.suggestion-box-shell.is-hidden[b-n3ecxsfcdh] {
    opacity: 0;
    pointer-events: none;
}

.suggestion-box-backdrop[b-n3ecxsfcdh] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.06), transparent 38%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.42));
    pointer-events: none;
}

.suggestion-box-card[b-n3ecxsfcdh] {
    position: relative;
    z-index: 1;
    width: min(92vw, 1120px);
}

.suggestion-box-error[b-n3ecxsfcdh] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 4;
    max-width: min(32rem, calc(100vw - 2rem));
    padding: 0.75rem 1rem;
    border-radius: 16px;
    background: rgba(120, 28, 28, 0.92);
    border: 1px solid rgba(255, 128, 128, 0.55);
    color: #fff;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.32);
}

.suggestion-box-frame[b-n3ecxsfcdh] {
    position: relative;
    min-height: 420px;
    border: 1px solid color-mix(in srgb, var(--suggestion-accent) 58%, white 12%);
    border-radius: 30px;
    background: rgba(8, 12, 20, 0.78);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 0 42px color-mix(in srgb, var(--suggestion-glow) 40%, transparent),
    0 0 110px color-mix(in srgb, var(--suggestion-glow) 18%, transparent);
    overflow: hidden;
    backdrop-filter: blur(14px);
}

.suggestion-box-badge[b-n3ecxsfcdh] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 3;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--suggestion-accent) 25%, rgba(10, 14, 24, 0.9));
    border: 1px solid color-mix(in srgb, var(--suggestion-accent) 68%, white 15%);
    color: #fff;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.suggestion-box-image[b-n3ecxsfcdh] {
    display: block;
    width: 100%;
    max-height: 74vh;
    object-fit: contain;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    rgba(4, 7, 13, 0.66);
    filter: drop-shadow(0 0 18px color-mix(in srgb, var(--suggestion-glow) 70%, transparent)) drop-shadow(0 0 44px color-mix(in srgb, var(--suggestion-glow) 24%, transparent));
}

.suggestion-box-placeholder[b-n3ecxsfcdh],
.suggestion-box-idle[b-n3ecxsfcdh] {
    min-height: 420px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 4rem 2rem 3rem;
}

.suggestion-box-placeholder[b-n3ecxsfcdh] {
    background: radial-gradient(circle at center, color-mix(in srgb, var(--suggestion-glow) 12%, transparent), transparent 60%),
    rgba(3, 5, 10, 0.8);
}

.suggestion-box-placeholder span[b-n3ecxsfcdh],
.suggestion-box-idle p[b-n3ecxsfcdh] {
    opacity: 0.86;
}

.suggestion-box-copy[b-n3ecxsfcdh],
.suggestion-box-idle[b-n3ecxsfcdh] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1.25rem 1.4rem 1.5rem;
    background: linear-gradient(180deg, rgba(4, 7, 13, 0), rgba(4, 7, 13, 0.92) 38%, rgba(4, 7, 13, 0.98));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.suggestion-box-copy h1[b-n3ecxsfcdh],
.suggestion-box-idle h1[b-n3ecxsfcdh] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 0.96;
    letter-spacing: -0.04em;
}

.suggestion-box-copy p[b-n3ecxsfcdh],
.suggestion-box-idle p[b-n3ecxsfcdh] {
    margin: 0.55rem 0 0;
    font-size: clamp(1rem, 1.7vw, 1.3rem);
    max-width: 48rem;
}

.suggestion-box-shell code[b-n3ecxsfcdh] {
    padding: 0.15rem 0.4rem;
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}
/* /Components/Pages/SvengoolieVotingOverlay.razor.rz.scp.css */
.svengoolie-voting-handoff[b-pb2cf0c6gh] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 193, 7, 0.18), transparent 22rem),
        linear-gradient(145deg, #130609, #1b1018 48%, #09070c);
    color: #fff8e1;
}

.svengoolie-voting-handoff__card[b-pb2cf0c6gh],
.svengoolie-voting-handoff__details[b-pb2cf0c6gh] {
    width: min(100%, 34rem);
    border: 1px solid rgba(255, 193, 7, 0.24);
    background: rgba(10, 5, 8, 0.78);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(16px);
}

.svengoolie-voting-handoff__card[b-pb2cf0c6gh] {
    padding: clamp(1.25rem, 4vw, 2.5rem);
}

.svengoolie-voting-handoff__card h1[b-pb2cf0c6gh],
.svengoolie-voting-handoff__card p[b-pb2cf0c6gh] {
    margin: 0;
}

.svengoolie-voting-handoff__card h1[b-pb2cf0c6gh] {
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: 0.9;
    letter-spacing: -0.07em;
}

.svengoolie-voting-handoff__card p:not(.svengoolie-voting-handoff__eyebrow)[b-pb2cf0c6gh] {
    margin-top: 0.75rem;
    color: rgba(255, 248, 225, 0.72);
}

.svengoolie-voting-handoff__card a[b-pb2cf0c6gh] {
    display: inline-flex;
    margin-top: 1.25rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(255, 193, 7, 0.42);
    border-radius: 999px;
    color: #ffc107;
    font-weight: 800;
    text-decoration: none;
}

.svengoolie-voting-handoff__eyebrow[b-pb2cf0c6gh] {
    color: #ffc107;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.svengoolie-voting-handoff__details[b-pb2cf0c6gh] {
    padding: 0.85rem 1rem;
    color: rgba(255, 248, 225, 0.74);
}

.svengoolie-voting-handoff__details summary[b-pb2cf0c6gh] {
    cursor: pointer;
    color: #ffc107;
    font-weight: 800;
}

.svengoolie-voting-handoff__details p[b-pb2cf0c6gh] {
    margin: 0.75rem 0 0;
}
/* /Components/Pages/TwitchOverviewDashboard.razor.rz.scp.css */
.twitch-overview-dashboard[b-7yi1rehvqb] {
    min-width: 0;
}

.twitch-overview-dashboard__header[b-7yi1rehvqb] {
    max-width: 88rem;
}

.twitch-overview-dashboard__contract-panel[b-7yi1rehvqb] {
    min-width: 0;
}

.twitch-overview-dashboard__contract-table[b-7yi1rehvqb] {
    margin-top: 1rem;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.twitch-overview-dashboard__contract-table:focus-visible[b-7yi1rehvqb] {
    outline: 3px solid var(--theme-focus-ring, #fff2a6);
    outline-offset: 3px;
}

.twitch-overview-dashboard__contract-table .mud-table[b-7yi1rehvqb] {
    min-width: 52rem;
}
/* /Components/Pages/TwitchOverviewSection.razor.rz.scp.css */
.twitch-overview-section[b-s9vzqi62cs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.twitch-overview-section__header[b-s9vzqi62cs] {
    display: flex;
    flex-direction: column;
}

.twitch-overview-section__title[b-s9vzqi62cs] {
    color: var(--tron-text-muted, #8890a0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.twitch-overview-section__body[b-s9vzqi62cs] {
    min-width: 0;
}
/* /Components/Pages/TwitchPage.razor.rz.scp.css */
.twitch-viewer-status[b-tmlrnc2awh] {
    align-items: center;
    color: var(--cc-r2-violet);
    display: inline-flex;
    gap: 0.5rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.twitch-viewer-status__indicator[b-tmlrnc2awh] {
    background: var(--cc-r2-violet);
    border-radius: 50%;
    display: inline-block;
    height: 0.625rem;
    width: 0.625rem;
}
/* /Components/Pages/Wally/Wally.razor.rz.scp.css */
.wally-page[b-gl6bqplnwo] {
    display: grid;
    gap: 1rem;
}

.wally-hero[b-gl6bqplnwo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(0, 212, 255, 0.18);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
}

.wally-kicker[b-gl6bqplnwo] {
    margin: 0 0 .35rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .75rem;
    color: #8890a0;
}

.wally-hero h1[b-gl6bqplnwo] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
}

.wally-summary[b-gl6bqplnwo] {
    margin: .5rem 0 0;
    max-width: 68ch;
    color: #8890a0;
}

.wally-stats[b-gl6bqplnwo] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.wally-stat[b-gl6bqplnwo] {
    min-width: 120px;
    padding: .85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(0, 212, 255, 0.16);
    background: rgba(0, 0, 0, 0.2);
}

.wally-stat-label[b-gl6bqplnwo],
.wally-page-label[b-gl6bqplnwo],
.wally-note[b-gl6bqplnwo],
.wally-empty[b-gl6bqplnwo],
.itemmeta[b-gl6bqplnwo] {
    color: #8890a0;
}

.wally-stat-label[b-gl6bqplnwo] {
    display: block;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .2rem;
}

.wally-stat-value[b-gl6bqplnwo] {
    display: block;
    font-size: 1.35rem;
    font-weight: 700;
    color: #c8d0e0;
}

.wally-layout[b-gl6bqplnwo] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.wally-controls[b-gl6bqplnwo] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .6rem;
    padding: 1rem;
    border: 1px solid rgba(0, 212, 255, 0.12);
    border-radius: 16px;
    background: rgba(8, 12, 22, 0.86);
    backdrop-filter: blur(12px);
}

.wally-controls label[b-gl6bqplnwo] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8890a0;
}

.wally-controls input[b-gl6bqplnwo],
.wally-controls select[b-gl6bqplnwo] {
    width: 100%;
    padding: .65rem .8rem;
    border-radius: 12px;
    border: 1px solid #25293a;
    background: #161925;
    color: #e6e6e6;
}

.wally-pager[b-gl6bqplnwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    padding-top: .25rem;
}

.wally-results[b-gl6bqplnwo] {
    min-width: 0;
}

.itemcontainer[b-gl6bqplnwo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .85rem;
}

.item[b-gl6bqplnwo] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .8rem;
    border-radius: 14px;
    border: 1px solid #25293a;
    background: #11131a;
    min-width: 0;
}

.item img[b-gl6bqplnwo] {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 10px;
    background: #0b0d12;
}

.iteminner[b-gl6bqplnwo] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.itemtitle[b-gl6bqplnwo],
.itemmeta[b-gl6bqplnwo],
.wally-note[b-gl6bqplnwo],
.wally-empty[b-gl6bqplnwo] {
    margin: 0;
}

.itemtitle[b-gl6bqplnwo] {
    color: #e6e6e6;
    overflow-wrap: anywhere;
}

.wally-empty[b-gl6bqplnwo] {
    padding: 1rem;
    border: 1px dashed rgba(0, 212, 255, 0.2);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.18);
}

@media (max-width: 1100px) {
    .wally-layout[b-gl6bqplnwo] {
        grid-template-columns: 1fr;
    }

    .wally-controls[b-gl6bqplnwo] {
        position: static;
    }

    .wally-hero[b-gl6bqplnwo] {
        flex-direction: column;
        align-items: start;
    }
}
/* /Components/Pages/Weather.razor.rz.scp.css */
/* Keep native table semantics at every viewport; narrow displays scroll the table. */
.weather-forecast-table-wrap[b-d3pgxocaea] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 640px) {
    .weather-forecast-table[b-d3pgxocaea] {
        min-width: 36rem;
    }

    .weather-forecast-table th[b-d3pgxocaea] {
        color: var(--cc-r2-cyan);
    }
}

/* The wrapper is focusable so keyboard users can scroll it (WCAG 2.1.1);
   that focus must therefore be visible. */
.weather-forecast-table-wrap:focus-visible[b-d3pgxocaea] {
    outline: 2px solid var(--cc-r2-cyan);
    outline-offset: 2px;
}
/* /Components/Reports/Clip.razor.rz.scp.css */
.recent-game[b-si3x3sndpd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #f8f9fa;
}

.debug[b-si3x3sndpd] {
    background-color: aqua;
}

.game-icon[b-si3x3sndpd] {
    width: 128px;
    height: 128px;
    margin-bottom: 10px;
}

.game-details[b-si3x3sndpd] {
    text-align: start;
}

.grid-container[b-si3x3sndpd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 10px;
}

.grid-item[b-si3x3sndpd] {
    padding: 5px;
    background-color: #e9ecef;
    border-radius: 5px;
}
/* /Components/Reports/ClipRaw.razor.rz.scp.css */
.recent-game[b-rivm0uhaai] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #f8f9fa;
}

.debug[b-rivm0uhaai] {
    background-color: aqua;
}

.game-icon[b-rivm0uhaai] {
    width: 128px;
    height: 128px;
    margin-bottom: 10px;
}

.game-details[b-rivm0uhaai] {
    text-align: start;
}

.grid-container[b-rivm0uhaai] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 10px;
}

.grid-item[b-rivm0uhaai] {
    padding: 5px;
    background-color: #e9ecef;
    border-radius: 5px;
}
/* /Components/Reports/ClipReport.razor.rz.scp.css */
.cardcontainer[b-ukud5japf7] {
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
/* /Components/Reports/EventSubReports.razor.rz.scp.css */
.eventsub-reports__table[b-unobmh3cai] {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.eventsub-reports__table:focus-visible[b-unobmh3cai] {
    outline: 3px solid var(--theme-focus-ring, #fff2a6);
    outline-offset: 3px;
}

[b-unobmh3cai] .eventsub-reports__table .mud-table {
    min-width: 56rem;
}

@media (max-width: 960px) {
    [b-unobmh3cai] .eventsub-reports__table .mud-table {
        min-width: 42rem;
    }
}
/* /Components/Setting/BoolSetting.razor.rz.scp.css */
.content[b-0i7fcbpirw] {

    margin: 2px;
    padding: 2px;
}
/* /Components/Setting/ListSetting.razor.rz.scp.css */

.art-preview[b-g4bdieqw3v] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-g4bdieqw3v] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.titlebar[b-g4bdieqw3v] {
    display: flex;
    justify-content: space-between;
}

.listItem[b-g4bdieqw3v] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Setting/NumericSetting.razor.rz.scp.css */
.content[b-t4wl4sb52x] {
    max-width: 90%;
}
/* /Components/Setting/StringSetting.razor.rz.scp.css */
.content[b-tr4l8pxokb] {
    max-width: 90%;
}
/* /Components/Showroom/OperatorShowroomExamples.razor.rz.scp.css */
.operator-showroom-examples[b-eyrwqbum5e] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    background: rgba(14, 18, 24, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 8px;
}

.operator-showroom-examples__header[b-eyrwqbum5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.operator-showroom-examples__lanes[b-eyrwqbum5e] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.operator-showroom-examples__lane[b-eyrwqbum5e],
.operator-pill[b-eyrwqbum5e] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: .15rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    border: 1px solid rgba(157, 180, 220, .35);
}

.operator-showroom-examples__lane[b-eyrwqbum5e] {
    color: #c7d7f2;
    background: rgba(52, 78, 116, .22);
}

.operator-showroom-examples__grid[b-eyrwqbum5e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.operator-example-card[b-eyrwqbum5e] {
    display: grid;
    align-content: start;
    gap: .45rem;
    min-height: 9.5rem;
    padding: .85rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .035);
}

.operator-example-card--theme[b-eyrwqbum5e] {
    background:
        radial-gradient(circle at top left, rgba(0, 212, 255, .18), transparent 42%),
        rgba(255, 255, 255, .035);
    border-color: rgba(0, 212, 255, .26);
}

.operator-example-card__topline[b-eyrwqbum5e] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #9db4dc;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.operator-example-card__muted[b-eyrwqbum5e],
.operator-action-row span[b-eyrwqbum5e] {
    color: #aeb9c8;
    font-size: .82rem;
}

.operator-example-card__footer[b-eyrwqbum5e],
.operator-action-row[b-eyrwqbum5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: auto;
}

.operator-action-row div[b-eyrwqbum5e] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.operator-pill--ok[b-eyrwqbum5e] {
    color: #9ff0c1;
    background: rgba(36, 121, 75, .24);
    border-color: rgba(114, 236, 163, .35);
}

.operator-pill--warn[b-eyrwqbum5e] {
    width: max-content;
    color: #ffd48a;
    background: rgba(125, 82, 20, .24);
    border-color: rgba(255, 204, 111, .36);
}

.operator-meter[b-eyrwqbum5e] {
    height: .55rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    margin-top: auto;
}

.operator-meter span[b-eyrwqbum5e] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #57c7a8;
}

@media (max-width: 1180px) {
    .operator-showroom-examples__grid[b-eyrwqbum5e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .operator-showroom-examples__grid[b-eyrwqbum5e] {
        grid-template-columns: 1fr;
    }

    .operator-showroom-examples__lanes[b-eyrwqbum5e] {
        justify-content: flex-start;
    }
}
/* /Components/Streamer/Actions.razor.rz.scp.css */
.actions-bar[b-5ga1ltkua2] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}

.action-card[b-5ga1ltkua2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.action-card-title[b-5ga1ltkua2] {
    font-size: 0.95rem;
    font-weight: 700;
}

.action-card-description[b-5ga1ltkua2] {
    font-size: 0.75rem;
    opacity: 0.75;
}

.action-card-actions[b-5ga1ltkua2] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.action-button[b-5ga1ltkua2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 6px;
    border: 2px solid #29f1ff;
    background: rgba(0, 255, 255, 0.08);
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}
/* /Components/Streamer/AudioClips.razor.rz.scp.css */

.art-preview[b-z5hctdrx7s] {
    max-height: 400px;
    max-width: 600px;
}

.audio-clips-grid[b-z5hctdrx7s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.audio-clip-card[b-z5hctdrx7s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.audio-clip-title[b-z5hctdrx7s] {
    font-size: 0.95rem;
    font-weight: 700;
}

.audio-clip-description[b-z5hctdrx7s] {
    font-size: 0.75rem;
    opacity: 0.75;
}

.audio-clip-actions[b-z5hctdrx7s] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.audio-clip-local-player[b-z5hctdrx7s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(41, 241, 255, 0.35);
}

.audio-clip-local-title[b-z5hctdrx7s] {
    font-size: 0.85rem;
    opacity: 0.85;
}

.audio-clip-local-audio[b-z5hctdrx7s] {
    width: 100%;
}

.audio-clip-button[b-z5hctdrx7s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 6px;
    border: 2px solid #29f1ff;
    background: rgba(0, 255, 255, 0.08);
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}
/* /Components/Streamer/CahControl.razor.rz.scp.css */
.cah-control[b-ldbycimflh] {
    padding: 12px;
}

.cah-control__header[b-ldbycimflh] {
    gap: 16px;
    align-items: flex-start;
}

.cah-control__hero[b-ldbycimflh],
.cah-control__panel[b-ldbycimflh],
.cah-control__empty[b-ldbycimflh] {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
}

.cah-control__hero[b-ldbycimflh] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02));
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.cah-control__prompt[b-ldbycimflh] {
    background: linear-gradient(135deg, rgba(17, 17, 17, 0.96), rgba(35, 35, 35, 0.94));
    border-color: rgba(255, 255, 255, 0.08);
}

.cah-control__metric[b-ldbycimflh] {
    height: 100%;
    background: rgba(255, 255, 255, 0.03);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cah-control__metric-value[b-ldbycimflh] {
    min-height: 2.25rem;
    word-break: break-word;
}

.cah-control__chips[b-ldbycimflh],
.cah-control__controls[b-ldbycimflh] {
    row-gap: 8px;
}

.cah-control__score-row[b-ldbycimflh] {
    background: rgba(255, 255, 255, 0.03);
}

.cah-control__mono[b-ldbycimflh] {
    font-family: monospace;
    word-break: break-all;
}

.cah-player-card[b-ldbycimflh],
.cah-control__submission[b-ldbycimflh] {
    background: rgba(0, 0, 0, 0.18);
}

.cah-card-grid[b-ldbycimflh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cah-card-pill[b-ldbycimflh] {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.92rem;
    line-height: 1.25rem;
    color: #f5f5f5;
}

.cah-card-pill--hand[b-ldbycimflh] {
    background: rgba(79, 195, 247, 0.1);
    border-color: rgba(79, 195, 247, 0.45);
}

.cah-card-pill--submission[b-ldbycimflh] {
    background: rgba(255, 183, 77, 0.1);
    border-color: rgba(255, 183, 77, 0.45);
}

@media (max-width: 960px) {
    .cah-control[b-ldbycimflh] {
        padding: 8px;
    }

    .cah-control__header[b-ldbycimflh] {
        flex-direction: column;
        gap: 12px;
    }

    .cah-control__hero[b-ldbycimflh] {
        padding: 16px;
    }

    .cah-control__metric-value[b-ldbycimflh] {
        min-height: 0;
    }

    .cah-card-pill[b-ldbycimflh] {
        width: 100%;
        white-space: normal;
    }
}
/* /Components/Streamer/ChipsView.razor.rz.scp.css */
.chips-header[b-b7o0x15qys] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.chips-desc[b-b7o0x15qys] {
    margin: 0;
    opacity: 0.75;
}

.chips-verbose-toggle[b-b7o0x15qys] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.chips-fields[b-b7o0x15qys] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.chips-field[b-b7o0x15qys] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 220px;
    flex: 1 1 240px;
}

.chips-actions[b-b7o0x15qys] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.chips-help[b-b7o0x15qys] {
    font-size: 0.75rem;
    opacity: 0.7;
}
/* /Components/Streamer/CodeGenerator.razor.rz.scp.css */
.codegen-card[b-vb5h3e1nkp] {
    --bg: #121212;
    --fg: #eee;
    --muted: #b5b5b5;
    --accent: #f4b000; /* on-brand yellowish-orange */
    --danger: #e55353;
    --border: #2a2a2a;
    background: var(--bg);
    color: var(--fg);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px;
    max-width: 720px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}

.codegen-header .title[b-vb5h3e1nkp] {
    font-size: 1.25rem;
    font-weight: 700;
}

.codegen-header .subtitle[b-vb5h3e1nkp] {
    margin-top: 4px;
    color: var(--muted);
    font-size: .95rem;
}

.codegen-body[b-vb5h3e1nkp] {
    margin-top: 14px;
}

.status[b-vb5h3e1nkp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #1a1a1a;
    border: 1px solid var(--border);
    border-radius: 12px;
}

.status .label[b-vb5h3e1nkp] {
    color: var(--muted);
}

.status .value[b-vb5h3e1nkp] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    background: #0e0e0e;
    border: 1px solid #333;
    padding: 2px 8px;
    border-radius: 8px;
}

.status .value.empty[b-vb5h3e1nkp] {
    color: var(--muted);
    background: transparent;
    border: none;
    padding: 0;
}

.actions[b-vb5h3e1nkp] {
    display: grid;
    grid-template-columns: auto;
    gap: 12px;
    margin-top: 16px;
}

.btn[b-vb5h3e1nkp] {
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.btn:disabled[b-vb5h3e1nkp] {
    opacity: .7;
    cursor: not-allowed;
}

.btn-primary[b-vb5h3e1nkp] {
    background: var(--accent);
    color: #111;
}

.btn-danger[b-vb5h3e1nkp] {
    background: var(--danger);
    color: #fff;
}

.btn-secondary[b-vb5h3e1nkp] {
    background: #2a2a2a;
    color: #fff;
}

.btn-sm[b-vb5h3e1nkp] {
    padding: 6px 10px;
    font-size: .9rem;
}

.error[b-vb5h3e1nkp] {
    margin-top: 10px;
    color: #ff7a7a;
    background: #3a1515;
    border: 1px solid #542020;
    border-radius: 10px;
    padding: 8px 10px;
}

.helper[b-vb5h3e1nkp] {
    display: block;
    text-decoration: none;
    border: 1px dashed var(--border);
    border-radius: 12px;
    padding: 10px 12px;
    background: #141414;
    color: var(--fg);
}

.helper:hover[b-vb5h3e1nkp] {
    border-color: var(--accent);
}

.helper-title[b-vb5h3e1nkp] {
    font-weight: 700;
    margin-bottom: 4px;
}

.helper-desc[b-vb5h3e1nkp] {
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.3;
}
/* /Components/Streamer/DetailTasks/DetailTask.razor.rz.scp.css */

.container[b-v1x1luogf2] {
    font-family: 'Press Start 2P', cursive;
    display: flex;
    flex-direction: column;
    padding: 3px;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    max-width: 400px;
}
/* /Components/Streamer/DetailTasks/DetailTaskEdit.razor.rz.scp.css */

.rich-div-header[b-3f9p0k471s] {
    display: flex;
    justify-content: space-between;
    width: 95%; /* Adjust as needed */
}

img[b-3f9p0k471s] {
    width: 150px;
    height: 150px;
}

.title[b-3f9p0k471s] {
    color: white;
}

.titlebar[b-3f9p0k471s] {
    padding: 8px 12px;
    background-color: #f44336;
}

.editButton[b-3f9p0k471s] {
    padding: 8px 12px;
    background-color: #f44336;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.editButton:hover[b-3f9p0k471s] {
    background-color: #d32f2f;
}

.popup-container[b-3f9p0k471s] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    width: 80%;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.info-container[b-3f9p0k471s] {
    display: flex;
    flex-direction: row;
    padding: 10px;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.detail-container[b-3f9p0k471s] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.detail-container p[b-3f9p0k471s] {
    font-size: 1em;
    color: #333;
    margin: 0;
}

.actionButton[b-3f9p0k471s] {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    gap: 5px;
}

.actionButton:hover[b-3f9p0k471s] {
    background-color: #555;
}

.actionButton Label[b-3f9p0k471s] {
    font-size: 0.9em;
    margin-right: 8px;
}

.actionButton Icon[b-3f9p0k471s] {
    font-size: 1.1em;
}

/* Specific button styles for action buttons */
.Button[b-3f9p0k471s] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #4caf50;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}

.Button:hover[b-3f9p0k471s] {
    background-color: #45a049;
}

.Icon[b-3f9p0k471s] {
    font-size: 1.2em;
}

/* Responsive design adjustments */
@media (max-width: 768px) {
    .RichDiv[b-3f9p0k471s] {
        padding: 15px;
    }

    .Header[b-3f9p0k471s] {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .detail-container[b-3f9p0k471s] {
        padding: 15px;
    }

    .actionButton[b-3f9p0k471s] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Streamer/DetailTasks/DetailTasks.razor.rz.scp.css */

.tasks[b-u4wum50ps6] {
    max-height: 400px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.headerButtons[b-u4wum50ps6] {
    display: flex;
    margin: 5px;
    margin-left: auto;
}
/* /Components/Streamer/FitbitDetailComponent.razor.rz.scp.css */
.profile-header[b-bdbl6jvtel] {
    text-align: center;
    margin-top: 30px;
}

.profile-avatar[b-bdbl6jvtel] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.profile-info[b-bdbl6jvtel] {
    margin-top: 20px;
}

.profile-info dl[b-bdbl6jvtel] {
    display: flex;
    flex-wrap: wrap;
}

.profile-info dt[b-bdbl6jvtel] {
    font-weight: bold; 
}

.profile-info dd[b-bdbl6jvtel] {
    text-align: center;
}
/* /Components/Streamer/GameStreamInterop.razor.rz.scp.css */
.platform-section[b-n56oqjifl8] {
    width: 50%;
    max-width: 50%;
}

.art-preview[b-n56oqjifl8] {
    max-height: 400px;
    max-width: 600px;
}
/* /Components/Streamer/IkemenLauncher.razor.rz.scp.css */
.ikemen-layout[b-rz7ltv0hnl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ikemen-actions[b-rz7ltv0hnl] {
    display: flex;
    gap: 10px;
}

.ikemen-controls[b-rz7ltv0hnl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.ikemen-field[b-rz7ltv0hnl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ikemen-empty[b-rz7ltv0hnl] {
    font-size: 0.8rem;
    opacity: 0.75;
}

.ikemen-launcher__primary[b-rz7ltv0hnl] {
    min-width: 0;
}
/* /Components/Streamer/Kodi/KodiItemView.razor.rz.scp.css */

.kodi-card[b-tzhb6k5ex8] {
    --bg: #0f1115;
    --fg: #e9edf1;
    --muted: #9aa3ad;
    --accent: #ff8a00; /* tweak to match TurboGrafx-16 vibe later */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.00)), var(--bg);
    color: var(--fg);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    display: grid;
    gap: 12px;
    max-width: 860px;
    margin: 0 auto;
}

.kodi-card .kv .kv-row[b-tzhb6k5ex8] {
    grid-template-columns: 120px 1fr;
}

.kv[b-tzhb6k5ex8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    margin-top: 4px;
}

.kv-row[b-tzhb6k5ex8] {
    display: grid;
    grid-template-columns: 120px 1fr; /* label | value */
    gap: 8px;
    align-items: baseline;
}

.kv-row .k[b-tzhb6k5ex8] {
    color: var(--muted);
    font-size: 12px;
    white-space: nowrap;
}

.kv-row .v[b-tzhb6k5ex8] {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0; /* critical so ellipsis works in grids */
}

.kodi-card.compact[b-tzhb6k5ex8] {
    padding: 12px;
    border-radius: 14px;
}

.media[b-tzhb6k5ex8] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    align-items: start;
}

.kodi-card.compact.media[b-tzhb6k5ex8] {
    grid-template-columns: 84px 1fr;
}

.thumb[b-tzhb6k5ex8] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.meta[b-tzhb6k5ex8] {
    display: grid;
    gap: 6px;
}

.title-row[b-tzhb6k5ex8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.title[b-tzhb6k5ex8] {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .2px;
}

.pill[b-tzhb6k5ex8] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    color: var(--muted);
}

.rating.star[b-tzhb6k5ex8] {
    font-size: 16px;
    line-height: 1;
}

.star.full[b-tzhb6k5ex8] {
    color: var(--accent);
    text-shadow: 0 0 10px rgba(255, 138, 0, 0.5);
}

.star.half[b-tzhb6k5ex8] {
    color: var(--accent);
    opacity: .5;
}

.star.empty[b-tzhb6k5ex8] {
    color: #3c424d;
}

.subtitle[b-tzhb6k5ex8] {
    color: var(--muted);
    font-size: 14px;
}

.chips[b-tzhb6k5ex8] {
    display: grid;
    gap: 6px;
}

.chip-row[b-tzhb6k5ex8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.chip-label[b-tzhb6k5ex8] {
    font-size: 12px;
    color: var(--muted);
    margin-right: 2px;
}

.chip[b-tzhb6k5ex8] {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px dashed rgba(255, 255, 255, 0.12);
}

.k[b-tzhb6k5ex8] {
    color: var(--muted);
    font-size: 12px;
}

.v[b-tzhb6k5ex8] {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tagline[b-tzhb6k5ex8] {
    font-style: italic;
    color: var(--muted);
    border-left: 3px solid var(--accent);
    padding-left: 8px;
}

.plot summary[b-tzhb6k5ex8] {
    cursor: pointer;
    color: var(--accent);
}

.plot p[b-tzhb6k5ex8] {
    margin: 8px 0 0;
    line-height: 1.5;
}

.id-grid[b-tzhb6k5ex8] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 6px 12px;
}

.id-k[b-tzhb6k5ex8] {
    color: var(--muted);
    font-size: 12px;
}

.id-v[b-tzhb6k5ex8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
}

.art-grid[b-tzhb6k5ex8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
}

.art-grid figure[b-tzhb6k5ex8] {
    margin: 0;
    display: grid;
    gap: 4px;
}

.art-grid img[b-tzhb6k5ex8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.art-grid figcaption[b-tzhb6k5ex8] {
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

@media (max-width: 560px) {
    .media[b-tzhb6k5ex8] {
        grid-template-columns: 72px 1fr;
    }

    .title[b-tzhb6k5ex8] {
        font-size: 18px;
    }
}
/* /Components/Streamer/LiveStream.razor.rz.scp.css */
#twitchFrame[b-fjminz1igi] {
    width: 100%;
}

.sixteenbynine[b-fjminz1igi] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
}
/* /Components/Streamer/MilkdropCommands.razor.rz.scp.css */

.buttons[b-6zsv9plnim] {
    display: flex;
}
/* /Components/Streamer/OBSLinks.razor.rz.scp.css */
/* OBS Links - dark gradient style matching cc-sidecar obslinks page */
.obslinks-wrapper[b-6cdpysaq2w] {
    background: linear-gradient(135deg, #0a0e14 0%, #141922 50%, #0d1117 100%);
    color: #d9fdff;
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(41, 241, 255, 0.2);
}

.obslinks-header[b-6cdpysaq2w] {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(41, 241, 255, 0.2);
}

.obslinks-title[b-6cdpysaq2w] {
    margin: 0 0 6px 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #29f1ff;
    text-shadow: 0 0 12px rgba(41, 241, 255, 0.4);
}

.obslinks-subtitle[b-6cdpysaq2w] {
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.85;
}

.linkList[b-6cdpysaq2w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}
/* /Components/Streamer/RetroAchievements/RAGame.razor.rz.scp.css */
.recent-game[b-ulwamdg8et] {
    display: flex;
    padding: 10px;
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius-md);
    width: 300px;
    margin-bottom: 10px;
    background-color: var(--theme-surface);
    box-shadow: var(--theme-shadow-card);
}

.game-icon[b-ulwamdg8et] {
    width: 64px;
    height: 64px;
    margin-right: 10px;
}

.game-details[b-ulwamdg8et] {
    display: flex;
    flex-direction: column;

}

.detail-button[b-ulwamdg8et] {
    margin-top: 100%;
}

.ra-game__signals[b-ulwamdg8et] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

@media (max-width: 640px) {
    .recent-game[b-ulwamdg8et] {
        width: 100%;
    }
}
/* /Components/Streamer/RetroAchievements/RAProfile.razor.rz.scp.css */

.game-container[b-rfct5ubcn6] {
    display: flex;
    -ms-flex: inherit;
    -webkit-flex: inherit;
    flex: inherit;
    flex-wrap: wrap;
}
/* /Components/Streamer/RetroAchievements/RARecentGames.razor.rz.scp.css */

.game-container[b-ykcsvyr4bk] {
    display: flex;
    -ms-flex: inherit;
    -webkit-flex: inherit;
    flex: inherit;
    flex-wrap: wrap;
}
/* /Components/Streamer/Settings/AISettings.razor.rz.scp.css */
.ai-settings-grid[b-pwh4rw55v8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.ai-settings-tile[b-pwh4rw55v8] {
    min-width: 0;
}

.ai-settings-tile--full[b-pwh4rw55v8] {
    grid-column: 1 / -1;
}
/* /Components/Streamer/Settings/Blurbs/BlurbEdit.razor.rz.scp.css */

.art-preview[b-7cxu2cyxjq] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-7cxu2cyxjq] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}
/* /Components/Streamer/Settings/Blurbs/Blurbs.razor.rz.scp.css */
.personalities-holder[b-t63qngommi] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-height: 200px;
    align-items: flex-start; /* avoids stretching vertically */
    overflow-y: auto; /* vertical scroll only */
    overflow-x: hidden; /* no horizontal scroll */
}


.blurbButton[b-t63qngommi] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.setting-section[b-t63qngommi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* spacing between items */
    width: 100%;
    border: 2px solid rebeccapurple;
}

.setting-section > *[b-t63qngommi] {
    flex: 1 1 150px; /* each child takes at least 150px, grows if room */
    min-width: 120px; /* prevents collapsing too small */
}

/* /Components/Streamer/Settings/Blurbs/BlurbView.razor.rz.scp.css */
.personalities-holder[b-l9pgr6h1bi] {
    display: flex;
    min-height: 200px;
    gap: 10px; /* Adjust spacing */
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}

.personality[b-l9pgr6h1bi] {
    display: flex;
    min-height: 100px;
    width: 30%;
    gap: 10px;
    flex-grow: 1;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

img[b-l9pgr6h1bi] {
    max-width: 100px;
    max-height: 100px;
}


.middle[b-l9pgr6h1bi] {
    margin: 3px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

.personality-header[b-l9pgr6h1bi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.personality-header h3[b-l9pgr6h1bi] {
    margin: 0;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Streamer/Settings/Blurbs/SettingsBlurb.razor.rz.scp.css */
/* /Components/Streamer/Settings/ChatbotSettings.razor.rz.scp.css */
.chatbot-settings-shell[b-4vrvhe7hfu] {
    min-width: 0;
}

.chatbot-settings-frame[b-4vrvhe7hfu] {
    min-width: 0;
}

.chatbot-command-strip[b-4vrvhe7hfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.chatbot-status-chips[b-4vrvhe7hfu] {
    justify-content: flex-end;
}

.chatbot-priority-grid[b-4vrvhe7hfu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    align-items: start;
}

.chatbot-section-panels[b-4vrvhe7hfu] {
    min-width: 0;
}

.chatbot-tile-grid[b-4vrvhe7hfu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    align-items: start;
}

@media (max-width: 1280px) {
    .chatbot-tile-grid[b-4vrvhe7hfu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .chatbot-command-strip[b-4vrvhe7hfu] {
        flex-direction: column;
    }

    .chatbot-status-chips[b-4vrvhe7hfu] {
        justify-content: flex-start;
    }

    .chatbot-tile-grid[b-4vrvhe7hfu] {
        grid-template-columns: 1fr;
    }
}

.chatbot-tile--full[b-4vrvhe7hfu] {
    grid-column: 1 / -1;
}

.chatbot-tile--half[b-4vrvhe7hfu] {
    grid-column: span 1;
}

.chatbot-tile--third[b-4vrvhe7hfu] {
    grid-column: span 1;
}

.chatbot-tile[b-4vrvhe7hfu] {
    min-width: 0;
}

[b-4vrvhe7hfu] .chatbot-tile {
    padding: 0.75rem !important;
}

.chatbot-setting-grid[b-4vrvhe7hfu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 0.75rem;
    align-items: start;
}

@media (max-width: 600px) {
    .chatbot-setting-grid[b-4vrvhe7hfu] {
        grid-template-columns: 1fr;
    }
}

.chatbot-setting-tile[b-4vrvhe7hfu] {
    min-width: 0;
}

.chatbot-setting-tile--full[b-4vrvhe7hfu] {
    grid-column: 1 / -1;
}

.chatbot-setting-tile--emotes[b-4vrvhe7hfu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.chatbot-setting-emotes[b-4vrvhe7hfu] {
    flex: 1 1 0;
    min-width: 0;
}
/* /Components/Streamer/Settings/Command/CommandReports.razor.rz.scp.css */
.reports-list[b-otuqvp8svn] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}

.reports-list .item[b-otuqvp8svn] {
    flex: 1 1 300px;
    max-width: 450px;
    box-sizing: border-box;
}
/* /Components/Streamer/Settings/Command/CommandView.razor.rz.scp.css */
.command-label[b-msi3ej6cl2] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7ee9ff;
    font-weight: 700;
}

.command-value[b-msi3ej6cl2] {
    font-size: 0.9rem;
    font-weight: 600;
}

.command-edit[b-msi3ej6cl2] {
    margin-top: 12px;
}
/* /Components/Streamer/Settings/ConnectionCardShell.razor.rz.scp.css */
.connection-shell[b-cbu3qsfg9t] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.875rem;
    padding: 0.875rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(17, 19, 24, 0.92);
    min-height: 100%;
}

.connection-shell__media[b-cbu3qsfg9t] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.connection-shell__header[b-cbu3qsfg9t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
}

.connection-shell__identity[b-cbu3qsfg9t] {
    min-width: 0;
}

.connection-shell__subtitle[b-cbu3qsfg9t],
.connection-shell__description[b-cbu3qsfg9t] {
    color: rgba(255, 255, 255, 0.72);
}

.connection-shell__description[b-cbu3qsfg9t] {
    margin-top: 0.9rem;
    line-height: 1.7;
    max-width: 80ch;
}

.connection-shell__status[b-cbu3qsfg9t] {
    margin-top: 0.65rem;
}

.connection-shell__details[b-cbu3qsfg9t] {
    margin-top: 0.9rem;
}

.connection-shell__actions[b-cbu3qsfg9t] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}

.connection-shell__actions[b-cbu3qsfg9t]  .mud-button-root {
    min-height: 40px;
}

/* Brand Logo SVG Styles */
.brand-logo[b-cbu3qsfg9t] {
    width: 2.1rem;
    height: 2.1rem;
}

.connection-shell__logo[b-cbu3qsfg9t] {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.connection-shell__logo .mud-icon-root[b-cbu3qsfg9t] {
    font-size: 2.1rem;
}

.connection-shell__logo--twitch[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #9146FF, #772ce8);
}

.connection-shell__logo--spotify[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #1DB954, #191414);
}

.connection-shell__logo--youtube[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #FF0000, #c81e1e);
}

.connection-shell__logo--google[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #4285F4, #0f9d58);
}

.connection-shell__logo--steam[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #1b2838, #0d1117);
}

.connection-shell__logo--retro[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #ffb703, #fb8500);
}

.connection-shell__logo--discord[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #5865F2, #4752c4);
}

.connection-shell__logo--kodi[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #0095d7, #0077b5);
}

.connection-shell__logo--patreon[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #ff424d, #f96851);
}

.connection-shell__logo--reddit[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #ff4500, #ff5700);
}

.connection-shell__logo--github[b-cbu3qsfg9t] {
    background: linear-gradient(135deg, #24292e, #1b1f23);
}

.connection-shell__detail-list[b-cbu3qsfg9t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.connection-shell__steam-profile[b-cbu3qsfg9t] {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.connection-shell__steam-profile img[b-cbu3qsfg9t] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.connection-shell__steam-meta[b-cbu3qsfg9t] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

@media (max-width: 900px) {
    .connection-shell[b-cbu3qsfg9t] {
        grid-template-columns: 1fr;
    }

    .connection-shell__media[b-cbu3qsfg9t] {
        justify-content: flex-start;
    }

    .connection-shell__header[b-cbu3qsfg9t] {
        flex-direction: column;
    }

    .connection-shell__actions[b-cbu3qsfg9t] {
        justify-content: flex-start;
    }
}
/* /Components/Streamer/Settings/Personalities/PersonalityEdit.razor.rz.scp.css */

.art-preview[b-d0ypl1og1h] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-d0ypl1og1h] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.tron-button[b-d0ypl1og1h] {
    background: rgba(0, 255, 255, 0.08);
    border: 2px solid #29f1ff;
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.7), inset 0 0 8px rgba(41, 241, 255, 0.25);
}

/* Mood Controls */
.mood-display[b-d0ypl1og1h] {
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.mood-label[b-d0ypl1og1h] {
    font-style: italic;
    color: var(--mud-palette-text-secondary);
}

.volatility-slider[b-d0ypl1og1h] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.volatility-slider .slider[b-d0ypl1og1h] {
    flex: 1;
}

.volatility-value[b-d0ypl1og1h] {
    min-width: 20px;
    text-align: center;
    font-weight: bold;
}
/* /Components/Streamer/Settings/Personalities/PersonalityView.razor.rz.scp.css */
.personalities-holder[b-x59x7uy9ir] {
    display: flex;
    min-height: 200px;
    gap: 10px; /* Adjust spacing */
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}

.personality[b-x59x7uy9ir] {
    display: flex;
    height: 100px;
    width: 100%;
    max-width: 380px;
    gap: 10px;
    flex: 1 1 320px;
}

img[b-x59x7uy9ir] {
    max-width: 100px;
    max-height: 100px;
}


.middle[b-x59x7uy9ir] {
    margin: 3px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
}

.tron-button[b-x59x7uy9ir] {
    background: rgba(0, 255, 255, 0.08);
    border: 2px solid #29f1ff;
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.7), inset 0 0 8px rgba(41, 241, 255, 0.25);
}
/* /Components/Streamer/Settings/Personalities/SettingsPersonalities.razor.rz.scp.css */
.personalities-holder[b-eiff9ejogk] {
    display: flex;
    min-height: 200px;
    gap: 10px; /* Adjust spacing */
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}

.personalities-shell[b-eiff9ejogk] {
    position: relative;
    overflow: visible;
}

.personality-tile[b-eiff9ejogk] {
    position: relative;
}

.personality-tile.is-active[b-eiff9ejogk] {
    z-index: 21;
}

.personality-editor-layer[b-eiff9ejogk] {
    position: relative;
}

.personality-editor-backdrop[b-eiff9ejogk] {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: rgba(5, 12, 18, 0.58);
    backdrop-filter: blur(2px);
}

.personality-editor-anchor[b-eiff9ejogk] {
    position: fixed;
    inset: 8rem 0 auto 0;
    z-index: 21;
    pointer-events: none;
}

.personality-editor-popover[b-eiff9ejogk] {
    position: relative;
    width: min(760px, calc(100vw - 2rem));
    margin: 0 auto;
    pointer-events: auto;
    z-index: 22;
}

@media (max-width: 768px) {
    .personality-editor-popover[b-eiff9ejogk] {
        width: calc(100vw - 2rem);
    }
}

/* /Components/Streamer/Settings/Polls/PollEdit.razor.rz.scp.css */
/* Create Poll popout – dark tron theme */
.poll-edit-popout[b-jsp2jcxevl] {
    background: var(--tron-surface);
    color: var(--tron-text);
    padding: 16px 20px;
    border-radius: 8px;
    border: 1px solid var(--tron-border);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.poll-edit-popout .b-form-group[b-jsp2jcxevl],
.poll-edit-popout .field[b-jsp2jcxevl] {
    margin-bottom: 0;
}

.poll-edit-popout label[b-jsp2jcxevl],
.poll-edit-popout .field-label[b-jsp2jcxevl],
.poll-edit-popout .b-field-label[b-jsp2jcxevl] {
    color: var(--tron-cyan);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.poll-edit-popout input[b-jsp2jcxevl],
.poll-edit-popout .form-control[b-jsp2jcxevl],
.poll-edit-popout textarea[b-jsp2jcxevl] {
    background: var(--tron-bg) !important;
    color: var(--tron-text) !important;
    border: 1px solid var(--tron-border) !important;
    border-radius: 6px;
    padding: 8px 12px;
}

.poll-edit-popout input[b-jsp2jcxevl]::placeholder,
.poll-edit-popout .form-control[b-jsp2jcxevl]::placeholder {
    color: var(--tron-text-muted);
    opacity: 0.7;
}

.poll-edit-row[b-jsp2jcxevl] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.poll-edit-row .field[b-jsp2jcxevl] {
    flex: 1;
    min-width: 0;
}

.poll-add-btn[b-jsp2jcxevl] {
    align-self: flex-start;
}

.poll-edit-actions[b-jsp2jcxevl] {
    margin-top: 8px;
}
/* /Components/Streamer/Settings/Polls/Polls.razor.rz.scp.css */
.personalities-holder[b-l3p4gshwaz] {
    display: flex;
    min-height: 200px;
    gap: 10px; /* Adjust spacing */
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}


.blurbButton[b-l3p4gshwaz] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.setting-section[b-l3p4gshwaz] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
    border: 2px solid rebeccapurple;
}
/* /Components/Streamer/Settings/Polls/PollView.razor.rz.scp.css */
.polls-holder[b-8hd57fubse] {
    display: flex;
    min-height: 200px;
    gap: 12px;
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}

.poll-card[b-8hd57fubse] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
    width: 100%;
    max-width: 420px;
    flex: 1 1 300px;
}

.poll-content[b-8hd57fubse] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.poll-title[b-8hd57fubse] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.poll-meta[b-8hd57fubse] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7ee9ff;
    opacity: 0.9;
}

.poll-actions[b-8hd57fubse] {
    display: flex;
    gap: 8px;
}

.tron-button[b-8hd57fubse] {
    background: rgba(0, 255, 255, 0.08);
    border: 2px solid #29f1ff;
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}
/* /Components/Streamer/Settings/Retro/SettingsRetro.razor.rz.scp.css */

.art-preview[b-3xh9ixskmf] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-3xh9ixskmf] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.costItems[b-3xh9ixskmf] {
    display: flex;
    justify-content: space-between;
}

.listItems[b-3xh9ixskmf] {
    display: flex;
    flex-direction: column
}

.jukebox-container[b-3xh9ixskmf] {
    display: flex;
    flex-direction: row; /* keep children side by side */
    gap: 1rem; /* optional: spacing between the groups */
}

.retro-settings-grid[b-3xh9ixskmf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.retro-settings-tile[b-3xh9ixskmf] {
    min-width: 0;
}
/* /Components/Streamer/Settings/SettingAutoName.razor.rz.scp.css */

.art-preview[b-t86lfof0i2] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-t86lfof0i2] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.flags[b-t86lfof0i2] {
    display: flex;
}

.auto-name-settings-grid[b-t86lfof0i2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.auto-name-settings-toggle[b-t86lfof0i2],
.auto-name-settings-pattern[b-t86lfof0i2] {
    min-width: 0;
}
/* /Components/Streamer/Settings/SettingQuote.razor.rz.scp.css */

.art-preview[b-k5xuhe5dnu] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-k5xuhe5dnu] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.flags[b-k5xuhe5dnu] {
    display: flex;
}

.quote-settings-grid[b-k5xuhe5dnu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.quote-settings-toggle[b-k5xuhe5dnu],
.quote-settings-pattern[b-k5xuhe5dnu] {
    min-width: 0;
}
/* /Components/Streamer/Settings/SettingsChatView.razor.rz.scp.css */

.chatview-settings[b-b1wl3ef4vq] {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}

.chatview-settings-grid[b-b1wl3ef4vq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.chatview-settings-tile[b-b1wl3ef4vq] {
    min-width: 0;
}

.chatview-settings-list[b-b1wl3ef4vq] {
    min-width: 0;
}
 
/* /Components/Streamer/Settings/SettingsJukebox.razor.rz.scp.css */

.art-preview[b-i4fpkhbnvh] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-i4fpkhbnvh] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.costItems[b-i4fpkhbnvh] {
    display: flex;
    justify-content: space-between;
}

.listItems[b-i4fpkhbnvh] {
    display: flex;
    flex-direction: column
}

.jukebox-container[b-i4fpkhbnvh] {
    display: flex;
    flex-direction: row; /* keep children side by side */
    flex-wrap: wrap;
    gap: 1rem; /* optional: spacing between the groups */
}

.jukebox-container .show-items[b-i4fpkhbnvh] {
    flex-basis: 100%;
}

.jukebox-tile-grid[b-i4fpkhbnvh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.5rem;
    align-items: start;
}

.jukebox-tile[b-i4fpkhbnvh] {
    min-width: 0;
}

.jukebox-tile-grid--wide[b-i4fpkhbnvh] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.jukebox-tile--full[b-i4fpkhbnvh] {
    grid-column: 1 / -1;
}

.full-view-options[b-i4fpkhbnvh] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    transition: max-height 0.25s ease, opacity 0.2s ease, transform 0.2s ease;
}

.full-view-options.is-visible[b-i4fpkhbnvh] {
    max-height: 400px;
    opacity: 1;
    transform: translateY(0);
}
/* /Components/Streamer/Settings/SettingsMisc.razor.rz.scp.css */

.art-preview[b-1511saaa9d] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-1511saaa9d] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.flags-grid[b-1511saaa9d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}
/* /Components/Streamer/Settings/SettingsQuarters.razor.rz.scp.css */

.art-preview[b-xlgkp9eepe] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-xlgkp9eepe] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.quarters-settings-grid[b-xlgkp9eepe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.quarters-settings-tile[b-xlgkp9eepe] {
    min-width: 0;
}
/* /Components/Streamer/Settings/SettingsRag.razor.rz.scp.css */
.rag-shell[b-k1vfbewvc9] {
    min-width: 0;
}

.rag-setting-grid[b-k1vfbewvc9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
}

.rag-setting-tile[b-k1vfbewvc9] {
    min-width: 0;
    width: 100%;
}

.rag-setting-tile--full[b-k1vfbewvc9] {
    width: 100%;
}
/* /Components/Streamer/Settings/SettingsStory.razor.rz.scp.css */
.story-settings[b-x974iqmplv] {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}

.story-settings-grid[b-x974iqmplv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.story-settings-tile[b-x974iqmplv] {
    min-width: 0;
}
/* /Components/Streamer/Settings/ShoutoutSettings.razor.rz.scp.css */

.art-preview[b-zz5b6girgq] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-zz5b6girgq] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.shoutout-settings-grid[b-zz5b6girgq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.shoutout-settings-tile[b-zz5b6girgq] {
    min-width: 0;
}

.shoutout-settings-tile--full[b-zz5b6girgq] {
    grid-column: 1 / -1;
}
/* /Components/Streamer/Settings/SlideShows/SlideShowActions.razor.rz.scp.css */
/* /Components/Streamer/Settings/SlideShows/SlideShowEdit.razor.rz.scp.css */

.art-preview[b-bwgeo2og5c] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-bwgeo2og5c] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}
/* /Components/Streamer/Settings/SlideShows/SlideShows.razor.rz.scp.css */
.personalities-holder[b-98pz0usubp] {
    display: flex;
    min-height: 200px;
    gap: 10px; /* Adjust spacing */
    width: 100%;
    flex-wrap: wrap;
    overflow-y: auto;
}


.blurbButton[b-98pz0usubp] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.setting-section[b-98pz0usubp] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
    border: 2px solid rebeccapurple;
}
/* /Components/Streamer/Settings/SlideShows/SlideShowView.razor.rz.scp.css */
.personality[b-lpzznru1te] {
    display: flex;
    flex-direction: row;
    height: 100px;
    gap: 10px;
    flex: 0 0 calc(33.333% - 10px);
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

img[b-lpzznru1te] {
    max-width: 100px;
    max-height: 100px;
}


.middle[b-lpzznru1te] {
    margin: 3px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
}
/* /Components/Streamer/Settings/SteamConnectionCard.razor.rz.scp.css */
.steam-connect-row[b-uzn3no3reh] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 700px) {
    .steam-connect-row[b-uzn3no3reh] {
        flex-direction: column;
        align-items: stretch;
    }

    .steam-connect-row .mud-button-root[b-uzn3no3reh] {
        width: 100%;
    }
}
/* /Components/Streamer/Shouts/Shoutout.razor.rz.scp.css */

.detail-container[b-k714atzj8a] {
    display: flex;
    flex-direction: column;
    align-content: space-evenly;
    width: 100%;
}

.header[b-k714atzj8a] {
    display: flex;
    flex-direction: row;
    align-content: space-evenly;
}

img[b-k714atzj8a] {
    width: 50px;
    height: 50px;
}

.buttons[b-k714atzj8a] {
    display: flex;
    align-content: space-evenly;
}

.container[b-k714atzj8a] {
    display: flex;
    flex-direction: row;
    gap: 3px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 400px;
}

.left-side[b-k714atzj8a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.detail-container p[b-k714atzj8a] {
    font-size: 1em;
    color: #333;
    margin: 0;
    width: 100%;
}

.actionButton[b-k714atzj8a] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, .45);
    color: #ff5a5a;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    gap: 5px;
}
/* /Components/Streamer/Shouts/ShoutoutEdit.razor.rz.scp.css */
.cc-shoutout-editor[b-utqnymna0t] {
    display: flex;
    flex-direction: column;
    gap: var(--theme-space-card);
    width: min(100%, 72rem);
    padding: var(--theme-space-card);
    color: var(--theme-text);
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius-lg);
    box-shadow: var(--theme-shadow-card);
}

.cc-shoutout-editor__header[b-utqnymna0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--theme-space-card);
    padding-bottom: var(--theme-space-card);
    border-bottom: 1px solid var(--theme-border);
}

.cc-shoutout-editor__avatar[b-utqnymna0t] {
    width: 6.25rem;
    height: 6.25rem;
    object-fit: cover;
    border: 2px solid var(--theme-primary);
    border-radius: 50%;
    box-shadow: var(--theme-shadow-glow);
}

.cc-shoutout-editor__grid[b-utqnymna0t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--theme-space-card);
}

.cc-shoutout-editor__panel[b-utqnymna0t] {
    min-width: 0;
    padding: var(--theme-space-card);
    background: var(--theme-bg-elevated);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius-md);
}

.cc-shoutout-editor__panel h5[b-utqnymna0t] {
    margin: 0 0 0.75rem;
    color: var(--theme-text);
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cc-shoutout-editor__table-scroll[b-utqnymna0t] {
    max-width: 100%;
    overflow-x: auto;
    border-radius: var(--theme-radius-sm);
}

.cc-shoutout-editor__table-scroll:focus-visible[b-utqnymna0t] {
    outline: 2px solid var(--theme-primary);
    outline-offset: 2px;
}

.cc-shoutout-editor__table[b-utqnymna0t] {
    width: 100%;
    border-collapse: collapse;
}

.cc-shoutout-editor__table td[b-utqnymna0t] {
    padding: 0.45rem 0.6rem;
    vertical-align: top;
    border-bottom: 1px solid var(--theme-border);
    overflow-wrap: anywhere;
}

.cc-shoutout-editor__table tr:last-child td[b-utqnymna0t] {
    border-bottom: 0;
}

.cc-shoutout-editor__table td:first-child[b-utqnymna0t] {
    width: 42%;
    color: var(--theme-text-muted);
}

.cc-shoutout-editor__positive-value[b-utqnymna0t] {
    color: var(--theme-success);
    font-weight: 700;
}

.cc-shoutout-editor__emotes[b-utqnymna0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cc-shoutout-editor__emote[b-utqnymna0t] {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
}

.cc-shoutout-editor__stream-list[b-utqnymna0t] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cc-shoutout-editor__stream-list li[b-utqnymna0t] {
    padding: 0.75rem;
    color: var(--theme-text-muted);
    background: var(--theme-surface-strong);
    border-left: 3px solid var(--theme-secondary);
    border-radius: var(--theme-radius-sm);
}

.cc-shoutout-editor__stream-list strong[b-utqnymna0t] {
    color: var(--theme-text);
}

.cc-shoutout-editor__form[b-utqnymna0t]  form,
.cc-shoutout-editor__field[b-utqnymna0t] {
    display: grid;
    gap: 0.5rem;
}

.cc-shoutout-editor__form[b-utqnymna0t]  form {
    gap: 1rem;
}

.cc-shoutout-editor__field label[b-utqnymna0t] {
    color: var(--theme-text-muted);
}

[b-utqnymna0t] .cc-shoutout-editor__input {
    width: 100%;
    padding: 0.7rem 0.8rem;
    color: var(--theme-text);
    background: var(--theme-surface-strong);
    border: 1px solid var(--theme-border-strong);
    border-radius: var(--theme-radius-sm);
}

[b-utqnymna0t] .cc-shoutout-editor__input:focus-visible {
    border-color: var(--theme-primary);
    outline: 2px solid var(--theme-primary-glow);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .cc-shoutout-editor[b-utqnymna0t] {
        padding: var(--theme-space-page);
    }

    .cc-shoutout-editor__header[b-utqnymna0t] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-utqnymna0t] .cc-shoutout-editor__refresh {
        width: 100%;
    }

    .cc-shoutout-editor__grid[b-utqnymna0t] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Streamer/Shouts/Shoutouts.razor.rz.scp.css */
.shoutouts-container[b-dggsgenunp] {
    min-height: 200px;
}

.shoutouts-grid[b-dggsgenunp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 12px;
    width: 100%;
}

.shoutouts-load-more[b-dggsgenunp] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.shoutouts-empty[b-dggsgenunp] {
    text-align: center;
    color: #888;
    padding: 40px;
    font-style: italic;
}

.headerButtons[b-dggsgenunp] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 10px;
}
/* /Components/Streamer/Steam/SteamGamePicker.razor.rz.scp.css */
.steam-game-picker[b-7heailvx53] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    align-content: start;
}

.steam-game-picker__select[b-7heailvx53] {
    width: 100%;
    min-width: 0;
}
/* /Components/Streamer/Steam/SteamKeyEdit.razor.rz.scp.css */
.steam-key-edit-grid[b-9x7pszs30q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.steam-key-edit-tile[b-9x7pszs30q] {
    min-width: 0;
}

.steam-key-edit-tile--full[b-9x7pszs30q] {
    grid-column: 1 / -1;
}

.steam-key-edit-tile--picker[b-9x7pszs30q] {
    display: flex;
    align-items: center;
}
/* /Components/Streamer/Steam/SteamKeys.razor.rz.scp.css */
.steam-keys-grid[b-7l1hv4kmbg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 16px;
}

.steam-keys-filter-grid[b-7l1hv4kmbg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.steam-keys-filter-panel[b-7l1hv4kmbg] {
    margin-bottom: 1rem;
}

.steam-keys-filter-tile[b-7l1hv4kmbg] {
    min-width: 0;
}

.steam-keys-filter-tile--action[b-7l1hv4kmbg] {
    justify-self: start;
}

@media (max-width: 640px) {
    .steam-keys-filter-tile--action[b-7l1hv4kmbg] {
        justify-self: stretch;
        width: 100%;
    }
}
/* /Components/Streamer/Steam/SteamKeyView.razor.rz.scp.css */
.buttons[b-3t4vru9pd4] {
    display: flex;
    gap: 0.5rem;
}

.steam-key-card[b-3t4vru9pd4] {
    width: 100%;
    max-width: none;
    background: linear-gradient(145deg, var(--theme-surface, #151c2e), var(--theme-bg-elevated, #101524)) !important;
    border: 1px solid var(--theme-border, #344464);
    box-shadow: var(--theme-shadow-card, 0 .75rem 2rem rgb(0 0 0 / 28%));
    padding: 0;
    overflow: hidden;
}

.steam-key-layout[b-3t4vru9pd4] {
    display: flex;
    flex-direction: column;
}

.steam-key-image[b-3t4vru9pd4] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    border-radius: 6px 6px 0 0;
}

.steam-key-card .card-body[b-3t4vru9pd4] {
    padding: 12px 16px;
}

.steam-key-card .card-title[b-3t4vru9pd4],
.steam-key-card .card-text[b-3t4vru9pd4],
.steam-key-card .list-unstyled[b-3t4vru9pd4],
.steam-key-card p[b-3t4vru9pd4] {
    color: var(--theme-text, #f3f7ff);
}

.steam-key-card .text-muted[b-3t4vru9pd4] {
    color: var(--theme-text-muted, #a9b7cf);
}

@media (max-width: 600px) {
    .steam-key-card[b-3t4vru9pd4] {
        margin-bottom: 0.75rem;
    }
}
/* /Components/Streamer/SteamInplay.razor.rz.scp.css */
.steam-inplay-grid[b-3dx9u4k1g5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.steam-inplay-tile[b-3dx9u4k1g5] {
    min-width: 0;
}

.steam-inplay-tile--picker[b-3dx9u4k1g5] {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.steam-inplay-tile--picker > *[b-3dx9u4k1g5] {
    display: block;
    width: 100%;
    min-width: 0;
}

.steam-inplay-tile--action[b-3dx9u4k1g5] {
    justify-self: start;
}
/* /Components/Streamer/Twitch/TwitchConsole.razor.rz.scp.css */
.twitch-console-summary[b-ixmtp8u6eq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.twitch-summary-item[b-ixmtp8u6eq] {
    flex: 1 1 260px;
    min-width: 220px;
}

.twitch-label[b-ixmtp8u6eq] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7ee9ff;
    font-weight: 700;
}

.twitch-value[b-ixmtp8u6eq] {
    font-size: 0.95rem;
    font-weight: 600;
}

.twitch-console-form[b-ixmtp8u6eq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.twitch-field[b-ixmtp8u6eq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 240px;
    flex: 1 1 300px;
}

.twitch-edit-toggle[b-ixmtp8u6eq] {
    flex: 0 0 auto;
    align-self: flex-end;
}

.twitch-edit-header[b-ixmtp8u6eq] {
    margin-bottom: 12px;
}

.twitch-actions[b-ixmtp8u6eq] {
    display: flex;
    align-items: flex-end;
}

.tron-button[b-ixmtp8u6eq] {
    background: rgba(0, 255, 255, 0.08);
    border: 2px solid #29f1ff;
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}
/* /Components/Streamer/Twitch/TwitchFollowers.razor.rz.scp.css */
.segment[b-1y1gwzo7pu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* first to start, last to end, equal space between */
}

.analysis[b-1y1gwzo7pu] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Container styling */
div[b-1y1gwzo7pu] {
    margin: 1.5rem 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(0, 0, 0, .35);
}

/* Section headers */
div > Label[b-1y1gwzo7pu] {
    display: block;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    color: rgba(255, 255, 255, .92);
}

/* Item rows */
div p[b-1y1gwzo7pu] {
    display: inline-block;
    margin: 0.3rem 0.75rem 0.3rem 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, .86);
    padding: 0.3rem 0.6rem;
    background: rgba(0, 0, 0, .35);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .12);
}

/* Buttons next to items */
div Button[b-1y1gwzo7pu] {
    display: inline-block;
    margin: 0.3rem 0;
    padding: 0.35rem 0.8rem;
    font-size: 0.9rem;
    border: none;
    border-radius: 6px;
    background: #0078d7;
    color: white;
    cursor: pointer;
    transition: background 0.25s ease;
}

div Button:hover[b-1y1gwzo7pu] {
    background: #005a9e;
}

/* Top Save button */
Button[Command="Save"][b-1y1gwzo7pu] {
    margin-bottom: 1rem;
    padding: 0.5rem 1.2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    background: #28a745;
}

Button[Command="Save"]:hover[b-1y1gwzo7pu] {
    background: #218838;
}

/* Text input */
TextEdit[b-1y1gwzo7pu] {
    display: block;
    margin-bottom: 1rem;
    padding: 0.4rem 0.7rem;
    width: 100%;
    max-width: 350px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 0.95rem;
}
/* /Components/Streamer/TwitchEvents/EventManager.razor.rz.scp.css */
.art-preview[b-32uu3nba42] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-32uu3nba42] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

.event-manager[b-32uu3nba42] {
    display: flex;
    flex-direction: column;
}

.global-switches[b-32uu3nba42] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.event-list[b-32uu3nba42] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* /Components/Streamer/TwitchEvents/TwitchEvent.razor.rz.scp.css */

.art-preview[b-9q0dh414v0] {
    max-height: 400px;
    max-width: 600px;
}

.audioButton[b-9q0dh414v0] {
    max-width: 200px;
    min-width: 150px;
    border-radius: 5px;
}

InputText[b-9q0dh414v0] {
    width: 90%;
}

.values[b-9q0dh414v0] {
    display: flex;
    flex-wrap: wrap;
}
/* /Components/Streamer/VideoClips.razor.rz.scp.css */

.art-preview[b-fh594ci0ho] {
    max-height: 400px;
    max-width: 600px;
}

.video-clips-grid[b-fh594ci0ho] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.video-clip-card[b-fh594ci0ho] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.video-clip-title[b-fh594ci0ho] {
    font-size: 0.95rem;
    font-weight: 700;
}

.video-clip-description[b-fh594ci0ho] {
    font-size: 0.75rem;
    opacity: 0.75;
}

.video-clip-actions[b-fh594ci0ho] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.video-clip-button[b-fh594ci0ho] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 6px;
    border: 2px solid #29f1ff;
    background: rgba(0, 255, 255, 0.08);
    color: #d9fdff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}

.video-preview[b-fh594ci0ho] {
    width: 100%;
    max-width: 1000px;
    aspect-ratio: 16 / 9;
}
/* /Components/Viewers/ViewerCard.razor.rz.scp.css */
.viewer-card[b-1nn82sfnwd] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 12px;
    border-radius: var(--theme-radius-md, 0.75rem);
    border: 1px solid var(--theme-border, #344464);
    background: linear-gradient(145deg, var(--theme-surface, #151c2e), var(--theme-bg-elevated, #101524));
    box-shadow: var(--theme-shadow-card, 0 .75rem 2rem rgb(0 0 0 / 28%));
    width: 100%;
    min-width: 0;
    backdrop-filter: blur(4px);
}

.viewer-card:focus-within[b-1nn82sfnwd] {
    border-color: var(--theme-primary, #4de2ff);
    outline: 3px solid var(--theme-focus-ring, #fff2a6);
    outline-offset: 3px;
}

.viewer-card-avatar[b-1nn82sfnwd] {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.viewer-card-body[b-1nn82sfnwd] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.viewer-card-header[b-1nn82sfnwd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.viewer-card-details[b-1nn82sfnwd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.viewer-card-stats[b-1nn82sfnwd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
}

.viewer-card-stats .online[b-1nn82sfnwd] {
    color: var(--theme-success, #64e6a5);
}

.viewer-card-dates[b-1nn82sfnwd] {
    display: flex;
    gap: 12px;
    font-size: 0.8rem;
    color: var(--theme-text-muted, #a9b7cf);
}

.viewer-card-notes[b-1nn82sfnwd] {
    font-size: 0.85em;
    color: var(--theme-text-muted, #a9b7cf);
    margin: 4px 0 0 0;
    max-height: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.viewer-card-status-icon[b-1nn82sfnwd] {
    margin-right: 4px;
}

.viewer-card-actions[b-1nn82sfnwd] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.viewer-card-btn[b-1nn82sfnwd] {
    padding: 6px 12px !important;
    font-size: 0.85rem !important;
}

.viewer-card-emotes[b-1nn82sfnwd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.viewer-card-emote[b-1nn82sfnwd] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
/* /Components/Viewers/ViewerList.razor.rz.scp.css */
.viewers-top-actions[b-h9y8cbeghe] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.viewers-sort-select[b-h9y8cbeghe] {
    padding: 6px 10px;
    border-radius: 6px;
    border: 2px solid var(--cc-border, #000);
    font-weight: 600;
    min-width: 120px;
}

.viewers-filter-label[b-h9y8cbeghe] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    cursor: pointer;
}

.viewers-cards[b-h9y8cbeghe] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-height: 600px;
    overflow-y: auto;
}

.viewers-empty[b-h9y8cbeghe] {
    padding: 2rem;
    text-align: center;
    color: #666;
}

.viewer-list-management[b-h9y8cbeghe] {
    min-width: 0;
}

.viewer-list-management__loading[b-h9y8cbeghe] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
    min-height: 10rem;
}

.viewer-list-management__actions[b-h9y8cbeghe] {
    align-items: center;
}

.viewer-list-management__results[b-h9y8cbeghe] {
    min-width: 0;
}

.viewer-list-management__results:focus-within[b-h9y8cbeghe] {
    outline: 2px solid var(--theme-focus-ring, #fff2a6);
    outline-offset: 4px;
}

@media (max-width: 640px) {
    .viewer-list-management__actions[b-h9y8cbeghe] {
        align-items: stretch;
    }

    .viewer-list-management__actions[b-h9y8cbeghe]  .mud-button {
        flex: 1 1 100%;
    }
}
/* /Components/Views/CapabilityModulePanel.razor.rz.scp.css */
.capability-module__header[b-8tzbt44bq7],.capability-module__handoff[b-8tzbt44bq7]{align-items:start;display:flex;gap:1rem;justify-content:space-between}.capability-module__eyebrow[b-8tzbt44bq7]{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.capability-module__identity[b-8tzbt44bq7]{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.capability-module__identity div[b-8tzbt44bq7]{min-width:8rem}.capability-module__identity dt[b-8tzbt44bq7]{font-size:.72rem;text-transform:uppercase}.capability-module__identity dd[b-8tzbt44bq7]{font-weight:700;margin:0}.capability-module__features[b-8tzbt44bq7],.capability-module__activity[b-8tzbt44bq7]{display:grid;gap:.5rem;list-style:none;padding:0}.capability-module__features li[b-8tzbt44bq7],.capability-module__activity li[b-8tzbt44bq7]{align-items:center;display:flex;gap:.65rem;justify-content:space-between}.capability-module__metrics[b-8tzbt44bq7]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.capability-module__diagnostics[b-8tzbt44bq7]{margin-top:1rem}.capability-module__handoff[b-8tzbt44bq7]{border-top:1px solid var(--theme-border);margin-top:1rem;padding-top:1rem}.capability-module__handoff p[b-8tzbt44bq7]{margin:.25rem 0 0}@media(max-width:600px){.capability-module__header[b-8tzbt44bq7],.capability-module__handoff[b-8tzbt44bq7]{align-items:stretch;flex-direction:column}.capability-module__identity[b-8tzbt44bq7]{display:grid;grid-template-columns:1fr 1fr}.capability-module__features li[b-8tzbt44bq7],.capability-module__activity li[b-8tzbt44bq7]{align-items:start;flex-direction:column}}
/* /Components/Views/DragLink.razor.rz.scp.css */
.obs-link-card[b-lzuw6bhu9l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
    cursor: pointer;
}

.obs-link-header[b-lzuw6bhu9l] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.obs-link-icon[b-lzuw6bhu9l] {
    font-size: 20px;
    line-height: 1;
}

.obs-link-text[b-lzuw6bhu9l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.obs-link-title[b-lzuw6bhu9l] {
    font-size: 16px;
    font-weight: 700;
}

.obs-link-description[b-lzuw6bhu9l] {
    font-size: 12px;
    opacity: 0.8;
}

.obs-link-actions[b-lzuw6bhu9l] {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.draggable-btn[b-lzuw6bhu9l] {
    margin: 0;
    display: inline-block;
    padding: 6px 10px;
    border: 2px solid #29f1ff;
    background: rgba(0, 255, 255, 0.08);
    color: #d9fdff;
    cursor: pointer;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(41, 241, 255, 0.6), inset 0 0 6px rgba(41, 241, 255, 0.25);
}

.copy-btn[b-lzuw6bhu9l] {
    margin: 0;
    display: inline-block;
    padding: 6px 10px;
    border: 2px solid #7cff9a;
    background: rgba(64, 255, 128, 0.08);
    color: #effff2;
    cursor: pointer;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 8px rgba(124, 255, 154, 0.5), inset 0 0 6px rgba(124, 255, 154, 0.18);
}

.obs-preview-frame[b-lzuw6bhu9l] {
    width: 100%;
    max-width: 1000px;
    aspect-ratio: 16 / 9;
    border: 0;
}

.obs-preview-image[b-lzuw6bhu9l] {
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: block;
}
/* /Components/Views/Frotz/FrotzReports.razor.rz.scp.css */
:root[b-elade2c2r0] {
    --retro-bg: #ffffff; /* keep white page */
    --retro-text: #141414; /* nearly black for contrast */
    --retro-muted: #4b4b4b;
    --retro-line: #e9e9e9;
    --retro-accent: #fecf00; /* your yellow accent */
    --retro-accent-dark: #c9a400; /* deeper yellow for borders/shadows */
    --retro-bad-ok: #18a957; /* game-y green */
    --retro-bad-miss: #d33a2c; /* alert red */
}

/* page container */
.frotz-page[b-elade2c2r0] {
    color: var(--retro-text);
    background: var(--retro-bg);
    font-synthesis-weight: none; /* crisper text */
}

/* headings */
.frotz-page :where(h1,h2,h3,.heading,.label)[b-elade2c2r0] {
    color: var(--retro-text);
    text-shadow: 0 1px 0 #fff, 0 2px 0 var(--retro-accent);
    letter-spacing: 0.5px;
}

/* loading / empty */
.loading-text[b-elade2c2r0], .empty-text[b-elade2c2r0] {
    color: var(--retro-muted);
    font-style: italic;
    margin: 0.5rem 0 1rem;
}

/* retro table */
.retro-table[b-elade2c2r0] {
    width: 100%;
    border-collapse: separate; /* keep �pixel� effect on borders */
    border-spacing: 0;
    background: #fffef6; /* ultra-light warm tint so grey pops */
    border: 4px solid var(--retro-accent-dark);
    box-shadow: 0 0 0 4px var(--retro-accent), /* chunky outer pixel border */ 0 6px 0 0 #00000020; /* subtle drop */
    image-rendering: pixelated;
    font-size: 0.95rem;
}

/* header row */
.retro-table thead th[b-elade2c2r0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: linear-gradient(#fff3b0, var(--retro-accent));
    color: #1a1a1a;
    padding: 10px 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-bottom: 3px solid var(--retro-accent-dark);
}

/* body rows */
.retro-table tbody tr:nth-child(odd)[b-elade2c2r0] {
    background: #fffdfa;
}

.retro-table tbody tr:nth-child(even)[b-elade2c2r0] {
    background: #fff7d6;
}

.retro-table tbody tr:hover[b-elade2c2r0] {
    outline: 3px solid var(--retro-accent-dark);
    filter: saturate(1.05);
}

/* cells */
.retro-table td[b-elade2c2r0] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--retro-line);
    color: var(--retro-text);
}

.name-cell[b-elade2c2r0] {
    font-weight: 700;
    letter-spacing: 0.2px;
}

.desc-cell[b-elade2c2r0] {
    color: var(--retro-muted);
}

.file-cell-miss[b-elade2c2r0] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.98rem;
    color: #5c0f0f !important;
}

.file-cell-ok[b-elade2c2r0] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.93rem;
    color: #222 !important;
}

/* status chips */
.chip[b-elade2c2r0] {
    display: inline-block;
    min-width: 52px;
    text-align: center;
    padding: 4px 8px;
    border: 3px solid #000;
    border-radius: 0; /* 8-bit */
    font-weight: 800;
    letter-spacing: 0.5px;
    box-shadow: 2px 2px 0 #00000055;
}

.chip-ok[b-elade2c2r0] {
    background: linear-gradient(#b4f5d0, var(--retro-bad-ok));
    color: #0f3f26 !important;
}

.chip-miss[b-elade2c2r0] {
    background: linear-gradient(#ffd0c8, var(--retro-bad-miss));
    color: #3f0f0a !important;
}

/* small screens */
@media (max-width: 720px) {
    .retro-table[b-elade2c2r0] {
        font-size: 0.9rem;
    }

    .file-cell[b-elade2c2r0] {
        word-break: break-all;
    }
}
/* /Components/Views/Frotz/FrotzView.razor.rz.scp.css */
.frotz-game-card[b-6yosdg60r7] {
    display: grid;
    grid-template-columns: minmax(96px, 132px) minmax(0, 1fr);
    min-height: 176px;
    overflow: hidden;
    border: 1px solid rgba(41, 241, 255, 0.22);
    border-radius: 8px;
    background: rgba(4, 13, 18, 0.82);
}

.frotz-game-card__media[b-6yosdg60r7] {
    min-width: 0;
    background: rgba(0, 0, 0, 0.32);
}

.frotz-game-card__media img[b-6yosdg60r7] {
    width: 100%;
    height: 100%;
    min-height: 176px;
    object-fit: cover;
    display: block;
}

.frotz-game-card__content[b-6yosdg60r7] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-width: 0;
}

.frotz-game-card__title[b-6yosdg60r7] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.frotz-game-card__meta[b-6yosdg60r7] {
    align-items: center;
    flex-wrap: wrap;
}

.frotz-game-card__description[b-6yosdg60r7] {
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.frotz-game-card__button[b-6yosdg60r7] {
    align-self: flex-start;
    margin-top: auto;
}

@media (max-width: 640px) {
    .frotz-game-card[b-6yosdg60r7] {
        grid-template-columns: 1fr;
    }

    .frotz-game-card__media[b-6yosdg60r7] {
        aspect-ratio: 16 / 10;
    }

    .frotz-game-card__media img[b-6yosdg60r7] {
        min-height: 0;
    }

    .frotz-game-card__button[b-6yosdg60r7] {
        width: 100%;
        align-self: stretch;
    }
}
/* /Components/Views/GameArtDisplay.razor.rz.scp.css */
.art-entry[b-7runv7pdy6] {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 8px;
    padding: 10px;
    border-radius: 6px;
    background: #222;
    border: 1px solid #666;
    box-shadow: 0 0 6px rgba(255, 165, 0, 0.3);
}

.art-entry img[b-7runv7pdy6], .art-entry video[b-7runv7pdy6] {
    margin: 6px;
    max-width: 200px;
    border-radius: 4px;
}

.art-grid[b-7runv7pdy6] {
    display: flex;
    flex-wrap: wrap;
}
/* /Components/Views/Minicard.razor.rz.scp.css */
.minicard[b-7u26eqt4lc] {
    margin: 10px;
    padding: 10px 12px;
    min-width: 300px;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(41, 241, 255, 0.25);
}

.minicard-title[b-7u26eqt4lc] {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--tron-text, #c8d0e0);
}

.minicard[b-7u26eqt4lc]  button {
    padding: 6px 14px;
}
/* /Components/Views/NewsNewspaperOverlay.razor.rz.scp.css */
.news-newspaper-overlay[b-fa54055f9t] {
    width: min(92vw, 62rem);
    aspect-ratio: 16 / 9;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 0.85rem;
    padding: clamp(1rem, 2.8vw, 2rem);
    border: 0.18rem solid #21180f;
    color: #21180f;
    background:
        linear-gradient(90deg, rgba(30, 24, 15, 0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(30, 24, 15, 0.08) 1px, transparent 1px),
        #f7f0dc;
    background-size: 1.25rem 1.25rem;
    box-shadow: 0 1.25rem 3.5rem rgba(3, 8, 18, 0.46);
    font-family: Georgia, "Times New Roman", serif;
    overflow: hidden;
}

.news-newspaper-overlay--visible[b-fa54055f9t] {
    animation: news-newspaper-life-b-fa54055f9t var(--news-overlay-duration, 30s) ease-in-out both;
}

.news-newspaper-overlay--hidden[b-fa54055f9t] {
    opacity: 0;
    pointer-events: none;
}

.news-newspaper-overlay__masthead[b-fa54055f9t] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
    gap: 1rem;
    border-bottom: 0.22rem double #21180f;
    padding-bottom: 0.65rem;
}

.news-newspaper-overlay__masthead h1[b-fa54055f9t] {
    margin: 0;
    color: #111827;
    font-size: clamp(2rem, 6vw, 5.5rem);
    font-weight: 900;
    line-height: 0.86;
    text-align: center;
    text-transform: uppercase;
}

.news-newspaper-overlay__edition[b-fa54055f9t],
.news-newspaper-overlay__dateline[b-fa54055f9t] {
    margin: 0;
    color: #7f1d1d;
    font-family: Arial, sans-serif;
    font-size: clamp(0.68rem, 1.2vw, 0.95rem);
    font-weight: 800;
    text-transform: uppercase;
}

.news-newspaper-overlay__dateline[b-fa54055f9t] {
    color: #14532d;
    text-align: right;
}

.news-newspaper-overlay__front-page[b-fa54055f9t] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.34fr);
    gap: 1rem;
}

.news-newspaper-overlay__lead[b-fa54055f9t] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.65rem;
    border-right: 1px solid rgba(33, 24, 15, 0.42);
    padding-right: 1rem;
}

.news-newspaper-overlay__topic[b-fa54055f9t] {
    width: max-content;
    max-width: 100%;
    margin: 0;
    padding: 0.24rem 0.44rem;
    color: #f7f0dc;
    background: #7f1d1d;
    font-family: Arial, sans-serif;
    font-size: clamp(0.72rem, 1.1vw, 0.95rem);
    font-weight: 900;
    text-transform: uppercase;
}

.news-newspaper-overlay__lead h2[b-fa54055f9t] {
    margin: 0;
    max-width: 18ch;
    color: #0f172a;
    font-size: clamp(2rem, 5.2vw, 5rem);
    font-weight: 900;
    line-height: 0.92;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.news-newspaper-overlay__lead p:not(.news-newspaper-overlay__topic)[b-fa54055f9t] {
    margin: 0;
    max-width: 64ch;
    color: #3b2f22;
    font-size: clamp(1rem, 1.85vw, 1.45rem);
    line-height: 1.24;
}

.news-newspaper-overlay__rail[b-fa54055f9t] {
    min-width: 0;
    display: grid;
    gap: 0.65rem;
    align-content: start;
}

.news-newspaper-overlay__brief[b-fa54055f9t] {
    margin: 0;
    padding: 0.65rem 0 0;
    border-top: 1px solid rgba(33, 24, 15, 0.4);
    color: #1f2937;
    font-size: clamp(0.9rem, 1.45vw, 1.15rem);
    font-weight: 700;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.news-newspaper-overlay__footer[b-fa54055f9t] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(33, 24, 15, 0.6);
    padding-top: 0.5rem;
    color: #475569;
    font-family: Arial, sans-serif;
    font-size: clamp(0.72rem, 1vw, 0.9rem);
    font-weight: 800;
    text-transform: uppercase;
}

@keyframes news-newspaper-life-b-fa54055f9t {
    0% {
        opacity: 0;
        transform: translateY(1.5rem) rotateX(5deg);
    }

    8%,
    88% {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-0.75rem) rotateX(-3deg);
    }
}

@media (max-width: 720px) {
    .news-newspaper-overlay[b-fa54055f9t] {
        aspect-ratio: auto;
        min-height: 100vh;
    }

    .news-newspaper-overlay__masthead[b-fa54055f9t],
    .news-newspaper-overlay__front-page[b-fa54055f9t] {
        grid-template-columns: 1fr;
    }

    .news-newspaper-overlay__masthead h1[b-fa54055f9t],
    .news-newspaper-overlay__edition[b-fa54055f9t],
    .news-newspaper-overlay__dateline[b-fa54055f9t] {
        text-align: left;
    }

    .news-newspaper-overlay__lead[b-fa54055f9t] {
        border-right: 0;
        border-bottom: 1px solid rgba(33, 24, 15, 0.42);
        padding-right: 0;
        padding-bottom: 1rem;
    }

    .news-newspaper-overlay__lead h2[b-fa54055f9t] {
        max-width: 100%;
    }

    .news-newspaper-overlay__footer[b-fa54055f9t] {
        flex-direction: column;
    }
}
/* /Components/Views/Popout.razor.rz.scp.css */
/* extracted from wwwroot/app.css */
.rich-div[b-th2km8ecme] {
    border: 2px solid #ccc;
    border-color: black;
    max-width: 98%; /* Full width of the viewport */
    /* max-height: 100vh;  Full height of the viewport */
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.rich-div-header[b-th2km8ecme] {
    background-color: orange;
    padding: 0.5rem;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.rich-div-header.h3[b-th2km8ecme] {
        font-size: 1.5rem;
        color: #007bff;
    }

.rich-div-content[b-th2km8ecme] {
    border: 2px;
    background-color: rgba(0,0,0,.35);
    padding: 1rem;
    /* replaced light background with dark-friendly surface */
    flex-wrap: wrap;
    display: flex;
    max-width: 100%;
    overflow: auto; /* or auto */
}
/* /Components/Views/RichDiv.razor.rz.scp.css */
.rich-div[b-rstz96nqy7] {
    position: relative;
    display: block;
    border: 1px solid var(--tron-border, rgba(0, 212, 255, 0.35));
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.05), transparent 40%), var(--tron-bg-elevated, #0f0f16);
    box-shadow: 0 0 0 1px rgba(0, 212, 255, 0.04), 0 10px 28px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.rich-div[b-rstz96nqy7]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(0, 212, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, 0.03) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.18;
}

.rich-div-topbar[b-rstz96nqy7] {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.85rem 1rem 0.7rem;
    border-bottom: 1px solid rgba(0, 212, 255, 0.18);
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.06), transparent);
}

.rich-div-titleblock[b-rstz96nqy7] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rich-div-kicker[b-rstz96nqy7] {
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tron-text-muted, #8890a0);
}

.rich-div-title[b-rstz96nqy7] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tron-text, #c8d0e0);
}

.rich-div-actions[b-rstz96nqy7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.rich-div-status[b-rstz96nqy7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgba(0, 212, 255, 0.25);
    background: rgba(0, 212, 255, 0.08);
    color: var(--tron-cyan, #00d4ff);
}

.rich-div-status-error[b-rstz96nqy7] {
    border-color: rgba(255, 99, 132, 0.35);
    background: rgba(255, 99, 132, 0.12);
    color: #ff8ea1;
}

.rich-div-toggle[b-rstz96nqy7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 212, 255, 0.3);
    background: rgba(0, 212, 255, 0.08);
    color: var(--tron-text, #c8d0e0);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.rich-div-toggle:hover[b-rstz96nqy7] {
    border-color: var(--tron-cyan, #00d4ff);
    background: rgba(0, 212, 255, 0.14);
}

.rich-div-body[b-rstz96nqy7] {
    position: relative;
    padding: 1rem;
}

.rich-div-error-banner[b-rstz96nqy7] {
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 99, 132, 0.35);
    background: rgba(255, 99, 132, 0.08);
    color: #ffd3db;
}

.rich-div-error-title[b-rstz96nqy7] {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.rich-div-error-message[b-rstz96nqy7] {
    opacity: 0.95;
}

.rich-div-content[b-rstz96nqy7] {
    position: relative;
}

.rich-div.is-collapsed .rich-div-body[b-rstz96nqy7] {
    display: none;
}

.rich-div.has-error .rich-div-topbar[b-rstz96nqy7] {
    border-bottom-color: rgba(255, 99, 132, 0.35);
}

/* Shared surface primitives used across the app */
.card[b-rstz96nqy7] {
    border-radius: 10px;
    border: 1px solid var(--tron-border, rgba(0, 212, 255, 0.3));
    background: linear-gradient(180deg, rgba(0, 212, 255, 0.04), transparent 35%), var(--tron-bg-elevated, #10101a);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    color: var(--tron-text, #c8d0e0);
}

.alert[b-rstz96nqy7] {
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 0.85rem 1rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.alert-primary[b-rstz96nqy7] {
    border-color: rgba(0, 212, 255, 0.35);
    background: rgba(0, 212, 255, 0.08);
    color: var(--tron-text, #c8d0e0);
}

.alert-secondary[b-rstz96nqy7] {
    border-color: rgba(136, 144, 160, 0.35);
    background: rgba(136, 144, 160, 0.08);
    color: var(--tron-text, #c8d0e0);
}

.alert-success[b-rstz96nqy7] {
    border-color: rgba(60, 196, 120, 0.35);
    background: rgba(60, 196, 120, 0.08);
    color: #d7ffe6;
}

.alert-danger[b-rstz96nqy7] {
    border-color: rgba(255, 99, 132, 0.35);
    background: rgba(255, 99, 132, 0.08);
    color: #ffd3db;
}

.alert-warning[b-rstz96nqy7] {
    border-color: rgba(255, 193, 7, 0.35);
    background: rgba(255, 193, 7, 0.08);
    color: #fff0bf;
}

.alert-info[b-rstz96nqy7] {
    border-color: rgba(0, 186, 255, 0.35);
    background: rgba(0, 186, 255, 0.08);
    color: #d6f5ff;
}

.alert-light[b-rstz96nqy7] {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #f2f6ff;
}

.alert-dark[b-rstz96nqy7] {
    border-color: rgba(0, 0, 0, 0.35);
    background: rgba(0, 0, 0, 0.2);
    color: #f2f6ff;
}

.badge[b-rstz96nqy7] {
    border-radius: 999px;
    padding: 0.35rem 0.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
}
/* /Components/Views/RichDivAccordion.razor.rz.scp.css */
/* extracted from wwwroot/app.css */
.rich-div[b-3hp6ocvu6n] {
    border: 2px solid #ccc;
    border-color: black;
    max-width: 90vw; /* Full width of the viewport */
    /* max-height: 100vh;  Full height of the viewport */
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.rich-div-header[b-3hp6ocvu6n] {
    background-color: orange;
    padding: 0.5rem;
    font-weight: bold;
    width: 100%;
}

.rich-div-header.h3[b-3hp6ocvu6n] {
        font-size: 1.5rem;
        color: #007bff;
    }

.rich-div-content[b-3hp6ocvu6n] {
    border: 2px;
    background-color: rgba(0,0,0,.35);
    padding: 1rem;
    /* replaced light background with dark-friendly surface */
    flex-wrap: wrap;
    display: flex;
    max-width: 100%;
    overflow: auto; /* or auto */
}
/* /Components/Views/ViewerPicker.razor.rz.scp.css */
.viewer-picker-backdrop[b-htpkt785h0] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.viewer-picker-popup[b-htpkt785h0] {
    background: white;
    padding: 1rem;
    border-radius: 8px;
    min-width: 200px;
}

.viewer-button[b-htpkt785h0] {
    display: block;
    width: 100%;
    margin: 0.25rem 0;
}
/* /Components/VNext/MissionControlSignalList.razor.rz.scp.css */
.mc-reference__signal-list[b-qnf4emaxpu] {
    display: grid;
    gap: .6rem;
    padding: 0;
    margin: 1rem 0 0;
    list-style: none;
}

.mc-reference__signal-list li[b-qnf4emaxpu] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--cc-app-text);
}

.mc-reference__signal-list li span[b-qnf4emaxpu] {
    color: var(--cc-app-accent);
}

.mc-reference__empty-signal[b-qnf4emaxpu] {
    margin: .5rem 0 0;
    color: var(--cc-app-text-muted);
}