/**
 * KIZMIO FRONTEND HIGH-INTENSITY NEON DARK SAAS DESIGN SYSTEM
 * 
 * Strictly active ONLY in Night Mode:
 * body.night-mode, html[data-bs-theme="dark"], .kizmiotheme.night-mode
 * DAY MODE IS 100% UNTOUCHED
 */

/* ==========================================================================
   1. GLOBAL PAGE BACKGROUND & BODY
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]),
.kizmiotheme.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]),
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) body {
  background: #050B18 radial-gradient(circle at 50% 0%, #0C1B35 0%, #050B18 70%) no-repeat fixed !important;
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .main-wrapper,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .main-wrapper {
  background: transparent !important;
}

/* ==========================================================================
   2. TOP HEADER, SEARCH & HORIZONTAL NEON MENU (DAY & NIGHT MODES)
   ========================================================================== */

/* Main Header */
.kizmiotheme .main-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: all .25s ease;
}

/* Day Mode Header */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .main-header,
html[data-bs-theme="light"] .kizmiotheme .main-header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid rgba(0, 180, 216, 0.18) !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
}

/* Night Mode Header */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .main-header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .main-header {
  background: rgba(6, 13, 27, 0.95) !important;
  border-bottom: 1px solid rgba(22, 139, 255, 0.25) !important;
  box-shadow: 0 4px 25px rgba(2, 6, 15, 0.75) !important;
}

/* --------------------------------------------------------------------------
   NEON SEARCH BOX (As shown in mockup)
   Multi-color gradient border, glowing cyan search icon, filter sliders icon
   -------------------------------------------------------------------------- */
