/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-3zrffuk8m2] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-3zrffuk8m2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-lf4x6kxcnz],
.components-reconnect-repeated-attempt-visible[b-lf4x6kxcnz],
.components-reconnect-failed-visible[b-lf4x6kxcnz],
.components-pause-visible[b-lf4x6kxcnz],
.components-resume-failed-visible[b-lf4x6kxcnz],
.components-rejoining-animation[b-lf4x6kxcnz] {
    display: none;
}

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


#components-reconnect-modal[b-lf4x6kxcnz] {
    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-lf4x6kxcnz 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-lf4x6kxcnz {
    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/Admin/Commerce/VietQrBankConfigPanel.razor.rz.scp.css */
.vietqr-config-card[b-x1axkhdw0h]{--vq:#2563eb;--vq2:#06b6d4;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:var(--bs-body-bg);box-shadow:0 16px 45px rgba(15,23,42,.08);overflow:hidden}.vietqr-config-head[b-x1axkhdw0h]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(6,182,212,.04));border-bottom:1px solid rgba(148,163,184,.18)}.vietqr-config-kicker[b-x1axkhdw0h]{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;color:var(--vq);letter-spacing:.1em;text-transform:uppercase}.vietqr-config-head h2[b-x1axkhdw0h]{font-size:1.18rem;font-weight:850;margin:.35rem 0 .15rem}.vietqr-config-head p[b-x1axkhdw0h]{font-size:.8rem;color:var(--bs-secondary-color);margin:0}
.vietqr-tabbar[b-x1axkhdw0h]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.18)}.vietqr-tab[b-x1axkhdw0h]{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem .45rem;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--bs-secondary-color);font-size:.8rem}.vietqr-tab>span[b-x1axkhdw0h]{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:rgba(148,163,184,.15);font-size:.68rem;font-weight:800}.vietqr-tab.active[b-x1axkhdw0h]{color:var(--vq);border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.075)}.vietqr-tab.active>span[b-x1axkhdw0h]{background:var(--vq);color:#fff}
.vietqr-tab-content[b-x1axkhdw0h]{padding:1.25rem;min-height:475px}.tab-intro[b-x1axkhdw0h]{display:flex;align-items:center;gap:.75rem;padding:.85rem;border-radius:14px;background:rgba(37,99,235,.065);margin-bottom:1rem}.tab-intro>i[b-x1axkhdw0h]{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(37,99,235,.12);color:var(--vq)}.tab-intro strong[b-x1axkhdw0h],.tab-intro small[b-x1axkhdw0h]{display:block}.tab-intro small[b-x1axkhdw0h]{color:var(--bs-secondary-color);font-size:.75rem}.tab-intro.vietqr[b-x1axkhdw0h]{background:rgba(6,182,212,.07)}.tab-intro.webhook[b-x1axkhdw0h]{background:rgba(16,185,129,.07)}
.provider-summary[b-x1axkhdw0h]{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid rgba(148,163,184,.2);border-radius:13px}.provider-summary img[b-x1axkhdw0h]{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff}.provider-summary strong[b-x1axkhdw0h],.provider-summary small[b-x1axkhdw0h]{display:block}.provider-summary small[b-x1axkhdw0h]{font-size:.72rem;color:var(--bs-secondary-color);line-height:1.3}.switch-card[b-x1axkhdw0h]{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(37,99,235,.035)}.switch-card span[b-x1axkhdw0h],.switch-card strong[b-x1axkhdw0h],.switch-card small[b-x1axkhdw0h]{display:block}.switch-card small[b-x1axkhdw0h]{font-size:.73rem;color:var(--bs-secondary-color);margin-top:.1rem}.switch-card.auto[b-x1axkhdw0h]{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.24)}
.api-endpoint[b-x1axkhdw0h]{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;border-radius:12px;background:#0f172a;color:#e2e8f0;overflow:auto}.api-endpoint span[b-x1axkhdw0h]{padding:.2rem .4rem;border-radius:6px;background:#22c55e;color:#052e16;font-size:.65rem;font-weight:900}.api-endpoint code[b-x1axkhdw0h]{color:#e2e8f0;font-size:.75rem}.credential-note[b-x1axkhdw0h]{display:flex;gap:.6rem;align-items:center;padding:.75rem;border-radius:12px;background:rgba(245,158,11,.08);color:#92400e;font-size:.75rem}.qr-preview-card[b-x1axkhdw0h]{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(37,99,235,.18);border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.045),rgba(6,182,212,.035))}.qr-preview-image[b-x1axkhdw0h]{width:132px;height:132px;flex:0 0 132px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.18)}.qr-preview-image img[b-x1axkhdw0h]{width:100%;height:100%;object-fit:contain}.qr-preview-fallback[b-x1axkhdw0h]{height:100%;place-items:center;text-align:center;padding:.6rem;color:#94a3b8}.qr-preview-fallback i[b-x1axkhdw0h]{font-size:2.2rem}.qr-preview-fallback span[b-x1axkhdw0h]{font-size:.64rem}.qr-preview-info span[b-x1axkhdw0h],.qr-preview-info strong[b-x1axkhdw0h],.qr-preview-info code[b-x1axkhdw0h],.qr-preview-info small[b-x1axkhdw0h]{display:block}.qr-preview-info span[b-x1axkhdw0h]{font-size:.7rem;color:var(--bs-secondary-color);text-transform:uppercase;letter-spacing:.06em}.qr-preview-info strong[b-x1axkhdw0h]{font-size:1.25rem;margin:.2rem 0}.qr-preview-info code[b-x1axkhdw0h]{font-size:.85rem}.qr-preview-info small[b-x1axkhdw0h]{margin-top:.35rem;color:var(--bs-secondary-color)}
.callback-box[b-x1axkhdw0h]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;border-radius:14px;background:rgba(15,23,42,.045);border:1px solid rgba(148,163,184,.2)}.callback-box span[b-x1axkhdw0h],.callback-box code[b-x1axkhdw0h],.callback-box small[b-x1axkhdw0h]{display:block}.callback-box span[b-x1axkhdw0h]{font-size:.68rem;color:var(--bs-secondary-color);text-transform:uppercase}.callback-box code[b-x1axkhdw0h]{font-size:.72rem;word-break:break-all}.vietqr-config-footer[b-x1axkhdw0h]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.03)}.setup-progress[b-x1axkhdw0h]{display:flex;gap:.5rem;flex-wrap:wrap}.setup-progress span[b-x1axkhdw0h]{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .55rem;border-radius:999px;background:rgba(148,163,184,.1);font-size:.68rem;color:var(--bs-secondary-color)}.setup-progress span.active[b-x1axkhdw0h]{background:rgba(37,99,235,.1);color:var(--vq)}
:global([data-bs-theme="dark"]) .vietqr-config-card[b-x1axkhdw0h]{background:#171b29}:global([data-bs-theme="dark"]) .api-endpoint[b-x1axkhdw0h]{background:#090e1a}:global([data-bs-theme="dark"]) .credential-note[b-x1axkhdw0h]{color:#fbbf24}:global([data-bs-theme="dark"]) .callback-box[b-x1axkhdw0h]{background:rgba(255,255,255,.035)}
@media(max-width:575.98px){.vietqr-config-head[b-x1axkhdw0h]{padding:1rem}.vietqr-tabbar[b-x1axkhdw0h]{padding:.6rem}.vietqr-tab[b-x1axkhdw0h]{display:grid;place-items:center;gap:.2rem}.vietqr-tab>span[b-x1axkhdw0h]{display:none}.vietqr-tab-content[b-x1axkhdw0h]{padding:1rem;min-height:0}.qr-preview-card[b-x1axkhdw0h]{align-items:flex-start}.qr-preview-image[b-x1axkhdw0h]{width:105px;height:105px;flex-basis:105px}.vietqr-config-footer[b-x1axkhdw0h]{align-items:stretch;flex-direction:column}.vietqr-config-footer .btn[b-x1axkhdw0h]{width:100%}}
/* /Components/Pages/Admin/Stories/StoryChapterAdmin.razor.rz.scp.css */
.story-chapter-import-card[b-hybh2aa554] {
    border-radius: 1.15rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 18%, transparent) !important;
}
.story-chapter-import-card > .card-header[b-hybh2aa554] {
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--bs-primary) 7%, var(--bs-body-bg)), var(--bs-body-bg)) !important;
}
.story-chapter-import-card > .card-body[b-hybh2aa554] { padding: 1.1rem; }
.story-import-progress-modern[b-hybh2aa554] {
    border: 1px solid color-mix(in srgb, var(--bs-primary) 24%, transparent);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    padding: 1rem;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .06);
}
.story-import-progress-head[b-hybh2aa554] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.6rem; }
.story-import-progress-main[b-hybh2aa554] { height: 12px; border-radius:999px; }
.story-import-metrics[b-hybh2aa554] { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; margin-top:.85rem; }
.story-import-metrics > div[b-hybh2aa554] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.45rem; border-radius:.8rem; background:var(--bs-tertiary-bg); padding:.6rem .75rem; font-size:.82rem; }
.story-import-metrics i[b-hybh2aa554] { color:var(--bs-primary); }
.story-import-log[b-hybh2aa554] { max-height:260px; overflow:auto; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 767.98px) {
    .story-import-metrics[b-hybh2aa554] { grid-template-columns:1fr; }
}
/* /Components/Pages/Admin/Stories/StoryScheduledImportPanel.razor.rz.scp.css */
.story-schedule-shell[b-xjr89jtud0]{--ss-primary:#5b5bd6;--ss-primary-2:#7c3aed;--ss-ink:#172033;--ss-muted:#6b7280;--ss-border:rgba(148,163,184,.22);--ss-panel:var(--bs-body-bg,#fff);color:var(--bs-body-color)}
.story-schedule-hero[b-xjr89jtud0]{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:2rem;border-radius:24px;background:linear-gradient(125deg,#222a6b 0%,#5b5bd6 50%,#7c3aed 100%);color:#fff;box-shadow:0 22px 55px rgba(79,70,229,.22)}
.story-schedule-hero[b-xjr89jtud0]:before,.story-schedule-hero[b-xjr89jtud0]:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.story-schedule-hero[b-xjr89jtud0]:before{width:260px;height:260px;right:-80px;top:-130px}.story-schedule-hero[b-xjr89jtud0]:after{width:180px;height:180px;left:35%;bottom:-145px}
.story-schedule-hero-copy[b-xjr89jtud0],.story-schedule-hero-actions[b-xjr89jtud0]{position:relative;z-index:1}.story-schedule-kicker[b-xjr89jtud0]{display:inline-flex;gap:.5rem;align-items:center;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.86}.story-schedule-hero h2[b-xjr89jtud0]{font-weight:850;font-size:clamp(1.55rem,3vw,2.35rem);margin:.45rem 0}.story-schedule-hero p[b-xjr89jtud0]{max-width:730px;margin:0;color:rgba(255,255,255,.82)}
.story-schedule-hero-badges[b-xjr89jtud0]{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.story-schedule-hero-badges span[b-xjr89jtud0]{display:inline-flex;gap:.4rem;align-items:center;padding:.42rem .7rem;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);border-radius:999px;font-size:.78rem}
.story-schedule-hero-actions[b-xjr89jtud0]{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;min-width:220px}.story-schedule-connection[b-xjr89jtud0]{display:flex;align-items:center;gap:.55rem;padding:.62rem .8rem;border-radius:12px;background:rgba(8,15,45,.25);font-size:.8rem;font-weight:700}.connection-dot[b-xjr89jtud0]{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}.story-schedule-connection.is-connected .connection-dot[b-xjr89jtud0],.story-schedule-connection[data-state="connected"] .connection-dot[b-xjr89jtud0]{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.2)}.story-schedule-connection.is-disconnected .connection-dot[b-xjr89jtud0],.story-schedule-connection[data-state="disconnected"] .connection-dot[b-xjr89jtud0]{background:#fb7185;box-shadow:0 0 0 4px rgba(251,113,133,.2)}
.story-resource-grid[b-xjr89jtud0]{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(110px,1fr));gap:.75rem}.story-resource-summary[b-xjr89jtud0],.story-resource-metric[b-xjr89jtud0]{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:16px;background:var(--bs-body-bg);border:1px solid var(--ss-border);box-shadow:0 8px 24px rgba(15,23,42,.05)}.story-resource-summary.is-safe[b-xjr89jtud0]{border-color:rgba(16,185,129,.35)}.story-resource-summary.is-danger[b-xjr89jtud0]{border-color:rgba(239,68,68,.35)}.resource-icon[b-xjr89jtud0]{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(91,91,214,.1);color:var(--ss-primary)}.story-resource-summary strong[b-xjr89jtud0],.story-resource-summary small[b-xjr89jtud0]{display:block}.story-resource-summary small[b-xjr89jtud0]{color:var(--ss-muted);margin-top:.12rem}.story-resource-metric[b-xjr89jtud0]{display:block}.story-resource-metric span[b-xjr89jtud0]{display:block;color:var(--ss-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.story-resource-metric strong[b-xjr89jtud0]{font-size:1.05rem}
.story-modern-card[b-xjr89jtud0]{background:var(--bs-body-bg);border:1px solid var(--ss-border);border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.07);overflow:hidden}.story-card-heading[b-xjr89jtud0]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--ss-border);background:linear-gradient(180deg,rgba(99,102,241,.045),transparent)}.story-card-heading>div:first-child[b-xjr89jtud0]{display:flex;align-items:center;gap:.85rem}.story-card-heading h3[b-xjr89jtud0]{font-size:1.05rem;font-weight:800;margin:0}.story-card-heading p[b-xjr89jtud0]{font-size:.8rem;color:var(--ss-muted);margin:.15rem 0 0}.story-card-heading.compact[b-xjr89jtud0]{padding:1rem 1.2rem}.story-card-icon[b-xjr89jtud0]{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(91,91,214,.14),rgba(124,58,237,.12));color:var(--ss-primary)}.story-card-body[b-xjr89jtud0]{padding:1.35rem}.story-count-pill[b-xjr89jtud0],.status-dot-pill[b-xjr89jtud0]{border-radius:999px;padding:.42rem .72rem;font-size:.76rem;font-weight:800;background:rgba(91,91,214,.1);color:var(--ss-primary)}.status-dot-pill.on[b-xjr89jtud0]{background:rgba(16,185,129,.12);color:#059669}.status-dot-pill.off[b-xjr89jtud0]{background:rgba(107,114,128,.12);color:#6b7280}
.story-upload-zone[b-xjr89jtud0]{position:relative;min-height:140px;border:2px dashed rgba(99,102,241,.3);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.3rem;cursor:pointer;background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(124,58,237,.025));transition:.2s ease}.story-upload-zone:hover[b-xjr89jtud0],.story-upload-zone.has-files[b-xjr89jtud0]{border-color:var(--ss-primary);transform:translateY(-1px);background:rgba(99,102,241,.065)}.story-upload-input[b-xjr89jtud0]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone-icon[b-xjr89jtud0]{font-size:2rem;color:var(--ss-primary);margin-bottom:.5rem}.story-upload-zone strong[b-xjr89jtud0]{font-size:1rem}.story-upload-zone small[b-xjr89jtud0]{color:var(--ss-muted);margin-top:.25rem}
.story-schedule-file-list[b-xjr89jtud0]{display:flex;gap:.55rem;flex-wrap:wrap;max-height:135px;overflow:auto}.story-schedule-file-list span[b-xjr89jtud0]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.55rem .7rem;border:1px solid var(--ss-border);border-radius:12px;background:rgba(148,163,184,.05);max-width:100%}.story-schedule-file-list b[b-xjr89jtud0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-schedule-file-list small[b-xjr89jtud0]{color:var(--ss-muted)}
.story-section-label[b-xjr89jtud0]{display:flex;align-items:center;gap:.55rem;font-size:.86rem;font-weight:800;color:var(--ss-ink)}.story-section-label span[b-xjr89jtud0]{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--ss-primary);color:#fff;font-size:.72rem}
.schedule-kind-grid[b-xjr89jtud0]{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:.65rem;margin-top:.8rem}.schedule-kind-card[b-xjr89jtud0]{position:relative;display:flex;align-items:center;gap:.6rem;text-align:left;padding:.85rem;border:1px solid var(--ss-border);border-radius:14px;background:var(--bs-body-bg);color:inherit;transition:.18s ease;min-width:0}.schedule-kind-card>i:first-child[b-xjr89jtud0]{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(91,91,214,.09);color:var(--ss-primary)}.schedule-kind-card span[b-xjr89jtud0]{min-width:0}.schedule-kind-card strong[b-xjr89jtud0],.schedule-kind-card small[b-xjr89jtud0]{display:block}.schedule-kind-card strong[b-xjr89jtud0]{font-size:.8rem;white-space:nowrap}.schedule-kind-card small[b-xjr89jtud0]{font-size:.67rem;color:var(--ss-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-kind-card:hover[b-xjr89jtud0]{border-color:rgba(91,91,214,.55);transform:translateY(-1px)}.schedule-kind-card.is-active[b-xjr89jtud0]{border-color:var(--ss-primary);background:linear-gradient(135deg,rgba(91,91,214,.09),rgba(124,58,237,.06));box-shadow:0 8px 20px rgba(91,91,214,.1)}.schedule-check[b-xjr89jtud0]{position:absolute;right:.35rem;top:.35rem;font-size:.7rem;color:var(--ss-primary);opacity:0}.schedule-kind-card.is-active .schedule-check[b-xjr89jtud0]{opacity:1}.compact-grid[b-xjr89jtud0]{grid-template-columns:repeat(7,minmax(100px,1fr))}
.schedule-builder[b-xjr89jtud0]{padding:1rem;border-radius:16px;border:1px solid var(--ss-border);background:rgba(148,163,184,.045)}.schedule-unit-box[b-xjr89jtud0]{height:calc(1.5em + .75rem + 2px);display:flex;align-items:center;padding:.375rem .75rem;border:1px solid var(--ss-border);border-radius:.375rem;background:rgba(148,163,184,.08);font-weight:700}.schedule-preview[b-xjr89jtud0]{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem .9rem;border-radius:12px;background:rgba(91,91,214,.08);color:var(--ss-primary);font-size:.86rem}.schedule-preview span[b-xjr89jtud0]{color:var(--bs-body-color)}
.zip-safety-note[b-xjr89jtud0]{height:100%;display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:12px;background:rgba(14,165,233,.08);color:#0369a1;font-size:.77rem}.story-upload-progress>div:first-child[b-xjr89jtud0]{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.4rem}.story-upload-progress .progress[b-xjr89jtud0],.task-progress-cell .progress[b-xjr89jtud0]{height:8px;border-radius:999px}.worker-master-switch[b-xjr89jtud0]{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem;border:1px solid var(--ss-border);border-radius:14px;background:rgba(16,185,129,.045)}.worker-master-switch span[b-xjr89jtud0]{display:block}.worker-master-switch strong[b-xjr89jtud0],.worker-master-switch small[b-xjr89jtud0]{display:block}.worker-master-switch small[b-xjr89jtud0]{font-size:.72rem;color:var(--ss-muted);margin-top:.1rem}
.story-edit-card[b-xjr89jtud0]{border-color:rgba(91,91,214,.35)}.table-heading[b-xjr89jtud0]{flex-wrap:wrap}.story-table-tools[b-xjr89jtud0]{display:flex;gap:.5rem;flex-wrap:wrap}.story-table-tools input[b-xjr89jtud0]{width:250px}.story-table-tools select[b-xjr89jtud0]{width:140px}.story-table-tools.logs input[b-xjr89jtud0]{width:220px}.story-task-table td[b-xjr89jtud0]{vertical-align:middle}.task-file-name[b-xjr89jtud0]{max-width:320px}.task-next-run[b-xjr89jtud0]{display:flex;gap:.4rem;align-items:center;font-weight:700;white-space:nowrap}.task-progress-cell[b-xjr89jtud0]{min-width:180px}.story-schedule-error[b-xjr89jtud0]{display:block;max-width:260px;line-height:1.3}.story-card-footer[b-xjr89jtud0]{padding:.8rem 1.15rem;border-top:1px solid var(--ss-border);background:rgba(148,163,184,.025)}
:global([data-bs-theme="dark"]) .story-schedule-shell[b-xjr89jtud0]{--ss-ink:#eef2ff;--ss-muted:#a7b0c1;--ss-border:rgba(148,163,184,.16)}:global([data-bs-theme="dark"]) .story-modern-card[b-xjr89jtud0],:global([data-bs-theme="dark"]) .story-resource-summary[b-xjr89jtud0],:global([data-bs-theme="dark"]) .story-resource-metric[b-xjr89jtud0]{background:#171b29}:global([data-bs-theme="dark"]) .schedule-kind-card[b-xjr89jtud0]{background:#151927}:global([data-bs-theme="dark"]) .story-card-heading[b-xjr89jtud0]{background:linear-gradient(180deg,rgba(99,102,241,.1),transparent)}
@media(max-width:1399.98px){.schedule-kind-grid[b-xjr89jtud0],.compact-grid[b-xjr89jtud0]{grid-template-columns:repeat(4,minmax(120px,1fr))}.story-resource-grid[b-xjr89jtud0]{grid-template-columns:repeat(4,1fr)}.story-resource-summary[b-xjr89jtud0]{grid-column:1/-1}}
@media(max-width:991.98px){.story-schedule-hero[b-xjr89jtud0]{align-items:flex-start;flex-direction:column}.story-schedule-hero-actions[b-xjr89jtud0]{width:100%;display:grid;grid-template-columns:1fr 1fr}.story-schedule-connection[b-xjr89jtud0]{grid-column:1/-1}.schedule-kind-grid[b-xjr89jtud0],.compact-grid[b-xjr89jtud0]{grid-template-columns:repeat(2,minmax(0,1fr))}.story-resource-grid[b-xjr89jtud0]{grid-template-columns:repeat(2,1fr)}.table-heading[b-xjr89jtud0]{align-items:flex-start}.story-table-tools[b-xjr89jtud0]{width:100%}.story-table-tools input[b-xjr89jtud0]{flex:1;width:auto}}
@media(max-width:575.98px){.story-schedule-hero[b-xjr89jtud0]{padding:1.35rem;border-radius:18px}.story-schedule-hero-actions[b-xjr89jtud0]{grid-template-columns:1fr}.story-schedule-connection[b-xjr89jtud0]{grid-column:auto}.story-resource-grid[b-xjr89jtud0]{grid-template-columns:1fr 1fr}.story-resource-summary[b-xjr89jtud0]{grid-column:1/-1}.story-resource-metric[b-xjr89jtud0]{padding:.8rem}.story-card-body[b-xjr89jtud0]{padding:1rem}.story-card-heading[b-xjr89jtud0]{padding:1rem}.schedule-kind-grid[b-xjr89jtud0],.compact-grid[b-xjr89jtud0]{grid-template-columns:1fr 1fr}.schedule-kind-card[b-xjr89jtud0]{padding:.7rem}.schedule-kind-card small[b-xjr89jtud0]{display:none}.story-table-tools[b-xjr89jtud0],.story-table-tools.logs[b-xjr89jtud0]{display:grid;grid-template-columns:1fr 1fr}.story-table-tools input[b-xjr89jtud0],.story-table-tools.logs input[b-xjr89jtud0]{grid-column:1/-1;width:100%}.story-table-tools select[b-xjr89jtud0]{width:100%}}
/* /Components/Pages/Admin/Stories/StoryZipImportPanel.razor.rz.scp.css */
.story-zip-workspace[b-zz5hgcbzzd] {
    border: 1px solid color-mix(in srgb, var(--bs-primary) 22%, transparent);
    border-radius: 1.35rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--bs-primary) 5%, var(--bs-body-bg)), var(--bs-body-bg) 42%);
    box-shadow: 0 18px 50px rgba(31, 41, 55, .09);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}
.story-zip-workspace__header[b-zz5hgcbzzd] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.story-zip-workspace__icon[b-zz5hgcbzzd] { width:48px; height:48px; border-radius:16px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg, var(--bs-primary), #7c3aed); box-shadow:0 10px 24px color-mix(in srgb, var(--bs-primary) 30%, transparent); font-size:1.2rem; flex:0 0 auto; }
.story-zip-close[b-zz5hgcbzzd] { width:38px; height:38px; display:grid; place-items:center; }
.story-zip-stepper[b-zz5hgcbzzd] { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin-bottom:1.25rem; }
.story-zip-step[b-zz5hgcbzzd] { display:flex; gap:.7rem; align-items:center; border:1px solid var(--bs-border-color); border-radius:1rem; background:var(--bs-body-bg); padding:.8rem; color:var(--bs-secondary-color); }
.story-zip-step>span[b-zz5hgcbzzd] { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--bs-tertiary-bg); font-weight:800; }
.story-zip-step div[b-zz5hgcbzzd] { display:flex; flex-direction:column; min-width:0; }
.story-zip-step small[b-zz5hgcbzzd] { font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.story-zip-step.active[b-zz5hgcbzzd] { border-color:color-mix(in srgb, var(--bs-primary) 48%, transparent); background:color-mix(in srgb, var(--bs-primary) 8%, var(--bs-body-bg)); color:var(--bs-primary); }
.story-zip-step.active>span[b-zz5hgcbzzd] { background:var(--bs-primary); color:#fff; }
.story-zip-step.done[b-zz5hgcbzzd] { border-color:color-mix(in srgb, var(--bs-success) 45%, transparent); color:var(--bs-success); }
.story-zip-step.done>span[b-zz5hgcbzzd] { background:var(--bs-success); color:#fff; }
.story-zip-config-grid[b-zz5hgcbzzd] { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); gap:1rem; }
.story-zip-dropzone[b-zz5hgcbzzd],.story-zip-options[b-zz5hgcbzzd],.story-zip-form-card[b-zz5hgcbzzd] { border:1px solid var(--bs-border-color); border-radius:1.1rem; background:var(--bs-body-bg); padding:1rem; }
.story-zip-dropzone[b-zz5hgcbzzd] { border-style:dashed; }
.story-zip-dropzone__visual[b-zz5hgcbzzd] { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; background:color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg)); color:var(--bs-primary); font-size:1.45rem; margin-bottom:.8rem; }
.story-zip-file-chip[b-zz5hgcbzzd] { display:flex; align-items:center; gap:.55rem; padding:.55rem .7rem; border-radius:.8rem; background:var(--bs-tertiary-bg); font-size:.82rem; }
.story-zip-file-chip span[b-zz5hgcbzzd] { flex:1; }
.story-zip-options[b-zz5hgcbzzd] { display:flex; flex-direction:column; gap:1rem; }
.story-type-segment[b-zz5hgcbzzd] { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.story-type-option[b-zz5hgcbzzd] { position:relative; display:flex; align-items:center; justify-content:center; gap:.55rem; border:1px solid var(--bs-border-color); border-radius:.9rem; padding:.75rem; cursor:pointer; font-weight:700; background:var(--bs-body-bg); }
.story-type-option input[b-zz5hgcbzzd] { position:absolute; opacity:0; pointer-events:none; }
.story-type-option.active[b-zz5hgcbzzd] { color:var(--bs-primary); border-color:var(--bs-primary); background:color-mix(in srgb, var(--bs-primary) 8%, var(--bs-body-bg)); box-shadow:inset 0 0 0 1px var(--bs-primary); }
.story-zip-switches[b-zz5hgcbzzd] { display:flex; flex-wrap:wrap; gap:1rem; padding:.75rem; border-radius:.9rem; background:var(--bs-tertiary-bg); }
.story-zip-primary-action[b-zz5hgcbzzd] { align-self:flex-end; min-width:240px; border-radius:.85rem; padding:.7rem 1rem; }
.story-zip-preview[b-zz5hgcbzzd] { border-top:1px solid var(--bs-border-color); padding-top:1.25rem; }
.story-zip-preview__top[b-zz5hgcbzzd] { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.story-zip-stats[b-zz5hgcbzzd] { display:flex; gap:.55rem; }
.story-zip-stats div[b-zz5hgcbzzd] { min-width:78px; border:1px solid var(--bs-border-color); border-radius:.85rem; padding:.55rem .7rem; text-align:center; background:var(--bs-body-bg); }
.story-zip-stats strong[b-zz5hgcbzzd],.story-zip-stats span[b-zz5hgcbzzd] { display:block; }
.story-zip-stats strong[b-zz5hgcbzzd] { font-size:1.15rem; }
.story-zip-stats span[b-zz5hgcbzzd] { font-size:.72rem; color:var(--bs-secondary-color); }
.story-zip-category-grid[b-zz5hgcbzzd] { display:flex; flex-wrap:wrap; gap:.45rem; max-height:180px; overflow:auto; }
.story-zip-category[b-zz5hgcbzzd] { position:relative; }
.story-zip-category input[b-zz5hgcbzzd] { position:absolute; opacity:0; }
.story-zip-category span[b-zz5hgcbzzd] { display:block; border:1px solid var(--bs-border-color); border-radius:999px; padding:.38rem .7rem; font-size:.8rem; cursor:pointer; }
.story-zip-category.selected span[b-zz5hgcbzzd] { border-color:var(--bs-primary); color:var(--bs-primary); background:color-mix(in srgb, var(--bs-primary) 8%, var(--bs-body-bg)); }
.story-zip-flag-grid[b-zz5hgcbzzd] { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; }
.story-zip-flag-grid label[b-zz5hgcbzzd] { display:flex; align-items:center; justify-content:center; gap:.4rem; border:1px solid var(--bs-border-color); border-radius:.75rem; padding:.55rem .35rem; font-size:.8rem; }
.story-zip-cover-info[b-zz5hgcbzzd] { display:flex; gap:.7rem; align-items:center; background:var(--bs-tertiary-bg); border-radius:.85rem; padding:.75rem; }
.story-zip-cover-info i[b-zz5hgcbzzd] { color:var(--bs-primary); }
.story-zip-cover-info div[b-zz5hgcbzzd] { min-width:0; display:flex; flex-direction:column; }
.story-zip-cover-info span[b-zz5hgcbzzd] { color:var(--bs-secondary-color); font-size:.75rem; overflow-wrap:anywhere; }
.story-zip-progress[b-zz5hgcbzzd] { border:1px solid color-mix(in srgb, var(--bs-primary) 25%, transparent); background:var(--bs-body-bg); border-radius:1rem; padding:1rem; }
.story-zip-progress__headline[b-zz5hgcbzzd] { display:flex; align-items:center; justify-content:space-between; margin-bottom:.55rem; }
.story-zip-progress__pulse[b-zz5hgcbzzd] { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--bs-primary); margin-right:.55rem; box-shadow:0 0 0 5px color-mix(in srgb, var(--bs-primary) 15%, transparent); }
.story-zip-progress__main[b-zz5hgcbzzd] { height:12px; border-radius:999px; }
.story-zip-progress__metrics[b-zz5hgcbzzd] { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-top:.8rem; }
.story-zip-progress__metrics div[b-zz5hgcbzzd] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.45rem; border-radius:.75rem; background:var(--bs-tertiary-bg); padding:.55rem .7rem; font-size:.82rem; }
.story-zip-progress__metrics i[b-zz5hgcbzzd] { color:var(--bs-primary); }
.story-zip-log[b-zz5hgcbzzd] { border:1px solid var(--bs-border-color); border-radius:.9rem; overflow:hidden; background:var(--bs-body-bg); }
.story-zip-log summary[b-zz5hgcbzzd] { cursor:pointer; padding:.75rem 1rem; font-weight:700; }
.story-zip-log__body[b-zz5hgcbzzd] { max-height:260px; overflow:auto; border-top:1px solid var(--bs-border-color); padding:.75rem 1rem; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.78rem; background:var(--bs-tertiary-bg); }
.story-zip-log__body div+div[b-zz5hgcbzzd] { margin-top:.25rem; }
@media (max-width: 991.98px) {
    .story-zip-config-grid[b-zz5hgcbzzd] { grid-template-columns:1fr; }
    .story-zip-preview__top[b-zz5hgcbzzd] { flex-direction:column; }
    .story-zip-stats[b-zz5hgcbzzd] { width:100%; }
    .story-zip-stats div[b-zz5hgcbzzd] { flex:1; }
}
@media (max-width: 575.98px) {
    .story-zip-workspace[b-zz5hgcbzzd] { padding:.9rem; border-radius:1rem; }
    .story-zip-stepper[b-zz5hgcbzzd] { grid-template-columns:1fr; }
    .story-zip-step small[b-zz5hgcbzzd] { white-space:normal; }
    .story-zip-progress__metrics[b-zz5hgcbzzd] { grid-template-columns:1fr; }
    .story-zip-stats[b-zz5hgcbzzd] { display:grid; grid-template-columns:repeat(3,1fr); }
    .story-zip-primary-action[b-zz5hgcbzzd] { width:100%; min-width:0; }
}
/* /Components/Pages/Public/Mailbox.razor.rz.scp.css */

.mail-shell[b-51bdldl3yi] {
    background: linear-gradient(135deg,#f7fbff 0%,#fff8f3 52%,#f5fffb 100%);
    border: 1px solid rgba(95,132,166,.12);
    border-radius: 28px;
    padding: 22px;
    box-shadow: 0 18px 40px rgba(31,64,94,.08)
}

.mail-hero[b-51bdldl3yi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px
}

    .mail-hero h2[b-51bdldl3yi] {
        margin: 0;
        font-weight: 900;
        color: #18324b
    }

    .mail-hero p[b-51bdldl3yi] {
        margin: 6px 0 0;
        color: #5c7489;
        max-width: 760px
    }

.mail-column-card[b-51bdldl3yi] {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 28px rgba(18,50,76,.08)
}

    .mail-column-card .card-header[b-51bdldl3yi] {
        padding: 1rem 1.1rem;
        border-bottom: 0;
        font-weight: 800
    }

.mail-pane[b-51bdldl3yi] {
    max-height: 62vh;
    overflow: auto;
    padding-right: 4px
}

.account-item[b-51bdldl3yi], .mail-item[b-51bdldl3yi] {
    padding: 13px 15px;
    margin-bottom: 8px;
    border-radius: 18px;
    cursor: pointer;
    transition: all .2s;
    border: 1px solid rgba(95,132,166,.1);
    background: #fff;
    text-decoration: none;
    display: block;
    color: inherit
}

    .account-item:hover[b-51bdldl3yi], .mail-item:hover[b-51bdldl3yi] {
        background: #eef7ff;
        transform: translateY(-1px)
    }

    .account-item.active[b-51bdldl3yi], .mail-item.active[b-51bdldl3yi] {
        background: linear-gradient(135deg,#00a68b,#ebae36e6);
        color: #fff;
        border-color: transparent;
        box-shadow: 0 10px 22px rgba(79,134,198,.22)
    }

        .account-item.active .text-muted[b-51bdldl3yi], .mail-item.active .text-muted[b-51bdldl3yi], .mail-item.active .mail-snippet[b-51bdldl3yi], .mail-item.active .mail-meta[b-51bdldl3yi] {
            color: rgba(255,255,255,.88) !important
        }

.mail-meta[b-51bdldl3yi] {
    font-size: .78rem;
    color: #6c7c8c
}

.mail-snippet[b-51bdldl3yi] {
    font-size: .86rem;
    color: #718293;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.viewer-frame[b-51bdldl3yi] {
    width: 100%;
    min-height: 520px;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    background: #fff
}

.viewer-text[b-51bdldl3yi] {
    white-space: pre-wrap;
    background: #fff;
    border: 1px solid rgba(95,132,166,.12);
    border-radius: 16px;
    padding: 16px
}

.stat-chip[b-51bdldl3yi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(95,132,166,.12);
    font-size: .9rem;
    font-weight: 600;
    color: #38556c
}

.toolbar-line[b-51bdldl3yi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.toolbar-actions[b-51bdldl3yi] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.mini-status[b-51bdldl3yi] {
    font-size: .85rem;
    color: #4a6178
}

.mail-empty[b-51bdldl3yi] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: #7a8d9f
}

.loading-line[b-51bdldl3yi] {
    padding: 1rem;
    color: #718293;
    text-align: center
}

@media(max-width:1199.98px) {
    .mail-pane[b-51bdldl3yi] {
        max-height: none
    }

    .viewer-frame[b-51bdldl3yi] {
        min-height: 420px
    }
}


.note-card[b-51bdldl3yi] {
    border: 1px solid rgba(95,132,166,.12);
    border-radius: 20px;
    background: #fff;
    padding: 16px;
}

.note-toolbar[b-51bdldl3yi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.note-row:hover[b-51bdldl3yi] {
    background: #f8fbff;
}

.account-item.toast-target:not(.active)[b-51bdldl3yi] {
    border-color: rgba(255,193,7,.75);
    box-shadow: 0 0 0 3px rgba(255,193,7,.18), 0 10px 22px rgba(31,64,94,.08);
    background: linear-gradient(135deg,#fffdf3,#ffffff);
}

.account-item.toast-target:not(.active)[b-51bdldl3yi]::before {
    content: "";
    position: absolute;
    inset: auto auto auto 0;
}
/* /Components/Pages/Public/MinecraftPublic.razor.rz.scp.css */

.rcon-shell[b-8acyxnb9pl] {
    background: linear-gradient(135deg,#f7fbff 0%,#fff8f3 52%,#f5fffb 100%);
    border: 1px solid rgba(95,132,166,.12);
    border-radius: 28px;
    padding: 22px;
    box-shadow: 0 18px 40px rgba(31,64,94,.08)
}

.rcon-hero[b-8acyxnb9pl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px
}

    .rcon-hero h2[b-8acyxnb9pl] {
        margin: 0;
        font-weight: 900;
        color: #18324b
    }

    .rcon-hero p[b-8acyxnb9pl] {
        margin: 6px 0 0;
        color: #5c7489;
        max-width: 760px
    }

.rcon-column-card[b-8acyxnb9pl] {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 28px rgba(18,50,76,.08)
}

    .rcon-column-card .card-header[b-8acyxnb9pl] {
        padding: 1rem 1.1rem;
        border-bottom: 0;
        font-weight: 800
    }

    .rcon-column-card .card-body[b-8acyxnb9pl] {
        padding: 1rem
    }

.rcon-pane[b-8acyxnb9pl] {
    max-height: 62vh;
    overflow: auto;
    padding-right: 4px
}

    .rcon-pane[b-8acyxnb9pl]::-webkit-scrollbar {
        width: 7px
    }

    .rcon-pane[b-8acyxnb9pl]::-webkit-scrollbar-thumb {
        background: rgba(108,117,125,.4);
        border-radius: 999px
    }

.server-item[b-8acyxnb9pl], .preset-item[b-8acyxnb9pl] {
    padding: 13px 15px;
    margin-bottom: 8px;
    border-radius: 18px;
    cursor: pointer;
    transition: all .2s;
    border: 1px solid rgba(95,132,166,.1);
    background: #fff;
    text-decoration: none;
    display: block;
    color: inherit
}

    .server-item:hover[b-8acyxnb9pl], .preset-item:hover[b-8acyxnb9pl] {
        background: #eef7ff;
        transform: translateY(-1px)
    }

    .server-item.active[b-8acyxnb9pl] {
        background: linear-gradient(135deg,#4f86c6,#6ca9c9);
        color: #fff;
        border-color: transparent;
        box-shadow: 0 10px 22px rgba(79,134,198,.22)
    }

        .server-item.active .text-muted[b-8acyxnb9pl] {
            color: rgba(255,255,255,.88) !important
        }

.status-box[b-8acyxnb9pl] {
    border-radius: 18px;
    border: 1px solid rgba(95,132,166,.12);
    background: #fff;
    padding: 16px;
    margin-bottom: 14px
}

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

.console-box[b-8acyxnb9pl] {
    min-height: 420px;
    background: linear-gradient(180deg,#111827 0%,#0f172a 100%);
    color: #86efac;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    white-space: pre-wrap;
    font-family: Consolas,monospace;
    padding: 16px
}

.stat-chip[b-8acyxnb9pl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(95,132,166,.12);
    font-size: .9rem;
    font-weight: 600;
    color: #38556c
}

.player-badge[b-8acyxnb9pl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eef7ff;
    color: #2f5d86;
    margin: 0 8px 8px 0;
    font-weight: 600
}

.log-line[b-8acyxnb9pl] {
    border: 1px solid rgba(95,132,166,.12);
    border-radius: 16px;
    padding: 12px 14px;
    background: #fff;
    margin-bottom: 10px
}

.quick-modal .modal-content[b-8acyxnb9pl] {
    border: 0;
    border-radius: 24px;
    overflow: hidden
}

.quick-modal .modal-header[b-8acyxnb9pl] {
    background: linear-gradient(135deg,#16344b,#2a618f,#4f8cc9);
    color: #fff
}

.toolbar-actions[b-8acyxnb9pl] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

    .toolbar-actions .btn[b-8acyxnb9pl] {
        border-radius: 999px
    }

.mini-status[b-8acyxnb9pl] {
    font-size: .85rem;
    color: #4a6178
}

@media(max-width:1199.98px) {
    .rcon-pane[b-8acyxnb9pl] {
        max-height: none
    }

    .console-box[b-8acyxnb9pl] {
        min-height: 280px
    }

    .status-grid[b-8acyxnb9pl] {
        grid-template-columns: 1fr
    }
}