/* =============================================
   EliteZone Custom Theme
   Colors from elitezone.ro
   ============================================= */

/* --- Root Variables --- */
[data-theme="dark"] {
  --kt-primary:              #2cff88;
  --kt-primary-active:       #0bdd6f;
  --kt-primary-light:        rgba(44, 255, 136, 0.12);
  --kt-primary-clarity:      rgba(44, 255, 136, 0.18);

  --kt-app-bg-color:         #03140c;
  --kt-body-bg:              #03140c;
  --kt-card-bg:              linear-gradient(180deg, rgba(7,31,18,0.88), rgba(3,17,11,0.92));
  --kt-border-color:         rgba(44, 255, 136, 0.12);

  --kt-text-color:           #e8f7ee;
  --kt-gray-600:             #9cb8a6;
  --kt-gray-700:             #abc7b2;
  --kt-gray-800:             #d9eee2;
}

/* --- Body background --- */
[data-theme="dark"] body,
[data-theme="dark"] .app-root,
[data-theme="dark"] #kt_app_root {
  background-color: #03140c !important;
  background-image: radial-gradient(ellipse at 50% 0%, rgba(11,221,111,0.10) 0%, transparent 65%) !important;
}

/* --- Header --- */
[data-theme="dark"] .app-header {
  background: linear-gradient(180deg, rgba(2,10,7,0.95), rgba(2,10,7,0.85)) !important;
  border-bottom: 1px solid rgba(44, 255, 136, 0.12) !important;
  backdrop-filter: blur(8px);
}

/* --- Sidebar Logo centrat --- */
[data-theme="dark"] .app-sidebar-logo,
[data-theme="light"] .app-sidebar-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* --- Sidebar --- */
[data-theme="dark"] .app-sidebar {
  background: linear-gradient(180deg, rgba(4,16,10,0.98), rgba(2,10,6,0.99)) !important;
  border-right: 1px solid rgba(44, 255, 136, 0.10) !important;
}

[data-theme="dark"] .app-sidebar-logo {
  border-bottom: 1px solid rgba(44, 255, 136, 0.12) !important;
}

/* Sidebar menu labels */
[data-theme="dark"] .menu-heading {
  color: #2cff88 !important;
  letter-spacing: 0.06em;
  font-size: 0.7rem;
}

/* Sidebar items */
[data-theme="dark"] .menu-item .menu-link {
  border-radius: 10px !important;
}

[data-theme="dark"] .menu-item .menu-link:hover {
  background-color: rgba(44, 255, 136, 0.08) !important;
}

[data-theme="dark"] .menu-item .menu-link:hover .menu-title,
[data-theme="dark"] .menu-item .menu-link:hover .menu-icon i {
  color: #2cff88 !important;
}

[data-theme="dark"] .menu-item .menu-link.active {
  background: linear-gradient(135deg, rgba(44,255,136,0.15), rgba(11,221,111,0.08)) !important;
  border: 1px solid rgba(44, 255, 136, 0.20) !important;
}

[data-theme="dark"] .menu-item .menu-link.active .menu-title,
[data-theme="dark"] .menu-item .menu-link.active .menu-icon i {
  color: #2cff88 !important;
}

[data-theme="dark"] .menu-item .menu-link.active .menu-arrow {
  color: #2cff88 !important;
}

/* Sub-menu bullets */
[data-theme="dark"] .bullet-dot {
  background-color: #2cff88 !important;
}

/* --- Cards --- */
[data-theme="dark"] .card-body {
  padding: 1.25rem 1.5rem !important;
}

[data-theme="light"] .card-body {
  padding: 1.25rem 1.5rem !important;
}

