/* CORMYR_BACKEND_OPCONSOLE_SKIN_V33 */
:root {
  --cm-ops-bg0: #03070d;
  --cm-ops-bg1: #071221;
  --cm-ops-bg2: #0b1d32;
  --cm-ops-panel: rgba(8, 23, 40, .78);
  --cm-ops-panel-2: rgba(10, 30, 52, .68);
  --cm-ops-line: rgba(76, 172, 255, .24);
  --cm-ops-line-strong: rgba(76, 172, 255, .44);
  --cm-ops-text: #eaf5ff;
  --cm-ops-muted: #8fb6d8;
  --cm-ops-blue: #36a6ff;
  --cm-ops-cyan: #32f4ff;
  --cm-ops-green: #24f0a4;
  --cm-ops-amber: #ffb347;
  --cm-ops-red: #ff5f62;
  --cm-ops-radius: 14px;
  --cm-ops-radius-sm: 9px;
  --cm-ops-shadow: 0 18px 44px rgba(0, 0, 0, .35);
  --cm-ops-glow: 0 0 24px rgba(54, 166, 255, .22);
}

html.cm-opconsole-theme {
  color-scheme: dark;
}

html.cm-opconsole-theme body {
  background:
    radial-gradient(circle at 18% 0%, rgba(54,166,255,.12), transparent 34rem),
    radial-gradient(circle at 92% 12%, rgba(50,244,255,.08), transparent 32rem),
    linear-gradient(180deg, var(--cm-ops-bg0), var(--cm-ops-bg1) 42%, #02060b 100%) !important;
  color: var(--cm-ops-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.cm-opconsole-theme body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(rgba(54,166,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54,166,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, transparent 0, rgba(54,166,255,.04) 1px, transparent 2px);
  background-size: 44px 44px, 44px 44px, 92px 92px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.32));
  opacity: .66;
}

html.cm-opconsole-theme body > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  html.cm-opconsole-theme body::before {
    animation: cm-ops-grid-drift 90s linear infinite;
  }
  @keyframes cm-ops-grid-drift {
    from { background-position: 0 0, 0 0, 0 0; }
    to { background-position: 176px 88px, -176px 88px, 92px -92px; }
  }
}

html.cm-opconsole-theme a {
  color: #8dd3ff;
}

html.cm-opconsole-theme a:hover {
  color: #d8f5ff;
  text-shadow: 0 0 14px rgba(54,166,255,.42);
}

html.cm-opconsole-theme .container,
html.cm-opconsole-theme .wrap,
html.cm-opconsole-theme main,
html.cm-opconsole-theme .page,
html.cm-opconsole-theme .content {
  max-width: min(1720px, calc(100vw - 32px));
}

html.cm-opconsole-theme section,
html.cm-opconsole-theme .card,
html.cm-opconsole-theme .panel,
html.cm-opconsole-theme .box,
html.cm-opconsole-theme .widget,
html.cm-opconsole-theme .stat,
html.cm-opconsole-theme .metric {
  border-color: var(--cm-ops-line) !important;
  background:
    linear-gradient(180deg, rgba(11, 30, 52, .82), rgba(5, 16, 29, .76)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), var(--cm-ops-shadow);
  border-radius: var(--cm-ops-radius);
}

html.cm-opconsole-theme section:hover,
html.cm-opconsole-theme .card:hover,
html.cm-opconsole-theme .panel:hover {
  border-color: var(--cm-ops-line-strong) !important;
}

html.cm-opconsole-theme h1,
html.cm-opconsole-theme h2,
html.cm-opconsole-theme h3 {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f4fbff;
}

html.cm-opconsole-theme h1 {
  font-size: clamp(1.35rem, 1.7vw, 2.1rem);
}

html.cm-opconsole-theme h2 {
  font-size: clamp(1rem, 1.15vw, 1.35rem);
}

html.cm-opconsole-theme .help,
html.cm-opconsole-theme small,
html.cm-opconsole-theme .muted,
html.cm-opconsole-theme .text-muted {
  color: var(--cm-ops-muted) !important;
}

html.cm-opconsole-theme button,
html.cm-opconsole-theme .button,
html.cm-opconsole-theme a.button,
html.cm-opconsole-theme input[type="submit"],
html.cm-opconsole-theme input[type="button"] {
  background:
    linear-gradient(180deg, rgba(38, 116, 201, .80), rgba(18, 65, 119, .82)) !important;
  border: 1px solid rgba(93, 185, 255, .42) !important;
  color: #e9f7ff !important;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 rgba(54,166,255,0);
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

html.cm-opconsole-theme button:hover,
html.cm-opconsole-theme .button:hover,
html.cm-opconsole-theme a.button:hover,
html.cm-opconsole-theme input[type="submit"]:hover,
html.cm-opconsole-theme input[type="button"]:hover {
  border-color: rgba(103, 213, 255, .78) !important;
  box-shadow: 0 0 22px rgba(54,166,255,.26), inset 0 1px 0 rgba(255,255,255,.12);
  filter: brightness(1.08);
}

html.cm-opconsole-theme button:active,
html.cm-opconsole-theme .button:active {
  transform: translateY(1px);
}

html.cm-opconsole-theme input,
html.cm-opconsole-theme select,
html.cm-opconsole-theme textarea {
  background: rgba(1, 8, 18, .72) !important;
  color: var(--cm-ops-text) !important;
  border: 1px solid rgba(95, 176, 255, .25) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}

html.cm-opconsole-theme input:focus,
html.cm-opconsole-theme select:focus,
html.cm-opconsole-theme textarea:focus {
  outline: none !important;
  border-color: rgba(54,166,255,.72) !important;
  box-shadow: 0 0 0 3px rgba(54,166,255,.12), inset 0 0 0 1px rgba(255,255,255,.035);
}

html.cm-opconsole-theme table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(76,172,255,.20);
  border-radius: 12px;
  background: rgba(3, 12, 24, .55);
}

