/* Dasar putih, kontrol hijau daun, dan garis header emas Melayu. */
.app-brand {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.6px;
  line-height: 1.2;
  white-space: nowrap;
  color: #387b2c;
}
#kt_app_sidebar .app-brand {
  color: #e5f1da;
}
.app-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  vertical-align: middle;
}
.app-brand-emblem {
  width: 32px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  [data-kt-app-sidebar-minimize="on"] #kt_app_sidebar_logo {
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center;
  }
}
:root, [data-bs-theme="light"], [data-theme="light"] {
  --bs-primary: #387b2c;
  --bs-primary-rgb: 56, 123, 44;
  --bs-primary-active: #2c6422;
  --bs-primary-light: #edf5e6;
  --bs-primary-inverse: #ffffff;
  --bs-link-color: #387b2c;
  --bs-link-hover-color: #2c6422;
  --bs-link-color-rgb: 56, 123, 44;
  --bs-link-hover-color-rgb: 44, 100, 34;
  --bs-body-bg: #ffffff;
  --bs-app-bg-color: #ffffff;
  --bs-border-color: #e4e6ef;
  --bs-component-active-bg: #387b2c;
  --bs-component-hover-color: #387b2c;
  --bs-component-hover-bg: #edf5e6;
  --bs-text-primary: #387b2c;
  --melayu-gold: #d4b451;
  --melayu-content-bg: #e5e5e5;
}

body:not([data-bs-theme="dark"]):not([data-theme="dark"]) {
  background-color: var(--bs-app-bg-color);
}

.btn.btn-primary {
  color: #fff;
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
}
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active {
  color: #fff !important;
  border-color: var(--bs-primary-active) !important;
  background-color: var(--bs-primary-active) !important;
}
.btn.btn-light-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary-light);
  background-color: var(--bs-primary-light);
}
.form-control:focus, .form-select:focus {
  border-color: #87ad6e;
  box-shadow: 0 0 0 .2rem rgba(56, 123, 44, .12);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

html:not([data-bs-theme="dark"]):not([data-theme="dark"]) .app-header {
  background-color: #ffffff;
  border-bottom: 1px solid var(--bs-border-color);
  /* Inset line stays visible alongside Metronic's border-bottom utility. */
  box-shadow: inset 0 -2px 0 var(--melayu-gold);
}
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) .app-sidebar {
  background-color: #387b2c;
  border-right: 1px solid #2c6422;
}
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) .app-toolbar {
  background-color: #ffffff;
}
/* Latar konten sedikit lebih gelap; permukaan kartu dan form tetap putih. */
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) #kt_app_main,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) #kt_app_content {
  background-color: var(--melayu-content-bg) !important;
}
.menu .menu-item .menu-link.active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-light);
  box-shadow: inset 3px 0 0 var(--bs-primary);
}
.menu .menu-item .menu-link.active .menu-title,
.menu .menu-item .menu-link.active .menu-icon,
.menu .menu-item .menu-link.active .menu-icon i {
  color: var(--bs-primary);
}
.nav-line-tabs .nav-link.active {
  border-bottom-color: var(--bs-primary) !important;
}

