/* temonjo.css - layer modernisasi di atas theme.css (DashLite hasil purge).
   Palet mengikuti halaman publik Temonjo: zinc + aksen teal, flat border. */
:root {
  --tm-accent: #00adb5;
  --tm-accent-dark: #00959c;
  --tm-accent-soft: #f0fafb;
  --tm-border: #e4e4e7;
  --tm-radius: 10px;
}

.btn-primary {
  color: #fff;
  background-color: var(--tm-accent);
  border-color: var(--tm-accent);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--tm-accent-dark);
  border-color: var(--tm-accent-dark);
}
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 173, 181, 0.25);
}
.btn-outline-primary {
  color: var(--tm-accent);
  border-color: var(--tm-accent);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--tm-accent);
  border-color: var(--tm-accent);
}
.badge-primary {
  color: #fff;
  background-color: var(--tm-accent);
}
.badge-outline-primary {
  color: var(--tm-accent);
  border-color: var(--tm-accent);
}
.text-primary,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--tm-accent) !important;
}
.bg-primary {
  background-color: var(--tm-accent) !important;
}
.border-primary {
  border-color: var(--tm-accent) !important;
}
.form-control:focus {
  border-color: var(--tm-accent);
  box-shadow: 0 0 0 0.15rem rgba(0, 173, 181, 0.15);
}
.page-item.active .page-link {
  color: #fff;
  background-color: var(--tm-accent);
  border-color: var(--tm-accent);
}
.nav-tabs .nav-link.active {
  color: var(--tm-accent);
}
.nav-tabs .nav-link.active::after {
  background: var(--tm-accent);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--tm-accent);
  background-color: var(--tm-accent);
}
.nk-menu-link.active,
.nk-menu-item.active > .nk-menu-link {
  color: var(--tm-accent);
}
.link-list a:hover,
.link-list-opt a:hover {
  color: var(--tm-accent);
}
.dropdown-menu a.active,
.dropdown-item.active,
.dropdown-item:active {
  color: var(--tm-accent);
  background-color: var(--tm-accent-soft);
}

/* Flat, lebih ringkas: border zinc + radius konsisten ala tools. */
.card,
.card-bordered {
  border-color: var(--tm-border);
  border-radius: var(--tm-radius);
}
.dropdown-menu {
  border-color: var(--tm-border);
  border-radius: var(--tm-radius);
  box-shadow: 0 8px 24px rgba(24, 24, 27, 0.08);
}
.modal-content {
  border-radius: 12px;
  border-color: var(--tm-border);
}
.btn {
  border-radius: 8px;
}
.form-control,
.custom-select {
  border-radius: 8px;
}