.kizmiotheme .search-wrapper form {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 9999px !important;
  border: 2px solid transparent !important;
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Day Mode Search Box */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .search-wrapper form,
html[data-bs-theme="light"] .kizmiotheme .search-wrapper form {
  background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) padding-box,
              linear-gradient(90deg, #00b4d8 0%, #3b82f6 22%, #a824f9 48%, #f72585 75%, #ff5e14 100%) border-box !important;
  box-shadow: 0 0 12px rgba(0, 180, 216, 0.35), 0 0 20px rgba(247, 37, 133, 0.25), 0 4px 18px rgba(15, 23, 42, 0.08) !important;
}

/* Night Mode Search Box */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .search-wrapper form,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .search-wrapper form {
  background: linear-gradient(rgba(6, 14, 30, 0.95), rgba(6, 14, 30, 0.95)) padding-box,
              linear-gradient(90deg, #00d2ff 0%, #168bff 22%, #a824f9 48%, #f72585 75%, #ff5e14 100%) border-box !important;
  box-shadow: 0 0 14px rgba(0, 210, 255, 0.45), 0 0 22px rgba(247, 37, 133, 0.35), 0 0 28px rgba(255, 94, 20, 0.3), inset 0 0 12px rgba(0, 210, 255, 0.12) !important;
}

/* Search Focus Glow */
.kizmiotheme .search-wrapper form:focus-within {
  box-shadow: 0 0 18px rgba(0, 210, 255, 0.65), 0 0 30px rgba(247, 37, 133, 0.5), 0 0 36px rgba(255, 94, 20, 0.45) !important;
  transform: translateY(-1px);
}

.kizmiotheme .search-wrapper .form-control {
  height: 44px !important;
  border-radius: 9999px !important;
  border: none !important;
  background: transparent !important;
  padding-left: 54px !important;
  padding-right: 50px !important;
  font-size: 13.5px !important;
  box-shadow: none !important;
}

/* Day Mode Search Input Text */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .search-wrapper .form-control,
html[data-bs-theme="light"] .kizmiotheme .search-wrapper .form-control {
  color: #0f172a !important;
  font-weight: 550;
}
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .search-wrapper .form-control::placeholder,
html[data-bs-theme="light"] .kizmiotheme .search-wrapper .form-control::placeholder {
  color: #64748b !important;
  font-weight: 450;
}

/* Night Mode Search Input Text */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .search-wrapper .form-control,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .search-wrapper .form-control {
  color: #f8fafc !important;
  font-weight: 500;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .search-wrapper .form-control::placeholder,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .search-wrapper .form-control::placeholder {
  color: rgba(203, 213, 225, 0.72) !important;
}

/* Glowing Cyan Search Icon on Left */
.kizmiotheme .search-wrapper .search-input-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  pointer-events: none;
  background: radial-gradient(circle, rgba(0, 240, 255, 0.18) 0%, transparent 75%);
  border: 1.5px solid rgba(0, 240, 255, 0.45);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.35);
  color: #00f0ff !important;
  line-height: 1;
}
.kizmiotheme .search-wrapper .search-input-icon i,
.kizmiotheme .search-wrapper .search-input-icon svg {
  color: #00f0ff !important;
  fill: #00f0ff !important;
  font-size: 15px !important;
  filter: drop-shadow(0 0 6px #00f0ff) drop-shadow(0 0 14px rgba(0, 240, 255, 0.8)) !important;
}

/* Filter / Sliders Button on Right */
.kizmiotheme .search-wrapper .search-input-filter {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #f72585 !important;
  text-decoration: none;
  font-size: 15px;
  filter: drop-shadow(0 0 6px #f72585);
  transition: all .2s ease;
}
.kizmiotheme .search-wrapper .search-input-filter:hover {
  color: #ff5e14 !important;
  filter: drop-shadow(0 0 8px #ff5e14) drop-shadow(0 0 14px rgba(255, 94, 20, 0.7)) !important;
  transform: translateY(-50%) scale(1.15);
}

/* --------------------------------------------------------------------------
   TOP BAR ACTION BUTTONS (Right Side)
   Circular pills with glowing neon rings
   -------------------------------------------------------------------------- */
.kizmiotheme .navbar-wrapper > ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* (+) Create Button */
.kizmiotheme .navbar-wrapper .header-action-add > a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2px solid #00d2ff !important;
  background: radial-gradient(circle, rgba(0, 210, 255, 0.15) 0%, transparent 70%) !important;
  box-shadow: 0 0 12px rgba(0, 210, 255, 0.55), inset 0 0 8px rgba(0, 210, 255, 0.25) !important;
  color: #00d2ff !important;
  display: grid !important;
  place-items: center !important;
  transition: all .2s ease !important;
}
.kizmiotheme .navbar-wrapper .header-action-add > a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 0 18px rgba(0, 210, 255, 0.8), inset 0 0 12px rgba(0, 210, 255, 0.4) !important;
}
.kizmiotheme .navbar-wrapper .header-action-add svg,
.kizmiotheme .navbar-wrapper .header-action-add i {
  color: #00d2ff !important;
  fill: #00d2ff !important;
  font-size: 16px !important;
  filter: drop-shadow(0 0 6px #00d2ff) !important;
}

/* Messages Button */
.kizmiotheme .navbar-wrapper > ul > li.js_live-messages > a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2px solid #6366f1 !important;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 70%) !important;
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.55) !important;
  color: #818cf8 !important;
  display: grid !important;
  place-items: center !important;
  transition: all .2s ease !important;
}
.kizmiotheme .navbar-wrapper > ul > li.js_live-messages > a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 0 18px rgba(99, 102, 241, 0.8) !important;
}
.kizmiotheme .navbar-wrapper > ul > li.js_live-messages svg,
.kizmiotheme .navbar-wrapper > ul > li.js_live-messages i {
  color: #818cf8 !important;
  fill: #818cf8 !important;
  font-size: 16px !important;
  filter: drop-shadow(0 0 6px #6366f1) !important;
}

/* Notifications Bell Button */
.kizmiotheme .navbar-wrapper > ul > li.js_live-notifications > a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2px solid #a855f7 !important;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.18) 0%, transparent 70%) !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.55) !important;
  color: #c084fc !important;
  display: grid !important;
  place-items: center !important;
  transition: all .2s ease !important;
}
.kizmiotheme .navbar-wrapper > ul > li.js_live-notifications > a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.8) !important;
}
.kizmiotheme .navbar-wrapper > ul > li.js_live-notifications svg,
.kizmiotheme .navbar-wrapper > ul > li.js_live-notifications i {
  color: #c084fc !important;
  fill: #c084fc !important;
  font-size: 16px !important;
  filter: drop-shadow(0 0 6px #a855f7) !important;
}

/* Explore Globe Button */
.kizmiotheme .navbar-wrapper .header-action-globe > a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2px solid #06b6d4 !important;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.18) 0%, transparent 70%) !important;
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.55) !important;
  color: #22d3ee !important;
  display: grid !important;
  place-items: center !important;
  transition: all .2s ease !important;
}
.kizmiotheme .navbar-wrapper .header-action-globe > a:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 0 18px rgba(6, 182, 212, 0.8) !important;
}
.kizmiotheme .navbar-wrapper .header-action-globe svg,
.kizmiotheme .navbar-wrapper .header-action-globe i {
  color: #22d3ee !important;
  font-size: 17px !important;
  filter: drop-shadow(0 0 6px #06b6d4) !important;
}

/* Glowing Notification Badges */
.kizmiotheme .navbar-wrapper .counter {
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px #ef4444, 0 0 16px rgba(239, 68, 68, 0.6) !important;
  border: 1.5px solid #fff !important;
  top: -2px !important;
  right: -2px !important;
}

/* Vertical Divider */
.kizmiotheme .navbar-wrapper .header-divider-vertical {
  width: 2px !important;
  height: 28px !important;
  margin: 0 8px !important;
  border-radius: 2px !important;
}
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .navbar-wrapper .header-divider-vertical,
html[data-bs-theme="light"] .kizmiotheme .navbar-wrapper .header-divider-vertical {
  background: rgba(100, 116, 139, 0.35) !important;
  box-shadow: 0 0 6px rgba(100, 116, 139, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .navbar-wrapper .header-divider-vertical,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .navbar-wrapper .header-divider-vertical {
  background: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}

/* User Avatar with Fiery Neon Ring */
.kizmiotheme .navbar-wrapper .user-menu {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}
.kizmiotheme .navbar-wrapper .user-menu img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2.5px solid #ff4500 !important;
  box-shadow: 0 0 14px rgba(255, 69, 0, 0.85), 0 0 24px rgba(255, 115, 0, 0.5) !important;
  object-fit: cover !important;
  transition: all .2s ease !important;
}
.kizmiotheme .navbar-wrapper .user-menu:hover img {
  transform: scale(1.06) !important;
  box-shadow: 0 0 20px rgba(255, 69, 0, 1), 0 0 30px rgba(255, 115, 0, 0.7) !important;
}
.kizmiotheme .navbar-wrapper .user-menu .user-menu-chevron {
  color: #ff7300 !important;
  font-size: 11px !important;
  filter: drop-shadow(0 0 5px #ff7300) !important;
  transition: transform .2s ease !important;
}
.kizmiotheme .navbar-wrapper .user-menu[aria-expanded="true"] .user-menu-chevron {
  transform: rotate(180deg) !important;
}

/* Keep the mobile account control the same size as message and notification controls. */
@media (max-width: 767.98px) {
  .kizmiotheme .navbar-wrapper > ul > li.js_live-messages > a,
  .kizmiotheme .navbar-wrapper > ul > li.js_live-notifications > a,
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user > .user-menu {
    box-sizing: border-box !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
  }
  .kizmiotheme .navbar-wrapper > ul > li.js_live-messages,
  .kizmiotheme .navbar-wrapper > ul > li.js_live-notifications,
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 36px !important;
  }
  .kizmiotheme .navbar-wrapper > ul > li.js_live-messages > a > .svg-container,
  .kizmiotheme .navbar-wrapper > ul > li.js_live-notifications > a > .svg-container,
  .kizmiotheme .navbar-wrapper > ul > li.js_live-messages > a > .svg-container > svg,
  .kizmiotheme .navbar-wrapper > ul > li.js_live-notifications > a > .svg-container > svg {
    width: 19px !important;
    height: 19px !important;
  }
  .kizmiotheme .navbar-wrapper .counter { top: 0 !important; right: 0 !important; }
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 40px !important;
  }
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user > .user-menu {
    box-sizing: border-box !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user > .user-menu img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }
  .kizmiotheme .navbar-wrapper > ul > li.header-action-user .user-menu-chevron {
    display: none !important;
  }
}
/* --------------------------------------------------------------------------
   HORIZONTAL NAVIGATION CAPSULE RAIL (As shown in mockup)
   -------------------------------------------------------------------------- */
.kizmiotheme .kzm-horizontal-nav {
  position: relative !important;
  z-index: 1015 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 16px !important;
  height: auto !important;
}
@media (min-width: 992px) {
  .kizmiotheme .kzm-horizontal-nav {
    display: block !important;
  }
}

/* The Floating Capsule Pill Container */
.kizmiotheme .kzm-horizontal-nav__inner {
  position: relative !important;
  display: flex !important;
  height: 54px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border-radius: 9999px !important;
  padding: 0 16px !important;
  border: 2px solid transparent !important;
  transition: all .25s ease !important;
}

/* Day Mode Capsule Rail */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .kzm-horizontal-nav__inner,
html[data-bs-theme="light"] .kizmiotheme .kzm-horizontal-nav__inner {
  background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) padding-box,
              linear-gradient(90deg, #ff3b00 0%, #fa1265 18%, #9333ea 38%, #00d2ff 65%, #00f0ff 85%, #ff5500 100%) border-box !important;
  box-shadow: 0 0 16px rgba(255, 59, 0, 0.28), 0 0 22px rgba(0, 210, 255, 0.22), 0 6px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Night Mode Capsule Rail */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-horizontal-nav__inner,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-horizontal-nav__inner {
  background: linear-gradient(rgba(6, 12, 28, 0.94), rgba(6, 12, 28, 0.94)) padding-box,
              linear-gradient(90deg, #ff3b00 0%, #fa1265 18%, #9333ea 38%, #00d2ff 65%, #00f0ff 85%, #ff5500 100%) border-box !important;
  box-shadow: 0 0 18px rgba(255, 59, 0, 0.4), 0 0 28px rgba(0, 210, 255, 0.32), 0 8px 34px rgba(0, 0, 0, 0.55) !important;
}

/* Illuminated Baseline Glow Underneath Rail */
.kizmiotheme .kzm-horizontal-nav__inner::after {
  content: "" !important;
  position: absolute !important;
  left: 6% !important;
  right: 6% !important;
  bottom: -4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff3b00 0%, #fa1265 25%, #00d2ff 75%, #ff5500 100%) !important;
  filter: blur(3.5px) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}

/* Active "Home" Button */
.kizmiotheme .kzm-horizontal-nav__home {
  position: relative !important;
  display: flex !important;
  height: 38px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  transition: all .2s ease !important;
}

/* Active Home Pill */
.kizmiotheme .kzm-horizontal-nav__home.is-active {
  background: linear-gradient(135deg, #ff3b00 0%, #fa1265 60%, #e11d48 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 0 18px rgba(250, 18, 101, 0.75), 0 0 28px rgba(255, 59, 0, 0.5) !important;
}
.kizmiotheme .kzm-horizontal-nav__home.is-active i,
.kizmiotheme .kzm-horizontal-nav__home.is-active span {
  color: #ffffff !important;
}

/* Glowing Red-Orange Underline Bar Under Active Home */
.kizmiotheme .kzm-horizontal-nav__home.is-active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -7px !important;
  left: 22% !important;
  right: 22% !important;
  height: 3.5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff4500, #f72585) !important;
  box-shadow: 0 0 10px #f72585, 0 0 16px #ff4500 !important;
}

/* Inactive Home */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .kzm-horizontal-nav__home:not(.is-active),
html[data-bs-theme="light"] .kizmiotheme .kzm-horizontal-nav__home:not(.is-active) {
  color: #0f172a !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-horizontal-nav__home:not(.is-active),
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-horizontal-nav__home:not(.is-active) {
  color: #f1f5f9 !important;
}
.kizmiotheme .kzm-horizontal-nav__home:not(.is-active) i {
  color: #ff4500 !important;
  filter: drop-shadow(0 0 8px #ff4500) drop-shadow(0 0 16px rgba(255, 69, 0, 0.6)) !important;
}

/* Horizontal Category Navigation Items */
.kizmiotheme .kzm-nav-trigger {
  position: relative !important;
  display: flex !important;
  height: 38px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: transparent !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

/* Day Mode Category Text */
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .kzm-nav-trigger,
html[data-bs-theme="light"] .kizmiotheme .kzm-nav-trigger {
  color: #0f172a !important;
}
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .kzm-nav-trigger .fa-chevron-down,
html[data-bs-theme="light"] .kizmiotheme .kzm-nav-trigger .fa-chevron-down {
  color: rgba(15, 23, 42, 0.6) !important;
  font-size: 9.5px !important;
  margin-left: 3px !important;
}
body:not(.night-mode):not([data-bs-theme="dark"]) .kizmiotheme .kzm-nav-trigger:hover,
html[data-bs-theme="light"] .kizmiotheme .kzm-nav-trigger:hover {
  background: rgba(15, 23, 42, 0.06) !important;
}

/* Night Mode Category Text */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-trigger,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-trigger {
  color: #f1f5f9 !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-trigger .fa-chevron-down,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-trigger .fa-chevron-down {
  color: rgba(241, 245, 249, 0.65) !important;
  font-size: 9.5px !important;
  margin-left: 3px !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-trigger:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-trigger:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* --------------------------------------------------------------------------
   VIVID NEON CATEGORY ICONS (Active in BOTH Day and Night Modes)
   -------------------------------------------------------------------------- */
.kizmiotheme .kzm-nav-cat-ico {
  font-size: 15px !important;
  line-height: 1 !important;
  transition: transform .2s ease !important;
}
.kizmiotheme .kzm-nav-trigger:hover .kzm-nav-cat-ico {
  transform: scale(1.18) !important;
}

/* Social: Electric Blue */
.kizmiotheme .kzm-nav-cat-ico--social {
  color: #00d2ff !important;
  filter: drop-shadow(0 0 8px #00d2ff) drop-shadow(0 0 16px rgba(0, 210, 255, 0.7)) !important;
}

/* Explore: Bright Cyan */
.kizmiotheme .kzm-nav-cat-ico--explore {
  color: #00f0ff !important;
  filter: drop-shadow(0 0 8px #00f0ff) drop-shadow(0 0 16px rgba(0, 240, 255, 0.7)) !important;
}

/* Entertainment: Neon Magenta / Purple Circle Play */
.kizmiotheme .kzm-nav-cat-ico--entertainment {
  color: #e879f9 !important;
  filter: drop-shadow(0 0 8px #d946ef) drop-shadow(0 0 16px rgba(217, 70, 239, 0.7)) !important;
}

/* Marketplaces: Fiery Neon Orange Shopping Bag */
.kizmiotheme .kzm-nav-cat-ico--marketplaces {
  color: #ff9100 !important;
  filter: drop-shadow(0 0 8px #ff7b00) drop-shadow(0 0 16px rgba(255, 123, 0, 0.7)) !important;
}

/* Travel: Bright Sky Blue Airplane */
.kizmiotheme .kzm-nav-cat-ico--travel {
  color: #00d4ff !important;
  filter: drop-shadow(0 0 8px #00d4ff) drop-shadow(0 0 16px rgba(0, 212, 255, 0.7)) !important;
}

/* Shopping: Hot Pink Shopping Cart */
.kizmiotheme .kzm-nav-cat-ico--shopping {
  color: #ff2a85 !important;
  filter: drop-shadow(0 0 8px #ff2a85) drop-shadow(0 0 16px rgba(255, 42, 133, 0.7)) !important;
}

/* Services: Radiant Neon Purple Gear */
.kizmiotheme .kzm-nav-cat-ico--services {
  color: #c084fc !important;
  filter: drop-shadow(0 0 8px #a855f7) drop-shadow(0 0 16px rgba(168, 85, 247, 0.7)) !important;
}

/* Dropdown Menus */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .dropdown-menu,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-dropdown,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .dropdown-menu,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-dropdown {
  background: #081326 !important;
  border: 1.5px solid rgba(22, 139, 255, 0.45) !important;
  box-shadow: 0 14px 40px rgba(2, 6, 15, 0.85), 0 0 20px rgba(22, 139, 255, 0.2) !important;
  border-radius: 16px !important;
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .dropdown-item,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-dropdown > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .dropdown-item,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-dropdown > a {
  color: #CBD5E1 !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .dropdown-item:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-nav-dropdown > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .dropdown-item:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-nav-dropdown > a:hover {
  background: rgba(22, 139, 255, 0.15) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   3. CARDS, PANELS, WIDGETS & FEED POSTS
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .card,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .panel,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .widget,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kpl-card,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-card,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .card,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .panel,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .widget,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kpl-card,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-card {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(22, 139, 255, 0.35) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.12) !important;
  border-radius: 18px !important;
  color: #F7FAFF !important;
  transition: all 0.25s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .card:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .card:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post:hover {
  border-color: rgba(0, 200, 255, 0.6) !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(0, 200, 255, 0.25) !important;
}

/* Card Headers & Footers */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .card-header,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .card-footer,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .card-header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .card-footer {
  background: rgba(11, 23, 45, 0.6) !important;
  border-color: rgba(22, 139, 255, 0.25) !important;
  color: #F7FAFF !important;
}

/* Feed Post Elements */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-title,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-text,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-title,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-text {
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-time,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-meta,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .text-muted,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-time,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-meta,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .text-muted {
  color: #64748B !important;
}

/* Post Actions (Like, Comment, Share) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-actions,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-actions {
  border-top: 1px solid rgba(22, 139, 255, 0.2) !important;
  border-bottom: 1px solid rgba(22, 139, 255, 0.2) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .action-btn,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-actions .btn,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .action-btn,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-actions .btn {
  color: #CBD5E1 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .action-btn:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .post-actions .btn:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .action-btn:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .post-actions .btn:hover {
  color: #168BFF !important;
  filter: drop-shadow(0 0 8px rgba(22, 139, 255, 0.7)) !important;
}

/* ==========================================================================
   4. PUBLISHER BOX
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher {
  background: linear-gradient(180deg, #0A172C 0%, #071120 100%) !important;
  border: 1.5px solid rgba(22, 139, 255, 0.4) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.15) !important;
  border-radius: 18px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-message .colored-text-wrapper,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-message textarea,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-message .colored-text-wrapper,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-message textarea {
  background: #0B1933 !important;
  border: 1.5px solid rgba(22, 139, 255, 0.35) !important;
  color: #F7FAFF !important;
  border-radius: 14px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-tools-tabs,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-footer,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-tools-tabs,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-footer {
  background: transparent !important;
  border-top: 1px solid rgba(22, 139, 255, 0.2) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-tools-tab,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-tools-tab {
  color: #CBD5E1 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .publisher-tools-tab:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .publisher-tools-tab:hover {
  color: #00C8FF !important;
  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.8)) !important;
}

/* ==========================================================================
   5. STORY SHORTCUTS & WIDGETS
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-story-shortcuts,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-story-shortcuts {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(22, 139, 255, 0.35) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.12) !important;
  border-radius: 18px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-story-shortcuts__item,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-story-shortcuts__item {
  border-right-color: rgba(22, 139, 255, 0.25) !important;
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-story-shortcuts__item:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-story-shortcuts__item:hover {
  background: rgba(22, 139, 255, 0.12) !important;
}

/* ==========================================================================
   6. SIDEBAR NAVIGATION & SHORTCUTS (FRONTEND)
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-home-sidebar,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .sg-offcanvas-sidebar,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-home-sidebar,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .sg-offcanvas-sidebar {
  background: transparent !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .sidebar-user-card,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-home-sidebar__profile,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .sidebar-user-card,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-home-sidebar__profile {
  background: linear-gradient(145deg, #0D1D38 0%, #071224 100%) !important;
  border: 1.5px solid rgba(22, 139, 255, 0.45) !important;
  box-shadow: 0 0 16px rgba(22, 139, 255, 0.25) !important;
  border-radius: 16px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .sidebar-user-card:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .sidebar-user-card:hover {
  border-color: #00C8FF !important;
  box-shadow: 0 0 20px rgba(0, 200, 255, 0.4) !important;
}

/* 4 Distinct Shortcut Menu Containers */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  transition: all 0.25s ease !important;
}

/* 1. My Earnings (Neon Green) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-earnings,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-earnings {
  border: 1.5px solid rgba(0, 232, 135, 0.45) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(0, 232, 135, 0.15) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-earnings:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-earnings:hover {
  border-color: #00E887 !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(0, 232, 135, 0.3) !important;
}

/* 2. Content & Tools (Vivid Purple) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-content,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-content {
  border: 1.5px solid rgba(164, 44, 255, 0.45) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(164, 44, 255, 0.15) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-content:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-content:hover {
  border-color: #A42CFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(164, 44, 255, 0.3) !important;
}

/* 3. Business & Marketplace (Neon Cyan) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-business,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-business {
  border: 1.5px solid rgba(0, 200, 255, 0.45) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(0, 200, 255, 0.15) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-business:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-business:hover {
  border-color: #00C8FF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(0, 200, 255, 0.3) !important;
}

/* 4. Orders & Bookings (Electric Blue / Indigo) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-orders,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-orders {
  border: 1.5px solid rgba(22, 139, 255, 0.45) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.15) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-orders:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-orders:hover {
  border-color: #168BFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(22, 139, 255, 0.3) !important;
}

/* Sidebar Section Headers */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-heading,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-heading {
  background: rgba(11, 23, 45, 0.7) !important;
  border-bottom: 1px solid rgba(22, 139, 255, 0.25) !important;
  padding: 12px 14px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-heading strong,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-heading strong {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-heading small,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-heading small {
  color: #64748B !important;
  font-size: 11px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-heading-chevron,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-heading-chevron {
  color: #64748B !important;
}

/* Glowing Section Heading Icon Badges */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-earnings .kizmio-sidebar-heading__icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-earnings .kizmio-sidebar-heading__icon {
  background: rgba(0, 232, 135, 0.18) !important;
  color: #00E887 !important;
  border: 1px solid rgba(0, 232, 135, 0.5) !important;
  filter: drop-shadow(0 0 8px rgba(0, 232, 135, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-content .kizmio-sidebar-heading__icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-content .kizmio-sidebar-heading__icon {
  background: rgba(164, 44, 255, 0.18) !important;
  color: #A42CFF !important;
  border: 1px solid rgba(164, 44, 255, 0.5) !important;
  filter: drop-shadow(0 0 8px rgba(164, 44, 255, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-business .kizmio-sidebar-heading__icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-business .kizmio-sidebar-heading__icon {
  background: rgba(0, 200, 255, 0.18) !important;
  color: #00C8FF !important;
  border: 1px solid rgba(0, 200, 255, 0.5) !important;
  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-orders .kizmio-sidebar-heading__icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-orders .kizmio-sidebar-heading__icon {
  background: rgba(22, 139, 255, 0.18) !important;
  color: #168BFF !important;
  border: 1px solid rgba(22, 139, 255, 0.5) !important;
  filter: drop-shadow(0 0 8px rgba(22, 139, 255, 0.8)) !important;
}

/* Individual Shortcut Items in Night Mode */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list {
  background: transparent !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li > a,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-subnav li > a,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-list > li > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-subnav li > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-list > li > a {
  background: #0B1933 !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  border-radius: 12px !important;
  color: #CBD5E1 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  box-shadow: 0 2px 8px rgba(2, 6, 15, 0.4) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li > a:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-subnav li > a:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-list > li > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-subnav li > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-list > li > a:hover {
  background: #0E2245 !important;
  border-color: #00C8FF !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 16px rgba(0, 200, 255, 0.35) !important;
  transform: translateX(2px) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li.active > a,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-list > li.active > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .kizmio-sidebar-list > li.active > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-list > li.active > a {
  background: linear-gradient(90deg, rgba(255, 90, 18, 0.45) 0%, rgba(255, 50, 24, 0.22) 100%) !important;
  border: 1.5px solid #FF4B0A !important;
  box-shadow: 0 0 20px rgba(255, 75, 10, 0.65), inset 0 0 18px rgba(255, 75, 10, 0.2) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Icon squares inside individual shortcuts */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-section .main-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-section .main-icon {
  background: #06101F !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  border-radius: 9px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-earnings .main-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-earnings .main-icon {
  color: #00E887 !important;
  fill: #00E887 !important;
  filter: drop-shadow(0 0 6px rgba(0, 232, 135, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-content .main-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-content .main-icon {
  color: #A42CFF !important;
  fill: #A42CFF !important;
  filter: drop-shadow(0 0 6px rgba(164, 44, 255, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-business .main-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-business .main-icon {
  color: #00C8FF !important;
  fill: #00C8FF !important;
  filter: drop-shadow(0 0 6px rgba(0, 200, 255, 0.8)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .shortcuts-orders .main-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .shortcuts-orders .main-icon {
  color: #168BFF !important;
  fill: #168BFF !important;
  filter: drop-shadow(0 0 6px rgba(22, 139, 255, 0.8)) !important;
}

/* Submenu container (Mine / Subnavs) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-subnav#desktop-mine li > a,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-subnav[id$="mine"] li > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-subnav#desktop-mine li > a,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-subnav[id$="mine"] li > a {
  background: #0B1933 !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  color: #CBD5E1 !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-subnav#desktop-mine li > a:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-sidebar-subnav[id$="mine"] li > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-subnav#desktop-mine li > a:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-sidebar-subnav[id$="mine"] li > a:hover {
  background: #0E2245 !important;
  border-color: #00C8FF !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   7. ACTIVE NAVIGATION & FILTER PILLS
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-pills .nav-link.active,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-tabs .nav-link.active,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-filter-pill.active,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .filter-pill.active,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-tabs .nav-item.show .nav-link,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-pills .nav-link.active,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-tabs .nav-link.active,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-filter-pill.active,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .filter-pill.active {
  background: linear-gradient(90deg, rgba(255, 90, 18, 0.45) 0%, rgba(255, 50, 24, 0.22) 100%) !important;
  border: 1.5px solid #FF4B0A !important;
  box-shadow: 0 0 20px rgba(255, 75, 10, 0.65), 0 0 40px rgba(255, 45, 32, 0.35), inset 0 0 18px rgba(255, 75, 10, 0.2) !important;
  color: #FFFFFF !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-pills .nav-link:not(.active),
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-tabs .nav-link:not(.active),
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kzm-filter-pill:not(.active),
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-pills .nav-link:not(.active),
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-tabs .nav-link:not(.active),
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kzm-filter-pill:not(.active) {
  background: rgba(11, 25, 51, 0.6) !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  color: #CBD5E1 !important;
  border-radius: 14px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-pills .nav-link:not(.active):hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .nav-tabs .nav-link:not(.active):hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-pills .nav-link:not(.active):hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .nav-tabs .nav-link:not(.active):hover {
  background: rgba(22, 139, 255, 0.15) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   8. PRIMARY ACTION BUTTONS
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-primary,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-main,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-post,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-primary,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-main,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-post {
  background: linear-gradient(90deg, #FF641A 0%, #FF2D20 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 20px rgba(255, 75, 10, 0.85), 0 0 40px rgba(255, 45, 32, 0.5) !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-primary:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-main:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-post:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-primary:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-main:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-post:hover {
  box-shadow: 0 0 24px rgba(255, 75, 10, 0.95), 0 0 50px rgba(255, 45, 32, 0.6) !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-secondary,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .btn-light,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-secondary,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .btn-light {
  background: #0B1933 !important;
  border: 1.5px solid rgba(22, 139, 255, 0.45) !important;
  color: #F7FAFF !important;
  border-radius: 12px !important;
  box-shadow: 0 0 12px rgba(22, 139, 255, 0.2) !important;
}

/* ==========================================================================
   9. GLOWING ICONS & BADGES
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .counter,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .badge-danger,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .badge-notification,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .counter,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .badge-danger,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .badge-notification {
  background: #FF4B0A !important;
  box-shadow: 0 0 12px rgba(255, 75, 10, 0.85) !important;
  color: #FFFFFF !important;
  border: none !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .badge-success,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .badge-success {
  background: rgba(0, 232, 135, 0.22) !important;
  color: #00E887 !important;
  border: 1.5px solid rgba(0, 232, 135, 0.75) !important;
  box-shadow: 0 0 12px rgba(0, 232, 135, 0.6) !important;
  font-weight: 700 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .badge-pro,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .badge-pro {
  background: rgba(164, 44, 255, 0.25) !important;
  color: #FFD700 !important;
  border: 1.5px solid rgba(164, 44, 255, 0.75) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.6) !important;
}

/* ==========================================================================
   10. FORMS, INPUTS & MODALS
   ========================================================================== */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .form-control,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .form-select,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .form-control,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .form-select {
  background-color: #0B1933 !important;
  border: 1.5px solid rgba(22, 139, 255, 0.4) !important;
  color: #F7FAFF !important;
  border-radius: 12px !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .form-control:focus,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .form-select:focus,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .form-control:focus,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .form-select:focus {
  border-color: #00C8FF !important;
  box-shadow: 0 0 14px rgba(0, 200, 255, 0.45), inset 0 0 8px rgba(0, 200, 255, 0.1) !important;
  outline: none !important;
  color: #FFFFFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .form-control::placeholder,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .form-control::placeholder {
  color: #64748B !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .modal-content,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .modal-content {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(22, 139, 255, 0.45) !important;
  box-shadow: 0 20px 60px rgba(2, 6, 15, 0.9), 0 0 30px rgba(22, 139, 255, 0.25) !important;
  border-radius: 20px !important;
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .modal-header,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .modal-footer,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .modal-header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .modal-footer {
  border-color: rgba(22, 139, 255, 0.25) !important;
}

/* ==========================================================================
   11. RIGHT SIDEBAR WIDGETS & SMARTWIDGETS
   ========================================================================== */

/* Suggested People Widget */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(240, 43, 255, 0.45) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(240, 43, 255, 0.15) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  transition: all 0.25s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people:hover {
  border-color: #F02BFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(240, 43, 255, 0.3) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people__header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people__header {
  background: linear-gradient(135deg, rgba(240, 43, 255, 0.3) 0%, rgba(164, 44, 255, 0.18) 100%) !important;
  border-bottom: 1px solid rgba(240, 43, 255, 0.3) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people__header-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people__header-icon {
  color: #F02BFF !important;
  filter: drop-shadow(0 0 8px rgba(240, 43, 255, 0.9)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people__sub,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people__sub {
  color: #F02BFF !important;
  font-weight: 700 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people__title,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people__title {
  color: #FFFFFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people__body,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people__body {
  background: transparent !important;
}

/* User item row inside suggested people */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-friend-item,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .data-container,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-friend-item,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .data-container {
  background: #0B1933 !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  border-radius: 14px !important;
  padding: 8px 12px !important;
  box-shadow: 0 2px 8px rgba(2, 6, 15, 0.4) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-friend-item:hover,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .data-container:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-friend-item:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .data-container:hover {
  background: #0E2245 !important;
  border-color: #00C8FF !important;
  box-shadow: 0 0 16px rgba(0, 200, 255, 0.25) !important;
  transform: translateX(2px) !important;
}

/* User First Name & Last Name: Crisp High-Visibility White Text */
body.night-mode .kizmio-suggested-people .suggested-user-name,
body.night-mode .kizmio-suggested-people .suggested-user-name a,
body.night-mode .kizmio-suggested-people .suggested-user-name > a,
body.night-mode .kizmio-suggested-people .name a,
body.night-mode .kizmio-suggested-people__body .suggested-user-name,
body.night-mode .kizmio-suggested-people__body .suggested-user-name a,
body.night-mode .kizmio-suggested-people__body .suggested-user-name > a,
body[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name,
body[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a,
body[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name > a,
body[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name,
body[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name a,
html[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name,
html[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a,
html[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name > a,
html[data-bs-theme="dark"] .kizmio-suggested-people .name a,
html[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name,
html[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name a,
[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name,
[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a,
[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name,
[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name a {
  color: #FFFFFF !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  transition: color 0.18s ease !important;
}

body.night-mode .kizmio-suggested-people .suggested-user-name a:hover,
body.night-mode .kizmio-suggested-people .suggested-user-name > a:hover,
body.night-mode .kizmio-suggested-people__body .suggested-user-name a:hover,
body[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a:hover,
body[data-bs-theme="dark"] .kizmio-suggested-people__body .suggested-user-name a:hover,
html[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a:hover,
html[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name > a:hover,
[data-bs-theme="dark"] .kizmio-suggested-people .suggested-user-name a:hover {
  color: #00C8FF !important;
  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.8)) !important;
}

/* User Handle (@username) in Neon Cyan */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-handle,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-handle {
  color: #00C8FF !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

/* Country, Join Date, Metadata */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-meta,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-country,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-joined,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-dot,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-meta,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-country,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-joined,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-dot {
  color: #94A3B8 !important;
  font-size: 11px !important;
}

/* User VIP / Pro / Free Package Badge */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-package,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-user-package {
  background: rgba(164, 44, 255, 0.22) !important;
  color: #FFD700 !important;
  border: 1px solid rgba(164, 44, 255, 0.6) !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 8px rgba(164, 44, 255, 0.3) !important;
}

/* Follow / Add Friend Action Button */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .btn-suggested-add,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .btn-suggested-add {
  background: linear-gradient(90deg, #FF641A 0%, #FF2D20 100%) !important;
  border: none !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  padding: 4px 10px !important;
  box-shadow: 0 0 14px rgba(255, 75, 10, 0.7) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .btn-suggested-add:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .btn-suggested-add:hover {
  box-shadow: 0 0 20px rgba(255, 75, 10, 0.95) !important;
  transform: translateY(-1px) !important;
}

/* Dismiss (X) Button */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-dismiss-btn,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-dismiss-btn {
  color: #64748B !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-dismiss-btn:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-suggested-people .suggested-dismiss-btn:hover {
  color: #FF2D20 !important;
}

/* New Members Widget (Gold / Amber Neon Theme) */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(255, 215, 0, 0.18) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  transition: all 0.25s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget:hover {
  border-color: #FFD700 !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(255, 215, 0, 0.35) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__header {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.35) 0%, rgba(217, 119, 6, 0.2) 100%) !important;
  border-bottom: 1px solid rgba(245, 158, 11, 0.3) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__header-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__header-icon {
  color: #FFD700 !important;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.9)) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__sub,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__sub {
  color: #FFD700 !important;
  font-weight: 700 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__title,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__title {
  color: #FFFFFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__list,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__list {
  background: transparent !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row {
  background: #0B1933 !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(2, 6, 15, 0.4) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row:hover {
  background: #0E2245 !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.25) !important;
  transform: translateX(2px) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__name,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__name {
  color: #F7FAFF !important;
  font-weight: 750 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row small,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__member-row small {
  color: #94A3B8 !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__add-btn,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__add-btn {
  background: rgba(255, 100, 26, 0.15) !important;
  border: 1px solid rgba(255, 100, 26, 0.45) !important;
  color: #FF641A !important;
  filter: drop-shadow(0 0 6px rgba(255, 100, 26, 0.6)) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-widget__add-btn:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-widget__add-btn:hover {
  background: linear-gradient(90deg, #FF641A 0%, #FF2D20 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 12px rgba(255, 75, 10, 0.8) !important;
}

/* Mobile New Members */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-mobile,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-mobile {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border: 1.5px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(255, 215, 0, 0.15) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-mobile__header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-mobile__header {
  background: rgba(11, 23, 45, 0.7) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.25) !important;
  color: #FFFFFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-new-members-mobile__member span,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-new-members-mobile__member span {
  color: #CBD5E1 !important;
}

/* Followers Online SmartWidget */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-followers_online,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-followers_online {
  border: 1.5px solid rgba(0, 232, 135, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(0, 232, 135, 0.2) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-followers_online:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-followers_online:hover {
  border-color: #00E887 !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(0, 232, 135, 0.35) !important;
}

/* SmartWidgets Containers */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-card,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-card {
  background: linear-gradient(180deg, #091629 0%, #06101f 100%) !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(22, 139, 255, 0.35) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.12) !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  transition: all 0.25s ease !important;
}

/* Individual SmartWidget Glowing Borders */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-recent_stock_photos,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-recent_stock_photos {
  border: 1.5px solid rgba(164, 44, 255, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(164, 44, 255, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-recent_stock_photos:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-recent_stock_photos:hover {
  border-color: #A42CFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(164, 44, 255, 0.35) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-foods_nearby,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-foods_nearby {
  border: 1.5px solid rgba(255, 100, 26, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(255, 100, 26, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-foods_nearby:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-foods_nearby:hover {
  border-color: #FF641A !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(255, 100, 26, 0.35) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby {
  border: 1.5px solid rgba(240, 43, 255, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(240, 43, 255, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby:hover {
  border-color: #F02BFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(240, 43, 255, 0.35) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-new_books,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-new_books {
  border: 1.5px solid rgba(22, 139, 255, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(22, 139, 255, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-new_books:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-new_books:hover {
  border-color: #168BFF !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(22, 139, 255, 0.35) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-events_nearby,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-events_nearby {
  border: 1.5px solid rgba(0, 232, 135, 0.5) !important;
  box-shadow: 0 10px 30px rgba(2, 6, 15, 0.7), 0 0 20px rgba(0, 232, 135, 0.2) !important;
}
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-events_nearby:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-events_nearby:hover {
  border-color: #00E887 !important;
  box-shadow: 0 12px 35px rgba(2, 6, 15, 0.8), 0 0 25px rgba(0, 232, 135, 0.35) !important;
}

/* SmartWidget Header Elements */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-card__header,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-card__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-card__header-icon,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-card__header-icon {
  filter: drop-shadow(0 0 8px currentColor) !important;
}

/* Translucent Dark "View All" Button in Widget Header */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-widget-header-btn,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-widget-header-btn {
  background: rgba(6, 13, 27, 0.85) !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-widget-header-btn:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-widget-header-btn:hover {
  background: #FFFFFF !important;
  color: #081326 !important;
  border-color: #FFFFFF !important;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.6) !important;
}

/* SmartWidget Body Content & Rows */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-card__body,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-card__body {
  background: transparent !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-top-wonder-box,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-quiz-widget-box,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-top-wonder-box,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-quiz-widget-box {
  background: #0B1933 !important;
  border: 1px solid rgba(22, 139, 255, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(2, 6, 15, 0.4) !important;
  color: #F7FAFF !important;
  transition: all 0.2s ease !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row:hover,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row:hover {
  background: #0E2245 !important;
  border-color: #00C8FF !important;
  box-shadow: 0 0 16px rgba(0, 200, 255, 0.25) !important;
  transform: translateX(2px) !important;
}

/* Titles and labels inside rows */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row strong,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-top-wonder-box h5,
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-quiz-widget-box h6,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row strong,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-top-wonder-box h5,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-quiz-widget-box h6 {
  color: #F7FAFF !important;
}

body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row small,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row small {
  color: #94A3B8 !important;
}

/* Row Action Buttons & Icons */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row a[style*="border-radius: 10px"],
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row a[style*="border-radius:10px"],
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row a[style*="border-radius: 10px"],
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row a[style*="border-radius:10px"] {
  background: rgba(22, 139, 255, 0.15) !important;
  border: 1px solid rgba(22, 139, 255, 0.35) !important;
  color: #00C8FF !important;
  filter: drop-shadow(0 0 6px rgba(0, 200, 255, 0.5)) !important;
}

/* Singles Match / Heart button */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby .kizmio-smartwidget-row a[style*="border-radius: 10px"],
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby .kizmio-smartwidget-row a[style*="border-radius:10px"],
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby .kizmio-smartwidget-row a[style*="border-radius: 10px"],
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-singles_nearby .kizmio-smartwidget-row a[style*="border-radius:10px"] {
  background: rgba(240, 43, 255, 0.18) !important;
  border: 1px solid rgba(240, 43, 255, 0.45) !important;
  color: #F02BFF !important;
  filter: drop-shadow(0 0 6px rgba(240, 43, 255, 0.6)) !important;
}

/* Chat start button */
body.night-mode:not([data-bs-theme="light"]):not([data-admin-theme="light"]) .kizmio-smartwidget-row .js_chat-start,
html[data-bs-theme="dark"]:not([data-admin-theme="light"]) .kizmio-smartwidget-row .js_chat-start {
  background: rgba(0, 232, 135, 0.18) !important;
  border: 1px solid rgba(0, 232, 135, 0.45) !important;
  color: #00E887 !important;
  filter: drop-shadow(0 0 6px rgba(0, 232, 135, 0.6)) !important;
}