/* GLOBALSENSOR — brand overlay for SB Admin 2 (loaded last, overrides theme).
   Visual-only: colors / radius / shadow / typography. No layout changes. */

:root{
  --gs-brand:#12897e;
  --gs-brand-2:#0c6a61;
  --gs-brand-3:#1cb39c;
  --gs-dark:#07302e;
  --gs-dark-2:#0a1614;
  --gs-ink:#16201e;
  --gs-muted:#5d6b68;
  --gs-line:#e8eeec;
  --gs-bg:#f4f8f7;
  --gs-card-sh:0 10px 30px -16px rgba(11,61,58,.35);
}

body{ background:var(--gs-bg) !important; color:var(--gs-ink) !important; }
#content{ background:transparent !important; }
a{ color:var(--gs-brand); }
a:hover{ color:var(--gs-brand-2); }

/* ---------- Sidebar ---------- */
.sidebar.bg-gradient-primary,
.bg-gradient-primary{
  background:linear-gradient(180deg,var(--gs-dark) 0%,#0b3d3a 55%,var(--gs-brand-2) 100%) !important;
}
.sidebar .sidebar-brand{ padding:1.25rem .5rem !important; }
.sidebar hr.sidebar-divider{ border-top:1px solid rgba(255,255,255,.12) !important; }
.sidebar .nav-item .nav-link{
  color:rgba(255,255,255,.78) !important;
  border-radius:12px !important;
  margin:3px 12px !important;
  padding:.75rem 1rem !important;
  transition:background .2s,color .2s !important;
}
.sidebar .nav-item .nav-link i,
.sidebar .nav-item .nav-link svg{ color:rgba(255,255,255,.7) !important; }
.sidebar .nav-item .nav-link:hover{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
}
.sidebar .nav-item .nav-link.active{
  color:#fff !important;
  background:linear-gradient(135deg,var(--gs-brand-3),var(--gs-brand-2)) !important;
  box-shadow:0 8px 20px -10px rgba(28,179,156,.7) !important;
}
.sidebar .nav-item .nav-link.active i,
.sidebar .nav-item .nav-link.active svg{ color:#fff !important; }
#sidebarToggle{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
#sidebarToggle:hover{ background:rgba(255,255,255,.28) !important; }

/* ---------- Topbar ---------- */
.topbar.navbar,
nav.topbar{
  background:#fff !important;
  border-bottom:1px solid var(--gs-line) !important;
  box-shadow:0 4px 18px -14px rgba(11,61,58,.35) !important;
  border-radius:0 0 16px 16px !important;
}
.topbar .img-profile,
.img-profile{
  background:linear-gradient(135deg,var(--gs-brand-3),var(--gs-brand-2)) !important;
  color:#fff !important;
  width:38px !important;height:38px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:0 !important;
}
.topbar .nav-link{ color:var(--gs-muted) !important; }

/* ---------- Cards ---------- */
.card{
  border:1px solid var(--gs-line) !important;
  border-radius:18px !important;
  box-shadow:var(--gs-card-sh) !important;
}
.card.shadow{ box-shadow:var(--gs-card-sh) !important; }
.card .card-header{
  background:#fff !important;
  border-bottom:1px solid var(--gs-line) !important;
  border-radius:18px 18px 0 0 !important;
  padding:1rem 1.25rem !important;
}
.card .card-header h6,
.card .card-header .text-primary,
h6.text-primary{ color:var(--gs-brand) !important; }

/* SB Admin 2 stat cards */
.border-left-primary{ border-left:.25rem solid var(--gs-brand) !important; }
.border-left-success{ border-left:.25rem solid var(--gs-brand-3) !important; }
.border-left-info{ border-left:.25rem solid #2bb6c9 !important; }

/* ---------- Buttons ---------- */
.btn{ border-radius:10px !important; font-weight:600 !important; }
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{
  background:linear-gradient(135deg,var(--gs-brand-3),var(--gs-brand-2)) !important;
  border-color:var(--gs-brand-2) !important;
  box-shadow:0 10px 22px -12px rgba(18,137,126,.65) !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active{
  background:linear-gradient(135deg,var(--gs-brand-2),var(--gs-dark)) !important;
  border-color:var(--gs-dark) !important;
  box-shadow:0 12px 26px -12px rgba(18,137,126,.8) !important;
}
.btn-primary:focus,.btn-primary.focus{ box-shadow:0 0 0 .2rem rgba(28,179,156,.4) !important; }
.btn-success{ background:var(--gs-brand-3) !important; border-color:var(--gs-brand-3) !important; }
.btn-link{ color:var(--gs-brand) !important; }
.btn-outline-primary{ color:var(--gs-brand) !important; border-color:var(--gs-brand) !important; }
.btn-outline-primary:hover{ background:var(--gs-brand) !important; color:#fff !important; }

/* ---------- Text / badges / bg utils ---------- */
.text-primary{ color:var(--gs-brand) !important; }
.text-success{ color:var(--gs-brand-3) !important; }
.bg-primary{ background-color:var(--gs-brand) !important; }
.badge-primary{ background-color:var(--gs-brand) !important; }
.badge-success{ background-color:var(--gs-brand-3) !important; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ color:var(--gs-ink); }
.text-dark{ color:var(--gs-ink) !important; }

/* ---------- Tables ---------- */
.table thead th{
  background:#f3f7f6 !important;
  color:var(--gs-muted) !important;
  border-bottom:1px solid var(--gs-line) !important;
  text-transform:uppercase !important;
  font-size:.78rem !important;
  letter-spacing:.04em !important;
}
.table td,.table th{ border-top:1px solid var(--gs-line) !important; vertical-align:middle !important; }
.table-hover tbody tr:hover{ background:#eef5f3 !important; }
.table-bordered,.table-bordered td,.table-bordered th{ border-color:var(--gs-line) !important; }

/* ---------- Forms ---------- */
.form-control,.custom-select{
  border-radius:10px !important;
  border:1px solid var(--gs-line) !important;
}
.form-control:focus,.custom-select:focus{
  border-color:var(--gs-brand-3) !important;
  box-shadow:0 0 0 .2rem rgba(28,179,156,.22) !important;
}
.custom-control-input:checked~.custom-control-label::before{
  background-color:var(--gs-brand) !important;border-color:var(--gs-brand) !important;
}

/* ---------- Dropdown / modal / footer ---------- */
.dropdown-menu{
  border:1px solid var(--gs-line) !important;
  border-radius:14px !important;
  box-shadow:0 16px 40px -18px rgba(11,61,58,.4) !important;
}
.dropdown-item:active,.dropdown-item.active{ background:var(--gs-brand) !important; }
.dropdown-header{ color:var(--gs-brand-2) !important; font-weight:700 !important; }
.modal-content{ border:0 !important; border-radius:18px !important; box-shadow:0 30px 70px -25px rgba(7,18,15,.55) !important; }
.modal-header{ border-bottom:1px solid var(--gs-line) !important; }
.modal-footer{ border-top:1px solid var(--gs-line) !important; }
.sticky-footer{ background:#fff !important; border-top:1px solid var(--gs-line) !important; }
.sticky-footer .copyright,.sticky-footer span{ color:var(--gs-muted) !important; }

/* ---------- Toast / misc ---------- */
.toast{ border-radius:12px !important; border:1px solid var(--gs-line) !important; }
.page-link{ color:var(--gs-brand) !important; }
.page-item.active .page-link{ background:var(--gs-brand) !important; border-color:var(--gs-brand) !important; }
hr{ border-top-color:var(--gs-line) !important; }

/* webkit scrollbar */
::-webkit-scrollbar{ width:10px;height:10px; }
::-webkit-scrollbar-thumb{ background:rgba(18,137,126,.35); border-radius:8px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(18,137,126,.55); }