html.cm-opconsole-theme th {
  background: linear-gradient(180deg, rgba(17, 59, 98, .82), rgba(10, 35, 62, .78)) !important;
  color: #dff5ff !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .78rem;
  border-bottom: 1px solid rgba(76,172,255,.25) !important;
}

html.cm-opconsole-theme td {
  border-bottom: 1px solid rgba(76,172,255,.12) !important;
  color: #d7ebff;
}

html.cm-opconsole-theme tr:hover td {
  background: rgba(54,166,255,.055);
}

html.cm-opconsole-theme .badge,
html.cm-opconsole-theme .pill,
html.cm-opconsole-theme .status,
html.cm-opconsole-theme .tag {
  border-radius: 999px;
  border: 1px solid rgba(93,185,255,.26);
  background: rgba(3,12,24,.48);
  color: #cfefff;
}

html.cm-opconsole-theme .status.ok,
html.cm-opconsole-theme .badge.ok,
html.cm-opconsole-theme .pill.ok,
html.cm-opconsole-theme .complete,
html.cm-opconsole-theme .success {
  border-color: rgba(36,240,164,.45) !important;
  color: #bafde4 !important;
  background: rgba(16, 105, 72, .18) !important;
}

html.cm-opconsole-theme .failed,
html.cm-opconsole-theme .error,
html.cm-opconsole-theme .danger {
  border-color: rgba(255,95,98,.55) !important;
  color: #ffd1d1 !important;
  background: rgba(127,29,29,.22) !important;
}

html.cm-opconsole-theme .warning,
html.cm-opconsole-theme .pending {
  border-color: rgba(255,179,71,.52) !important;
  color: #ffe2ad !important;
  background: rgba(113,63,18,.22) !important;
}

html.cm-opconsole-theme .cm-opconsole-led {
  display: inline-block;
  width: .45rem;
  height: .45rem;
  margin-right: .35rem;
  border-radius: 999px;
  background: var(--cm-ops-green);
  box-shadow: 0 0 12px rgba(36,240,164,.7);
  vertical-align: middle;
}

@media (prefers-reduced-motion: no-preference) {
  html.cm-opconsole-theme .cm-opconsole-led {
    animation: cm-op-led 1.9s ease-in-out infinite;
  }
  @keyframes cm-op-led {
    0%, 100% { opacity: .58; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.08); }
  }
}

html.cm-opconsole-theme .cm-opconsole-ambient-strip {
  position: relative;
  overflow: hidden;
}

html.cm-opconsole-theme .cm-opconsole-ambient-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, rgba(54,166,255,.10) 45%, transparent 60%);
  transform: translateX(-120%);
  opacity: .6;
}

@media (prefers-reduced-motion: no-preference) {
  html.cm-opconsole-theme .cm-opconsole-ambient-strip::after {
    animation: cm-op-strip 8s ease-in-out infinite;
  }
  @keyframes cm-op-strip {
    0%, 72% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
  }
}

html.cm-opconsole-theme .cm-opconsole-system-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
  justify-content: space-between;
  margin: .75rem 0 1rem;
  padding: .55rem .75rem;
  border: 1px solid rgba(76,172,255,.20);
  border-radius: 12px;
  background: rgba(4,14,26,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  font-size: .82rem;
  color: var(--cm-ops-muted);
}

html.cm-opconsole-theme .cm-opconsole-system-ribbon strong {
  color: #eaf7ff;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html.cm-opconsole-theme .cm-opconsole-mini-dots {
  display: inline-flex;
  gap: .22rem;
  align-items: center;
}
html.cm-opconsole-theme .cm-opconsole-mini-dots i {
  width: .32rem;
  height: .32rem;
  border-radius: 999px;
  background: var(--cm-ops-cyan);
  box-shadow: 0 0 10px rgba(50,244,255,.55);
  opacity: .6;
}
html.cm-opconsole-theme .cm-opconsole-mini-dots i:nth-child(2) { animation-delay: .2s; }
html.cm-opconsole-theme .cm-opconsole-mini-dots i:nth-child(3) { animation-delay: .4s; }

@media (prefers-reduced-motion: no-preference) {
  html.cm-opconsole-theme .cm-opconsole-mini-dots i {
    animation: cm-op-dot 1.4s ease-in-out infinite;
  }
  @keyframes cm-op-dot {
    0%, 100% { opacity: .25; }
    50% { opacity: 1; }
  }
}