/* Motif Melayu yang sama dengan login, termasuk drawer pada layar kecil. */
#kt_app_sidebar {
  background-color: #003c2c;
  /* Keep only the lower ornament; the upper logo and menus sit on solid green. */
  background-image: linear-gradient(to bottom, #003c2c 0%, #003c2c 75%, transparent 79%), url('../../images/bg-melayu.png?v=b8cdf73db5ff');
  background-repeat: no-repeat, repeat-x;
  background-position: center center, center bottom;
  background-size: 100% 100%, auto 100%;
}
#kt_app_sidebar .menu-link {
  background-color: rgba(0, 60, 44, .9);
}
#kt_app_sidebar .app-sidebar-logo {
  background-color: rgba(0, 60, 44, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
#kt_app_sidebar .menu-link,
#kt_app_sidebar .menu-link .menu-title,
#kt_app_sidebar .menu-link .menu-icon,
#kt_app_sidebar .menu-link .menu-icon i {
  color: #f0f7e9;
}
#kt_app_sidebar .menu-heading,
#kt_app_sidebar .menu-section {
  color: #d4e5c6 !important;
}
#kt_app_sidebar .menu-item > .menu-link:hover,
#kt_app_sidebar .menu-item > .menu-link:focus-visible,
#kt_app_sidebar .menu-item.show > .menu-link {
  background-color: #14543f;
}
#kt_app_sidebar .menu-item > .menu-link.active {
  background-color: #e5f1da;
  color: #387b2c;
  box-shadow: inset 3px 0 0 var(--melayu-gold);
}
#kt_app_sidebar .menu-link:hover .menu-title,
#kt_app_sidebar .menu-link:hover .menu-icon,
#kt_app_sidebar .menu-link:hover .menu-icon i {
  color: #fff;
}
#kt_app_sidebar .menu-link.active .menu-title,
#kt_app_sidebar .menu-link.active .menu-icon,
#kt_app_sidebar .menu-link.active .menu-icon i {
  color: #387b2c;
}
#kt_app_sidebar .menu-item > .menu-link.active:hover,
#kt_app_sidebar .menu-item > .menu-link.active:focus-visible {
  background-color: #d5e9c6;
}
#kt_app_sidebar .menu-link .menu-arrow::after {
  background-color: #e1eed7;
}
#kt_app_sidebar .menu-link .bullet {
  background-color: #d4e5c6;
}
#kt_app_sidebar .menu-link.active .bullet {
  background-color: #387b2c;
}
#kt_app_sidebar .menu-link.active .menu-arrow::after {
  background-color: #387b2c;
}
#kt_app_sidebar .menu-link:focus-visible {
  outline: 2px solid var(--melayu-gold);
  outline-offset: -2px;
}
.melayu-login-panel {
  background-image: none !important;
  background-color: #ffffff;
}
.melayu-login-panel .text-white {
  color: #3f4254 !important;
}

/* Tipografi admin lebih ringan tanpa mengubah skala judul. */
#kt_app_body {
  --bs-primary: #387b2c;
  --bs-primary-rgb: 56, 123, 44;
  --bs-primary-active: #2c6422;
  --bs-primary-light: #edf5e6;
  --bs-primary-inverse: #ffffff;
  --bs-success: #387b2c;
  --bs-success-rgb: 56, 123, 44;
  --bs-success-active: #2c6422;
  --bs-success-light: #edf5e6;
  --bs-success-inverse: #ffffff;
  --bs-font-sans-serif: 'Segoe UI', 'Inter', Arial, sans-serif;
  --bs-body-font-family: 'Segoe UI', 'Inter', Arial, sans-serif;
  font-family: var(--bs-body-font-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}
#kt_app_body .btn.btn-primary,
#kt_app_body .btn.btn-success {
  background-color: #387b2c !important;
  border-color: #387b2c !important;
  color: #ffffff !important;
}
#kt_app_body .btn.btn-primary:hover,
#kt_app_body .btn.btn-primary:focus-visible,
#kt_app_body .btn.btn-primary:active,
#kt_app_body .btn.btn-success:hover,
#kt_app_body .btn.btn-success:focus-visible,
#kt_app_body .btn.btn-success:active {
  background-color: #2c6422 !important;
  border-color: #2c6422 !important;
}
#kt_app_body .btn.btn-primary i,
#kt_app_body .btn.btn-primary .svg-icon,
#kt_app_body .btn.btn-success i,
#kt_app_body .btn.btn-success .svg-icon {
  color: #ffffff !important;
}
#kt_app_body .btn.btn-light-primary,
#kt_app_body .btn.btn-light-success {
  background-color: #edf5e6 !important;
  border-color: #edf5e6 !important;
  color: #387b2c !important;
}
#kt_app_body .btn.btn-light-primary:hover,
#kt_app_body .btn.btn-light-success:hover {
  background-color: #d5e9c6 !important;
  border-color: #d5e9c6 !important;
}
#kt_app_body .btn.btn-light-primary i,
#kt_app_body .btn.btn-light-primary .svg-icon,
#kt_app_body .btn.btn-light-success i,
#kt_app_body .btn.btn-light-success .svg-icon {
  color: #387b2c !important;
}
#kt_app_body #kt_app_sidebar_menu,
#kt_app_body #kt_app_toolbar_menu {
  font-weight: 500 !important;
}
#kt_app_body #kt_app_sidebar_menu .menu-title,
#kt_app_body #kt_app_toolbar_menu .menu-title {
  font-size: 12px;
}
#kt_app_body .btn,
#kt_app_body .form-control,
#kt_app_body .form-select {
  font-family: inherit;
  font-size: 13px;
}