/*
 * Custom Theme: Green (Emerald Dark)
 * Tema hijau gelap seperti dark mode tapi dengan aksen emerald/hijau.
 */

/* ====================== GREEN THEME BODY OVERRIDE ====================== */
/* Paksa body/html menggunakan background green ketika data-bs-theme="green" */
html[data-bs-theme="green"],
html[data-bs-theme="green"] body {
  background-color: #0d1f18 !important;
  color: #d4f0de !important;
}

/* Wrapper page utama */
html[data-bs-theme="green"] .wrapper-page,
html[data-bs-theme="green"] .page-content-tab,
html[data-bs-theme="green"] .content-page,
html[data-bs-theme="green"] #main-content,
html[data-bs-theme="green"] .main-content,
html[data-bs-theme="green"] [class*="page-wrapper"],
html[data-bs-theme="green"] [class*="content-wrapper"],
html[data-bs-theme="green"] .container-fluid {
  background-color: #0d1f18 !important;
}

/* ====================== LIGHT THEME — FIX ICON VISIBILITY ====================== */
/* Saat light mode, topbar putih → icon harus gelap agar terlihat */
html[data-bs-theme="light"] .topbar-button,
html[data-bs-theme="light"] .topbar-button iconify-icon,
html[data-bs-theme="light"] #theme-cycle-btn iconify-icon,
[data-topbar-color="light"] .topbar-button,
[data-topbar-color="light"] .topbar-button iconify-icon {
  color: #333 !important;
}

html[data-bs-theme="light"] .topbar-button:hover,
[data-topbar-color="light"] .topbar-button:hover {
  color: #111 !important;
  background-color: rgba(0, 0, 0, 0.06) !important;
}

/* ====================== LIGHT THEME — FIX SIDEBAR LOGO ====================== */
/* Logo "BOSS" hardcoded text-white → override jadi gelap saat sidebar terang */
[data-menu-color="light"] .logo-box .logo-lg,
[data-menu-color="light"] .logo-box .logo-sm,
[data-menu-color="light"] .logo-box a,
[data-bs-theme="light"] .logo-box .logo-lg,
[data-bs-theme="light"] .logo-box .logo-sm,
[data-bs-theme="light"] .logo-box a {
  color: #1a1a2e !important;  /* dark navy, terlihat di sidebar putih */
}

/* Menu items di sidebar light juga perlu terlihat */
[data-menu-color="light"] .navbar-nav .nav-link,
[data-menu-color="light"] .navbar-nav .nav-text,
[data-menu-color="light"] .menu-title,
[data-bs-theme="light"] .main-nav .nav-link,
[data-bs-theme="light"] .main-nav .nav-text,
[data-bs-theme="light"] .main-nav .menu-title {
  color: #444 !important;
}


/* ====================== GREEN THEME ====================== */
[data-bs-theme="green"] {
  /* Core Colors */
  --bs-body-bg: #0d1f18;
  --bs-body-bg-rgb: 13, 31, 24;
  --bs-body-color: #d4f0de;
  --bs-body-color-rgb: 212, 240, 222;

  /* Card / Surface */
  --bs-card-bg: #112b20;
  --bs-card-border-color: #1e4331;
  --bs-card-cap-bg: #0e2319;

  /* Border */
  --bs-border-color: #1e4331;
  --bs-border-color-translucent: rgba(30, 67, 49, 0.5);

  /* Primary → Emerald */
  --bs-primary: #2ec27e;
  --bs-primary-rgb: 46, 194, 126;
  --bs-primary-text-emphasis: #2ec27e;
  --bs-primary-bg-subtle: rgba(46, 194, 126, 0.15);
  --bs-primary-border-subtle: rgba(46, 194, 126, 0.3);

  /* Link */
  --bs-link-color: #2ec27e;
  --bs-link-color-rgb: 46, 194, 126;
  --bs-link-hover-color: #5dd39e;

  /* Secondary */
  --bs-secondary-color: #8ab89a;
  --bs-secondary-bg: #152d22;

  /* Tertiary */
  --bs-tertiary-bg: #0f2619;
  --bs-tertiary-color: #6a9a7a;

  /* Form */
  --bs-form-control-bg: #112b20;
  --bs-form-control-border-color: #1e4331;
  --bs-input-bg: #112b20;
  --bs-input-border-color: #1e4331;
  --bs-input-color: #d4f0de;
  --bs-input-focus-bg: #163626;
  --bs-input-focus-border-color: #2ec27e;
  --bs-input-placeholder-color: #6a9a7a;

  /* Table */
  --bs-table-color: #d4f0de;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(46, 194, 126, 0.06);
  --bs-table-hover-bg: rgba(46, 194, 126, 0.1);
  --bs-table-border-color: #1e4331;

  /* Dropdown */
  --bs-dropdown-bg: #112b20;
  --bs-dropdown-border-color: #1e4331;
  --bs-dropdown-link-color: #d4f0de;
  --bs-dropdown-link-hover-bg: rgba(46, 194, 126, 0.1);
  --bs-dropdown-link-hover-color: #2ec27e;
  --bs-dropdown-link-active-bg: #2ec27e;
  --bs-dropdown-link-active-color: #fff;

  /* Modal */
  --bs-modal-bg: #112b20;
  --bs-modal-border-color: #1e4331;
  --bs-modal-header-border-color: #1e4331;
  --bs-modal-footer-border-color: #1e4331;

  /* Offcanvas */
  --bs-offcanvas-bg: #112b20;
  --bs-offcanvas-border-color: #1e4331;

  /* Tooltip */
  --bs-tooltip-bg: #2ec27e;
  --bs-tooltip-color: #fff;

  /* Badge */
  --bs-badge-color: #fff;

  /* Scrollbar */
  color-scheme: dark;
}

