/* =====================================================
   BuyNBit Theme — Teal Green + White (AdminLTE 4)
   Layout-safe: colors only, minimal overrides
   ===================================================== */

:root{
  --bb-teal: #14b8a6;
  --bb-teal-dark: #0f766e;
  --bb-teal-soft: #5eead4;
  --bb-white: #ffffff;

  --bb-bg-dark: #0b1f1a;
  --bb-bg-navbar: #06231d;
  --bb-bg-sidebar: #051915;

  --bb-border: rgba(255,255,255,.08);
  --bb-text: #eafffb;
  --bb-muted: #bfeee7;
}

/* ---------- GLOBAL ---------- */
body{
  background-color: var(--bb-bg-dark);
}

/* ---------- LOGIN / REGISTER ---------- */
.login-page,
.register-page{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(20,184,166,0.25), transparent 55%),
    radial-gradient(1000px 500px at 90% 10%, rgba(20,184,166,0.18), transparent 60%),
    var(--bb-bg-dark);
}

.card-success.card-outline{
  border-top: 3px solid var(--bb-teal);
}

.btn-success{
  background-color: var(--bb-teal);
  border-color: var(--bb-teal);
  color: var(--bb-white);
}

.btn-success:hover{
  background-color: var(--bb-teal-dark);
  border-color: var(--bb-teal-dark);
}

.form-control:focus{
  border-color: var(--bb-teal);
  box-shadow: 0 0 0 .15rem rgba(20,184,166,.25);
}

/* ---------- NAVBAR (colors only) ---------- */
.main-header{
  background-color: var(--bb-bg-navbar) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.main-header .nav-link{
  color: #c9f7f1 !important;
}

.main-header .nav-link:hover{
  color: var(--bb-white) !important;
}

/* ---------- SIDEBAR (colors only) ---------- */
.main-sidebar{
  background-color: var(--bb-bg-sidebar) !important;
}

/* Keep AdminLTE structure; just recolor */
.main-sidebar .brand-link{
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.main-sidebar .brand-link .brand-text{
  color: var(--bb-text) !important;
}

.main-sidebar .nav-sidebar .nav-link{
  color: #c9f7f1 !important;
}

.main-sidebar .nav-sidebar .nav-link:hover{
  background: rgba(20,184,166,.12) !important;
  color: var(--bb-white) !important;
}

/* Active highlight = teal pill (but KEEP AdminLTE sizing) */
.main-sidebar .nav-sidebar .nav-link.active{
  background: rgba(20,184,166,.22) !important;
  border: 1px solid rgba(20,184,166,.35) !important;
  color: var(--bb-text) !important;
}

/* Sidebar section header */
.nav-header{
  color: #6ee7d8 !important;
}

/* ---------- CONTENT ---------- */
.content-wrapper{
  background: transparent !important;
}

/* ---------- CARDS ---------- */
.card{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.06);
}

.card-header{
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* ---------- TABLES ---------- */
.table thead th{
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* ---------- LINKS ---------- */
a{
  color: var(--bb-teal);
  text-decoration: none;
}

a:hover{
  color: var(--bb-teal-soft);
}

/* ---------- FOOTER ---------- */
.main-footer{
  background: transparent;
  border-top: 1px solid rgba(255,255,255,.05);
  color: #9bded6;
}