/* === Dark Theme Overrides for Kubeo === */

/* Base background and text */
body {
  background-color: #0e0e0e !important;
  color: #e5e5e5 !important;
}

/* Cards, boxes, and containers */
.dashboard-box,
.card {
  background-color: #1c1c1c !important;
  color: #f0f0f0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Tabs */
.tabs .tab a {
  color: #bbb !important;
}
.tabs .tab a.active {
  background-color: #8d0c11a3 !important;
  color: #fff !important;
}
.tabs .indicator {
  background-color: #ff3131 !important;
}

/* Avatar placeholder */
.avatar-placeholder {
  background: linear-gradient(135deg, #222, #333) !important;
  color: #aaa !important;
}

/* Text and headings */
h1, h2, h3, h4, h5, h6, p, span {
  color: #eaeaea !important;
}

/* Badges */
.badge-notification .badge,
.tab-link-with-badge .badge {
  background-color: #8d0c11a3 !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

/* Search bar */
.nav-wrapper .search-form {
  background-color: #1b1b1b !important;
}
.nav-wrapper .search-form input[type=search] {
  color: #f5f5f5 !important;
  background-color: #1b1b1b !important;
}
.nav-wrapper .search-form input[type=search]::placeholder {
  color: #aaa !important;
}
.nav-wrapper .search-form i.material-icons {
  color: #ccc !important;
}

/* Dropdowns */
.dropdown-content li > a,
.dropdown-content li > span {
  /*color: #ff6666 !important;*/
  background-color: #1b1b1b !important;
}

/* Buttons */
.btn, .btn-large {
  background-color: #8d0c11 !important;
  color: white !important;
}
.btn:hover, .btn-large:hover {
  background-color: #b41518 !important;
}

/* Star color */
.starClr {
  color: #ffda2a !important;
}

/* Footer links */
.footer-links li a {
  color: #ccc !important;
}
.footer-links li a:hover {
  color: #fff !important;
}

/* Utility */
.red { background-color: #660000 !important; }
.green { background-color: #0b6610 !important; }
.card-panel{
    background-color: #000 !important;
    color: #fff !important;
}