/* Streamcio 1.5.17: lekki panel po zalogowaniu. */
html[data-surface="app"] { background: #040816; }
html[data-surface="app"] body.owner-overview-v2-shell,
html[data-surface="app"] body.owner-guild-picker-page {
    background-color: #040816 !important;
    background-image:
        radial-gradient(circle at 12% 10%, rgba(88, 46, 155, .16), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(34, 92, 170, .12), transparent 30%),
        radial-gradient(circle at 22px 18px, rgba(255,255,255,.10) 0 1px, transparent 1.5px),
        radial-gradient(circle at 86px 72px, rgba(154,131,255,.09) 0 1px, transparent 1.5px),
        linear-gradient(180deg, #050919 0%, #07091b 46%, #030611 100%) !important;
    background-size: auto, auto, 132px 132px, 176px 176px, auto !important;
    background-attachment: scroll !important;
}

html[data-surface="app"] body.owner-overview-v2-shell::before,
html[data-surface="app"] body.owner-overview-v2-shell::after { content: none !important; display: none !important; }

html[data-surface="app"] .owner-space-flow-v163,
html[data-surface="app"] .ogp-grid,
html[data-surface="app"] .ogp-stars,
html[data-surface="app"] .ogp-glow,
html[data-surface="app"] .ogp-flow-lines { display: none !important; }

html[data-surface="app"] body *,
html[data-surface="app"] body *::before,
html[data-surface="app"] body *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    will-change: auto !important;
}

html[data-surface="app"] body.owner-overview-v2-shell .server-panel,
html[data-surface="app"] body.owner-overview-v2-shell .app-topbar {
    background: rgba(7, 11, 27, .96) !important;
}

html[data-surface="app"] body.streamcio-v155-shell .content > :not(.app-topbar):not(.legal-footer-v122):not(.panel-toast-source-v110):not(.maintenance-banner) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html[data-surface="app"] .owner-streamcio-avatar-v153 i,
html[data-surface="app"] .ogp-banner-spark,
html[data-surface="app"] .ogp-status-dot,
html[data-surface="app"] .status-dot,
html[data-surface="app"] .live-dot { animation: none !important; }

.app-performance-note-v1517 {
    display: grid;
    gap: 5px;
    padding: 10px 12px;
    border: 1px solid rgba(116, 100, 190, .24);
    border-radius: 10px;
    background: rgba(14, 17, 38, .76);
}
.app-performance-note-v1517 strong { font-size: 12px; color: #ded8ff; }
.app-performance-note-v1517 small { color: #9893b4; line-height: 1.4; }

@media (max-width: 760px) {
    html[data-surface="app"] body.owner-overview-v2-shell,
    html[data-surface="app"] body.owner-guild-picker-page {
        background-image:
            radial-gradient(circle at 20% 5%, rgba(88, 46, 155, .13), transparent 34%),
            linear-gradient(180deg, #050919 0%, #040713 100%) !important;
        background-size: auto !important;
    }
}