[data-theme="dark"] .card {
  background: linear-gradient(180deg, rgba(7,31,18,0.88), rgba(3,17,11,0.92)) !important;
  border: 1px solid rgba(44, 255, 136, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 70px rgba(1,10,5,0.45), inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

[data-theme="dark"] .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(44, 255, 136, 0.10) !important;
}

[data-theme="dark"] .card-title {
  color: #e8f7ee !important;
}

/* Stats card icon backgrounds */
[data-theme="dark"] .symbol-label.bg-light-success,
[data-theme="dark"] .symbol-label.bg-light-primary,
[data-theme="dark"] .symbol-label.bg-light-warning,
[data-theme="dark"] .symbol-label.bg-light-danger,
[data-theme="dark"] .symbol-label.bg-light-info {
  background: rgba(44, 255, 136, 0.10) !important;
}

[data-theme="dark"] .symbol-label.bg-light-success i,
[data-theme="dark"] .symbol-label.bg-light-primary i,
[data-theme="dark"] .symbol-label.bg-light-warning i,
[data-theme="dark"] .symbol-label.bg-light-danger i,
[data-theme="dark"] .symbol-label.bg-light-info i {
  color: #2cff88 !important;
}

/* Stats numbers */
[data-theme="dark"] .text-dark {
  color: #e8f7ee !important;
}

[data-theme="dark"] .text-muted {
  color: #9cb8a6 !important;
}

/* --- Tables --- */
[data-theme="dark"] .table {
  color: #e8f7ee !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  border-color: rgba(44, 255, 136, 0.07) !important;
  color: #d9eee2 !important;
}

/* --- Buttons --- */

/* icons in buttons inherit text color */
[data-theme="dark"] .btn-success i,
[data-theme="dark"] .btn-info i,
[data-theme="dark"] .btn-warning i,
[data-theme="dark"] .btn-danger i {
  color: inherit !important;
}

[data-theme="light"] .btn-success i,
[data-theme="light"] .btn-info i,
[data-theme="light"] .btn-warning i,
[data-theme="light"] .btn-danger i {
  color: inherit !important;
}

/* PRIMARY — verde solid */
[data-theme="dark"] .btn.btn-primary,
[data-theme="dark"] .btn-primary {
  background: linear-gradient(135deg, #32ff92, #0bdd6f) !important;
  border: 1px solid transparent !important;
  color: #041008 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 20px rgba(44, 255, 136, 0.24) !important;
  transition: box-shadow 0.2s, filter 0.2s !important;
}
[data-theme="dark"] .btn.btn-primary:hover,
[data-theme="dark"] .btn.btn-primary:focus,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus {
  background: linear-gradient(135deg, #3eff91, #0bdd6f) !important;
  color: #041008 !important;
  box-shadow: 0 4px 28px rgba(44, 255, 136, 0.40) !important;
  filter: brightness(1.08) !important;
}

/* SUCCESS — verde subtil outline */
[data-theme="dark"] .btn.btn-success,
[data-theme="dark"] .btn-success {
  background: rgba(44, 255, 136, 0.10) !important;
  border: 1px solid rgba(44, 255, 136, 0.35) !important;
  color: #2cff88 !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
[data-theme="dark"] .btn.btn-success:hover,
[data-theme="dark"] .btn.btn-success:focus,
[data-theme="dark"] .btn-success:hover,
[data-theme="dark"] .btn-success:focus {
  background: rgba(44, 255, 136, 0.22) !important;
  border-color: #2cff88 !important;
  color: #2cff88 !important;
  box-shadow: 0 0 14px rgba(44, 255, 136, 0.25) !important;
}

/* INFO — cyan outline */
[data-theme="dark"] .btn.btn-info,
[data-theme="dark"] .btn-info {
  background: rgba(0, 200, 212, 0.10) !important;
  border: 1px solid rgba(0, 200, 212, 0.35) !important;
  color: #00c8d4 !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
[data-theme="dark"] .btn.btn-info:hover,
[data-theme="dark"] .btn.btn-info:focus,
[data-theme="dark"] .btn-info:hover,
[data-theme="dark"] .btn-info:focus {
  background: rgba(0, 200, 212, 0.22) !important;
  border-color: #00c8d4 !important;
  color: #00c8d4 !important;
  box-shadow: 0 0 14px rgba(0, 200, 212, 0.25) !important;
}

/* WARNING — galben/auriu outline */
[data-theme="dark"] .btn.btn-warning,
[data-theme="dark"] .btn-warning {
  background: rgba(255, 180, 0, 0.10) !important;
  border: 1px solid rgba(255, 180, 0, 0.35) !important;
  color: #ffb800 !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
[data-theme="dark"] .btn.btn-warning:hover,
[data-theme="dark"] .btn.btn-warning:focus,
[data-theme="dark"] .btn-warning:hover,
[data-theme="dark"] .btn-warning:focus {
  background: rgba(255, 180, 0, 0.22) !important;
  border-color: #ffb800 !important;
  color: #ffb800 !important;
  box-shadow: 0 0 14px rgba(255, 180, 0, 0.25) !important;
}

/* DANGER — roșu outline */
[data-theme="dark"] .btn.btn-danger,
[data-theme="dark"] .btn-danger {
  background: rgba(255, 60, 60, 0.10) !important;
  border: 1px solid rgba(255, 60, 60, 0.35) !important;
  color: #ff5c5c !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
[data-theme="dark"] .btn.btn-danger:hover,
[data-theme="dark"] .btn.btn-danger:focus,
[data-theme="dark"] .btn-danger:hover,
[data-theme="dark"] .btn-danger:focus {
  background: rgba(255, 60, 60, 0.22) !important;
  border-color: #ff5c5c !important;
  color: #ff5c5c !important;
  box-shadow: 0 0 14px rgba(255, 60, 60, 0.25) !important;
}

/* --- Badges --- */
[data-theme="dark"] .badge-light-success {
  background-color: rgba(44, 255, 136, 0.12) !important;
  color: #2cff88 !important;
}

/* --- Separator --- */
[data-theme="dark"] .separator {
  border-color: rgba(44, 255, 136, 0.10) !important;
}

/* --- Footer --- */
[data-theme="dark"] .app-footer {
  background: rgba(2,10,7,0.90) !important;
  border-top: 1px solid rgba(44, 255, 136, 0.10) !important;
}

[data-theme="dark"] .app-footer a {
  color: #2cff88 !important;
}

[data-theme="dark"] .app-footer span.text-muted {
  color: #9cb8a6 !important;
}

/* --- User menu dropdown --- */
[data-theme="dark"] .menu-sub-dropdown {
  background: linear-gradient(180deg, rgba(7,26,15,0.98), rgba(3,14,9,0.99)) !important;
  border: 1px solid rgba(44, 255, 136, 0.12) !important;
  box-shadow: 0 20px 60px rgba(1,10,5,0.6) !important;
}

/* --- Scrolltop --- */
[data-theme="dark"] .scrolltop {
  background: linear-gradient(135deg, #32ff92, #0bdd6f) !important;
}

[data-theme="dark"] .scrolltop svg path {
  fill: #041008 !important;
}

/* --- Notifications header fix --- */
[data-theme="dark"] .menu-sub-dropdown .bgi-no-repeat.rounded-top {
  background-image: none !important;
  background: linear-gradient(135deg, rgba(7,40,22,0.98), rgba(11,80,40,0.95)) !important;
  border-bottom: 1px solid rgba(44, 255, 136, 0.20) !important;
  border-radius: 0 !important;
}

[data-theme="light"] .menu-sub-dropdown .bgi-no-repeat.rounded-top {
  background-image: none !important;
  background: linear-gradient(135deg, rgba(9,184,93,0.15), rgba(9,184,93,0.08)) !important;
  border-bottom: 1px solid rgba(9, 184, 93, 0.20) !important;
  border-radius: 0 !important;
}

/* --- Pagination --- */
[data-theme="dark"] ul.pagination,
[data-theme="light"] ul.pagination {
  gap: 3px !important;
}

[data-theme="dark"] ul.pagination li,
[data-theme="light"] ul.pagination li {
  border-radius: 8px !important;
}

/* --- p-0 override --- */
[data-theme="dark"] .p-0,
[data-theme="light"] .p-0 {
  padding: 0 !important;
}

/* --- Dropdown menus hover --- */
[data-theme="dark"] .menu-sub-dropdown .menu-link:hover,
[data-theme="dark"] .menu-sub-dropdown .menu-item:hover .menu-link {
  background: rgba(44, 255, 136, 0.08) !important;
  color: #2cff88 !important;
}

[data-theme="dark"] .menu-sub-dropdown .menu-link:hover .menu-title,
[data-theme="dark"] .menu-sub-dropdown .menu-link:hover span {
  color: #2cff88 !important;
}

[data-theme="dark"] .menu-gray-800 .menu-item .menu-link:hover,
[data-theme="dark"] .menu-state-color .menu-item .menu-link:hover,
[data-theme="dark"] .menu-hover-primary .menu-item .menu-link:hover {
  background: rgba(44, 255, 136, 0.08) !important;
  color: #2cff88 !important;
}

/* --- Links --- */
[data-theme="dark"] a:not(.btn):not(.menu-link) {
  color: #2cff88;
}

[data-theme="dark"] a:not(.btn):not(.menu-link):hover {
  color: #0bdd6f;
}

[data-theme="light"] a:not(.btn):not(.menu-link) {
  color: #057a3a;
}

[data-theme="light"] a:not(.btn):not(.menu-link):hover {
  color: #045c2b;
}

/* --- App wrapper bg --- */
[data-theme="dark"] .app-wrapper,
[data-theme="dark"] .app-main,
[data-theme="dark"] #kt_app_content {
  background: transparent !important;
}

/* --- Select --- */
[data-theme="dark"] select,
[data-theme="dark"] .form-select {
  background-color: rgba(7, 31, 18, 0.90) !important;
  border: 1px solid rgba(44, 255, 136, 0.15) !important;
  color: #e8f7ee !important;
}

[data-theme="dark"] select:focus,
[data-theme="dark"] .form-select:focus {
  border-color: rgba(44, 255, 136, 0.40) !important;
  box-shadow: 0 0 0 3px rgba(44, 255, 136, 0.10) !important;
  outline: none !important;
}

[data-theme="dark"] select option {
  background-color: #071f12;
  color: #e8f7ee;
}

[data-theme="dark"] select option:checked,
[data-theme="dark"] select option:hover {
  background-color: rgba(44, 255, 136, 0.20);
  color: #2cff88;
}

/* --- Input fields --- */
[data-theme="dark"] .form-control {
  background: rgba(7,31,18,0.6) !important;
  border: 1px solid rgba(44, 255, 136, 0.15) !important;
  color: #e8f7ee !important;
}

[data-theme="dark"] .form-control:focus {
  border-color: rgba(44, 255, 136, 0.40) !important;
  box-shadow: 0 0 0 3px rgba(44, 255, 136, 0.10) !important;
}

/* --- Mobile fixes --- */
@media (max-width: 991px) {
  .app-sidebar-toggle {
    display: none !important;
  }
  .app-sidebar-logo {
    display: none !important;
  }
  body,
  .app-root,
  #kt_app_root,
  .app-page,
  #kt_app_page {
    overflow-x: hidden !important;
    min-height: unset !important;
  }
  .app-wrapper,
  #kt_app_wrapper {
    min-height: unset !important;
    height: auto !important;
  }
}

/* --- Sidebar toggle button --- */

[data-theme="dark"] .app-sidebar-toggle {
  background: rgba(44, 255, 136, 0.08) !important;
  border: 1px solid rgba(44, 255, 136, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: background 0.2s, border-color 0.2s !important;
}

[data-theme="dark"] .app-sidebar-toggle svg path {
  fill: #2cff88 !important;
}

[data-theme="dark"] .app-sidebar-toggle:hover {
  background: rgba(44, 255, 136, 0.18) !important;
  border-color: rgba(44, 255, 136, 0.45) !important;
}

[data-theme="light"] .app-sidebar-toggle {
  background: rgba(9, 184, 93, 0.08) !important;
  border: 1px solid rgba(9, 184, 93, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: background 0.2s, border-color 0.2s !important;
}

[data-theme="light"] .app-sidebar-toggle svg path {
  fill: #09b85d !important;
}

[data-theme="light"] .app-sidebar-toggle:hover {
  background: rgba(9, 184, 93, 0.16) !important;
  border-color: rgba(9, 184, 93, 0.45) !important;
}

/* --- Text colors --- */
[data-theme="dark"] .text-success,
[data-theme="dark"] .text-primary {
  color: #2cff88 !important;
}

[data-theme="dark"] .fw-bold,
[data-theme="dark"] .fw-semibold {
  color: inherit;
}

/* --- Nav Tabs & Tab Buttons --- */
[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .btn-color-gray-600 {
  color: #9cb8a6 !important;
}

[data-theme="dark"] .nav-tabs .nav-link i,
[data-theme="dark"] .btn-color-gray-600 i {
  color: #9cb8a6 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link:hover,
[data-theme="dark"] .btn-active-color-primary.active,
[data-theme="dark"] .btn-active-color-primary:hover,
[data-theme="dark"] .nav-tabs .nav-link.active.btn-active-color-primary {
  color: #2cff88 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active i,
[data-theme="dark"] .nav-tabs .nav-link:hover i,
[data-theme="dark"] .btn-active-color-primary.active i,
[data-theme="dark"] .btn-active-color-primary:hover i,
[data-theme="dark"] .btn-active-color-primary.active svg path,
[data-theme="dark"] .btn-active-color-primary:hover svg path {
  color: #2cff88 !important;
  fill: #2cff88 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .btn-active-light.active {
  background: rgba(44, 255, 136, 0.10) !important;
  border-color: rgba(44, 255, 136, 0.20) !important;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
  background: rgba(44, 255, 136, 0.06) !important;
}

[data-theme="dark"] .nav-line-tabs .nav-link.active,
[data-theme="dark"] .nav-line-tabs .nav-link:hover {
  border-bottom-color: #2cff88 !important;
  color: #2cff88 !important;
}

/* --- List Group --- */
[data-theme="dark"] .list-group-item {
  background: rgba(7, 31, 18, 0.60) !important;
  border: 1px solid rgba(44, 255, 136, 0.10) !important;
  color: #e8f7ee !important;
}

[data-theme="dark"] .list-group-item:first-child {
  border-radius: 12px 12px 0 0 !important;
}

[data-theme="dark"] .list-group-item:last-child {
  border-radius: 0 0 12px 12px !important;
}

[data-theme="dark"] .list-group-item + .list-group-item {
  border-top: 1px solid rgba(44, 255, 136, 0.07) !important;
}

[data-theme="dark"] .list-group-item:hover {
  background: rgba(44, 255, 136, 0.07) !important;
}

[data-theme="dark"] .list-group-item strong,
[data-theme="dark"] .list-group-item b {
  color: #9cb8a6;
  font-weight: 600;
}

[data-theme="dark"] .list-group-item .text-success,
[data-theme="dark"] .list-group-item span.green {
  color: #2cff88 !important;
}

/* --- Table Active / Hover / Striped --- */
[data-theme="dark"] .table-active,
[data-theme="dark"] .table-active > td,
[data-theme="dark"] .table-active > th,
[data-theme="dark"] .table > tbody > tr.table-active > td,
[data-theme="dark"] .table > tbody > tr.table-active > th {
  background-color: rgba(44, 255, 136, 0.10) !important;
  --bs-table-accent-bg: rgba(44, 255, 136, 0.10) !important;
  --bs-table-active-bg: rgba(44, 255, 136, 0.10) !important;
  color: #e8f7ee !important;
}

/* table row hover - disabled */

[data-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(44, 255, 136, 0.03);
  --bs-table-hover-bg: transparent;
  --bs-table-active-bg: rgba(44, 255, 136, 0.10);
  --bs-table-color: #e8f7ee;
}

[data-theme="dark"] .table thead th {
  color: #9cb8a6 !important;
  border-bottom: 1px solid rgba(44, 255, 136, 0.15) !important;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(44, 255, 136, 0.03) !important;
  --bs-table-accent-bg: rgba(44, 255, 136, 0.03) !important;
}

/* --- Badges base --- */
[data-theme="dark"] .badge {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  border: 1px solid transparent !important;
  text-transform: uppercase !important;
}

[data-theme="dark"] .badge i {
  font-size: 0.65rem !important;
}

/* badge-primary → verde */
[data-theme="dark"] .badge-primary {
  background-color: rgba(44, 255, 136, 0.10) !important;
  border-color: rgba(44, 255, 136, 0.25) !important;
  color: #2cff88 !important;
}

[data-theme="dark"] .badge-primary i,
[data-theme="dark"] .badge-primary .text-white {
  color: #2cff88 !important;
}

/* badge-success → verde deschis */
[data-theme="dark"] .badge-success {
  background-color: rgba(44, 255, 136, 0.10) !important;
  border-color: rgba(44, 255, 136, 0.30) !important;
  color: #2cff88 !important;
}

[data-theme="dark"] .badge-success i,
[data-theme="dark"] .badge-success .text-white {
  color: #2cff88 !important;
}

/* badge-danger → roșu */
[data-theme="dark"] .badge-danger {
  background-color: rgba(255, 70, 70, 0.10) !important;
  border-color: rgba(255, 70, 70, 0.28) !important;
  color: #ff6b6b !important;
}

[data-theme="dark"] .badge-danger i,
[data-theme="dark"] .badge-danger .text-white {
  color: #ff6b6b !important;
}

/* badge-info → cyan/teal */
[data-theme="dark"] .badge-info {
  background-color: rgba(0, 200, 200, 0.10) !important;
  border-color: rgba(0, 200, 200, 0.25) !important;
  color: #4dd9d9 !important;
}

[data-theme="dark"] .badge-info i,
[data-theme="dark"] .badge-info .text-white {
  color: #4dd9d9 !important;
}

/* badge-warning → galben/auriu */
[data-theme="dark"] .badge-warning {
  background-color: rgba(255, 193, 7, 0.10) !important;
  border-color: rgba(255, 193, 7, 0.28) !important;
  color: #ffc107 !important;
}

[data-theme="dark"] .badge-warning i,
[data-theme="dark"] .badge-warning .text-white {
  color: #ffc107 !important;
}

/* badge-light-success (Metronic) */
[data-theme="dark"] .badge-light-success {
  background-color: rgba(44, 255, 136, 0.10) !important;
  border: 1px solid rgba(44, 255, 136, 0.22) !important;
  color: #2cff88 !important;
  border-radius: 6px !important;
}

/* badge inline cu culoare custom (kenny_badges) */
[data-theme="dark"] .badge[style*="background-color"] {
  border-radius: 6px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

/* fix icon negru pe badge cu background inline */
[data-theme="dark"] .badge[style*="background-color"] i {
  color: inherit !important;
}

/* --- EZ Badges (profile) --- */
[data-theme="dark"] .ez-badge-admin {
  background: rgba(255, 60, 60, 0.12) !important;
  border-color: rgba(255, 60, 60, 0.30) !important;
  color: #ff5c5c !important;
}
[data-theme="dark"] .ez-badge-admin i { color: #ff5c5c !important; }

[data-theme="dark"] .ez-badge-helper {
  background: rgba(0, 180, 200, 0.12) !important;
  border-color: rgba(0, 180, 200, 0.30) !important;
  color: #00c8d4 !important;
}
[data-theme="dark"] .ez-badge-helper i { color: #00c8d4 !important; }

[data-theme="dark"] .ez-badge-leader {
  background: rgba(44, 255, 136, 0.10) !important;
  border-color: rgba(44, 255, 136, 0.30) !important;
  color: #2cff88 !important;
}
[data-theme="dark"] .ez-badge-leader i { color: #2cff88 !important; }

[data-theme="dark"] .ez-badge-coleader {
  background: rgba(44, 255, 136, 0.07) !important;
  border-color: rgba(44, 255, 136, 0.20) !important;
  color: #9ef7be !important;
}
[data-theme="dark"] .ez-badge-coleader i { color: #9ef7be !important; }

[data-theme="dark"] .ez-badge-vip {
  background: rgba(80, 200, 80, 0.12) !important;
  border-color: rgba(80, 200, 80, 0.30) !important;
  color: #50c850 !important;
}
[data-theme="dark"] .ez-badge-vip i { color: #50c850 !important; }

[data-theme="dark"] .ez-badge-vip2 {
  background: rgba(220, 50, 50, 0.12) !important;
  border-color: rgba(220, 50, 50, 0.30) !important;
  color: #ff4444 !important;
}
[data-theme="dark"] .ez-badge-vip2 i { color: #ff4444 !important; }

[data-theme="dark"] .ez-badge-premium {
  background: rgba(255, 180, 0, 0.12) !important;
  border-color: rgba(255, 180, 0, 0.30) !important;
  color: #ffb800 !important;
}
[data-theme="dark"] .ez-badge-premium i { color: #ffb800 !important; }

[data-theme="dark"] .ez-badge-clanowner {
  background: rgba(100, 160, 255, 0.12) !important;
  border-color: rgba(100, 160, 255, 0.30) !important;
  color: #64a0ff !important;
}
[data-theme="dark"] .ez-badge-clanowner i,
[data-theme="dark"] .ez-badge-clanowner a { color: #64a0ff !important; }

/* =============================================
   LIGHT THEME — EliteZone White
   ============================================= */

/* --- Variables --- */
[data-theme="light"] {
  --kt-primary:        #09b85d;
  --kt-primary-active: #078a46;
  --kt-primary-light:  rgba(9, 184, 93, 0.10);
}

/* --- Body --- */
[data-theme="light"] body,
[data-theme="light"] .app-root,
[data-theme="light"] #kt_app_root {
  background-color: #f2faf6 !important;
  background-image: radial-gradient(ellipse at 50% 0%, rgba(9, 184, 93, 0.07) 0%, transparent 60%) !important;
}

/* --- Header --- */
[data-theme="light"] .app-header {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid rgba(9, 184, 93, 0.15) !important;
  box-shadow: 0 2px 16px rgba(9, 184, 93, 0.08) !important;
}

/* --- Sidebar --- */
[data-theme="light"] .app-sidebar {
  background: #ffffff !important;
  border-right: 1px solid rgba(9, 184, 93, 0.12) !important;
  box-shadow: 2px 0 16px rgba(9, 184, 93, 0.06) !important;
}

[data-theme="light"] .app-sidebar-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(9, 184, 93, 0.12) !important;
}

[data-theme="light"] .menu-heading {
  color: #09b85d !important;
  letter-spacing: 0.06em;
}

[data-theme="light"] .menu-item .menu-link {
  border-radius: 10px !important;
}

[data-theme="light"] .menu-item .menu-link .menu-title,
[data-theme="light"] .menu-item .menu-link .menu-icon i {
  color: #2d5a3d !important;
}

[data-theme="light"] .menu-item .menu-link:hover {
  background-color: rgba(9, 184, 93, 0.08) !important;
}

[data-theme="light"] .menu-item .menu-link:hover .menu-title,
[data-theme="light"] .menu-item .menu-link:hover .menu-icon i {
  color: #09b85d !important;
}

[data-theme="light"] .menu-item .menu-link.active {
  background: linear-gradient(135deg, rgba(9,184,93,0.14), rgba(9,184,93,0.07)) !important;
  border: 1px solid rgba(9, 184, 93, 0.22) !important;
}

[data-theme="light"] .menu-item .menu-link.active .menu-title,
[data-theme="light"] .menu-item .menu-link.active .menu-icon i {
  color: #09b85d !important;
}

[data-theme="light"] .bullet-dot {
  background-color: #09b85d !important;
}

/* --- Cards --- */
[data-theme="light"] .card {
  background: #ffffff !important;
  border: 1px solid rgba(9, 184, 93, 0.15) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 24px rgba(9, 184, 93, 0.08), 0 1px 4px rgba(0,0,0,0.04) !important;
}

[data-theme="light"] .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(9, 184, 93, 0.10) !important;
}

[data-theme="light"] .card-title {
  color: #071f12 !important;
}

/* Stats card icons */
[data-theme="light"] .symbol-label.bg-light-success,
[data-theme="light"] .symbol-label.bg-light-primary,
[data-theme="light"] .symbol-label.bg-light-warning,
[data-theme="light"] .symbol-label.bg-light-danger,
[data-theme="light"] .symbol-label.bg-light-info {
  background: rgba(9, 184, 93, 0.10) !important;
}

[data-theme="light"] .symbol-label.bg-light-success i,
[data-theme="light"] .symbol-label.bg-light-primary i,
[data-theme="light"] .symbol-label.bg-light-warning i,
[data-theme="light"] .symbol-label.bg-light-danger i,
[data-theme="light"] .symbol-label.bg-light-info i {
  color: #09b85d !important;
}

/* --- Text --- */
[data-theme="light"] .text-dark   { color: #071f12 !important; }
[data-theme="light"] .text-muted  { color: #5a8a6a !important; }
[data-theme="light"] .text-success,
[data-theme="light"] .text-primary { color: #09b85d !important; }

/* --- Tables --- */
[data-theme="light"] .table { color: #071f12 !important; }
[data-theme="light"] .table td,
[data-theme="light"] .table th { border-color: rgba(9, 184, 93, 0.10) !important; }
[data-theme="light"] .table thead th {
  color: #5a8a6a !important;
  border-bottom: 1px solid rgba(9, 184, 93, 0.18) !important;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* --- Buttons --- */
[data-theme="light"] .btn.btn-primary,
[data-theme="light"] .btn-primary {
  background: linear-gradient(135deg, #0bdd6f, #078a46) !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 16px rgba(9, 184, 93, 0.28) !important;
}
[data-theme="light"] .btn.btn-primary:hover,
[data-theme="light"] .btn-primary:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 4px 22px rgba(9, 184, 93, 0.38) !important;
}

[data-theme="light"] .btn.btn-success,
[data-theme="light"] .btn-success {
  background: rgba(9, 184, 93, 0.10) !important;
  border: 1px solid rgba(9, 184, 93, 0.35) !important;
  color: #09b85d !important;
}
[data-theme="light"] .btn.btn-success:hover,
[data-theme="light"] .btn-success:hover {
  background: rgba(9, 184, 93, 0.20) !important;
  border-color: #09b85d !important;
  box-shadow: 0 0 12px rgba(9, 184, 93, 0.20) !important;
}

[data-theme="light"] .btn.btn-info,
[data-theme="light"] .btn-info {
  background: rgba(0, 180, 200, 0.08) !important;
  border: 1px solid rgba(0, 180, 200, 0.35) !important;
  color: #008fa0 !important;
}
[data-theme="light"] .btn.btn-info:hover,
[data-theme="light"] .btn-info:hover {
  background: rgba(0, 180, 200, 0.18) !important;
  border-color: #008fa0 !important;
  box-shadow: 0 0 12px rgba(0, 180, 200, 0.18) !important;
}

[data-theme="light"] .btn.btn-warning,
[data-theme="light"] .btn-warning {
  background: rgba(200, 140, 0, 0.08) !important;
  border: 1px solid rgba(200, 140, 0, 0.35) !important;
  color: #b07800 !important;
}
[data-theme="light"] .btn.btn-warning:hover,
[data-theme="light"] .btn-warning:hover {
  background: rgba(200, 140, 0, 0.18) !important;
  border-color: #b07800 !important;
  box-shadow: 0 0 12px rgba(200, 140, 0, 0.18) !important;
}

[data-theme="light"] .btn.btn-danger,
[data-theme="light"] .btn-danger {
  background: rgba(220, 50, 50, 0.08) !important;
  border: 1px solid rgba(220, 50, 50, 0.35) !important;
  color: #cc2222 !important;
}
[data-theme="light"] .btn.btn-danger:hover,
[data-theme="light"] .btn-danger:hover {
  background: rgba(220, 50, 50, 0.18) !important;
  border-color: #cc2222 !important;
  box-shadow: 0 0 12px rgba(220, 50, 50, 0.18) !important;
}

/* --- List Group --- */
[data-theme="light"] .list-group-item {
  background: #f8fdfb !important;
  border: 1px solid rgba(9, 184, 93, 0.12) !important;
  color: #071f12 !important;
}
[data-theme="light"] .list-group-item + .list-group-item {
  border-top: 1px solid rgba(9, 184, 93, 0.08) !important;
}
[data-theme="light"] .list-group-item:hover {
  background: rgba(9, 184, 93, 0.06) !important;
}
[data-theme="light"] .list-group-item strong,
[data-theme="light"] .list-group-item b { color: #5a8a6a; }

/* --- Badges --- */
[data-theme="light"] .badge {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  border: 1px solid transparent !important;
  text-transform: uppercase !important;
}
[data-theme="light"] .badge-primary  { background: rgba(9,184,93,0.10) !important; border-color: rgba(9,184,93,0.28) !important; color: #09b85d !important; }
[data-theme="light"] .badge-success  { background: rgba(9,184,93,0.10) !important; border-color: rgba(9,184,93,0.28) !important; color: #09b85d !important; }
[data-theme="light"] .badge-danger   { background: rgba(220,50,50,0.08) !important; border-color: rgba(220,50,50,0.25) !important; color: #cc2222 !important; }
[data-theme="light"] .badge-info     { background: rgba(0,180,200,0.08) !important; border-color: rgba(0,180,200,0.25) !important; color: #008fa0 !important; }
[data-theme="light"] .badge-warning  { background: rgba(200,140,0,0.08) !important; border-color: rgba(200,140,0,0.25) !important; color: #b07800 !important; }

[data-theme="light"] .ez-badge-admin    { background: rgba(220,50,50,0.08) !important; border-color: rgba(220,50,50,0.28) !important; color: #cc2222 !important; }
[data-theme="light"] .ez-badge-admin i  { color: #cc2222 !important; }
[data-theme="light"] .ez-badge-helper   { background: rgba(0,160,180,0.08) !important; border-color: rgba(0,160,180,0.28) !important; color: #007a8a !important; }
[data-theme="light"] .ez-badge-helper i { color: #007a8a !important; }
[data-theme="light"] .ez-badge-leader   { background: rgba(9,184,93,0.10) !important; border-color: rgba(9,184,93,0.28) !important; color: #09b85d !important; }
[data-theme="light"] .ez-badge-leader i { color: #09b85d !important; }
[data-theme="light"] .ez-badge-coleader   { background: rgba(9,184,93,0.07) !important; border-color: rgba(9,184,93,0.20) !important; color: #078a46 !important; }
[data-theme="light"] .ez-badge-coleader i { color: #078a46 !important; }
[data-theme="light"] .ez-badge-vip    { background: rgba(60,180,60,0.08) !important; border-color: rgba(60,180,60,0.28) !important; color: #2a8a2a !important; }
[data-theme="light"] .ez-badge-vip i  { color: #2a8a2a !important; }
[data-theme="light"] .ez-badge-vip2   { background: rgba(200,40,40,0.08) !important; border-color: rgba(200,40,40,0.28) !important; color: #c42222 !important; }
[data-theme="light"] .ez-badge-vip2 i { color: #c42222 !important; }
[data-theme="light"] .ez-badge-premium   { background: rgba(180,130,0,0.08) !important; border-color: rgba(180,130,0,0.28) !important; color: #a07000 !important; }
[data-theme="light"] .ez-badge-premium i { color: #a07000 !important; }
[data-theme="light"] .ez-badge-clanowner   { background: rgba(60,120,240,0.08) !important; border-color: rgba(60,120,240,0.28) !important; color: #2255cc !important; }
[data-theme="light"] .ez-badge-clanowner i,
[data-theme="light"] .ez-badge-clanowner a { color: #2255cc !important; }

/* --- Nav Tabs --- */
[data-theme="light"] .nav-tabs .nav-link { color: #5a8a6a !important; }
[data-theme="light"] .nav-tabs .nav-link.active,
[data-theme="light"] .nav-tabs .nav-link:hover { color: #09b85d !important; }
[data-theme="light"] .nav-tabs .nav-link.active { background: rgba(9,184,93,0.08) !important; border-color: rgba(9,184,93,0.20) !important; }
[data-theme="light"] .nav-tabs .nav-link:hover { background: rgba(9,184,93,0.05) !important; }
[data-theme="light"] .nav-line-tabs .nav-link.active,
[data-theme="light"] .nav-line-tabs .nav-link:hover { border-bottom-color: #09b85d !important; color: #09b85d !important; }

/* --- Select & Inputs --- */
[data-theme="light"] select,
[data-theme="light"] .form-select,
[data-theme="light"] .form-control {
  background-color: #f8fdfb !important;
  border: 1px solid rgba(9, 184, 93, 0.20) !important;
  color: #071f12 !important;
}
[data-theme="light"] select:focus,
[data-theme="light"] .form-select:focus,
[data-theme="light"] .form-control:focus {
  border-color: rgba(9, 184, 93, 0.50) !important;
  box-shadow: 0 0 0 3px rgba(9, 184, 93, 0.10) !important;
}
[data-theme="light"] select option { background: #ffffff; color: #071f12; }

/* --- Footer --- */
[data-theme="light"] .app-footer {
  background: rgba(255,255,255,0.95) !important;
  border-top: 1px solid rgba(9, 184, 93, 0.12) !important;
}
[data-theme="light"] .app-footer a { color: #09b85d !important; }
[data-theme="light"] .app-footer span.text-muted { color: #5a8a6a !important; }

/* --- Separator --- */
[data-theme="light"] .separator { border-color: rgba(9, 184, 93, 0.12) !important; }

/* --- Dropdown menus --- */
[data-theme="light"] .menu-sub-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(9, 184, 93, 0.14) !important;
  box-shadow: 0 8px 40px rgba(9, 184, 93, 0.12) !important;
}
[data-theme="light"] .menu-sub-dropdown .menu-link:hover { background: rgba(9,184,93,0.07) !important; color: #09b85d !important; }

/* --- Scrolltop --- */
[data-theme="light"] .scrolltop {
  background: linear-gradient(135deg, #0bdd6f, #078a46) !important;
}
[data-theme="light"] .scrolltop svg path { fill: #ffffff !important; }

/* --- Wrapper bg transparent --- */
[data-theme="light"] .app-wrapper,
[data-theme="light"] .app-main,
[data-theme="light"] #kt_app_content { background: transparent !important; }

/* --- link-primary --- */
[data-theme="dark"] .link-primary {
  color: #2cff88 !important;
  text-decoration: none;
  transition: color 0.15s;
}
[data-theme="dark"] .link-primary:hover,
[data-theme="dark"] .link-primary:focus {
  color: #0bdd6f !important;
  text-decoration: underline;
}

[data-theme="light"] .link-primary {
  color: #09b85d !important;
  text-decoration: none;
  transition: color 0.15s;
}
[data-theme="light"] .link-primary:hover,
[data-theme="light"] .link-primary:focus {
  color: #078a46 !important;
  text-decoration: underline;
}