/* ===== OtoSmart Theme Override ===== */
/* Warna utama diambil dari logo OtoSmart (biru) */

:root {
  --os-primary: #2f8fd6;
  --os-primary-dark: #1f6fa8;
  --os-primary-light: #e3f0fa;
  --os-accent: #f5a623;
}

/* Override warna primary Sneat (ungu -> biru) */
.bg-primary,
.btn-primary {
  background-color: var(--os-primary) !important;
  border-color: var(--os-primary) !important;
}
.btn-primary:hover {
  background-color: var(--os-primary-dark) !important;
  border-color: var(--os-primary-dark) !important;
}
.text-primary {
  color: var(--os-primary) !important;
}
.bg-label-primary {
  background-color: var(--os-primary-light) !important;
  color: var(--os-primary) !important;
}
.menu-vertical .menu-item.active > .menu-link {
  color: var(--os-primary) !important;
}
.menu-vertical .menu-item.active > .menu-link::before {
  background: var(--os-primary) !important;
}
a {
  color: var(--os-primary);
}
.page-link {
  color: var(--os-primary);
}
.page-item.active .page-link {
  background-color: var(--os-primary);
  border-color: var(--os-primary);
}

/* Brand di sidebar */
.app-brand-text {
  color: var(--os-primary) !important;
}

/* Ikon plus medis di navbar */
.os-navbar-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--os-primary);
}
.os-plus-icon {
  width: 26px;
  height: 26px;
  background: var(--os-primary);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

/* Greeting card di navbar */
.os-greeting {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.os-greeting .os-greet-icon {
  font-size: 1.2rem;
}

/* Sidebar footer (maskot + status) */
.os-sidebar-footer {
  margin-top: auto;
  padding: 16px;
  text-align: center;
}
.os-sidebar-footer img {
  width: 90px;
  opacity: 0.95;
}
.os-status-card {
  margin: 12px 16px;
  padding: 10px 12px;
  background: var(--os-primary-light);
  border-radius: 8px;
  font-size: 0.78rem;
  color: var(--os-primary-dark);
}
.os-status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #28c76f;
  margin-right: 6px;
}

/* Brand text - uppercase OTOSMART */
.app-brand-text {
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
}


/* Brand text - paksa kapitalisasi asli (OtoSmart) */
.app-brand-text {
  text-transform: none !important;
}