/* =========================================================
   SPORTISULSEL — Global Lightweight Theme
   Ditumpuk di atas AdminLTE (tidak mengganti library apapun),
   jadi tetap ringan: cuma override warna, radius, shadow & spacing.
   Tinggal tambahkan <link> ke file ini SETELAH adminlte.min.css.
   ========================================================= */

:root{
  --sp-brand:#68dff0;
  --sp-brand-dark:#2fb6cb;
  --sp-accent:#48cfad;
  --sp-purple:#ac92ec;
  --sp-danger:#ed5565;
  --sp-ink:#1f2430;
  --sp-muted:#8a94a6;
  --sp-bg:#f4f7fa;
  --sp-card:#ffffff;
  --sp-radius:14px;
  --sp-shadow:0 4px 18px rgba(31,36,48,.06);
}

body{ background:var(--sp-bg) !important; }

/* ---------- Login / register pages ---------- */
body.login-page,
body.register-page{
  background:linear-gradient(135deg,var(--sp-brand) 0%,var(--sp-brand-dark) 100%) !important;
}
.login-box, .register-box{ width:400px; }
.login-box .card, .register-box .card{
  border:none;
  border-radius:var(--sp-radius);
  box-shadow:0 20px 45px rgba(0,0,0,.18);
  overflow:hidden;
}
.login-box .card-header, .register-box .card-header{
  background:#fff;
  border-bottom:none;
  padding-top:28px;
}
.login-box .btn-primary, .register-box .btn-primary,
.card-primary.card-outline{ border-color:var(--sp-brand) !important; }
.btn-primary{
  background:var(--sp-brand-dark) !important;
  border-color:var(--sp-brand-dark) !important;
  border-radius:8px !important;
}
.btn-primary:hover{ background:#279cb0 !important; }
.login-box .input-group .form-control, .register-box .input-group .form-control{
  border-radius:8px 0 0 8px;
}
.login-box .input-group-text, .register-box .input-group-text{
  border-radius:0 8px 8px 0;
}

/* ---------- Sidebar / navbar ---------- */
.main-header.navbar{
  box-shadow:var(--sp-shadow);
  border-bottom:none !important;
}
.main-sidebar, .sidebar-dark-primary{
  background:#181f2e !important;
}
.brand-link{ border-bottom:1px solid rgba(255,255,255,.08) !important; }
.nav-sidebar > .nav-item > .nav-link.active{
  background:var(--sp-brand-dark) !important;
  border-radius:8px;
}

/* ---------- Cards ---------- */
.card{
  border:none;
  border-radius:var(--sp-radius) !important;
  box-shadow:var(--sp-shadow);
}
.card-header{
  background:transparent;
  border-bottom:1px solid #eef1f5;
  border-top-left-radius:var(--sp-radius) !important;
  border-top-right-radius:var(--sp-radius) !important;
  font-weight:600;
}
.card.card-primary.card-outline{ border-top:3px solid var(--sp-brand) !important; }

/* ---------- Buttons ---------- */
.btn{ border-radius:8px; font-weight:500; }
.btn-success{ background:var(--sp-accent) !important; border-color:var(--sp-accent) !important; }
.btn-info{ background:var(--sp-brand) !important; border-color:var(--sp-brand) !important; }
.btn-danger{ background:var(--sp-danger) !important; border-color:var(--sp-danger) !important; }

/* ---------- Tables ---------- */
.table thead th{
  border-bottom:2px solid #eef1f5;
  color:var(--sp-muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.4px;
  font-weight:600;
}
.table td, .table th{ vertical-align:middle; }
.table-hover tbody tr:hover{ background:#f7fbfc; }

/* ---------- Small UI list items (dipakai di daftar pelatih/atlet) ---------- */
.products-list .product-img img{
  border-radius:50%;
  border:2px solid #eef1f5;
}
.products-list > .item{
  border-bottom:1px solid #f0f2f5;
  padding:10px 4px;
}
.products-list .product-title{ font-weight:600; color:var(--sp-ink); }

/* ---------- Misc ---------- */
.badge{ border-radius:999px; padding:4px 10px; font-weight:600; }
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-thumb{ background:#cfd6e0; border-radius:8px; }