/* ---- Topbar ---- */
[data-bs-theme="green"] .topbar {
  background-color: #0f2619 !important;
  border-bottom: 1px solid #1e4331 !important;
}

[data-bs-theme="green"] .topbar-button,
[data-bs-theme="green"] .topbar-button iconify-icon {
  color: #8ab89a !important;
}

[data-bs-theme="green"] .topbar-button:hover {
  background-color: rgba(46, 194, 126, 0.12) !important;
  color: #2ec27e !important;
}

/* ---- Sidebar / Left Menu ---- */
[data-bs-theme="green"] .main-nav,
[data-bs-theme="green"] .navbar-menu {
  background-color: #0c1e14 !important;
  border-right: 1px solid #1e4331 !important;
}

[data-bs-theme="green"] .navbar-nav .nav-link,
[data-bs-theme="green"] .nav-item > a,
[data-bs-theme="green"] .nav-link.active {
  color: #8ab89a !important;
}

[data-bs-theme="green"] .navbar-nav .nav-item .nav-link.active,
[data-bs-theme="green"] .navbar-nav .nav-item .nav-link:hover {
  color: #2ec27e !important;
  background-color: rgba(46, 194, 126, 0.12) !important;
}

[data-bs-theme="green"] .nav-item .menu-link.active {
  color: #2ec27e !important;
}

/* ---- Cards ---- */
[data-bs-theme="green"] .card {
  background-color: #112b20 !important;
  border-color: #1e4331 !important;
}

[data-bs-theme="green"] .card-header {
  background-color: #0e2319 !important;
  border-color: #1e4331 !important;
}

/* ---- Inputs ---- */
[data-bs-theme="green"] .form-control,
[data-bs-theme="green"] .form-select,
[data-bs-theme="green"] .input-group-text {
  background-color: #112b20 !important;
  border-color: #1e4331 !important;
  color: #d4f0de !important;
}

[data-bs-theme="green"] .form-control:focus,
[data-bs-theme="green"] .form-select:focus {
  border-color: #2ec27e !important;
  box-shadow: 0 0 0 0.2rem rgba(46, 194, 126, 0.25) !important;
  background-color: #163626 !important;
}

/* ---- Buttons Primary ---- */
[data-bs-theme="green"] .btn-primary {
  background-color: #2ec27e !important;
  border-color: #2ec27e !important;
  color: #fff !important;
}

[data-bs-theme="green"] .btn-primary:hover {
  background-color: #27a96e !important;
  border-color: #27a96e !important;
}

/* ---- Tables ---- */
[data-bs-theme="green"] table,
[data-bs-theme="green"] .table {
  color: #d4f0de !important;
  border-color: #1e4331 !important;
}

[data-bs-theme="green"] .table > :not(caption) > * > * {
  background-color: transparent;
  border-color: #1e4331 !important;
  color: #d4f0de !important;
}

[data-bs-theme="green"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(46, 194, 126, 0.06) !important;
}

[data-bs-theme="green"] .table-hover > tbody > tr:hover > * {
  background-color: rgba(46, 194, 126, 0.1) !important;
}

/* ---- Simplebar track ---- */
[data-bs-theme="green"] .simplebar-scrollbar::before {
  background: #2ec27e;
}

/* ---- Footer ---- */
[data-bs-theme="green"] .footer {
  background-color: #0f2619 !important;
  border-top: 1px solid #1e4331 !important;
  color: #6a9a7a !important;
}

/* ====================== TEMA INDICATOR ====================== */
/* Icon #theme-icon dikendalikan oleh theme-switcher.js secara langsung (atribut icon + style color) */
/* Tidak perlu CSS show/hide di sini */