/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-n0smdr2b0x]{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:#030705;background-image:linear-gradient(rgba(0,255,120,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,120,.04) 1px,transparent 1px);background-size:42px 42px}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.content-shell[b-2bt3jh5uqs]{padding:40px;min-height:calc(100vh - 64px);position:relative}.content-shell[b-2bt3jh5uqs]::before{content:'';position:fixed;inset:64px 0 0 0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(0,255,120,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,120,.05) 1px,transparent 1px);background-size:42px 42px}.brand[b-2bt3jh5uqs]{letter-spacing:.12em;font-weight:800!important;margin-left:10px!important}.brand span[b-2bt3jh5uqs]{color:#00ff78;text-shadow:0 0 14px rgba(0,255,120,.65)}.brand-icon[b-2bt3jh5uqs]{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(0,255,120,.75))}.matrix-appbar[b-2bt3jh5uqs]{border-bottom:1px solid #164629}.system-status[b-2bt3jh5uqs]{font-size:.65rem;letter-spacing:.13em;color:#75a98a;display:flex;align-items:center;gap:8px}.system-status span[b-2bt3jh5uqs]{width:7px;height:7px;border-radius:50%;background:#00ff78;box-shadow:0 0 10px #00ff78}[b-2bt3jh5uqs] .matrix-drawer{border-right:1px solid #133a22!important}.current-user[b-2bt3jh5uqs]{font-size:.65rem;color:#7ca98b;margin-right:10px}.logout-form[b-2bt3jh5uqs]{display:flex}.logout-form button[b-2bt3jh5uqs]{border:0;background:transparent;color:#00ff78;cursor:pointer;padding:7px;display:grid;place-items:center}#blazor-error-ui[b-2bt3jh5uqs]{background:#221015;color:#fff;bottom:0;display:none;left:0;padding:.8rem 1.5rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss[b-2bt3jh5uqs]{cursor:pointer;position:absolute;right:.75rem}@media(max-width:700px){.content-shell[b-2bt3jh5uqs]{padding:24px 16px}.system-status[b-2bt3jh5uqs],.current-user[b-2bt3jh5uqs]{display:none}}


/* =========================
   APP BAR
   ========================= */

.mobile-menu-button[b-2bt3jh5uqs] {
    display: none;
    margin-right: 4px;
}

.brand-icon[b-2bt3jh5uqs] {
    flex-shrink: 0;
}

.brand[b-2bt3jh5uqs] {
    white-space: nowrap;
}

.current-user[b-2bt3jh5uqs] {
    margin-right: 12px;
}


/* =========================
   DRAWER
   ========================= */

.matrix-drawer[b-2bt3jh5uqs] {
    border-right: 1px solid #143924;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 960px) {

    .mobile-menu-button[b-2bt3jh5uqs] {
        display: inline-flex;
    }

    /*
     * En móvil quitamos información secundaria
     * para no saturar la barra superior.
     */
    .current-user[b-2bt3jh5uqs] {
        display: none;
    }

    .system-status[b-2bt3jh5uqs] {
        display: none;
    }

    .matrix-appbar[b-2bt3jh5uqs] {
        padding-left: 4px;
        padding-right: 8px;
    }

    .content-shell[b-2bt3jh5uqs] {
        padding-left: 12px;
        padding-right: 12px;
    }
}


/* Móviles muy estrechos */
@media (max-width: 480px) {

    .brand-icon[b-2bt3jh5uqs] {
        width: 28px;
        height: 28px;
    }

    .brand[b-2bt3jh5uqs] {
        font-size: 1rem;
    }

}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-header[b-lcuchto56p]{padding:30px 22px 22px;border-bottom:1px solid #102f1d}.nav-kicker[b-lcuchto56p]{color:#00ff78;font-size:.7rem;letter-spacing:.15em;font-weight:700}.nav-version[b-lcuchto56p]{color:#4f765e;font-size:.6rem;margin-top:6px}[b-lcuchto56p] .matrix-nav{padding:18px 10px}[b-lcuchto56p] .mud-nav-link{margin:5px 0;border-left:2px solid transparent;color:#7ba88b;border-radius:0 4px 4px 0}[b-lcuchto56p] .mud-nav-link:hover{background:rgba(0,255,120,.06);color:#caffdd}[b-lcuchto56p] .mud-nav-link.active{color:#00ff78;background:linear-gradient(90deg,rgba(0,255,120,.14),transparent);border-left-color:#00ff78}.drawer-footer[b-lcuchto56p]{position:absolute;bottom:20px;left:20px;right:20px;padding:14px;border:1px solid #173d26;display:flex;gap:12px;align-items:center;color:#84af93;font-size:.65rem}.drawer-footer small[b-lcuchto56p]{display:block;color:#456b53;margin-top:3px}.pulse-dot[b-lcuchto56p]{width:9px;height:9px;border-radius:50%;background:#00ff78;box-shadow:0 0 12px #00ff78}
/* /Components/Layout/PageNavigation.razor.rz.scp.css */
.page-navigation[b-nak29q1y7s]{display:flex;align-items:center;gap:8px;min-height:38px;margin:-14px 0 22px;color:#668a71;font-size:.68rem;letter-spacing:.06em}.page-navigation nav[b-nak29q1y7s]{display:flex;align-items:center;gap:8px;min-width:0}.page-navigation nav::deep>*:not(:first-child)[b-nak29q1y7s]::before{content:'/';margin-right:8px;color:#31523d}.page-navigation[b-nak29q1y7s]  a{color:#78b58d;text-decoration:none;white-space:nowrap}.page-navigation[b-nak29q1y7s]  a:hover{color:#00ff78}.page-navigation[b-nak29q1y7s]  span{overflow:hidden;color:#a8cdb5;text-overflow:ellipsis;white-space:nowrap}.page-navigation[b-nak29q1y7s]  .mud-icon-button{border:1px solid #164629;border-radius:3px;padding:6px}@media(max-width:600px){.page-navigation[b-nak29q1y7s]{margin-top:-8px}.page-navigation nav[b-nak29q1y7s]{overflow:hidden}.page-navigation[b-nak29q1y7s]  a,.page-navigation[b-nak29q1y7s]  span{max-width:34vw;overflow:hidden;text-overflow:ellipsis}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-j1r4wlr1k5],
.components-reconnect-repeated-attempt-visible[b-j1r4wlr1k5],
.components-reconnect-failed-visible[b-j1r4wlr1k5],
.components-pause-visible[b-j1r4wlr1k5],
.components-resume-failed-visible[b-j1r4wlr1k5],
.components-rejoining-animation[b-j1r4wlr1k5] {
    display: none;
}

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


#components-reconnect-modal[b-j1r4wlr1k5] {
    background-color: white;
    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-j1r4wlr1k5 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-j1r4wlr1k5 {
    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/Pages/Account.razor.rz.scp.css */
.account-panel[b-gyyo1egflj]{max-width:620px}.account-panel[b-gyyo1egflj]  .mud-input-control{width:100%}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-card[b-xcxa54edbh]{width:min(430px,100%);padding:38px!important;border:1px solid #18502d!important;background:linear-gradient(145deg,#09160e,#040a07)!important}.login-logo[b-xcxa54edbh]{display:block;width:116px;height:116px;object-fit:contain;margin:-8px auto 8px;filter:drop-shadow(0 0 16px rgba(0,255,120,.4))}.login-card>span[b-xcxa54edbh]{display:block;margin-top:12px;text-align:center}.login-card h1[b-xcxa54edbh]{letter-spacing:.12em;font-size:1.8rem;margin:5px 0 28px;text-align:center}.login-card h1 span[b-xcxa54edbh]{color:#00ff78;text-shadow:0 0 14px rgba(0,255,120,.6)}form[b-xcxa54edbh]{display:grid;gap:10px;margin-top:20px}label[b-xcxa54edbh]{font-size:.65rem;color:#78a287;letter-spacing:.08em;margin-top:8px}input[b-xcxa54edbh]{background:#020604;border:1px solid #1a4a2b;color:#d8ffe8;padding:13px;font:inherit;outline:none}input:focus[b-xcxa54edbh]{border-color:#00ff78;box-shadow:0 0 0 1px #00ff78}button[b-xcxa54edbh]{margin-top:14px;padding:13px;border:1px solid #00ff78;background:#00ff78;color:#001a0b;font:700 .75rem 'JetBrains Mono',monospace;cursor:pointer}
/* /Components/Pages/Player.razor.rz.scp.css */
.cast-status[b-odapwtmat2] { display:flex; align-items:center; gap:8px; color:#6e8c78; font-size:.65rem; letter-spacing:.1em; }
.cast-status span[b-odapwtmat2] { width:7px; height:7px; border-radius:50%; background:#5b6b60; }
.cast-status.connected[b-odapwtmat2] { color:#00ff78; }
.cast-status.connected span[b-odapwtmat2] { background:#00ff78; box-shadow:0 0 9px #00ff78; }
.cast-timeline[b-odapwtmat2] { display:grid; grid-template-columns:55px 1fr 55px; align-items:center; gap:12px; font-size:.66rem; color:#71907b; }
.cast-actions[b-odapwtmat2] { display:flex; align-items:center; gap:5px; margin-top:10px; }
.cast-volume[b-odapwtmat2] { margin-left:auto; display:grid; grid-template-columns:auto minmax(100px,220px) 48px; align-items:center; gap:10px; color:#79a086; font-size:.65rem; }
.cast-volume[b-odapwtmat2]  .mud-slider { width:100%; }
.audio-selector[b-odapwtmat2] { display:inline-block; width:min(320px,100%); margin-right:8px; vertical-align:middle; }
.transcode-shell[b-odapwtmat2]  .transcode-video-stage { position:relative; width:100%; background:#000; }
.transcode-shell[b-odapwtmat2]  video { width:100%; max-height:70vh; aspect-ratio:var(--video-aspect-ratio,16 / 9); object-fit:contain; display:block; background:#000; }
.transcode-shell[b-odapwtmat2]  .transcode-seek-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; background:#000; pointer-events:none; }
.transcode-shell[b-odapwtmat2]  .transcode-seek-overlay.visible { visibility:visible; opacity:1; }
.transcode-shell[b-odapwtmat2]  .transcode-frozen-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.transcode-shell[b-odapwtmat2]  .transcode-loading-spinner { position:relative; width:42px; height:42px; border:3px solid rgba(0,255,120,.25); border-top-color:#00ff78; border-radius:50%; box-shadow:0 0 14px rgba(0,255,120,.3); animation:transcode-spin-b-odapwtmat2 .75s linear infinite; }
@keyframes transcode-spin-b-odapwtmat2 { to { transform:rotate(360deg); } }
.transcode-shell[b-odapwtmat2]  .transcode-controls { display:grid; grid-template-columns:42px 42px 42px 42px 42px 55px minmax(80px,1fr) 55px 30px 130px 42px; align-items:center; gap:10px; padding:12px 8px 4px; color:#86a991; font-size:.68rem; }
.transcode-shell[b-odapwtmat2]  button { border:1px solid #1c5632; background:#07120b; color:#00ff78; height:34px; cursor:pointer; }
.transcode-shell[b-odapwtmat2]  button.unavailable { visibility:hidden; pointer-events:none; }
.transcode-shell[b-odapwtmat2]  input[type=range] { accent-color:#00ff78; width:100%; }
.transcode-shell:fullscreen[b-odapwtmat2] { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; padding:0; border:0; background:#000; }
.transcode-shell:fullscreen[b-odapwtmat2]  video { width:100%; height:100%; max-height:100vh; object-fit:contain; }
.transcode-shell:fullscreen[b-odapwtmat2]  .transcode-video-stage { position:relative; z-index:0; height:100%; display:flex; align-items:center; }
.transcode-shell:fullscreen[b-odapwtmat2]  .transcode-controls { position:fixed; inset:auto 0 0 0; z-index:2147483647; box-sizing:border-box; width:100vw; padding:24px 18px 16px; background:linear-gradient(transparent,rgba(0,0,0,.95)); visibility:hidden; pointer-events:none; }
.transcode-shell:fullscreen.controls-visible[b-odapwtmat2]  .transcode-controls { visibility:visible; pointer-events:auto; }
.transcode-shell[b-odapwtmat2]  button.active { background:#00ff78; color:#001a0b; }
@media(max-width:650px) { .cast-actions[b-odapwtmat2] { flex-wrap:wrap; } .cast-volume[b-odapwtmat2] { width:100%; margin:10px 0 0; } .cast-timeline[b-odapwtmat2] { grid-template-columns:42px 1fr 42px; } }
@media(max-width:700px) { .transcode-shell[b-odapwtmat2]  .transcode-controls { grid-template-columns:34px 34px 38px 34px 34px 42px minmax(50px,1fr) 42px 38px; gap:4px; } .transcode-shell[b-odapwtmat2]  .transcode-controls span:nth-of-type(3), .transcode-shell[b-odapwtmat2]  .transcode-volume { display:none; } }
@media (orientation:portrait) and (hover:hover) and (pointer:fine) { .transcode-shell:fullscreen[b-odapwtmat2]  video { transform:rotate(.0001deg); } }
/* /Components/Pages/Users.razor.rz.scp.css */
.user-form[b-34yhu0iow8]{display:grid;grid-template-columns:1fr 1.4fr 1.2fr .7fr auto;gap:12px;align-items:end}.access-panel[b-34yhu0iow8]{min-height:280px}.access-panel[b-34yhu0iow8]  .mud-checkbox{display:flex}@media(max-width:1100px){.user-form[b-34yhu0iow8]{grid-template-columns:1fr 1fr}}@media(max-width:650px){.user-form[b-34yhu0iow8]{grid-template-columns:1fr}}