/* ======================================================================================
   0) ROOT TOKENS & GLOBAL RESETS
   ====================================================================================== */

:root {
  --white: #ffffff;
  --red: #dc3545;
  --green: #00ff38;
  --pink: #ff00c1;
  --link: #1875ff;
  --window-dark: #0e1111;
  --window-darker: #020202;
  --window-border: #353839;
  --window-border2: #0e1111;
  --window-border3: #3d3d3d;
  --boot-bg: #000;
  --boot-fg: #cfd3d7;
  --boot-dim: #343a40;
  --ok: #00ff38;
  --warn: #ffdd57;
  --fail: #dc3545;
  --info: #1875ff;
  --panel-border: #22272e;
  --panel-head: #0d0f12;
  --side-w: 460px;
  --w-time: 12ch;
  --w-val: 18ch;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1440px;
  --breakpoint-xl: 1600px;
  --breakpoint-xxl: 1920px;
  --clear: #0000;
  --neon-cyan: #00ccff;
  --neon-cyan-soft: rgba(0,204,255,.45);
  --neon-green-soft: rgba(0,255,69,.45);
  --neon-blue-soft: rgba(0,170,255,.45);
  --panel-glow: rgba(0,204,255,.18);
  --panel-glow-strong: rgba(0,204,255,.35);
  --login-bg-dark: #050505;
  --login-bg-mid: #0b0b0b;
  --login-bg-light: #111;
}

/* Base */

/* ======================================================================================
   1) WINDOW MANAGER / WINBOX SHELL
   ====================================================================================== */

.winbox {
  border: 3px solid var(--window-border3);
}

.wb-header {
  background: var(--window-darker);
  border-bottom: 3px solid var(--window-border3);
  height: 3em;
  font-family: Oxanium;
}

.wb-title {
  font-family: Oxanium;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.wb-icon {
  width: 2.24em;
}

.wb-body {
  background: var(--window-darker);
  overflow: auto;
}

/* Pin minimized windows to bottom bar */

.winbox.min, .winbox.wb-min, .wb-window.min, .wb-window.wb-min {
  position: fixed !important;
  left: auto;
  right: auto;
  top: auto !important;
  bottom: 0 !important;
  height: 53px !important;
  transform: none !important;
  overflow: visible !important;
  box-sizing: border-box;
}

/* App-specific overflow guards */

#wb-sett .wb-body, #wb-blog .wb-body, #wb-zplayer .wb-body, #wb-infocrypt .wb-body {
  overflow: hidden;
}

#wb-zplayer {
  box-shadow: inset 0 0 5px 3px var(--red);
}

#wb-infocrypt .wb-body {
  padding-top: 12px;
}