/* Sandbox / deploy-environment indicators (all portals) */

.sandbox-top-strip {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    background: #f39c12;
    color: #1a1a1a;
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 5px 10px;
    letter-spacing: 0.14em;
    line-height: 1.2;
}

body.has-sandbox-strip.login-page,
body.has-sandbox-strip.register-page {
    padding-top: 30px;
}

body.has-sandbox-strip.layout-fixed:not(.layout-navbar-fixed) {
    padding-top: 28px;
}

.deploy-env-badge.sandbox-env-badge {
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    padding: 0.35em 0.65em;
    vertical-align: middle;
    margin-left: 0.35rem;
}

.login-logo .deploy-env-badge.sandbox-env-badge {
    margin-left: 0;
    margin-top: 0.35rem;
    font-size: 0.9rem;
}

.main-header .deploy-env-badge.sandbox-env-badge,
.navbar .deploy-env-badge.sandbox-env-badge {
    margin-left: 0.5rem;
    vertical-align: baseline;
}

/* AdminLTE fixed navbar portals */
body.has-sandbox-strip.layout-navbar-fixed .main-header {
    top: 28px;
}

body.has-sandbox-strip.layout-navbar-fixed .content-wrapper {
    margin-top: calc(3.5rem + 28px);
}

/* Partner mobile / dark landing sticky headers */
body.has-sandbox-strip .m-header {
    top: 28px;
}

body.has-sandbox-strip.partner-landing-body {
    padding-top: 28px;
}

/* Home portal */
body.has-sandbox-strip.home-portal-body {
    padding-top: 28px;
}

/* Live room shell — keep strip visible above player chrome */
body.has-sandbox-strip.dy-room-body .sandbox-top-strip {
    z-index: 10060;
}

/* All envs: viewer wheel = APK 306dp × 0.765 ≈ 234px (H5 + PC); matches streamer APK. */
body.has-roulette-shrink .dy-sr-preview {
    width: 151px;
    height: 151px;
}
body.has-roulette-shrink .dy-roulette-root.is-h5 {
    min-width: 234px;
}
body.has-roulette-shrink .dy-roulette-root.is-h5 .dy-roulette-panel {
    width: 234px;
}
body.has-roulette-shrink .dy-roulette-root.is-web {
    min-width: 234px;
}
body.has-roulette-shrink .dy-roulette-root.is-web .dy-roulette-panel {
    width: 234px;
}
body.has-roulette-shrink .dy-roulette-fab,
body.has-roulette-shrink .dy-roulette-root.is-web .dy-roulette-fab {
    width: 40px;
    height: 40px;
}