/* =========================================
   Mining Pool Dark Skin (overrides .skin-purple)
   Accent = cyan; tuned for AdminLTE/Miningcore
   ========================================= */
:root{
  --bg:#0b0f14;
  --bg-elev:#111826;
  --panel:#0f1623;
  --sidebar:#0e141b;
  --header-left:#0b1320;
  --header-right:#10233a;
  --text:#e6eef7;
  --muted:#9aa4b2;
  --line:rgba(255,255,255,.08);
  --accent:#00e5ff;         /* primary (hash cyan) */
  --accent-2:#00c853;       /* success (accepted) */
  --warning:#ffcc00;
  --danger:#ff5b6e;
}

.skin-purple .content-wrapper,
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
  background: var(--bg);
  color: var(--text);
}

/* Header / Navbar */
.skin-purple .main-header .navbar,
.skin-purple .main-index-header .navbar{
  background: linear-gradient(90deg,var(--header-left),var(--header-right));
  border-bottom: 1px solid rgba(0,229,255,.25);
  box-shadow: 0 2px 16px rgba(0,229,255,.08);
}
.skin-purple .main-header .navbar .nav > li > a{
  color: var(--text);
  transition: background .2s ease,color .2s ease;
}
.skin-purple .main-header .navbar .nav > li > a:hover,
.skin-purple .main-header .navbar .nav > li > a:focus,
.skin-purple .main-header .navbar .nav > .active > a{
  background: rgba(0,229,255,.08);
  color: #fff;
}
.skin-purple .main-header .navbar .sidebar-toggle{
  color: var(--text);
}
.skin-purple .main-header .navbar .sidebar-toggle:hover{
  background: rgba(0,229,255,.12);
}

.skin-purple .main-header .logo{
  background: var(--header-left);
  color: #fff;
  border-bottom: 0;
  border-right: 1px solid rgba(0,229,255,.18);
}
.skin-purple .main-header .logo:hover{
  background: #0c1a2d;
}

/* Sidebar */
.skin-purple .sidebar{
  background: var(--sidebar);
  color: var(--text);
}
.skin-purple .sidebar a{ color: #cfe6f2; }
.skin-purple .sidebar a:hover{ color: #fff; text-decoration: none; }

.skin-purple .sidebar-menu>li.header{
  color: var(--muted);
  background: #0a0f15;
  letter-spacing: .04em;
}
.skin-purple .sidebar-menu>li>a{
  border-left: 3px solid transparent;
}
.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a,
.skin-purple .sidebar-menu>li.menu-open>a{
  color:#fff;
  background: #0f1b2a;
  border-left-color: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(0,229,255,.06);
}
.skin-purple .sidebar-menu>li>.treeview-menu{
  margin: 0 1px;
  background:#0d1421;
}
.skin-purple .sidebar-menu .treeview-menu>li>a{
  color:#a9bac8;
}
.skin-purple .sidebar-menu .treeview-menu>li.active>a,
.skin-purple .sidebar-menu .treeview-menu>li>a:hover{
  color:#fff;
}

/* Sidebar search */
.skin-purple .sidebar-form{
  border-radius: 6px;
  border:1px solid var(--line);
  background: #0c121b;
  margin:10px;
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn{
  background:#0c121b;
  border-color: transparent;
  color:#cfe6f2;
  height:36px;
}
.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn{
  background:#101a27;
  color:#fff;
  border-color:#101a27;
}

/* Content header */
.skin-purple .content-header{ background: transparent; border-bottom: 1px solid var(--line); }

/* Panels / boxes / cards */
.box, .panel, .card{
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 8px 24px rgba(0,0,0,.35);
  color: var(--text);
}
.box .box-header, .panel-heading{
  border-bottom: 1px solid var(--line);
}
.box-primary{ border-top-color: var(--accent); }

/* Buttons */
.btn-primary, .card-btn{
  color:#001218;
  background: var(--accent);
  border-color: rgba(0,229,255,.3);
  box-shadow: 0 6px 16px rgba(0,229,255,.22);
}
.btn-primary:hover, .card-btn:hover{
  filter: brightness(1.08);
  box-shadow: 0 8px 22px rgba(0,229,255,.32);
}
.btn-success{ background: var(--accent-2); border-color: rgba(0,200,83,.28); }
.btn-warning{ background: var(--warning); color:#1a1a1a; }
.btn-danger{ background: var(--danger); }

/* Tables */
.table>thead>tr>th{
  border-bottom: 1px solid var(--line);
  color:#d6e3ef;
}
.table>tbody>tr>td{
  border-top: 1px solid var(--line);
  color:#cfe0ee;
}

/* Links & small UI bits */
a{ color:#7ee6ff; }
a:hover{ color:#aff2ff; }

/* Mining “data” aesthetics: monospace numbers */
.hashrate, .sps, .num, .stat .value, code, pre, .small-box .inner h3{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
  letter-spacing:.2px;
}

/* Status chips */
.label-hash{ background: rgba(0,229,255,.15); color:#8ef3ff; border:1px solid rgba(0,229,255,.35); }
.label-ok{ background: rgba(0,200,83,.12); color:#90f7a9; border:1px solid rgba(0,200,83,.32); }
.label-warn{ background: rgba(255,204,0,.14); color:#ffe189; border:1px solid rgba(255,204,0,.34); }
.label-bad{ background: rgba(255,91,110,.15); color:#ffb0ba; border:1px solid rgba(255,91,110,.35); }

/* Progress bars (luck/rounds) */
.progress{ background:#0d1420; box-shadow: inset 0 1px 2px rgba(0,0,0,.4); }
.progress-bar{ background: linear-gradient(90deg,#00e5ff,#00a6ff); }

/* Dropdowns on mobile */
@media (max-width:767px){
  .skin-purple .main-header .navbar .dropdown-menu li.divider{ background: rgba(255,255,255,.08); }
  .skin-purple .main-header .navbar .dropdown-menu li a{ color:#e8f6ff; }
  .skin-purple .main-header .navbar .dropdown-menu li a:hover{ background: rgba(0,229,255,.12); }
}

/* Tiny glow for active nav to suggest “online” */
@keyframes miningPulse {
  0% { box-shadow: 0 0 0 0 rgba(0,229,255,.35); }
  70%{ box-shadow: 0 0 0 10px rgba(0,229,255,0); }
  100%{ box-shadow: 0 0 0 0 rgba(0,229,255,0); }
}
.skin-purple .sidebar-menu>li.active>a{
  animation: miningPulse 2.4s ease-out infinite;
}