:root{--c4b-red:#ed001d;--c4b-red-dark:#970012;--c4b-bg:#050506;--c4b-panel:#101012;--c4b-panel-2:#17171a;--c4b-line:#3a3a3f;--c4b-text:#f5f5f7;--c4b-muted:#a8adb7;--c4b-cyan:#00eaf0}
html{background:#000;color-scheme:dark}body{background:#000;color:var(--c4b-text)}
a{color:var(--c4b-cyan)}a:hover{color:#fff}
button,.button,input[type=submit]{border:1px solid var(--c4b-red)!important;background:linear-gradient(180deg,#ed001d,#a70016)!important;color:#fff!important;border-radius:6px!important;font-weight:800!important;box-shadow:none!important}
button:hover,.button:hover,input[type=submit]:hover{filter:brightness(1.1)}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{background:#0d0d0f!important;color:#fff!important;border:1px solid #4a4a50!important;border-radius:5px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--c4b-red)!important;box-shadow:0 0 0 2px rgba(237,0,29,.18)!important}
.muted,small,.help{color:var(--c4b-muted)!important}
.success,.notice.ok{background:#081d15!important;border:1px solid #178154!important;color:#baffdc!important}.error,.notice.error{background:#2a090d!important;border:1px solid #a51b2c!important;color:#ffd4d9!important}
.option-box,.rules,.bot-preview,.background-preview,.list-row,.table-wrap,.color-grid,.form-columns,.icon-theme-grid{border-color:#34343a!important}

/* Alle beheerpagina's in dezelfde zwarte/rode Chat4Beat-stijl */
.admin-shell{min-height:100dvh!important;background:#050506!important;color:#fff!important}
.admin-nav{background:#09090b!important;border-right:1px solid var(--c4b-red)!important;color:#fff!important}
.admin-nav h1,.admin-nav strong{color:#fff!important}.admin-nav a{color:#d8d8dd!important;border-radius:5px!important}.admin-nav a:hover,.admin-nav a.active{background:linear-gradient(90deg,#8e0011,#ed001d)!important;color:#fff!important}
.admin-main{background:radial-gradient(circle at 70% -10%,rgba(237,0,29,.10),transparent 33%),#060607!important;color:#fff!important}
.admin-main>section,.metric-card,.dashboard-card{background:linear-gradient(180deg,#141417,#0c0c0e)!important;border:1px solid #34343a!important;border-top-color:var(--c4b-red)!important;border-radius:8px!important;box-shadow:0 8px 28px rgba(0,0,0,.3)!important}
.admin-main h1,.admin-main h2,.admin-main h3,.dashboard-section-title{color:#fff!important}.dashboard-top{border-bottom:1px solid #2d2d33!important}.dashboard-card:hover{border-color:var(--c4b-red)!important;transform:translateY(-1px)}.card-icon{background:#1b1b1f!important;border:1px solid #393941!important}
.table-wrap{overflow:auto!important;background:#0d0d0f!important;border:1px solid #333!important;border-radius:7px!important}table{background:transparent!important;color:#fff!important}th{background:#17171a!important;color:#fff!important;border-bottom:1px solid var(--c4b-red)!important}td{border-color:#2d2d31!important}tr:hover td{background:#111114!important}
.option-box,.rules,.list-row,.bot-preview{background:#111114!important;border:1px solid #36363b!important;border-radius:7px!important;color:#fff!important}

/* Account/login/voorwaarden/install pagina's */
body.auth-bg{background:radial-gradient(circle at 50% 0,rgba(0,207,220,.06),transparent 34%),#000!important;color:#fff!important}
body.auth-bg .auth-card{background:#070708!important;border:1px solid var(--c4b-red)!important;color:#fff!important;box-shadow:0 18px 65px rgba(0,0,0,.62)!important}
body.auth-bg .auth-card.wide{width:min(1100px,calc(100vw - 32px))!important;max-width:1100px!important}
body.auth-bg .auth-card h1,body.auth-bg .auth-card h2,body.auth-bg .auth-card h3{color:#fff!important}.page-head{border-bottom:1px solid #313136!important;padding-bottom:14px!important;margin-bottom:18px!important}.page-head a{white-space:nowrap}

/* Sidebar-teller boven de users */
.user-sidebar #online-count{display:block!important;margin:0 0 8px!important;padding:10px 8px!important;border-bottom:1px solid var(--c4b-red)!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;text-align:left!important}

@media(max-width:760px){
  .admin-shell{display:block!important;min-height:100dvh!important}.admin-nav{position:sticky!important;top:0!important;z-index:100!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;padding:7px!important;border-right:0!important;border-bottom:1px solid var(--c4b-red)!important;white-space:nowrap!important}.admin-nav h1,.admin-nav .dashboard-logo,.admin-nav .nav-spacer{display:none!important}.admin-nav a{flex:0 0 auto!important;padding:9px 11px!important;font-size:12px!important}.admin-main{width:100%!important;min-width:0!important;padding:12px!important}.admin-main>section{padding:13px!important}.dashboard-top{display:flex!important;gap:10px!important;align-items:center!important}.metric-grid,.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.table-wrap{max-width:100%!important;overflow-x:auto!important}.actions{flex-wrap:wrap!important}.form-columns,.color-grid{grid-template-columns:1fr!important}
  body.auth-bg{padding:8px!important;align-items:stretch!important}body.auth-bg .auth-card,body.auth-bg .auth-card.wide{width:100%!important;max-width:none!important;margin:0!important}.page-head{display:flex!important;gap:8px!important;align-items:flex-start!important;flex-wrap:wrap!important}
  .user-sidebar #online-count{position:sticky!important;top:0!important;z-index:2!important;background:#07101c!important}
}
@media(max-width:430px){.metric-grid,.dashboard-grid{grid-template-columns:1fr!important}.admin-main{padding:8px!important}.admin-main>section{padding:10px!important}.dashboard-top h1{font-size:22px!important}}


/* 2026-09-07 final: teller direct boven users, na camera toolbar. */
.user-sidebar{display:flex!important;flex-direction:column!important}
.user-sidebar .camera-toolbar{order:1!important}
.user-sidebar #online-count{order:2!important;margin:8px 0 4px!important;padding:10px 8px!important;border-top:1px solid #2c2c31!important;border-bottom:1px solid var(--c4b-red)!important;background:#09090b!important}
.user-sidebar #users{order:3!important;min-height:0!important}

/* Compact, strak loginblok + player volledig zichtbaar op pc en mobiel. */
body.auth-bg{min-height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important}
body.auth-bg .auth-card{width:min(460px,calc(100vw - 24px))!important;max-width:460px!important;min-height:0!important;height:auto!important;padding:74px 26px 24px!important;margin:0!important;border-radius:8px!important}
body.auth-bg .auth-card .form-grid,body.auth-bg .auth-card>p,body.auth-bg .auth-card>.rules,body.auth-bg .auth-card>.login-divider,body.auth-bg .auth-card>.button,body.auth-bg .auth-card>h1,body.auth-bg .auth-card>.error,body.auth-bg .auth-card>.success{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.auth-bg .auth-luna-player-wrap{position:static!important;width:min(620px,calc(100vw - 24px))!important;max-width:620px!important;height:auto!important;min-height:62px!important;max-height:none!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border:0!important;outline:0!important;box-shadow:none!important}
body.auth-bg .auth-luna-player{width:100%!important;height:auto!important;min-height:62px!important;overflow:visible!important}
body.auth-bg .auth-luna-player>div{width:100%!important;max-width:100%!important;min-height:62px!important;height:auto!important;overflow:hidden!important;border:0!important;outline:0!important;box-shadow:none!important}
.danger-zone{border-color:#ed001d!important;background:linear-gradient(180deg,rgba(237,0,29,.08),#0d0d0f)!important}.security-box{border-color:#00a8b2!important}.security-box h2{color:#00eaf0!important}
@media(max-width:760px){body.auth-bg{justify-content:flex-start!important;padding:6px!important;gap:6px!important}body.auth-bg .auth-card{width:100%!important;max-width:none!important;padding:68px 14px 18px!important;border-radius:6px!important}body.auth-bg .auth-luna-player-wrap{width:100%!important;max-width:none!important;min-height:58px!important;margin:0!important;overflow:hidden!important}body.auth-bg .auth-luna-player,body.auth-bg .auth-luna-player>div{min-height:58px!important;height:auto!important}.user-sidebar #online-count{position:static!important;top:auto!important}}

/* Definitief: camera bovenaan, daarna personenteller, daarna usernames. */
.chat-bg .user-sidebar{display:flex!important;flex-direction:column!important;}
.chat-bg .user-sidebar .camera-toolbar{order:0!important;flex:0 0 auto!important;}
.chat-bg .user-sidebar .own-cam{order:1!important;flex:0 0 auto!important;}
.chat-bg .user-sidebar #online-count{order:2!important;flex:0 0 auto!important;position:static!important;top:auto!important;margin:6px 0 4px!important;padding:10px 8px!important;}
.chat-bg .user-sidebar #users{order:3!important;flex:1 1 auto!important;min-height:0!important;}
@media(max-width:760px){.chat-bg .user-sidebar #online-count{position:static!important;top:auto!important;}}
\n/* 2026-09-07: teller staat ALTIJD vóór de usernames; camknoppen duidelijker. */
.chat-bg .user-sidebar{display:flex!important;flex-direction:column!important}
.chat-bg .user-sidebar .camera-device-picker{order:0!important}
.chat-bg .user-sidebar .camera-toolbar{order:1!important}
.chat-bg .user-sidebar .own-cam{order:2!important}
.chat-bg .user-sidebar #online-count{order:3!important;display:block!important;width:100%!important;margin:5px 0 6px!important;padding:11px 9px!important;background:#08080a!important;border-top:1px solid #2c2c31!important;border-bottom:1px solid var(--c4b-red)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;line-height:1.15!important}
.chat-bg .user-sidebar #users{order:4!important;display:block!important;min-height:0!important}
.chat-bg .camera-toolbar .camera-action{width:auto!important;min-width:92px!important;height:50px!important;padding:5px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:8px!important}
.chat-bg .camera-toolbar .camera-action img{width:30px!important;height:30px!important;filter:drop-shadow(0 1px 2px #000)!important}
.chat-bg .camera-toolbar .camera-action span{display:inline!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.2px!important}
.chat-bg .camera-toolbar .camera-public-action{background:linear-gradient(180deg,#e5001d,#a00014)!important}
.chat-bg .camera-toolbar .camera-private-action{background:linear-gradient(180deg,#a915d5,#620080)!important;border-color:#db51ff!important}
@media(max-width:760px){.chat-bg .camera-toolbar .camera-action{min-width:82px!important;height:48px!important;padding:5px 9px!important}.chat-bg .camera-toolbar .camera-action img{width:28px!important;height:28px!important}.chat-bg .camera-toolbar .camera-action span{font-size:11px!important}.chat-bg .user-sidebar #online-count{position:static!important;top:auto!important;font-size:15px!important}}

/* shared chat player on login screens */
body.auth-bg .auth-chat-player{display:block!important;position:static!important}
body.auth-bg .auth-chat-player.luna-player-wrap{width:min(980px,calc(100vw - 24px))!important;max-width:980px!important;height:64px!important;min-height:64px!important;flex:0 0 64px!important;margin:8px auto 12px!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:transparent!important}
body.auth-bg .auth-chat-player .luna-player,body.auth-bg .auth-chat-player .luna-player>div{width:100%!important;max-width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:hidden!important}
@media(max-width:760px){body.auth-bg .auth-chat-player.luna-player-wrap{width:calc(100% - 8px)!important;max-width:none!important;height:60px!important;min-height:60px!important;flex-basis:60px!important;margin:6px auto 10px!important}body.auth-bg .auth-chat-player .luna-player,body.auth-bg .auth-chat-player .luna-player>div{height:60px!important;min-height:60px!important}}

/* 2026-09-07: compact login + compacte statusiconen (laat overige layout ongemoeid). */
@media (min-width:761px){
  body.auth-bg{
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:14px 18px!important;
    overflow-x:hidden!important;
  }
  body.auth-bg .auth-card{
    width:min(392px,calc(100vw - 28px))!important;
    max-width:392px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:78px 22px 18px!important;
    border-radius:8px!important;
  }
  body.auth-bg .auth-card h1{font-size:22px!important;margin:4px 0 18px!important}
  body.auth-bg .auth-card p{margin-top:10px!important;margin-bottom:10px!important;line-height:1.35!important}
  body.auth-bg .auth-card .form-grid{gap:10px!important}
  body.auth-bg .auth-card label{gap:5px!important;font-size:14px!important}
  body.auth-bg .auth-card input{min-height:42px!important;padding:9px 11px!important}
  body.auth-bg .auth-card button,
  body.auth-bg .auth-card .button{min-height:42px!important;padding:9px 12px!important}
  body.auth-bg .login-divider{margin:11px 0!important}
  body.auth-bg .legal-links{font-size:11px!important;text-align:center!important}

  /* Dezelfde player blijft onder het loginframe, maar los en volledig zichtbaar. */
  body.auth-bg .auth-chat-player.luna-player-wrap{
    position:static!important;
    width:min(760px,calc(100vw - 28px))!important;
    max-width:760px!important;
    height:64px!important;
    min-height:64px!important;
    flex:0 0 64px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.auth-bg .auth-chat-player .luna-player,
  body.auth-bg .auth-chat-player .luna-player>div{
    width:100%!important;
    max-width:100%!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}

/* Geen schuiven/zweven op login- of gastlogin-elementen. */
body.auth-bg .auth-card,
body.auth-bg .auth-card *,
body.auth-bg .auth-chat-player,
body.auth-bg .auth-chat-player *{
  animation:none!important;
  transition:none!important;
}

/* Statusiconen bovenin compacter, maar gecentreerd en allemaal zichtbaar. */
.chat-bg #status-bar{
  gap:5px!important;
  max-width:min(620px,52vw)!important;
  padding:3px 5px!important;
  border-radius:7px!important;
}
.chat-bg #status-bar span{gap:3px!important;font-size:10.5px!important;line-height:1!important}
.chat-bg #status-bar img{width:16px!important;height:16px!important}

@media(max-width:760px){
  body.auth-bg{padding:7px!important;gap:7px!important;align-items:center!important}
  body.auth-bg .auth-card{width:100%!important;max-width:420px!important;margin:0 auto!important;padding:70px 14px 16px!important}
  body.auth-bg .auth-card h1{font-size:21px!important;margin-bottom:14px!important}
  body.auth-bg .auth-card .form-grid{gap:9px!important}
  body.auth-bg .auth-card input{min-height:42px!important}
  body.auth-bg .auth-chat-player.luna-player-wrap{width:100%!important;max-width:620px!important;margin:0 auto!important;height:58px!important;min-height:58px!important;flex-basis:58px!important}
  body.auth-bg .auth-chat-player .luna-player,body.auth-bg .auth-chat-player .luna-player>div{height:58px!important;min-height:58px!important}
  .chat-bg #status-bar{left:7px!important;right:118px!important;height:26px!important;padding:2px 3px!important;gap:4px!important}
  .chat-bg #status-bar img{width:16px!important;height:16px!important}
}

/* 2026-09-07: chatachtergrond zichtbaar door het HELE frame + Luna titel altijd leesbaar. */
.chat-bg{
  background-color:#020304!important;
}
.chat-bg .app,
.chat-bg .chat-layout,
.chat-bg .chat-panel,
.chat-bg .messages,
.chat-bg .composer-wrap{
  background:transparent!important;
}
/* Alle vaste vlakken zijn nu glaslagen: de ingestelde achtergrond blijft erdoorheen zichtbaar. */
.chat-bg .app>header{
  background:linear-gradient(180deg,rgba(3,5,8,.62),rgba(0,0,0,.48))!important;
  backdrop-filter:blur(2px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(115%)!important;
}
.chat-bg .channel-bar{
  background:linear-gradient(90deg,rgba(5,5,8,.58),rgba(24,0,6,.40),rgba(5,5,8,.58))!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}
.chat-bg .chat-panel{
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.18))!important;
  box-shadow:inset -16px 0 30px rgba(0,0,0,.24),inset 0 12px 28px rgba(0,0,0,.16)!important;
}
.chat-bg .composer{
  background:linear-gradient(180deg,rgba(8,8,11,.52),rgba(0,0,0,.46))!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.chat-bg .user-sidebar{
  background:linear-gradient(160deg,rgba(6,15,28,.50),rgba(0,0,0,.40))!important;
  box-shadow:inset 12px 0 28px rgba(0,0,0,.30),-10px 0 30px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(2px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(110%)!important;
}
.chat-bg .camera-toolbar,
.chat-bg .camera-device-picker,
.chat-bg .own-cam,
.chat-bg .user-sidebar #online-count{
  background:linear-gradient(180deg,rgba(5,7,11,.55),rgba(0,0,0,.42))!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.chat-bg .user-row{
  background:linear-gradient(90deg,rgba(0,8,18,.22),rgba(0,0,0,.12))!important;
}
.chat-bg .user-row:hover{
  background:linear-gradient(90deg,rgba(30,88,145,.30),rgba(0,0,0,.16))!important;
}
.chat-bg .announcement{
  background:rgba(24,0,6,.48)!important;
}

/* Luna: eigen vaste metadata boven de Luna-balk zodat songtitel niet meer kan verdwijnen. */
.chat-bg #radio-player.luna-player-wrap{
  position:relative!important;
  isolation:isolate!important;
}
.chat-bg #radio-player .luna-fixed-meta{
  position:absolute!important;
  z-index:12!important;
  left:84px!important;
  right:154px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  height:48px!important;
  padding:2px 8px!important;
  color:#fff!important;
  pointer-events:none!important;
  text-shadow:0 1px 3px #000,0 0 8px #000!important;
  overflow:hidden!important;
}
.chat-bg #radio-player .luna-fixed-station,
.chat-bg #radio-player .luna-fixed-song{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
.chat-bg #radio-player .luna-fixed-station{font-size:14px!important;line-height:19px!important;font-weight:800!important}
.chat-bg #radio-player .luna-fixed-song{font-size:13px!important;line-height:18px!important;font-weight:600!important}
@media(max-width:760px){
  .chat-bg #radio-player .luna-fixed-meta{left:62px!important;right:104px!important;height:44px!important;padding:2px 5px!important}
  .chat-bg #radio-player .luna-fixed-station{font-size:12px!important;line-height:17px!important}
  .chat-bg #radio-player .luna-fixed-song{font-size:11.5px!important;line-height:16px!important}
  .chat-bg .app>header,.chat-bg .channel-bar,.chat-bg .composer,.chat-bg .user-sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* Vaste station/songtekst in dezelfde Luna-player op login en guest-login. */
body.auth-bg .auth-chat-player{position:relative!important}
body.auth-bg .auth-chat-player .auth-luna-fixed-meta{position:absolute!important;z-index:40!important;left:72px!important;right:120px!important;top:50%!important;transform:translateY(-50%)!important;height:44px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;pointer-events:none!important;overflow:hidden!important;color:#fff!important;text-shadow:0 1px 3px #000,0 0 8px #000!important}
body.auth-bg .auth-chat-player .luna-fixed-station,body.auth-bg .auth-chat-player .luna-fixed-song{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;animation:none!important;transition:none!important;transform:none!important}
body.auth-bg .auth-chat-player .luna-fixed-station{font-size:13px!important;font-weight:800!important;line-height:18px!important}
body.auth-bg .auth-chat-player .luna-fixed-song{font-size:12px!important;font-weight:600!important;line-height:17px!important}
@media(max-width:760px){body.auth-bg .auth-chat-player .auth-luna-fixed-meta{left:58px!important;right:92px!important;height:40px!important}body.auth-bg .auth-chat-player .luna-fixed-station{font-size:11.5px!important}body.auth-bg .auth-chat-player .luna-fixed-song{font-size:11px!important}}


/* Login/gast-login: compacte kaart + player eronder, zonder document-scroll. */
body.auth-bg.auth-login-page{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;justify-content:center!important;padding:6px!important;gap:5px!important}
body.auth-bg.auth-login-page .auth-card{flex:0 1 auto!important;max-height:calc(100dvh - 64px)!important;overflow:auto!important;margin:0 auto!important}
body.auth-bg.auth-login-page .auth-chat-player.luna-player-wrap{height:52px!important;min-height:52px!important;flex-basis:52px!important;margin:3px auto 0!important}
body.auth-bg.auth-login-page .auth-chat-player .luna-player,body.auth-bg.auth-login-page .auth-chat-player .luna-player>div{height:52px!important;min-height:52px!important}
@media(max-width:760px){body.auth-bg.auth-login-page{padding:4px!important;gap:3px!important}body.auth-bg.auth-login-page .auth-card{max-height:calc(100dvh - 56px)!important}body.auth-bg.auth-login-page .auth-chat-player.luna-player-wrap{height:48px!important;min-height:48px!important;flex-basis:48px!important;margin:2px auto 0!important}body.auth-bg.auth-login-page .auth-chat-player .luna-player,body.auth-bg.auth-login-page .auth-chat-player .luna-player>div{height:48px!important;min-height:48px!important}}


/* 2026-09-07: aanwezigheidsteller altijd boven het volledige cameragedeelte. */
.chat-bg .user-sidebar #online-count{order:0!important;flex:0 0 auto!important;position:static!important;top:auto!important;margin:0 0 6px!important;}
.chat-bg .user-sidebar .own-cam{order:1!important;}
.chat-bg .user-sidebar .camera-device-picker{order:2!important;}
.chat-bg .user-sidebar .camera-toolbar{order:3!important;}
.chat-bg .user-sidebar #users{order:4!important;min-height:0!important;}
@media(max-width:760px){.chat-bg .user-sidebar #online-count{order:0!important;position:static!important;top:auto!important}.chat-bg .user-sidebar .own-cam{order:1!important}.chat-bg .user-sidebar .camera-device-picker{order:2!important}.chat-bg .user-sidebar .camera-toolbar{order:3!important}.chat-bg .user-sidebar #users{order:4!important}}

.fixed-channel-input{display:flex;align-items:stretch;border:1px solid var(--theme-accent,#ed001d);border-radius:8px;overflow:hidden;background:#070b12}.fixed-channel-input>span{display:flex;align-items:center;justify-content:center;padding:0 13px;background:#111a29;color:#fff;font-weight:900;border-right:1px solid #34415a}.fixed-channel-input input{flex:1;min-width:0;border:0!important;border-radius:0!important;background:transparent!important}.fixed-channel-input:focus-within{box-shadow:0 0 0 2px rgba(0,236,240,.14)}