/*
 * Luumtech2 Admin Theme - Main Styles
 * Uses exact client theme --lg-* variables
 * Selectors: .luumtech2-theme (body), html[data-theme] (light/dark)
 * Nuclear dark mode overrides for ALL Perfex elements
 * 
 * @author Luumtech
 * @version 2.2.0
 */

/* ==========================================
   GOOGLE FONTS — Client-like typography
   ========================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');

/* ==========================================
   CSS VARIABLES — exact client theme copy
   ========================================== */
:root {
  --lg-bg-primary: #0a0a0c;
  --lg-bg-secondary: #111113;
  --lg-bg-tertiary: #1a1a1e;
  --lg-bg-elevated: #222226;
  --lg-glass-bg: rgba(17, 17, 19, 0.85);
  --lg-glass-bg-light: rgba(26, 26, 30, 0.75);
  --lg-glass-border: rgba(255, 255, 255, 0.06);
  --lg-glass-border-light: rgba(255, 255, 255, 0.1);
  --lg-blur: 24px;
  --lg-accent: #60a5fa;
  --lg-accent-hover: #93c5fd;
  --lg-accent-rgb: 96, 165, 250;
  --lg-accent-secondary: #22d3ee;
  --lg-text-primary: #f1f1f1;
  --lg-text-secondary: #a1a1aa;
  --lg-text-muted: #71717a;
  --lg-border: rgba(255, 255, 255, 0.06);
  --lg-border-light: rgba(255, 255, 255, 0.1);
  --lg-success: #22c55e;
  --lg-warning: #eab308;
  --lg-danger: #ef4444;
  --lg-info: #3b82f6;
  --lg-radius-sm: 6px;
  --lg-radius-md: 8px;
  --lg-radius-lg: 12px;
  --lg-radius-xl: 16px;
  --lg-radius-full: 9999px;
  --lg-shadow-sm: none;
  --lg-shadow-md: 0 1px 3px rgba(0,0,0,0.12);
  --lg-font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --lg-font-size-xs: 0.6875rem;
  --lg-font-size-sm: 0.75rem;
  --lg-font-size-base: 0.8125rem;
  --lg-font-size-md: 0.875rem;
  --lg-transition: all 0.2s ease;
  --lg-transition-fast: all 0.15s ease;
}

/* Light Mode */
html[data-theme="light"] {
  --lg-bg-primary: #f0f2f5;
  --lg-bg-secondary: #ffffff;
  --lg-bg-tertiary: #f5f7fa;
  --lg-bg-elevated: #ffffff;
  --lg-glass-bg: rgba(255, 255, 255, 0.92);
  --lg-glass-bg-light: rgba(245, 247, 250, 0.88);
  --lg-glass-border: rgba(0, 0, 0, 0.06);
  --lg-glass-border-light: rgba(0, 0, 0, 0.1);
  --lg-accent: #3b82f6;
  --lg-accent-hover: #2563eb;
  --lg-accent-rgb: 59, 130, 246;
  --lg-text-primary: #111827;
  --lg-text-secondary: #6b7280;
  --lg-text-muted: #9ca3af;
  --lg-border: rgba(0, 0, 0, 0.06);
  --lg-border-light: rgba(0, 0, 0, 0.1);
}

/* ==========================================
   BASE — Font, Body
   ========================================== */
.luumtech2-theme,
.luumtech2-theme body {
  font-family: var(--lg-font-family) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 400 !important;
  font-size: var(--lg-font-size-base) !important;
  background: var(--lg-bg-primary) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme *:not(i):not(.fa):not([class*="fa-"]):not(.material-icons):not(.fc-icon):not([class*="fc-icon"]):not(.ui-icon) {
  font-family: var(--lg-font-family) !important;
}

/* ==========================================
   NUCLEAR DARK MODE — #wrapper, #header,
   .sidebar, .content, EVERYTHING
   ========================================== */

/* Main wrapper (#wrapper) — this is the white #f4f4f5 area */
html[data-theme="dark"] .luumtech2-theme #wrapper,
html[data-theme="dark"] #wrapper {
  background: var(--lg-bg-primary) !important;
}

html[data-theme="light"] .luumtech2-theme #wrapper,
html[data-theme="light"] #wrapper {
  background: var(--lg-bg-primary) !important;
}

/* Content area */
html[data-theme="dark"] .luumtech2-theme .content,
html[data-theme="dark"] .content {
  background: var(--lg-bg-primary) !important;
  color: var(--lg-text-primary) !important;
}

/* Header */
html[data-theme="dark"] .luumtech2-theme #header,
html[data-theme="dark"] #header {
  background: var(--lg-bg-secondary) !important;
  border-bottom: 1px solid var(--lg-border) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .luumtech2-theme #header,
html[data-theme="light"] #header {
  background: var(--lg-bg-secondary) !important;
  border-bottom: 1px solid var(--lg-border-light) !important;
  box-shadow: none !important;
}

/* Sidebar */
html[data-theme="dark"] .luumtech2-theme .sidebar,
html[data-theme="dark"] .luumtech2-theme #menu,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] #menu {
  background: var(--lg-bg-secondary) !important;
  border-right-color: var(--lg-border) !important;
}

html[data-theme="light"] .luumtech2-theme .sidebar,
html[data-theme="light"] .luumtech2-theme #menu {
  background: var(--lg-bg-secondary) !important;
  border-right-color: var(--lg-border-light) !important;
}

/* ==========================================
   SIDEBAR — Logo, Profile, Menu
   ========================================== */

/* Logo — smaller */
.luumtech2-theme .sidebar-logo {
  padding: 12px 16px !important;
  height: 57px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px solid var(--lg-border) !important;
}

.luumtech2-theme .sidebar-logo img {
  max-height: 24px !important;
  width: auto !important;
}

/* Logo swap: dark mode → light version, light mode → dark version */
html[data-theme="dark"] .luumtech2-theme .sidebar-logo img {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="light"] .luumtech2-theme .sidebar-logo img {
  filter: none !important;
}

/* Header logo swap */
html[data-theme="dark"] .luumtech2-theme #logo img {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="light"] .luumtech2-theme #logo img {
  filter: none !important;
}

/* Header logo sizing */
.luumtech2-theme #logo {
  height: 57px !important;
}

.luumtech2-theme #logo img {
  max-height: 24px !important;
  width: auto !important;
}

/* HIDE sidebar user profile (Demo User) */
.luumtech2-theme .sidebar-user-profile {
  display: none !important;
}

/* Spacing above first menu item */
.luumtech2-theme #side-menu {
  padding-top: 10px !important;
}

/* Sidebar menu items */
.luumtech2-theme .sidebar ul.nav li a,
.luumtech2-theme #side-menu > li > a {
  color: var(--lg-text-secondary) !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--lg-radius-sm) !important;
  margin: 1px 0 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid transparent !important;
  border-left: 2px solid transparent !important;
  position: relative !important;
}

.luumtech2-theme .sidebar ul.nav li a i.menu-icon {
  color: var(--lg-text-muted) !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
}

/* Hover — subtle bg */
.luumtech2-theme .sidebar > ul.nav > li:hover > a:first-child {
  background: rgba(var(--lg-accent-rgb), 0.06) !important;
  border-color: transparent !important;
  border-left-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  border-radius: var(--lg-radius-sm) !important;
  box-shadow: none !important;
  color: var(--lg-text-primary) !important;
}

/* Active — accent left border + bg */
.luumtech2-theme .sidebar > ul.nav > li.active > a:first-child {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.12) !important;
  border-left: 2px solid var(--lg-accent) !important;
  border-radius: var(--lg-radius-sm) !important;
  box-shadow: none !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .sidebar ul.nav li.active > a,
.luumtech2-theme .sidebar ul.nav > li > a:hover,
.luumtech2-theme .sidebar ul.nav > li > a:focus {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .sidebar ul.nav li.active > a .menu-icon,
.luumtech2-theme .sidebar ul.nav > li > a:hover .menu-icon,
.luumtech2-theme .sidebar ul.nav > li > a:focus .menu-icon {
  color: var(--lg-accent) !important;
}

/* SVG icon styling */
.luumtech2-theme .menu-icon-svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 14px !important;
  float: left !important;
  flex-shrink: 0 !important;
  color: var(--lg-text-muted) !important;
  transition: all 0.2s ease !important;
}

.luumtech2-theme .sidebar > ul.nav > li.active .menu-icon-svg {
  color: var(--lg-accent) !important;
}

.luumtech2-theme .sidebar > ul.nav > li:hover .menu-icon-svg {
  color: var(--lg-accent) !important;
}

/* Sub menu — smooth open/close */
.luumtech2-theme .sidebar ul.nav li .nav-second-level {
  transition: max-height 0.25s ease, opacity 0.2s ease !important;
}

.luumtech2-theme .sidebar ul.nav li .nav-second-level li a {
  padding: 5px 15px 5px 48px !important;
  color: var(--lg-text-muted) !important;
  font-size: var(--lg-font-size-sm) !important;
  font-weight: 400 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  transition: all 0.15s ease !important;
  border-radius: var(--lg-radius-sm) !important;
}

.luumtech2-theme .sidebar ul.nav li .nav-second-level li.active a {
  color: var(--lg-accent) !important;
  font-weight: 500 !important;
}

.luumtech2-theme .sidebar ul.nav li .nav-second-level li a:hover {
  color: var(--lg-text-primary) !important;
  padding-left: 52px !important;
}

/* Arrow — smooth rotation */
.luumtech2-theme .sidebar .arrow,
.luumtech2-theme .fa.arrow {
  color: var(--lg-text-muted) !important;
  transition: transform 0.25s ease !important;
}

.luumtech2-theme .sidebar li.active > a > .fa.arrow {
  color: var(--lg-accent) !important;
}

/* ==========================================
   SETUP MENU — Same design as sidebar 
   ========================================== */
.luumtech2-theme #setup-menu-wrapper {
  background: var(--lg-bg-secondary) !important;
  border-right: 1px solid var(--lg-border) !important;
}

.luumtech2-theme #setup-menu > li:first-child {
  border-bottom: 1px solid var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme #setup-menu > li > a {
  color: var(--lg-text-secondary) !important;
  font-size: var(--lg-font-size-sm) !important;
  font-weight: 400 !important;
}

.luumtech2-theme #setup-menu > li > a:hover {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme #setup-menu li .nav-second-level li a {
  color: var(--lg-text-muted) !important;
}

.luumtech2-theme #setup-menu li .nav-second-level li a:hover,
.luumtech2-theme #setup-menu li .nav-second-level li.active a {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .customizer-heading {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .close-customizer {
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .luumtech2-theme .close-customizer:hover {
  background: var(--lg-bg-elevated) !important;
  color: var(--lg-text-primary) !important;
}

/* ==========================================
   HEADER / NAVBAR
   ========================================== */

/* Hamburger */
.luumtech2-theme .hide-menu {
  color: var(--lg-text-secondary) !important;
}

.luumtech2-theme .hide-menu:hover {
  color: var(--lg-text-primary) !important;
}

/* Search */
.luumtech2-theme #search_input {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius-md) !important;
  color: var(--lg-text-primary) !important;
  font-size: var(--lg-font-size-sm) !important;
}

.luumtech2-theme #search_input::placeholder {
  color: var(--lg-text-muted) !important;
}

.luumtech2-theme #search_input:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--lg-accent-rgb), 0.15) !important;
}

/* ==========================================
   NAVBAR ICONS — Uniform Spacing
   ========================================== */
.luumtech2-theme .navbar-nav.navbar-right {
  display: flex !important;
  align-items: center !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
  height: 57px !important;
  gap: 6px !important;
  float: right !important;
}

/* Reset ALL Tailwind margins on li items for uniform spacing */
.luumtech2-theme .navbar-nav.navbar-right > li {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Kill ALL Tailwind mr/ml classes on navbar items */
.luumtech2-theme .navbar-nav.navbar-right > li[class*="tw-mr"],
.luumtech2-theme .navbar-nav.navbar-right > li[class*="tw-ml"],
.luumtech2-theme .navbar-nav.navbar-right > li[class*="-tw-mr"],
.luumtech2-theme .navbar-nav.navbar-right > li[class*="-tw-ml"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* All navbar icon buttons — circular, consistent */
.luumtech2-theme .navbar-nav.navbar-right > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid var(--lg-border-light) !important;
  color: var(--lg-text-secondary) !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
}

.luumtech2-theme .navbar-nav.navbar-right > li > a:hover,
.luumtech2-theme .navbar-nav.navbar-right > li > a:focus,
.luumtech2-theme .navbar-nav.navbar-right > li.open > a {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

.luumtech2-theme .navbar-nav.navbar-right > li > a svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}

.luumtech2-theme .navbar-nav.navbar-right > li > a i {
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Fix inner spans that mess up circular shape */
.luumtech2-theme .navbar-nav.navbar-right > li > a > span.tw-inline-flex,
.luumtech2-theme .navbar-nav.navbar-right > li > a > span[class*="tw-"] {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Quick create + button - keeps accent bg */
.luumtech2-theme .navbar-nav.navbar-right > li > a .tw-rounded-full {
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  background: var(--lg-accent) !important;
}

/* Badge positions on navbar */
.luumtech2-theme .navbar-nav.navbar-right > li .badge,
.luumtech2-theme .navbar-nav.navbar-right > li .icon-started-timers,
.luumtech2-theme .navbar-nav.navbar-right > li .icon-notifications,
.luumtech2-theme .navbar-nav.navbar-right > li .nav-total-todos {
  position: absolute !important;
  top: 0px !important;
  right: -4px !important;
  font-size: 9px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  padding: 2px 4px !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  z-index: 2 !important;
}

/* Profile Avatar in Navbar — fill entire circle */
.luumtech2-theme .lt2-avatar-nav {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: none !important;
}

/* Profile button — no extra border since avatar IS the circle */
.luumtech2-theme .luumtech2-profile-btn > a {
  border: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.luumtech2-theme .luumtech2-profile-btn > a:hover {
  border: none !important;
  box-shadow: 0 0 0 2px rgba(var(--lg-accent-rgb), 0.4) !important;
}

/* ==========================================
   NOTIFICATION DROPDOWN — Premium Design
   ========================================== */
.luumtech2-theme .dropdown-menu.notifications {
  width: 380px !important;
  max-height: 500px !important;
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: var(--lg-radius-xl) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.3) !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications {
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

/* Notification header (mark all read) */
.luumtech2-theme .dropdown-menu.notifications > div:first-child {
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--lg-border) !important;
  margin-bottom: 0 !important;
}

.luumtech2-theme .dropdown-menu.notifications > div:first-child a {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 500 !important;
}

/* Notification items */
.luumtech2-theme .notification-wrapper {
  border-bottom: 1px solid var(--lg-border) !important;
  transition: all 0.15s ease !important;
}

.luumtech2-theme .notification-wrapper:hover {
  background: rgba(var(--lg-accent-rgb), 0.04) !important;
}

.luumtech2-theme .notification-box {
  padding: 12px 16px !important;
  display: flex !important;
  gap: 12px !important;
}

.luumtech2-theme .notification-image {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border: 2px solid var(--lg-border-light) !important;
  margin: 0 !important;
  float: none !important;
}

.luumtech2-theme .notification-title {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--lg-text-primary) !important;
  display: block !important;
}

.luumtech2-theme .notification-date {
  font-size: 11px !important;
  color: var(--lg-text-muted) !important;
  margin-top: 2px !important;
}

.luumtech2-theme .notification-wrapper .label {
  font-size: 10px !important;
  padding: 2px 8px !important;
  border-radius: var(--lg-radius-full) !important;
  font-weight: 500 !important;
}

/* Unread notification — accent left border */
.luumtech2-theme .unread-notification .notification-box {
  border-left: 3px solid var(--lg-accent) !important;
}

/* Mark as read button */
.luumtech2-theme .not-mark-as-read-inline {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--lg-text-muted) !important;
  opacity: 0.5 !important;
  transition: all 0.15s ease !important;
}

.luumtech2-theme .not-mark-as-read-inline:hover {
  opacity: 1 !important;
  color: var(--lg-accent) !important;
}

/* Notification dividers */
.luumtech2-theme .dropdown-menu.notifications .divider {
  margin: 0 !important;
  background: var(--lg-border) !important;
}

/* Notification footer (View All) */
.luumtech2-theme .dropdown-menu.notifications > div:last-child {
  padding: 12px !important;
  text-align: center !important;
  background: var(--lg-bg-tertiary) !important;
  border-top: 1px solid var(--lg-border) !important;
}

.luumtech2-theme .dropdown-menu.notifications > div:last-child .btn {
  border-radius: var(--lg-radius-full) !important;
  padding: 6px 20px !important;
  font-size: 12px !important;
}

/* ==========================================
   PANELS & CARDS — Both modes
   ========================================== */
.luumtech2-theme .panel,
.luumtech2-theme .panel_s,
.luumtech2-theme .box,
.luumtech2-theme .widget {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius-lg) !important;
  box-shadow: none !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .panel-heading,
.luumtech2-theme .panel_s .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
  padding: 14px 18px !important;
}

.luumtech2-theme .panel-title {
  font-size: var(--lg-font-size-md) !important;
  font-weight: 500 !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .panel-body {
  padding: 18px !important;
  color: var(--lg-text-primary) !important;
  background: transparent !important;
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
}

.luumtech2-theme .panel > .panel-body:first-child,
.luumtech2-theme .panel_s > .panel-body:first-child {
  border-radius: var(--lg-radius-xl) !important;
}

.luumtech2-theme .panel-footer {
  background: var(--lg-bg-tertiary) !important;
  border-top: 1px solid var(--lg-border) !important;
}

/* ==========================================
   TABLES — Dark mode fix
   ========================================== */
.luumtech2-theme .table,
.luumtech2-theme .table-responsive {
  background: transparent !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .table > thead > tr > th {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-secondary) !important;
  border-bottom: 1px solid var(--lg-border) !important;
  font-size: var(--lg-font-size-xs) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  padding: 10px 14px !important;
}

.luumtech2-theme .table > thead > tr > td,
.luumtech2-theme .table > tbody > tr > td,
.luumtech2-theme .table > tbody > tr > th {
  background: transparent !important;
  color: var(--lg-text-primary) !important;
  border-top: 1px solid var(--lg-border) !important;
  padding: 10px 14px !important;
  font-size: var(--lg-font-size-sm) !important;
  vertical-align: middle !important;
}

.luumtech2-theme .table > tbody > tr:hover > td {
  background: var(--lg-glass-bg-light) !important;
}

.luumtech2-theme .table-striped > tbody > tr:nth-of-type(odd) > td {
  background: rgba(255,255,255,0.02) !important;
}

/* DataTables */
.luumtech2-theme .dataTables_wrapper {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .dataTables_info,
.luumtech2-theme .dataTables_length,
.luumtech2-theme .dataTables_filter {
  color: var(--lg-text-secondary) !important;
  font-size: var(--lg-font-size-xs) !important;
}

.luumtech2-theme .dataTables_length select {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: var(--lg-radius-sm) !important;
}

/* ==========================================
   BUTTONS
   ========================================== */
.luumtech2-theme .btn {
  font-family: var(--lg-font-family) !important;
  font-weight: 500 !important;
  font-size: var(--lg-font-size-sm) !important;
  border-radius: var(--lg-radius-md) !important;
  transition: var(--lg-transition-fast) !important;
}

.luumtech2-theme .btn-primary,
.luumtech2-theme .btn-primary:active {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  color: #ffffff !important;
}

.luumtech2-theme .btn-primary:hover,
.luumtech2-theme .btn-primary:focus {
  background: var(--lg-accent-hover) !important;
  border-color: var(--lg-accent-hover) !important;
}

.luumtech2-theme .btn-default,
.luumtech2-theme .btn-info {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .btn-default:hover,
.luumtech2-theme .btn-info:hover {
  background: var(--lg-bg-elevated) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

.luumtech2-theme .btn-success { background: var(--lg-success) !important; border-color: var(--lg-success) !important; color: #fff !important; }
.luumtech2-theme .btn-danger { background: var(--lg-danger) !important; border-color: var(--lg-danger) !important; color: #fff !important; }
.luumtech2-theme .btn-warning { background: var(--lg-warning) !important; border-color: var(--lg-warning) !important; color: #000 !important; }

/* ==========================================
   FORMS
   ========================================== */
.luumtech2-theme .form-control,
.luumtech2-theme select.form-control,
.luumtech2-theme textarea.form-control {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
  border-radius: var(--lg-radius-md) !important;
  font-size: var(--lg-font-size-sm) !important;
  box-shadow: none !important;
}

.luumtech2-theme .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--lg-accent-rgb), 0.1) !important;
}

.luumtech2-theme .form-control::placeholder {
  color: var(--lg-text-muted) !important;
}

.luumtech2-theme .form-group label,
.luumtech2-theme .control-label,
.luumtech2-theme label {
  color: var(--lg-text-secondary) !important;
}

/* ==========================================
   DROPDOWNS — Liquid Glass
   ========================================== */
.luumtech2-theme .dropdown-menu {
  background: var(--lg-glass-bg) !important;
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(150%) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-lg) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  padding: 6px !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu {
  background: var(--lg-glass-bg) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

.luumtech2-theme .dropdown-menu > li > a {
  color: var(--lg-text-secondary) !important;
  padding: 8px 14px !important;
  font-size: var(--lg-font-size-sm) !important;
  border-radius: var(--lg-radius-sm) !important;
  transition: var(--lg-transition-fast) !important;
}

.luumtech2-theme .dropdown-menu > li > a:hover,
.luumtech2-theme .dropdown-menu > li > a:focus {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .dropdown-menu .divider {
  background: var(--lg-border) !important;
}

.luumtech2-theme .dropdown-header {
  color: var(--lg-text-muted) !important;
  font-size: var(--lg-font-size-xs) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* ==========================================
   MODALS
   ========================================== */
.luumtech2-theme .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius-xl) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .modal-header {
  border-bottom: 1px solid var(--lg-border) !important;
}

.luumtech2-theme .modal-header .close,
.luumtech2-theme .modal-header .btn-close {
  color: var(--lg-text-muted) !important;
  text-shadow: none !important;
}

.luumtech2-theme .modal-title {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .modal-body {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .modal-footer {
  border-top: 1px solid var(--lg-border) !important;
  background: var(--lg-bg-tertiary) !important;
}

/* ==========================================
   TABS
   ========================================== */
.luumtech2-theme .nav-tabs {
  border-bottom: 1px solid var(--lg-border) !important;
}

.luumtech2-theme .nav-tabs > li > a {
  color: var(--lg-text-muted) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  font-size: var(--lg-font-size-sm) !important;
  font-weight: 500 !important;
}

.luumtech2-theme .nav-tabs > li > a:hover {
  color: var(--lg-text-primary) !important;
  border-bottom-color: var(--lg-text-muted) !important;
  background: transparent !important;
}

.luumtech2-theme .nav-tabs > li.active > a,
.luumtech2-theme .nav-tabs > li.active > a:hover,
.luumtech2-theme .nav-tabs > li.active > a:focus {
  color: var(--lg-accent) !important;
  border-bottom: 2px solid var(--lg-accent) !important;
  background: transparent !important;
}

/* ==========================================
   ALERTS
   ========================================== */
.luumtech2-theme .alert {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius-md) !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .alert-danger { border-left: 4px solid var(--lg-danger) !important; }
.luumtech2-theme .alert-success { border-left: 4px solid var(--lg-success) !important; }
.luumtech2-theme .alert-warning { border-left: 4px solid var(--lg-warning) !important; }
.luumtech2-theme .alert-info { border-left: 4px solid var(--lg-info) !important; }

/* ==========================================
   PAGINATION
   ========================================== */
.luumtech2-theme .pagination > li > a,
.luumtech2-theme .pagination > li > span {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border) !important;
  color: var(--lg-text-secondary) !important;
  border-radius: var(--lg-radius-sm) !important;
}

.luumtech2-theme .pagination > .active > a,
.luumtech2-theme .pagination > .active > span {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* ==========================================
   WELL, PROGRESS, LIST GROUP
   ========================================== */
.luumtech2-theme .well {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius-md) !important;
  box-shadow: none !important;
}

.luumtech2-theme .progress {
  background: var(--lg-bg-tertiary) !important;
  border-radius: var(--lg-radius-full) !important;
  height: 6px !important;
  box-shadow: none !important;
}

.luumtech2-theme .progress-bar {
  background: var(--lg-accent) !important;
}

.luumtech2-theme .list-group-item {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* ==========================================
   LINKS
   ========================================== */
.luumtech2-theme a {
  color: var(--lg-accent) !important;
}

.luumtech2-theme a:hover {
  color: var(--lg-accent-hover) !important;
}

/* Reset for menus */
.luumtech2-theme .sidebar a,
.luumtech2-theme #setup-menu a,
.luumtech2-theme .dropdown-menu a {
  color: var(--lg-text-secondary) !important;
}

/* ==========================================
   SELECT2
   ========================================== */
.luumtech2-theme .select2-container--default .select2-selection--single,
.luumtech2-theme .select2-container--default .select2-selection--multiple {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: var(--lg-radius-md) !important;
}

.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .select2-dropdown {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: var(--lg-radius-md) !important;
}

.luumtech2-theme .select2-results__option--highlighted[aria-selected] {
  background: var(--lg-accent) !important;
}

/* ==========================================
   TOOLTIP, POPOVER
   ========================================== */
.luumtech2-theme .tooltip-inner {
  background: var(--lg-bg-elevated) !important;
  color: var(--lg-text-primary) !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: var(--lg-radius-sm) !important;
  font-size: var(--lg-font-size-xs) !important;
}

.luumtech2-theme .popover {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
}

.luumtech2-theme .popover-content {
  color: var(--lg-text-primary) !important;
}

/* ==========================================
   MOBILE NAVBAR
   ========================================== */
html[data-theme="dark"] .luumtech2-theme .mobile-navbar {
  background: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .mobile-navbar .navbar-nav {
  border-bottom-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .mobile-navbar .navbar-nav > li > a {
  color: var(--lg-text-secondary) !important;
  border-bottom-color: var(--lg-border) !important;
}

/* ==========================================
   SCROLLBAR
   ========================================== */
.luumtech2-theme ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.luumtech2-theme ::-webkit-scrollbar-track {
  background: transparent;
}

.luumtech2-theme ::-webkit-scrollbar-thumb {
  background: rgba(var(--lg-accent-rgb), 0.2);
  border-radius: 3px;
}

.luumtech2-theme ::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--lg-accent-rgb), 0.4);
}

/* ==========================================
   HR, FOOTER
   ========================================== */
.luumtech2-theme hr {
  border-color: var(--lg-border) !important;
}

.luumtech2-theme footer {
  background: var(--lg-bg-secondary) !important;
  border-top: 1px solid var(--lg-border) !important;
  color: var(--lg-text-muted) !important;
}

/* ==========================================
   NUCLEAR: TAILWIND CLASS OVERRIDES
   Catches ALL tw-bg-white, tw-bg-neutral-* etc.
   ========================================== */
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-white"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-white {
  background-color: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-100"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-100 {
  background-color: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-200"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-200 {
  background-color: var(--lg-bg-elevated) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-7"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-8"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-9"],
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-700,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-800,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-900 {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-5"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-6"],
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-500,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-600 {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-4"],
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-400 {
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral"],
html[data-theme="dark"] .luumtech2-theme .tw-border-neutral-200,
html[data-theme="dark"] .luumtech2-theme .tw-border-neutral-300 {
  border-color: var(--lg-border-light) !important;
}

/* INLINE STYLE OVERRIDES */
html[data-theme="dark"] .luumtech2-theme [style*="background:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#FFF"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #FFF"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#FFF"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #FFF"],
html[data-theme="dark"] .luumtech2-theme [style*="background:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background: rgb(255"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: rgb(255"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#f4f4f5"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #f4f4f5"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#f9f9f9"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #f9f9f9"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#f7f8fa"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #f7f8fa"] {
  background: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme [style*="color:#333"],
html[data-theme="dark"] .luumtech2-theme [style*="color: #333"],
html[data-theme="dark"] .luumtech2-theme [style*="color:#000"],
html[data-theme="dark"] .luumtech2-theme [style*="color: #000"],
html[data-theme="dark"] .luumtech2-theme [style*="color:black"],
html[data-theme="dark"] .luumtech2-theme [style*="color: black"],
html[data-theme="dark"] .luumtech2-theme [style*="color:#111"],
html[data-theme="dark"] .luumtech2-theme [style*="color: #111"],
html[data-theme="dark"] .luumtech2-theme [style*="color: rgb(0"],
html[data-theme="dark"] .luumtech2-theme [style*="color:#363e48"],
html[data-theme="dark"] .luumtech2-theme [style*="color: #363e48"] {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme [style*="border-color:#e"],
html[data-theme="dark"] .luumtech2-theme [style*="border: 1px solid #e"],
html[data-theme="dark"] .luumtech2-theme [style*="border-bottom: 1px solid #e"],
html[data-theme="dark"] .luumtech2-theme [style*="border-color:#cbd5e1"],
html[data-theme="dark"] .luumtech2-theme [style*="border-color: #cbd5e1"] {
  border-color: var(--lg-border) !important;
}

/* ==========================================
   CATCH-ALL: body bg, Perfex specific IDs
   ========================================== */
html[data-theme="dark"] .luumtech2-theme #header li > a.active {
  background: var(--lg-bg-elevated) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .navbar-nav > li > a:hover,
html[data-theme="dark"] .luumtech2-theme .navbar-nav > li > a:focus,
html[data-theme="dark"] .luumtech2-theme .navbar-nav .open > a,
html[data-theme="dark"] .luumtech2-theme .navbar-nav .open > a:hover,
html[data-theme="dark"] .luumtech2-theme .navbar-nav .open > a:focus {
  color: var(--lg-text-primary) !important;
}

/* Search results dropdown */
html[data-theme="dark"] .luumtech2-theme .search-results,
html[data-theme="dark"] .luumtech2-theme #search_results {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
}

/* Notifications */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications li {
  border-bottom-color: var(--lg-border) !important;
}

/* Page heading */
.luumtech2-theme h1, .luumtech2-theme h2, .luumtech2-theme h3,
.luumtech2-theme h4, .luumtech2-theme h5, .luumtech2-theme h6 {
  color: var(--lg-text-primary) !important;
}

/* Text muted */
.luumtech2-theme .text-muted,
.luumtech2-theme .text-secondary {
  color: var(--lg-text-muted) !important;
}

/* ==========================================
   STAT CARDS / TOP STATS
   ========================================== */
.luumtech2-theme .top_stats_wrapper .panel_s {
  border-radius: var(--lg-radius-md) !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */
@media (max-width: 768px) {
  .luumtech2-theme .navbar-nav.navbar-right {
    height: auto !important;
    margin-right: 8px !important;
  }
}

/* ==========================================
   SETTINGS PAGE — Dark Mode Fix
   ========================================== */
/* Settings sidebar/panel list */
html[data-theme="dark"] .luumtech2-theme .settings-group,
html[data-theme="dark"] .luumtech2-theme #settings-group,
html[data-theme="dark"] .luumtech2-theme .settings-sidebar {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .settings-group .list-group-item,
html[data-theme="dark"] .luumtech2-theme .settings-group a,
html[data-theme="dark"] .luumtech2-theme .settings-sidebar a {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .settings-group .list-group-item.active,
html[data-theme="dark"] .luumtech2-theme .settings-group a.active,
html[data-theme="dark"] .luumtech2-theme .settings-sidebar a.active {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  color: var(--lg-accent) !important;
  border-left: 3px solid var(--lg-accent) !important;
}

html[data-theme="dark"] .luumtech2-theme .settings-group .list-group-item:hover,
html[data-theme="dark"] .luumtech2-theme .settings-group a:hover {
  background: rgba(var(--lg-accent-rgb), 0.05) !important;
  color: var(--lg-text-primary) !important;
}

/* Settings group headers */
html[data-theme="dark"] .luumtech2-theme .settings-group .group-heading {
  color: var(--lg-text-muted) !important;
}

/* Settings content area panels */
html[data-theme="dark"] .luumtech2-theme .settings-content,
html[data-theme="dark"] .luumtech2-theme #settings-content {
  background: var(--lg-bg-primary) !important;
}

/* List groups */
html[data-theme="dark"] .luumtech2-theme .list-group-item {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item.active {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  border-color: var(--lg-accent) !important;
  color: var(--lg-text-primary) !important;
}

/* Well component */
html[data-theme="dark"] .luumtech2-theme .well {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Popover & Tooltip */
html[data-theme="dark"] .luumtech2-theme .popover {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-title {
  background: var(--lg-bg-tertiary) !important;
  border-bottom-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-content {
  color: var(--lg-text-secondary) !important;
}

/* Quick actions dropdown */
html[data-theme="dark"] .luumtech2-theme .quick-actions-dropdown,
html[data-theme="dark"] .luumtech2-theme #quick-actions-dropdown {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* Fix bg for notification view all footer */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div.tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div[class*="tw-bg-neutral"] {
  background: var(--lg-bg-tertiary) !important;
}

/* Card bodies and panel bodies */
html[data-theme="dark"] .luumtech2-theme .card,
html[data-theme="dark"] .luumtech2-theme .card-body {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Breadcrumb */
html[data-theme="dark"] .luumtech2-theme .breadcrumb {
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .breadcrumb > li,
html[data-theme="dark"] .luumtech2-theme .breadcrumb > li > a {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .breadcrumb > .active {
  color: var(--lg-text-muted) !important;
}

/* Fix any remaining white bg from Perfex wrappers */
html[data-theme="dark"] .luumtech2-theme .tw-bg-white\/80,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-white/"] {
  background: var(--lg-bg-secondary) !important;
}

/* Media body inside dropdowns */
html[data-theme="dark"] .luumtech2-theme .media-body {
  color: var(--lg-text-primary) !important;
}

/* Admin page title */
.luumtech2-theme .page-heading {
  color: var(--lg-text-primary) !important;
}

/* ==========================================
   v2.4 — REMAINING DARK MODE WHITE AREAS
   Fixes: notifications, panel settings, tables,
   charts, reports, pagination, DataTables
   ========================================== */

/* -------------------------------------------
   NOTIFICATION ITEMS — Each card must be dark
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .notification-wrapper,
html[data-theme="dark"] .luumtech2-theme .notification-wrapper > a,
html[data-theme="dark"] .luumtech2-theme .notification-handler {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .notification-box {
  background: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .notification-wrapper:hover,
html[data-theme="dark"] .luumtech2-theme .notification-wrapper:hover > a,
html[data-theme="dark"] .luumtech2-theme .notification-handler:hover {
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .notification-title {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .notification-date {
  color: var(--lg-text-muted) !important;
}

/* Notification dividers */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications li.divider {
  background: var(--lg-border) !important;
  border-color: var(--lg-border) !important;
}

/* Notification "View All" footer */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications [class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div:last-child {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .btn-default {
  background: var(--lg-bg-elevated) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   PANEL AYARLARI — Dashboard screen-options
   (checkbox list that slides down)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .screen-options-area,
html[data-theme="dark"] .luumtech2-theme #dashboard-options {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme #dashboard-options .checkbox label,
html[data-theme="dark"] .luumtech2-theme #dashboard-options label {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .screen-options-btn,
html[data-theme="dark"] .luumtech2-theme .screen-option-button,
html[data-theme="dark"] .luumtech2-theme [data-toggle-dashboard-options] {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   TABLE — Header, body, footer all dark
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .table > thead > tr > th,
html[data-theme="dark"] .luumtech2-theme .table > thead > tr > td,
html[data-theme="dark"] .luumtech2-theme .table-responsive > .table > thead > tr > th {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .table > tbody > tr,
html[data-theme="dark"] .luumtech2-theme .table > tbody > tr > td {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .table > tbody > tr:hover,
html[data-theme="dark"] .luumtech2-theme .table > tbody > tr:hover > td {
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .table > tfoot > tr > td,
html[data-theme="dark"] .luumtech2-theme .table > tfoot > tr > th {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-secondary) !important;
}

/* -------------------------------------------
   DATATABLES WRAPPER — Filters, info, pagination
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .dataTables_wrapper,
html[data-theme="dark"] .luumtech2-theme .dataTables_filter,
html[data-theme="dark"] .luumtech2-theme .dataTables_length,
html[data-theme="dark"] .luumtech2-theme .dataTables_info {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .dataTables_filter input,
html[data-theme="dark"] .luumtech2-theme .dataTables_length select {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .table-responsive {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* Table header bar (with export/filters) */
html[data-theme="dark"] .luumtech2-theme .table-top,
html[data-theme="dark"] .luumtech2-theme .dt-toolbar,
html[data-theme="dark"] .luumtech2-theme ._buttons {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* -------------------------------------------
   PAGINATION — All buttons dark
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .dataTables_paginate,
html[data-theme="dark"] .luumtech2-theme .pagination {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .pagination > li > a,
html[data-theme="dark"] .luumtech2-theme .pagination > li > span,
html[data-theme="dark"] .luumtech2-theme .dataTables_paginate .paginate_button {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .pagination > li > a:hover,
html[data-theme="dark"] .luumtech2-theme .dataTables_paginate .paginate_button:hover {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .pagination > .active > a,
html[data-theme="dark"] .luumtech2-theme .pagination > .active > span,
html[data-theme="dark"] .luumtech2-theme .dataTables_paginate .paginate_button.current {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  color: #fff !important;
}

html[data-theme="dark"] .luumtech2-theme .pagination > .disabled > a,
html[data-theme="dark"] .luumtech2-theme .dataTables_paginate .paginate_button.disabled {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-muted) !important;
  opacity: 0.5 !important;
}

/* -------------------------------------------
   CHARTS & CANVAS — Dark background
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme canvas {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .chart-container,
html[data-theme="dark"] .luumtech2-theme .chart-area,
html[data-theme="dark"] .luumtech2-theme [class*="chart"] .panel-body,
html[data-theme="dark"] .luumtech2-theme .widget canvas {
  background: var(--lg-bg-secondary) !important;
}

/* Flot chart (used in reports) */
html[data-theme="dark"] .luumtech2-theme .flot-chart,
html[data-theme="dark"] .luumtech2-theme .flot-chart-content,
html[data-theme="dark"] .luumtech2-theme #flotchart,
html[data-theme="dark"] .luumtech2-theme #flotchart-placeholder,
html[data-theme="dark"] .luumtech2-theme .plot,
html[data-theme="dark"] .luumtech2-theme [id*="flot"],
html[data-theme="dark"] .luumtech2-theme [id*="chart"],
html[data-theme="dark"] .luumtech2-theme [class*="flot"] {
  background: var(--lg-bg-secondary) !important;
}

/* Morris charts */
html[data-theme="dark"] .luumtech2-theme .morris-hover {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   REPORTS PAGE — Panel list, report area
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel-group .panel {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-group .panel-heading {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-group .panel-heading a,
html[data-theme="dark"] .luumtech2-theme .panel-group .panel-title a {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-group .panel-body {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* Report output area */
html[data-theme="dark"] .luumtech2-theme .report-output,
html[data-theme="dark"] .luumtech2-theme #report-result,
html[data-theme="dark"] .luumtech2-theme .report-stats {
  background: var(--lg-bg-secondary) !important;
}

/* -------------------------------------------
   TAB CONTENT — All tab panes dark
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .tab-content,
html[data-theme="dark"] .luumtech2-theme .tab-pane {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs {
  border-bottom-color: var(--lg-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs > li > a {
  color: var(--lg-text-secondary) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs > li > a:hover {
  border-color: var(--lg-border) !important;
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a,
html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a:focus {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  border-bottom-color: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

/* Horizontal scrollable tabs */
html[data-theme="dark"] .luumtech2-theme .horizontal-scrollable-tabs {
  background: var(--lg-bg-secondary) !important;
}

/* -------------------------------------------
   CHECKBOX / RADIO LABELS (dark text)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .checkbox label,
html[data-theme="dark"] .luumtech2-theme .radio label,
html[data-theme="dark"] .luumtech2-theme .form-check-label {
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   SELECT2 dropdown
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .select2-container--default .select2-selection--single,
html[data-theme="dark"] .luumtech2-theme .select2-container--default .select2-selection--multiple {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-dropdown {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

html[data-theme="dark"] .select2-results__option {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-results__option--highlighted {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-search--dropdown .select2-search__field {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   BUTTONS — Default buttons dark
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .btn-default {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .btn-default:hover,
html[data-theme="dark"] .luumtech2-theme .btn-default:focus {
  background: var(--lg-bg-elevated) !important;
}

/* -------------------------------------------
   TOP STATS WIDGET (dashboard summary cards)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .widget {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .widget .panel,
html[data-theme="dark"] .luumtech2-theme .widget .panel_s {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* -------------------------------------------
   MISC CATCH-ALL — Every remaining white element
   ------------------------------------------- */
/* Any div/section with hardcoded white bg */
html[data-theme="dark"] .luumtech2-theme .bg-white,
html[data-theme="dark"] .luumtech2-theme [class*="bg-white"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-white,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-white"] {
  background-color: var(--lg-bg-secondary) !important;
}

/* Jumbotron */
html[data-theme="dark"] .luumtech2-theme .jumbotron {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
}

/* Page body & wrapper */
html[data-theme="dark"] body.luumtech2-theme,
html[data-theme="dark"] .luumtech2-theme body,
html[data-theme="dark"] .luumtech2-theme #wrapper,
html[data-theme="dark"] .luumtech2-theme .wrapper {
  background: var(--lg-bg-primary) !important;
}

/* Tooltip */
html[data-theme="dark"] .tooltip-inner {
  background: var(--lg-bg-elevated) !important;
  color: var(--lg-text-primary) !important;
}

/* Activity log */
html[data-theme="dark"] .luumtech2-theme .activity-log-wrapper,
html[data-theme="dark"] .luumtech2-theme .activity-data {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
}

/* Proposals, estimates, invoices summary cards */
html[data-theme="dark"] .luumtech2-theme .invoice-total-info,
html[data-theme="dark"] .luumtech2-theme .proposals-total,
html[data-theme="dark"] .luumtech2-theme .estimates_total {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Inline editor, textarea in modals */
html[data-theme="dark"] .luumtech2-theme textarea.form-control {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Bootstrap switch */
html[data-theme="dark"] .luumtech2-theme .bootstrap-switch {
  border-color: var(--lg-border) !important;
}

/* ==========================================
   v2.5 — NUCLEAR DARK MODE + UI POLISH
   Dashboard borders, modals, language selector,
   profile dropdown, ALL white area catch-all
   ========================================== */

/* -------------------------------------------
   DASHBOARD PANELS — Liquid Glass borders
   (No visible white borders on cards)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel,
html[data-theme="dark"] .luumtech2-theme .panel_s,
html[data-theme="dark"] .luumtech2-theme .box {
  background: var(--lg-glass-bg) !important;
  border: 1px solid var(--lg-glass-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-heading,
html[data-theme="dark"] .luumtech2-theme .panel_s .panel-heading {
  background: transparent !important;
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-footer {
  background: rgba(255,255,255,0.02) !important;
  border-top-color: var(--lg-glass-border) !important;
}

/* Top stats cards on dashboard */
html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper .panel_s,
html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper .panel {
  background: var(--lg-glass-bg) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

/* Dashboard widget panels — remove all white outlines */
html[data-theme="dark"] .luumtech2-theme .widget .panel_s,
html[data-theme="dark"] .luumtech2-theme .widget .panel,
html[data-theme="dark"] .luumtech2-theme .widget .box {
  background: var(--lg-glass-bg) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

/* Summary stat items (Taslak, Gönderilmedi rows) */
html[data-theme="dark"] .luumtech2-theme .widget .panel-body table,
html[data-theme="dark"] .luumtech2-theme .widget .panel-body .table {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .widget .panel-body .table tr,
html[data-theme="dark"] .luumtech2-theme .widget .panel-body .table td {
  background: transparent !important;
  border-color: var(--lg-glass-border) !important;
}

/* Bottom colored cards (Ödenmemiş Faturalar etc.) */
html[data-theme="dark"] .luumtech2-theme .panel-body > .row [class*="col-"] .panel.tw-mb-0,
html[data-theme="dark"] .luumtech2-theme [class*="col-"] .panel[style*="background"] {
  border: 1px solid var(--lg-glass-border) !important;
}

/* -------------------------------------------
   MODAL FIXES — Dark mode + z-index
   (Customer page popup not showing correctly)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header {
  background: var(--lg-bg-secondary) !important;
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-body {
  background: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-footer {
  background: var(--lg-bg-tertiary) !important;
  border-top-color: var(--lg-glass-border) !important;
}

/* Modal backdrop */
html[data-theme="dark"] .luumtech2-theme .modal-backdrop.in,
html[data-theme="dark"] .modal-backdrop.in {
  background: rgba(0,0,0,0.7) !important;
  opacity: 1 !important;
}

/* Modal z-index hierarchy */
.luumtech2-theme .modal {
  z-index: 10050 !important;
}
.luumtech2-theme .modal-backdrop {
  z-index: 10040 !important;
}

/* All form controls inside modals */
html[data-theme="dark"] .luumtech2-theme .modal .form-control {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 2px rgba(var(--lg-accent-rgb), 0.15) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal label {
  color: var(--lg-text-secondary) !important;
}

/* Modal close button */
html[data-theme="dark"] .luumtech2-theme .modal-header .close {
  color: var(--lg-text-muted) !important;
  opacity: 0.7 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header .close:hover {
  color: var(--lg-text-primary) !important;
  opacity: 1 !important;
}

/* -------------------------------------------
   LANGUAGE SELECTOR — Navbar dropdown
   ------------------------------------------- */
.luumtech2-theme .luumtech2-lang-btn > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  transition: var(--lg-transition-fast) !important;
}

.luumtech2-theme .luumtech2-lang-btn > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
}

.luumtech2-theme .lt2-lang-dropdown {
  min-width: 160px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  padding: 6px !important;
}

.luumtech2-theme .lt2-lang-dropdown li.active a {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  color: var(--lg-accent) !important;
  font-weight: 500 !important;
}

/* -------------------------------------------
   PROFILE DROPDOWN — Premium styling
   ------------------------------------------- */
.luumtech2-theme .lt2-profile-dropdown {
  min-width: 200px !important;
  padding: 6px !important;
}

.luumtech2-theme .lt2-profile-dropdown li a {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: var(--lg-radius-sm) !important;
}

.luumtech2-theme .lt2-profile-dropdown li a svg {
  flex-shrink: 0 !important;
  opacity: 0.7 !important;
}

.luumtech2-theme .lt2-profile-dropdown li a:hover svg {
  opacity: 1 !important;
}

/* -------------------------------------------
   CLIENT PROFILE PAGE / SIDEBAR NAV
   (Customer page left sidebar links)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .list-group {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item {
  background: transparent !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item:hover,
html[data-theme="dark"] .luumtech2-theme .list-group-item:focus {
  background: rgba(var(--lg-accent-rgb), 0.08) !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item.active,
html[data-theme="dark"] .luumtech2-theme .list-group-item.active:hover {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  border-color: var(--lg-accent) !important;
  color: var(--lg-accent) !important;
}

/* Client sidebar badges */
html[data-theme="dark"] .luumtech2-theme .list-group-item .badge {
  background: var(--lg-accent) !important;
  color: #fff !important;
}

/* -------------------------------------------
   FORM CONTROLS — Everywhere
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .form-control,
html[data-theme="dark"] .luumtech2-theme input[type="text"],
html[data-theme="dark"] .luumtech2-theme input[type="email"],
html[data-theme="dark"] .luumtech2-theme input[type="password"],
html[data-theme="dark"] .luumtech2-theme input[type="number"],
html[data-theme="dark"] .luumtech2-theme input[type="search"],
html[data-theme="dark"] .luumtech2-theme input[type="url"],
html[data-theme="dark"] .luumtech2-theme input[type="tel"],
html[data-theme="dark"] .luumtech2-theme select.form-control,
html[data-theme="dark"] .luumtech2-theme textarea {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 2px rgba(var(--lg-accent-rgb), 0.15) !important;
}

/* Input group addons */
html[data-theme="dark"] .luumtech2-theme .input-group-addon {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-secondary) !important;
}

/* -------------------------------------------
   NUCLEAR: ALL REMAINING WHITE BACKGROUNDS
   ------------------------------------------- */
/* Catch bg-white in every variant */
html[data-theme="dark"] .luumtech2-theme [style*="background: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background: rgb(255"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: rgb(255"] {
  background: var(--lg-bg-secondary) !important;
  background-color: var(--lg-bg-secondary) !important;
}

/* Tailwind catch-all */
html[data-theme="dark"] .luumtech2-theme .tw-bg-white,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-white"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-100,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-100"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-gray-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gray-50"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-gray-100,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gray-100"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-slate-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-slate-50"] {
  background-color: var(--lg-bg-secondary) !important;
}

/* Tailwind border classes */
html[data-theme="dark"] .luumtech2-theme .tw-border-neutral-200,
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral-200"],
html[data-theme="dark"] .luumtech2-theme .tw-border-neutral-300,
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral-300"],
html[data-theme="dark"] .luumtech2-theme .tw-border-gray-200,
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-gray-200"],
html[data-theme="dark"] .luumtech2-theme .tw-ring-neutral-200,
html[data-theme="dark"] .luumtech2-theme [class*="tw-ring-neutral-200"] {
  border-color: var(--lg-glass-border) !important;
  --tw-ring-color: var(--lg-glass-border) !important;
}

/* Tailwind text  */
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-500,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-600,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-700,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-800,
html[data-theme="dark"] .luumtech2-theme .tw-text-neutral-900,
html[data-theme="dark"] .luumtech2-theme .tw-text-gray-500,
html[data-theme="dark"] .luumtech2-theme .tw-text-gray-600,
html[data-theme="dark"] .luumtech2-theme .tw-text-gray-700,
html[data-theme="dark"] .luumtech2-theme .tw-text-gray-800,
html[data-theme="dark"] .luumtech2-theme .tw-text-gray-900 {
  color: var(--lg-text-primary) !important;
}

/* Perfex content wrapper */
html[data-theme="dark"] .luumtech2-theme #content,
html[data-theme="dark"] .luumtech2-theme .content,
html[data-theme="dark"] .luumtech2-theme #wrapper,
html[data-theme="dark"] .luumtech2-theme .wrapper,
html[data-theme="dark"] .luumtech2-theme .page-content,
html[data-theme="dark"] .luumtech2-theme .main-content,
html[data-theme="dark"] .luumtech2-theme .container-fluid {
  background: var(--lg-bg-primary) !important;
}

/* Well component */
html[data-theme="dark"] .luumtech2-theme .well {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Card component */
html[data-theme="dark"] .luumtech2-theme .card {
  background: var(--lg-glass-bg) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

/* Breadcrumb */
html[data-theme="dark"] .luumtech2-theme .breadcrumb {
  background: transparent !important;
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .luumtech2-theme .breadcrumb a {
  color: var(--lg-text-secondary) !important;
}

/* Popover */
html[data-theme="dark"] .luumtech2-theme .popover {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border-light) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-title {
  background: var(--lg-bg-tertiary) !important;
  border-bottom-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-content {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover.bottom > .arrow::after,
html[data-theme="dark"] .luumtech2-theme .popover.top > .arrow::after,
html[data-theme="dark"] .luumtech2-theme .popover.left > .arrow::after,
html[data-theme="dark"] .luumtech2-theme .popover.right > .arrow::after {
  border-bottom-color: var(--lg-bg-secondary) !important;
  border-top-color: var(--lg-bg-secondary) !important;
  border-left-color: var(--lg-bg-secondary) !important;
  border-right-color: var(--lg-bg-secondary) !important;
}

/* Screen options / Panel Ayarları button */
html[data-theme="dark"] .luumtech2-theme .screen-options-area {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme #dashboard-options {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme #dashboard-options h4 {
  color: var(--lg-text-primary) !important;
}

/* Dropdown submenu (sidebar languages etc.) */
html[data-theme="dark"] .luumtech2-theme .dropdown-submenu .dropdown-menu {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   RESPONSIVE — Mobile fixes
   ------------------------------------------- */
@media (max-width: 768px) {
  .luumtech2-theme .luumtech2-lang-btn {
    display: none !important;
  }
}

/* ==========================================
   v2.6 — COMPREHENSIVE POLISH
   Liquid glass sidebar/navbar, modal fixes,
   TinyMCE, FullCalendar, timer, notifications,
   Select2, badges, border-radius, all white areas
   ========================================== */

/* -------------------------------------------
   LIQUID GLASS — Sidebar & Navbar
   (Like client theme: blurred glass background)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .sidebar,
html[data-theme="dark"] .luumtech2-theme #menu,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] #menu {
  background: rgba(17, 17, 19, 0.75) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
  backdrop-filter: blur(24px) saturate(1.6) !important;
  border-right: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme #header,
html[data-theme="dark"] #header {
  background: rgba(17, 17, 19, 0.72) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
  backdrop-filter: blur(24px) saturate(1.6) !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
  box-shadow: none !important;
}

/* Ensure navbar is always on top */
html[data-theme="dark"] .luumtech2-theme .navbar-header,
.luumtech2-theme .navbar-header,
.luumtech2-theme .navbar,
.luumtech2-theme #header {
  z-index: 1030 !important;
}

/* -------------------------------------------
   MENU-ITEM-DASHBOARD — Fix z-index
   (Sits behind navbar, make visible)
   ------------------------------------------- */
.luumtech2-theme #side-menu > li:first-child {
  margin-top: 56px !important;
}

.luumtech2-theme .sidebar {
  z-index: 1020 !important;
  padding-top: 0 !important;
}

/* Ensure sidebar content starts below the header */
.luumtech2-theme .sidebar-inner,
.luumtech2-theme #menu .sidebar-inner {
  padding-top: 0 !important;
}

/* -------------------------------------------
   PANEL-BODY — padding fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel-body.padding-15 {
  background: transparent !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   NAV-TABS — Dark mode fix
   (nav-tabs-horizontal white bg removed)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .nav-tabs,
html[data-theme="dark"] .luumtech2-theme .nav-tabs-horizontal {
  background: transparent !important;
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs > li > a {
  background: transparent !important;
  color: var(--lg-text-muted) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a,
html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .luumtech2-theme .nav-tabs > li.active > a:focus {
  background: transparent !important;
  color: var(--lg-accent) !important;
  border-bottom: 2px solid var(--lg-accent) !important;
}

html[data-theme="dark"] .luumtech2-theme .tab-content {
  background: transparent !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   GRADIENT HEADER — tw-bg-gradient-to-r
   (sticky header bar: from-neutral-50 to white)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gradient-to-r"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-from-neutral-50"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-to-white"] {
  background: var(--lg-bg-secondary) !important;
  background-image: none !important;
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   TINYMCE EDITOR — Dark mode
   (tox-editor-header white bg)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .tox .tox-editor-header,
html[data-theme="dark"] .luumtech2-theme .tox-editor-header {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar__overflow {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn:hover {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn svg {
  fill: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn:hover svg {
  fill: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-edit-area__iframe,
html[data-theme="dark"] .luumtech2-theme .tox .tox-editor-container {
  background: var(--lg-bg-tertiary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar a,
html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar__path-item {
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox.tox-tinymce {
  border-color: var(--lg-glass-border) !important;
}

/* TinyMCE menubar */
html[data-theme="dark"] .luumtech2-theme .tox .tox-menubar {
  background: var(--lg-bg-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-mbtn {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-mbtn:hover {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   FULLCALENDAR — Button SVG icon visibility
   (fc-button-primary: icons not showing)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .fc-button-primary {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .fc-button-primary:hover {
  background: var(--lg-bg-elevated) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="dark"] .luumtech2-theme .fc-button-primary:not(:disabled).fc-button-active {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  border-color: var(--lg-accent) !important;
  color: var(--lg-accent) !important;
}

/* FC icons — make SVGs visible */
html[data-theme="dark"] .luumtech2-theme .fc-icon {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .fc .fc-button .fc-icon {
  color: inherit !important;
  font-size: 1.2em !important;
}

/* FC header toolbar */
html[data-theme="dark"] .luumtech2-theme .fc .fc-toolbar-title {
  color: var(--lg-text-primary) !important;
}

/* FC day cells */
html[data-theme="dark"] .luumtech2-theme .fc .fc-daygrid-day,
html[data-theme="dark"] .luumtech2-theme .fc .fc-day {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .fc td,
html[data-theme="dark"] .luumtech2-theme .fc th {
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .fc .fc-col-header-cell {
  background: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-secondary) !important;
}

/* -------------------------------------------
   BADGES — Accent/hover color style
   (badge tw-ml-auto bg-bg-default)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .badge.bg-bg-default,
html[data-theme="dark"] .luumtech2-theme .badge[class*="bg-bg-default"] {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  color: var(--lg-accent) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.25) !important;
}

html[data-theme="dark"] .luumtech2-theme .sidebar .badge,
html[data-theme="dark"] .luumtech2-theme #side-menu .badge {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  color: var(--lg-accent) !important;
  font-weight: 500 !important;
  border: none !important;
}

/* -------------------------------------------
   MODAL — Fix backdrop blocking + content cutoff
   (modal inside container, backdrop covering everything)
   ------------------------------------------- */
/* Ensure modal is fixed over everything */
.luumtech2-theme .modal {
  z-index: 10050 !important;
  position: fixed !important;
  overflow-y: auto !important;
}

.luumtech2-theme .modal-backdrop {
  z-index: 10040 !important;
}

/* Modal dialog — ensure it's centered and not cut off */
.luumtech2-theme .modal-dialog {
  margin: 30px auto !important;
  max-height: calc(100vh - 60px) !important;
}

/* Modal content — liquid glass with blur */
html[data-theme="dark"] .luumtech2-theme .modal-content {
  background: rgba(17, 17, 19, 0.92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-xl) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
  padding: 16px 20px !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-body {
  background: transparent !important;
  padding: 20px !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-footer {
  background: rgba(255,255,255,0.03) !important;
  border-top: 1px solid var(--lg-glass-border) !important;
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
  padding: 12px 20px !important;
}

/* Modal backdrop — darker and blurred */
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .modal-backdrop.in,
html[data-theme="dark"] .modal-backdrop.fade.in {
  background: rgba(0, 0, 0, 0.75) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
}

/* Modal close button */
html[data-theme="dark"] .luumtech2-theme .modal-header .close {
  color: var(--lg-text-muted) !important;
  text-shadow: none !important;
  opacity: 0.7 !important;
  font-size: 24px !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header .close:hover {
  color: var(--lg-text-primary) !important;
  opacity: 1 !important;
}

/* Modal title */
html[data-theme="dark"] .luumtech2-theme .modal-title {
  color: var(--lg-text-primary) !important;
  font-weight: 500 !important;
}

/* Modal labels and inputs */
html[data-theme="dark"] .luumtech2-theme .modal label {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal .form-control {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--lg-accent-rgb), 0.15) !important;
}

/* -------------------------------------------
   TIMER / TASK SELECT — Dark mode
   (timer-select-task popup white bg)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .timer-modal,
html[data-theme="dark"] .luumtech2-theme #timer-start-modal .modal-content,
html[data-theme="dark"] .luumtech2-theme [id*="timer"] .modal-content,
html[data-theme="dark"] .luumtech2-theme .timer-select-task {
  background: rgba(17, 17, 19, 0.95) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .timer-select-task .form-control {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   SELECT2 — Dark mode dropdown options
   (White dropdown options → dark themed)
   ------------------------------------------- */
html[data-theme="dark"] .select2-container--default .select2-results__option {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted,
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(var(--lg-accent-rgb), 0.08) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="dark"] .select2-dropdown {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border-light) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--lg-text-muted) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--lg-text-muted) transparent transparent transparent !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="dark"] .select2-results__options {
  max-height: 250px !important;
}

/* No results message */
html[data-theme="dark"] .select2-results__message {
  color: var(--lg-text-muted) !important;
}

/* -------------------------------------------
   NOTIFICATIONS PAGE — Compact & No separators
   (3rd screenshot: white lines, too tall items)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .notification-wrapper {
  border-bottom: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .notifications-page .notification-box,
html[data-theme="dark"] .luumtech2-theme .notifications_area .notification-box {
  padding: 10px 14px !important;
}

/* Notification page items — smaller avatar */
html[data-theme="dark"] .luumtech2-theme .notifications-page .notification-image,
html[data-theme="dark"] .luumtech2-theme .notifications_area .notification-image {
  width: 32px !important;
  height: 32px !important;
}

/* Notification page text — compact */
html[data-theme="dark"] .luumtech2-theme .notifications-page .notification-title,
html[data-theme="dark"] .luumtech2-theme .notifications_area .notification-title {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html[data-theme="dark"] .luumtech2-theme .notifications-page .notification-date,
html[data-theme="dark"] .luumtech2-theme .notifications_area .notification-date {
  font-size: 10px !important;
  margin-top: 2px !important;
}

/* -------------------------------------------
   NOTIFICATION DROPDOWN — 4th screenshot
   (Cards inside dropdown: more elegant)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-box {
  padding: 10px 14px !important;
  gap: 10px !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-image {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-title {
  font-size: 11px !important;
  line-height: 1.4 !important;
  max-height: 2.8em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-date {
  font-size: 10px !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  font-size: 9px !important;
  padding: 1px 6px !important;
}

/* No white dividers between notifications */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper {
  border-bottom: 1px solid var(--lg-glass-border) !important;
}

/* Remove Perfex default white background */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications li {
  background: transparent !important;
}

/* -------------------------------------------
   BORDER RADIUS — Increased to match client theme
   (Panels, cards, tables = more rounded)
   ------------------------------------------- */
.luumtech2-theme .panel,
.luumtech2-theme .panel_s,
.luumtech2-theme .box,
.luumtech2-theme .widget {
  border-radius: var(--lg-radius-xl) !important;
}

.luumtech2-theme .panel-heading:first-child {
  border-radius: var(--lg-radius-xl) var(--lg-radius-xl) 0 0 !important;
}

.luumtech2-theme .panel-footer:last-child {
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
}

.luumtech2-theme .panel-body.panel-table-full {
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
}

.luumtech2-theme .panel-body.panel-table-full .table-responsive {
  border-radius: inherit !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

/* Card components */
.luumtech2-theme .card {
  border-radius: var(--lg-radius-xl) !important;
}

/* Modal */
.luumtech2-theme .modal-content {
  border-radius: var(--lg-radius-xl) !important;
}

/* Dropdown */
.luumtech2-theme .dropdown-menu {
  border-radius: var(--lg-radius-lg) !important;
}

/* Form controls */
.luumtech2-theme .form-control {
  border-radius: var(--lg-radius-md) !important;
}

/* Buttons */
.luumtech2-theme .btn {
  border-radius: var(--lg-radius-md) !important;
}

/* -------------------------------------------
   PANEL-TABLE-FULL — No extra white borders
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel-body.panel-table-full {
  background: transparent !important;
  padding: 0 !important;
}

/* -------------------------------------------
   NO WHITE BORDERS — Nuclear
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel,
html[data-theme="dark"] .luumtech2-theme .panel_s,
html[data-theme="dark"] .luumtech2-theme .box,
html[data-theme="dark"] .luumtech2-theme .widget,
html[data-theme="dark"] .luumtech2-theme .card {
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-heading {
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel-footer {
  border-top-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme hr,
html[data-theme="dark"] .luumtech2-theme .divider {
  border-color: var(--lg-glass-border) !important;
  background: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   FONT WEIGHT — Match client theme
   (Ensure consistent weights)
   ------------------------------------------- */
.luumtech2-theme h1,
.luumtech2-theme h2,
.luumtech2-theme h3,
.luumtech2-theme h4,
.luumtech2-theme h5,
.luumtech2-theme h6 {
  font-weight: 600 !important;
  color: var(--lg-text-primary) !important;
}

.luumtech2-theme .sidebar ul.nav li a {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

.luumtech2-theme .sidebar ul.nav li.active > a {
  font-weight: 500 !important;
}

/* -------------------------------------------
   SCREEN OPTIONS / PANEL SETTINGS
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .screen-options-area {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme #dashboard-options {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   POPOVER — Dark mode
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .popover {
  background: rgba(17, 17, 19, 0.95) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
  border-color: var(--lg-glass-border-light) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
  border-radius: var(--lg-radius-lg) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-title {
  background: rgba(255,255,255,0.04) !important;
  border-bottom-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover-content {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover > .arrow::after {
  border-bottom-color: rgba(17, 17, 19, 0.95) !important;
  border-top-color: rgba(17, 17, 19, 0.95) !important;
  border-left-color: rgba(17, 17, 19, 0.95) !important;
  border-right-color: rgba(17, 17, 19, 0.95) !important;
}

/* -------------------------------------------
   WELL — Dark mode
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .well {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
  border-radius: var(--lg-radius-lg) !important;
}

/* -------------------------------------------
   BREADCRUMB — Dark mode
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .breadcrumb {
  background: transparent !important;
}

/* -------------------------------------------
   FORM CONTROLS — Global dark mode
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .form-control,
html[data-theme="dark"] .luumtech2-theme input[type="text"],
html[data-theme="dark"] .luumtech2-theme input[type="email"],
html[data-theme="dark"] .luumtech2-theme input[type="password"],
html[data-theme="dark"] .luumtech2-theme input[type="number"],
html[data-theme="dark"] .luumtech2-theme input[type="search"],
html[data-theme="dark"] .luumtech2-theme input[type="url"],
html[data-theme="dark"] .luumtech2-theme input[type="tel"],
html[data-theme="dark"] .luumtech2-theme select.form-control,
html[data-theme="dark"] .luumtech2-theme textarea {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--lg-accent-rgb), 0.15) !important;
}

html[data-theme="dark"] .luumtech2-theme .input-group-addon {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-border-light) !important;
  color: var(--lg-text-secondary) !important;
}

/* -------------------------------------------
   LIST-GROUP — Dark mode (client sidebar nav)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .list-group {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item {
  background: transparent !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item:hover {
  background: rgba(var(--lg-accent-rgb), 0.06) !important;
}

html[data-theme="dark"] .luumtech2-theme .list-group-item.active,
html[data-theme="dark"] .luumtech2-theme .list-group-item.active:hover {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

/* -------------------------------------------
   NUCLEAR — All remaining white backgrounds
   ------------------------------------------- */
/* Inline styles */
html[data-theme="dark"] .luumtech2-theme [style*="background: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#fff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: white"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:white"],
html[data-theme="dark"] .luumtech2-theme [style*="background: #ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#ffffff"],
html[data-theme="dark"] .luumtech2-theme [style*="background: rgb(255"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: rgb(255"] {
  background: var(--lg-bg-secondary) !important;
  background-color: var(--lg-bg-secondary) !important;
}

/* Tailwind backgrounds */
html[data-theme="dark"] .luumtech2-theme .tw-bg-white,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-white"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-100,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-100"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-gray-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gray-50"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-gray-100,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gray-100"],
html[data-theme="dark"] .luumtech2-theme .tw-bg-slate-50,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-slate-50"] {
  background-color: var(--lg-bg-secondary) !important;
}

/* Tailwind borders */
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral-200"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral-300"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-gray-200"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-gray-300"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-ring-neutral-200"] {
  border-color: var(--lg-glass-border) !important;
  --tw-ring-color: var(--lg-glass-border) !important;
}

/* Tailwind text colors */
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-5"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-6"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-7"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-8"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-neutral-9"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-gray-5"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-gray-6"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-gray-7"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-gray-8"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-text-gray-9"] {
  color: var(--lg-text-primary) !important;
}

/* Perfex wrappers */
html[data-theme="dark"] .luumtech2-theme #content,
html[data-theme="dark"] .luumtech2-theme .content,
html[data-theme="dark"] .luumtech2-theme #wrapper,
html[data-theme="dark"] .luumtech2-theme .wrapper,
html[data-theme="dark"] .luumtech2-theme .page-content,
html[data-theme="dark"] .luumtech2-theme .main-content,
html[data-theme="dark"] .luumtech2-theme .container-fluid {
  background: var(--lg-bg-primary) !important;
}

/* -------------------------------------------
   DROPDOWN SUBMENU
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .dropdown-submenu .dropdown-menu {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   RESPONSIVE
   ------------------------------------------- */
@media (max-width: 768px) {
  .luumtech2-theme .luumtech2-lang-btn {
    display: none !important;
  }
}

/* ==========================================
   v2.6.1 — POST-VERIFICATION FIXES
   Panel body transparent, screen-options-btn,
   search input border, client sidebar states,
   dashboard widgets, FullCalendar cells
   ========================================== */

/* -------------------------------------------
   SCREEN OPTIONS BUTTON — "Panel Ayarları"
   (has light grey bg that stands out)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .screen-options-btn,
html[data-theme="dark"] .luumtech2-theme .screen-options-btn a,
html[data-theme="dark"] .luumtech2-theme a.screen-options-btn {
  background: rgba(var(--lg-accent-rgb), 0.08) !important;
  color: var(--lg-text-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="dark"] .luumtech2-theme .screen-options-btn:hover {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  color: var(--lg-accent) !important;
}

/* -------------------------------------------
   SEARCH INPUT — Kill !tw-border-white
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme #search_input,
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-white"] {
  border-color: var(--lg-glass-border-light) !important;
}

html[data-theme="dark"] .luumtech2-theme #search_input {
  background: var(--lg-bg-tertiary) !important;
}

/* -------------------------------------------
   CLIENT SIDEBAR — Active/hover items
   (tw-bg-neutral-50 used for active menu item)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .list-group-item.tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme a[class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme [class*="hover\\:tw-bg-neutral-50"]:hover,
html[data-theme="dark"] .luumtech2-theme .list-group-item:hover,
html[data-theme="dark"] .luumtech2-theme .tw-bg-neutral-50 {
  background-color: rgba(var(--lg-accent-rgb), 0.08) !important;
}

/* Active state */
html[data-theme="dark"] .luumtech2-theme .list-group-item.active.tw-bg-neutral-50,
html[data-theme="dark"] .luumtech2-theme .list-group-item[class*="tw-bg-neutral-50"] {
  background-color: rgba(var(--lg-accent-rgb), 0.12) !important;
  color: var(--lg-accent) !important;
}

/* -------------------------------------------
   DASHBOARD TOP STATS — Better borders
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .top-stats-overview .panel_s,
html[data-theme="dark"] .luumtech2-theme .top-stats-overview .panel,
html[data-theme="dark"] .luumtech2-theme [class*="top-stats"] .panel,
html[data-theme="dark"] .luumtech2-theme [class*="top-stats"] .panel_s {
  background: var(--lg-glass-bg) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

/* Dashboard widget cards */
html[data-theme="dark"] .luumtech2-theme .widget-stats-container,
html[data-theme="dark"] .luumtech2-theme .dashboard-widget,
html[data-theme="dark"] .luumtech2-theme .dashboard-quick-stats,
html[data-theme="dark"] .luumtech2-theme .quick-stats-invoices .panel-body,
html[data-theme="dark"] .luumtech2-theme .quick-stats-overview .panel-body {
  background: transparent !important;
}

/* -------------------------------------------
   FULLCALENDAR CELLS — White view area
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .fc-view-harness,
html[data-theme="dark"] .luumtech2-theme .fc-scrollgrid,
html[data-theme="dark"] .luumtech2-theme .fc-scrollgrid-section,
html[data-theme="dark"] .luumtech2-theme .fc-scroller,
html[data-theme="dark"] .luumtech2-theme .fc-daygrid-body,
html[data-theme="dark"] .luumtech2-theme .fc-timegrid-body {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .fc-day-today {
  background: rgba(var(--lg-accent-rgb), 0.06) !important;
}

/* -------------------------------------------
   CHART CONTAINERS — White bg behind charts
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme canvas {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme [id*="chart"],
html[data-theme="dark"] .luumtech2-theme [id*="Chart"],
html[data-theme="dark"] .luumtech2-theme .chart-area,
html[data-theme="dark"] .luumtech2-theme .chart-container {
  background: transparent !important;
}

/* -------------------------------------------
   ADDITIONAL NUCLEAR OVERRIDES
   (Inline border overrides and misc white)
   ------------------------------------------- */
/* Elements with border: 1px solid #ddd or similar */
html[data-theme="dark"] .luumtech2-theme [style*="border: 1px solid"],
html[data-theme="dark"] .luumtech2-theme [style*="border:1px solid"] {
  border-color: var(--lg-glass-border) !important;
}

/* .bg-white class from Bootstrap */
html[data-theme="dark"] .luumtech2-theme .bg-white {
  background-color: var(--lg-bg-secondary) !important;
}

/* Elements with #f4f4f5, #f8f8f8, #f9f9f9, #fafafa background */
html[data-theme="dark"] .luumtech2-theme [style*="background: #f"],
html[data-theme="dark"] .luumtech2-theme [style*="background:#f"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color: #f"],
html[data-theme="dark"] .luumtech2-theme [style*="background-color:#f"] {
  background: var(--lg-bg-secondary) !important;
  background-color: var(--lg-bg-secondary) !important;
}

/* Kill any remaining white text-on-white issues for borders */
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-solid"] {
  border-color: var(--lg-glass-border) !important;
}

/* Pagination in dark mode */
html[data-theme="dark"] .luumtech2-theme .pagination > li > a,
html[data-theme="dark"] .luumtech2-theme .pagination > li > span {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .pagination > .active > a,
html[data-theme="dark"] .luumtech2-theme .pagination > .active > span {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  color: #fff !important;
}

/* DataTables elements */
html[data-theme="dark"] .luumtech2-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  border-color: var(--lg-accent) !important;
  color: var(--lg-accent) !important;
}

/* ==========================================
   v2.7.0 — COMPREHENSIVE POLISH
   Checkbox→Switch, Focus fix, Notifications,
   White borders, Table overflow, Modal dark,
   elFinder icons, Dropdown selection, Share page
   ========================================== */

/* -------------------------------------------
   1. CHECKBOX → iOS-STYLE SWITCH
   (Same as client theme profile switches)
   ------------------------------------------- */
.luumtech2-theme .checkbox,
.luumtech2-theme .form-group .checkbox {
  position: relative;
}

/* Hide native checkbox */
.luumtech2-theme .checkbox-primary input[type="checkbox"],
.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"],
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"],
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"] {
  position: relative !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 36px !important;
  height: 20px !important;
  min-width: 36px !important;
  min-height: 20px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 310px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  display: inline-block !important;
}

html[data-theme="light"] .luumtech2-theme .checkbox-primary input[type="checkbox"],
html[data-theme="light"] .luumtech2-theme #dashboard-options .checkbox input[type="checkbox"],
html[data-theme="light"] .luumtech2-theme .screen-options-area .checkbox input[type="checkbox"] {
  background: #d1d5db !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]::before,
.luumtech2-theme .checkbox-primary input[type="checkbox"]::after,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]::before,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]::after,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]::before,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]::after {
  box-sizing: border-box;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]::before,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]::before,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  transition: transform 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]:checked,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]:checked,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]:checked::before,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]:checked::before,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]:checked::before {
  transform: translateX(16px);
}

/* Checkbox label alignment */
.luumtech2-theme .checkbox label,
.luumtech2-theme label.checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer;
  font-size: 0.8125rem;
  color: var(--lg-text-secondary);
  font-weight: 400;
  padding-left: 0 !important;
}

/* Remove default checkbox indent */
.luumtech2-theme .checkbox-primary input[type="checkbox"],
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"],
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"] {
  margin-left: 0 !important;
  float: none !important;
}

/* -------------------------------------------
   2. BUTTON FOCUS BORDER — Remove default
   ------------------------------------------- */
.luumtech2-theme .btn:focus,
.luumtech2-theme .btn:active,
.luumtech2-theme .btn:active:focus,
.luumtech2-theme button:focus,
.luumtech2-theme a:focus,
.luumtech2-theme input:focus,
.luumtech2-theme select:focus,
.luumtech2-theme textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.luumtech2-theme .btn:focus-visible {
  outline: 2px solid var(--lg-accent) !important;
  outline-offset: 2px !important;
}

/* -------------------------------------------
   3. TIMER STOP SCREEN — White areas fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .timer-modal,
html[data-theme="dark"] .luumtech2-theme .timer-modal .modal-content,
html[data-theme="dark"] .luumtech2-theme .task-timer-modal,
html[data-theme="dark"] .luumtech2-theme .task-timer-modal .modal-content,
html[data-theme="dark"] .luumtech2-theme #timer-stop-modal .modal-content,
html[data-theme="dark"] .luumtech2-theme [id*="timer"] .modal-content,
html[data-theme="dark"] .luumtech2-theme .timer-started-modal .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .timer-note,
html[data-theme="dark"] .luumtech2-theme .timer-modal textarea,
html[data-theme="dark"] .luumtech2-theme .timer-modal input,
html[data-theme="dark"] .luumtech2-theme .task-timer-modal textarea,
html[data-theme="dark"] .luumtech2-theme .task-timer-modal input {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   4. NOTIFICATIONS — Scrollable + Badge hover
   ------------------------------------------- */
/* Scrollable notification list */
html[data-theme="dark"] .luumtech2-theme .lt2-notif-dropdown .dropdown-menu,
html[data-theme="dark"] .luumtech2-theme .notifications-dropdown .dropdown-menu,
html[data-theme="dark"] .luumtech2-theme #top-notifications .dropdown-menu {
  max-height: 420px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/* Custom scrollbar for notification dropdown */
html[data-theme="dark"] .luumtech2-theme .lt2-notif-dropdown .dropdown-menu::-webkit-scrollbar,
html[data-theme="dark"] .luumtech2-theme .notifications-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 4px;
}

html[data-theme="dark"] .luumtech2-theme .lt2-notif-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
html[data-theme="dark"] .luumtech2-theme .notifications-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* Full notification content — remove line-clamp */
.luumtech2-theme .lt2-notif-title,
.luumtech2-theme .notification-title,
.luumtech2-theme .notification-description {
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
  white-space: normal !important;
}

/* Badge → button hover style */
.luumtech2-theme .notification-label,
.luumtech2-theme .lt2-notif-date .badge,
.luumtech2-theme .notification .badge,
.luumtech2-theme .notifications-dropdown .badge {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  color: var(--lg-accent) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.2) !important;
  border-radius: var(--lg-radius-md) !important;
  font-size: 0.6875rem !important;
  padding: 2px 8px !important;
  transition: var(--lg-transition-fast) !important;
  cursor: pointer;
}

.luumtech2-theme .notification-label:hover,
.luumtech2-theme .notification .badge:hover {
  background: rgba(var(--lg-accent-rgb), 0.2) !important;
  color: var(--lg-accent-hover) !important;
}

/* -------------------------------------------
   5. DASHBOARD — Remaining white borders
   ------------------------------------------- */
/* Kill ALL borders on stat card containers */
html[data-theme="dark"] .luumtech2-theme .widget,
html[data-theme="dark"] .luumtech2-theme .row > div > .panel_s,
html[data-theme="dark"] .luumtech2-theme .row > div > .panel,
html[data-theme="dark"] .luumtech2-theme .col-md-12 > .panel_s,
html[data-theme="dark"] .luumtech2-theme .col-md-12 > .panel {
  border-color: var(--lg-glass-border) !important;
}

/* Dashboard dividers */
html[data-theme="dark"] .luumtech2-theme .divider,
html[data-theme="dark"] .luumtech2-theme hr {
  border-color: var(--lg-glass-border) !important;
}

/* Widget internal borders */
html[data-theme="dark"] .luumtech2-theme .tw-divide-neutral-200 > * + *,
html[data-theme="dark"] .luumtech2-theme [class*="tw-divide-neutral"] > * + * {
  border-color: var(--lg-glass-border) !important;
}

/* Nav pills/tabs in dark mode */
html[data-theme="dark"] .luumtech2-theme .nav-pills > li > a,
html[data-theme="dark"] .luumtech2-theme .nav-pills > li.active > a {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .nav-pills > li.active > a {
  color: var(--lg-accent) !important;
  border-bottom: 2px solid var(--lg-accent) !important;
}

/* -------------------------------------------
   6. SALES REPORTS — Table overflow fix
   ------------------------------------------- */
.luumtech2-theme .table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.luumtech2-theme .table {
  min-width: 100% !important;
}

/* Report tables: prevent overflow */
html[data-theme="dark"] .luumtech2-theme .col-md-12 .table-responsive,
html[data-theme="dark"] .luumtech2-theme .panel_s .table-responsive {
  overflow-x: auto !important;
  max-width: 100% !important;
}

html[data-theme="dark"] .luumtech2-theme .report-table-container,
html[data-theme="dark"] .luumtech2-theme .report-container {
  overflow-x: auto !important;
}

/* -------------------------------------------
   7. PROPOSALS — White areas fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .proposal-pipeline-header,
html[data-theme="dark"] .luumtech2-theme .proposal-pipeline,
html[data-theme="dark"] .luumtech2-theme .kanban-board,
html[data-theme="dark"] .luumtech2-theme .kanban-column,
html[data-theme="dark"] .luumtech2-theme .pipeline-heading {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .kanban-card,
html[data-theme="dark"] .luumtech2-theme .pipeline-card {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-glass-border) !important;
  border-radius: var(--lg-radius-lg) !important;
}

/* Proposal stat cards white bg */
html[data-theme="dark"] .luumtech2-theme .proposal-stats .panel,
html[data-theme="dark"] .luumtech2-theme .estimates-stats .panel,
html[data-theme="dark"] .luumtech2-theme [class*="proposals"] .panel_s {
  background: var(--lg-glass-bg) !important;
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   8. TICKETS — Dropdown selected → hover style
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .btn-group .dropdown-menu li a:hover,
html[data-theme="dark"] .luumtech2-theme .btn-group .dropdown-menu li.active a,
html[data-theme="dark"] .luumtech2-theme .dropdown-menu li.active > a,
html[data-theme="dark"] .luumtech2-theme .dropdown-menu li.selected > a,
html[data-theme="dark"] .luumtech2-theme .dropdown-menu .active > a {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  color: var(--lg-accent) !important;
}

/* -------------------------------------------
   9. _buttons — No background needed
   ------------------------------------------- */
.luumtech2-theme ._buttons {
  background: transparent !important;
}

/* -------------------------------------------
   10. EXPENSES — White border + receipt bg
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .expense-receipt,
html[data-theme="dark"] .luumtech2-theme .expense-attachment,
html[data-theme="dark"] .luumtech2-theme .dropzone,
html[data-theme="dark"] .luumtech2-theme .dz-message,
html[data-theme="dark"] .luumtech2-theme .expense-file-upload {
  background: var(--lg-bg-tertiary) !important;
  border: 2px dashed var(--lg-glass-border-light) !important;
  color: var(--lg-text-secondary) !important;
  border-radius: var(--lg-radius-lg) !important;
}

html[data-theme="dark"] .luumtech2-theme .expenses-pipeline .panel_s,
html[data-theme="dark"] .luumtech2-theme .expenses-pipeline .panel {
  border-color: var(--lg-glass-border) !important;
}

/* Harcama fişi iframe / embed */
html[data-theme="dark"] .luumtech2-theme .expense-preview,
html[data-theme="dark"] .luumtech2-theme .expense-receipt-view {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

/* -------------------------------------------
   11. TASKS — Modal white interior
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .modal-body {
  background: transparent !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .modal-footer {
  background: transparent !important;
  border-top: 1px solid var(--lg-glass-border) !important;
}

/* Modal form controls */
html[data-theme="dark"] .luumtech2-theme .modal-content .form-control,
html[data-theme="dark"] .luumtech2-theme .modal-content input[type="text"],
html[data-theme="dark"] .luumtech2-theme .modal-content input[type="email"],
html[data-theme="dark"] .luumtech2-theme .modal-content input[type="number"],
html[data-theme="dark"] .luumtech2-theme .modal-content input[type="password"],
html[data-theme="dark"] .luumtech2-theme .modal-content textarea,
html[data-theme="dark"] .luumtech2-theme .modal-content select {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   12. ELFINDER MEDIA MANAGER — Icons fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .elfinder-cwd-icon {
  background-color: transparent !important;
  filter: invert(0.85) hue-rotate(180deg);
}

html[data-theme="dark"] .luumtech2-theme .elfinder-toolbar,
html[data-theme="dark"] .luumtech2-theme .elfinder-statusbar,
html[data-theme="dark"] .luumtech2-theme .elfinder-navbar,
html[data-theme="dark"] .luumtech2-theme .elfinder-cwd,
html[data-theme="dark"] .luumtech2-theme .elfinder {
  background: var(--lg-bg-secondary) !important;
  color: var(--lg-text-primary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .elfinder-button {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--lg-text-primary) !important;
}

/* elFinder icon sprites - ensure visibility */
html[data-theme="dark"] .luumtech2-theme .elfinder-toolbar .elfinder-button-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder-cwd .elfinder-cwd-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder-navbar .elfinder-nav-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder .elfinder-cwd-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder .elfinder-nav-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder [class*="elfinder-button-icon"],
html[data-theme="dark"] .luumtech2-theme .elfinder img,
html[data-theme="dark"] .luumtech2-theme .elfinder .ui-icon {
  filter: invert(0.85) hue-rotate(180deg) !important;
}

/* elFinder PNG/SVG icons that use CSS sprites */
html[data-theme="dark"] .luumtech2-theme .elfinder-button .ui-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder-contextmenu .ui-icon,
html[data-theme="dark"] .luumtech2-theme .elfinder-dialog .ui-icon {
  filter: invert(0.85) hue-rotate(180deg) !important;
}

html[data-theme="dark"] .luumtech2-theme .elfinder-cwd-file .elfinder-cwd-filename {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .elfinder-tree .elfinder-navbar-dir {
  color: var(--lg-text-primary) !important;
}

/* elFinder dialog */
html[data-theme="dark"] .luumtech2-theme .ui-dialog {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .ui-dialog .ui-dialog-titlebar {
  background: var(--lg-bg-tertiary) !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   13. SHARE PAGE — Navbar blocking + white bg
   ------------------------------------------- */
.luumtech2-theme .share-page,
.luumtech2-theme .share-content,
.luumtech2-theme [class*="share-"] .panel_s {
  padding-top: 60px !important;
}

html[data-theme="dark"] .luumtech2-theme .share-page,
html[data-theme="dark"] .luumtech2-theme .share-content {
  background: var(--lg-bg-primary) !important;
}

/* -------------------------------------------
   14. LIGHT MODE — Setup menu clickable
   (z-index fix for submenu in light mode)
   ------------------------------------------- */
.luumtech2-theme .menu-item-setup .dropdown-menu,
.luumtech2-theme .menu-item-setup .dropdown-submenu > .dropdown-menu,
.luumtech2-theme #setup-menu-submenu,
.luumtech2-theme .sidebar .dropdown-submenu .dropdown-menu {
  z-index: 10060 !important;
  position: absolute !important;
}

/* Light mode sidebar clickability */
html[data-theme="light"] .luumtech2-theme .sidebar-menu li ul.dropdown-menu,
html[data-theme="light"] .luumtech2-theme #setup-menu-submenu {
  z-index: 10060 !important;
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-border) !important;
}

/* -------------------------------------------
   15. VAULT — Modal visibility fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme #vault-entry-modal .modal-content,
html[data-theme="dark"] .luumtech2-theme [data-target="#vault-entry-modal"] ~ .modal .modal-content,
html[data-theme="dark"] .luumtech2-theme .vault-modal .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* -------------------------------------------
   16. MORE WHITE BORDER NUCLEAR FIXES
   ------------------------------------------- */
/* tw-border-neutral variants */
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral"],
html[data-theme="dark"] .luumtech2-theme .tw-border,
html[data-theme="dark"] .luumtech2-theme .tw-border-b,
html[data-theme="dark"] .luumtech2-theme .tw-border-t,
html[data-theme="dark"] .luumtech2-theme .tw-border-l,
html[data-theme="dark"] .luumtech2-theme .tw-border-r {
  border-color: var(--lg-glass-border) !important;
}

/* Sidebar white areas in content */
html[data-theme="dark"] .luumtech2-theme .list-group,
html[data-theme="dark"] .luumtech2-theme .list-group-item {
  background-color: transparent !important;
  border-color: var(--lg-glass-border) !important;
}

/* Input group addons */
html[data-theme="dark"] .luumtech2-theme .input-group-addon {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-secondary) !important;
}

/* Tabs content area */
html[data-theme="dark"] .luumtech2-theme .tab-content {
  background: transparent !important;
  border-color: var(--lg-glass-border) !important;
}

/* Table borders */
html[data-theme="dark"] .luumtech2-theme .table > thead > tr > th,
html[data-theme="dark"] .luumtech2-theme .table > tbody > tr > td,
html[data-theme="dark"] .luumtech2-theme .table > tfoot > tr > td {
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   17. KONTROL PANELİ — Menu visibility
   ------------------------------------------- */
.luumtech2-theme .menu-item-dashboard,
.luumtech2-theme .sidebar-menu .menu-item-dashboard {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: auto !important;
}

.luumtech2-theme .menu-item-dashboard a {
  display: flex !important;
  visibility: visible !important;
}

/* Ensure sidebar menu items never hidden */
.luumtech2-theme .sidebar-menu > li {
  display: list-item !important;
}

/* -------------------------------------------
   18. FORM CONTROL DARK MODE
   (Additional coverage for all remaining inputs)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .form-control {
  background-color: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .form-control:focus {
  border-color: var(--lg-accent) !important;
  box-shadow: 0 0 0 2px rgba(var(--lg-accent-rgb), 0.1) !important;
}

html[data-theme="dark"] .luumtech2-theme .form-control::placeholder {
  color: var(--lg-text-muted) !important;
}

/* Select dark mode */
html[data-theme="dark"] .luumtech2-theme select.form-control,
html[data-theme="dark"] .luumtech2-theme select {
  background-color: var(--lg-bg-tertiary) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   19. ADDITIONAL DROPDOWN FIXES 
   (Ensure no white bg on any dropdown)
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .dropdown-menu {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu > li > a {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu > li > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.08) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu .divider {
  background-color: var(--lg-glass-border) !important;
  border-color: var(--lg-glass-border) !important;
}

/* ==========================================
   v2.8.0 — COMPREHENSIVE POLISH PATCH
   ========================================== */

/* -------------------------------------------
   v2.8-1. PROPOSALS — Dark mode white areas
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .proposal-pipeline-wrapper,
html[data-theme="dark"] .luumtech2-theme .proposals-pipeline,
html[data-theme="dark"] .luumtech2-theme .pipeline-wrapper,
html[data-theme="dark"] .luumtech2-theme .kanban-board,
html[data-theme="dark"] .luumtech2-theme .kanban-col,
html[data-theme="dark"] .luumtech2-theme .kanban-col .panel_s,
html[data-theme="dark"] .luumtech2-theme .kan-ban-col,
html[data-theme="dark"] .luumtech2-theme .pipeline-status,
html[data-theme="dark"] .luumtech2-theme .pipeline-heading,
html[data-theme="dark"] .luumtech2-theme .status-wrapper {
  background: transparent !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .pipeline-heading .panel-heading,
html[data-theme="dark"] .luumtech2-theme .kan-ban-col .panel-heading,
html[data-theme="dark"] .luumtech2-theme .kanban-col .panel-heading {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .kan-ban-content-wrapper,
html[data-theme="dark"] .luumtech2-theme .kanban-col .panel-body {
  background: var(--lg-bg-secondary) !important;
}

/* Proposal items in pipeline */
html[data-theme="dark"] .luumtech2-theme .pipeline-status .panel_s,
html[data-theme="dark"] .luumtech2-theme .kan-ban-content,
html[data-theme="dark"] .luumtech2-theme .kanban-item,
html[data-theme="dark"] .luumtech2-theme .pipeline-entry,
html[data-theme="dark"] .luumtech2-theme .proposal-item {
  background: var(--lg-bg-tertiary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   v2.8-2. MODAL — White separator lines remove
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .modal-content hr,
html[data-theme="dark"] .luumtech2-theme .modal-content .divider,
html[data-theme="dark"] .luumtech2-theme .modal-body hr,
html[data-theme="dark"] .luumtech2-theme .modal-body .separator {
  border-color: var(--lg-glass-border) !important;
  background-color: var(--lg-glass-border) !important;
}

/* All modal borders and underlines */
html[data-theme="dark"] .luumtech2-theme .modal-content .nav-tabs > li > a,
html[data-theme="dark"] .luumtech2-theme .modal .nav-tabs {
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .nav-tabs > li.active > a,
html[data-theme="dark"] .luumtech2-theme .modal-content .nav-tabs > li > a.active {
  border-color: transparent transparent var(--lg-accent) transparent !important;
  background: transparent !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .nav-tabs > li > a:hover {
  border-color: transparent transparent var(--lg-glass-border-light) transparent !important;
  background: transparent !important;
}

/* Modal comment user area borders */
html[data-theme="dark"] .luumtech2-theme .modal-content .panel-body,
html[data-theme="dark"] .luumtech2-theme .modal-content .panel_s,
html[data-theme="dark"] .luumtech2-theme .modal-content .panel {
  border-color: var(--lg-glass-border) !important;
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content .panel-heading {
  border-bottom-color: var(--lg-glass-border) !important;
  background: transparent !important;
}

/* Comment sections in modal — border bottom */
html[data-theme="dark"] .luumtech2-theme .modal-content [class*="tw-border-"],
html[data-theme="dark"] .luumtech2-theme .modal-content .tw-border-b,
html[data-theme="dark"] .luumtech2-theme .modal-content .tw-border-t,
html[data-theme="dark"] .luumtech2-theme .modal-content .tw-border-neutral-200 {
  border-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   v2.8-3. NAVBAR — Share icon overlay fix
   ------------------------------------------- */
.luumtech2-theme .navbar-nav > li > .dropdown-menu.share-dropdown,
.luumtech2-theme .navbar-nav > li.open > .share-overlay,
.luumtech2-theme #top-share .dropdown-menu,
.luumtech2-theme .share-widget .dropdown-menu {
  z-index: 1050 !important;
  position: absolute !important;
}

html[data-theme="dark"] .luumtech2-theme #top-share .dropdown-menu,
html[data-theme="dark"] .luumtech2-theme .share-widget .dropdown-menu,
html[data-theme="dark"] .luumtech2-theme .navbar-nav .share-dropdown {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
}

/* Social share popover/modal — not white */
html[data-theme="dark"] .luumtech2-theme .popover,
html[data-theme="dark"] .luumtech2-theme .popover-content {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .popover.top > .arrow::after,
html[data-theme="dark"] .luumtech2-theme .popover.bottom > .arrow::after {
  border-top-color: var(--lg-bg-secondary) !important;
  border-bottom-color: var(--lg-bg-secondary) !important;
}

/* -------------------------------------------
   v2.8-4. SETUP MENU — Clickable in both modes
   ------------------------------------------- */
.luumtech2-theme .menu-item-setup,
.luumtech2-theme .menu-item-setup > a,
.luumtech2-theme .sidebar .menu-item-setup,
.luumtech2-theme #setup-menu-item,
.luumtech2-theme #setup-menu-item > a {
  position: relative !important;
  z-index: 1040 !important;
  pointer-events: auto !important;
}

.luumtech2-theme #setup-menu-wrapper {
  z-index: 1040 !important;
  pointer-events: auto !important;
}

.luumtech2-theme #setup-menu-wrapper.display-block {
  display: block !important;
}

.luumtech2-theme .menu-item-setup .dropdown-menu,
.luumtech2-theme .menu-item-setup .dropdown-submenu > .dropdown-menu,
.luumtech2-theme .menu-item-setup ul.nav-second-level,
.luumtech2-theme .menu-item-setup ul.collapse,
.luumtech2-theme .menu-item-setup ul.in,
.luumtech2-theme #setup-menu-submenu,
.luumtech2-theme .sidebar .dropdown-submenu .dropdown-menu {
  z-index: 10060 !important;
}

.luumtech2-theme .menu-item-setup.active ul.nav-second-level,
.luumtech2-theme .menu-item-setup ul.in {
  display: block !important;
}

/* All sidebar submenus in dark mode */
html[data-theme="dark"] .luumtech2-theme .menu-item-setup .dropdown-menu,
html[data-theme="dark"] .luumtech2-theme .menu-item-setup ul.nav-second-level,
html[data-theme="dark"] .luumtech2-theme #setup-menu-submenu {
  background: var(--lg-bg-secondary) !important;
  border: none !important;
}

/* All sidebar submenus in light mode */
html[data-theme="light"] .luumtech2-theme .menu-item-setup .dropdown-menu,
html[data-theme="light"] .luumtech2-theme .menu-item-setup ul.nav-second-level,
html[data-theme="light"] .luumtech2-theme #setup-menu-submenu {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
}

/* -------------------------------------------
   v2.8-5. CHECKBOX-PRIMARY — Switch styling
   (Panel settings, mass selects, etc.)
   ------------------------------------------- */
.luumtech2-theme .checkbox-primary input[type="checkbox"],
.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"],
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"],
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"] {
  position: relative !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 36px !important;
  height: 20px !important;
  min-width: 36px !important;
  min-height: 20px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 310px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

html[data-theme="light"] .luumtech2-theme .checkbox-primary input[type="checkbox"],
html[data-theme="light"] .luumtech2-theme #dashboard-options .checkbox input[type="checkbox"],
html[data-theme="light"] .luumtech2-theme .screen-options-area .checkbox input[type="checkbox"] {
  background: #d1d5db !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]::before,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]::before,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  transition: transform 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]:checked,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]:checked,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
}

.luumtech2-theme .checkbox-primary input[type="checkbox"]:checked::before,
.luumtech2-theme #dashboard-options .checkbox input[type="checkbox"]:checked::before,
.luumtech2-theme .screen-options-area .checkbox input[type="checkbox"]:checked::before {
  transform: translateX(16px) !important;
}

/* Checkbox-primary label alignment */
.luumtech2-theme .checkbox-primary label,
.luumtech2-theme .checkbox.checkbox-primary label,
.luumtech2-theme #dashboard-options .checkbox label,
.luumtech2-theme .screen-options-area .checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer;
  padding-left: 0 !important;
}

/* Hide the check icon from checkbox-primary (Perfex generates a styled pseudo-element) */
.luumtech2-theme .checkbox-primary label::before,
.luumtech2-theme .checkbox-primary label::after,
.luumtech2-theme #dashboard-options .checkbox label::before,
.luumtech2-theme #dashboard-options .checkbox label::after,
.luumtech2-theme .screen-options-area .checkbox label::before,
.luumtech2-theme .screen-options-area .checkbox label::after {
  display: none !important;
}

/* -------------------------------------------
   v2.8-6. TINYMCE — Dark mode text white
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .tox-tinymce,
html[data-theme="dark"] .luumtech2-theme .tox .tox-edit-area__iframe {
  background-color: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar__overflow,
html[data-theme="dark"] .luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] .luumtech2-theme .tox .tox-menubar,
html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar {
  background-color: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn,
html[data-theme="dark"] .luumtech2-theme .tox .tox-mbtn,
html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar a,
html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar__wordcount,
html[data-theme="dark"] .luumtech2-theme .tox .tox-statusbar__path-item {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn:hover,
html[data-theme="dark"] .luumtech2-theme .tox .tox-mbtn:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .tox .tox-tbtn svg {
  fill: var(--lg-text-secondary) !important;
}

/* -------------------------------------------
   v2.8-7. FULLCALENDAR — Border fix
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .fc-theme-standard .fc-scrollgrid {
  border: 1px solid #1a1a1e !important;
}

html[data-theme="dark"] .luumtech2-theme .fc-theme-standard td,
html[data-theme="dark"] .luumtech2-theme .fc-theme-standard th,
html[data-theme="dark"] .luumtech2-theme .fc .fc-scrollgrid-section > td {
  border-color: #1a1a1e !important;
}

html[data-theme="dark"] .luumtech2-theme .fc .fc-daygrid-day,
html[data-theme="dark"] .luumtech2-theme .fc .fc-col-header-cell {
  border-color: #1a1a1e !important;
  background: transparent !important;
}

/* -------------------------------------------
   v2.8-8. SORTABLE HANDLE — Background
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .ui-sortable-handle,
html[data-theme="dark"] .luumtech2-theme tr.ui-sortable-handle {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .ui-sortable-handle:hover,
html[data-theme="dark"] .luumtech2-theme tr.ui-sortable-handle:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="light"] .luumtech2-theme .ui-sortable-handle,
html[data-theme="light"] .luumtech2-theme tr.ui-sortable-handle {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}

html[data-theme="light"] .luumtech2-theme .ui-sortable-handle:hover,
html[data-theme="light"] .luumtech2-theme tr.ui-sortable-handle:hover {
  background: #f9fafb !important;
}

/* -------------------------------------------
   v2.8-9. TICKETS TABLE — Overflow fix
   ------------------------------------------- */
.luumtech2-theme .table-responsive,
.luumtech2-theme .dt-table-container {
  overflow-x: auto !important;
  max-width: 100% !important;
}

.luumtech2-theme .dataTables_wrapper {
  max-width: 100% !important;
  overflow: visible !important;
}

.luumtech2-theme .panel-table-full .table,
.luumtech2-theme .dataTables_wrapper .table {
  table-layout: auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Ensure table doesn't overflow panel */
.luumtech2-theme .panel_s .panel-body {
  overflow-x: visible !important;
}

.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper .table,
.luumtech2-theme .panel_s .panel-body > .table-responsive .table {
  width: 100% !important;
  min-width: 100% !important;
}

.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .table-responsive {
  overflow-x: visible !important;
}

/* -------------------------------------------
   v2.8-10. LIGHT MODE — Tab underlines & badges
   ------------------------------------------- */
/* No border-radius on underlines in light mode */
html[data-theme="light"] .luumtech2-theme .nav-tabs > li > a {
  border-radius: 0 !important;
}

/* Comments badge — button hover style */
.luumtech2-theme .nav-tabs .badge,
.luumtech2-theme .nav-tabs .label {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  color: var(--lg-accent) !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

/* -------------------------------------------
   v2.8-11. BUTTON HOVER — Text contrast fix
   ------------------------------------------- */
/* Ensure button text is visible on hover — use white for colored buttons */
.luumtech2-theme .btn-primary:hover,
.luumtech2-theme .btn-primary:focus,
.luumtech2-theme .btn-success:hover,
.luumtech2-theme .btn-success:focus,
.luumtech2-theme .btn-info:hover,
.luumtech2-theme .btn-info:focus,
.luumtech2-theme .btn-warning:hover,
.luumtech2-theme .btn-warning:focus,
.luumtech2-theme .btn-danger:hover,
.luumtech2-theme .btn-danger:focus {
  color: #ffffff !important;
}

/* Default button hover — ensure text stays visible */
html[data-theme="dark"] .luumtech2-theme .btn-default:hover,
html[data-theme="dark"] .luumtech2-theme .btn-default:focus {
  color: var(--lg-text-primary) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] .luumtech2-theme .btn-default:hover,
html[data-theme="light"] .luumtech2-theme .btn-default:focus {
  color: #1f2937 !important;
  background: #f3f4f6 !important;
}

/* -------------------------------------------
   v2.8-12. CLIENT CONTACTS — Switch beautify
   ------------------------------------------- */
/* Slightly larger switches on contact profile area */
.luumtech2-theme .contact-profile input[type="checkbox"],
.luumtech2-theme #contacts_wrapper input[type="checkbox"],
.luumtech2-theme .contacts-list input[type="checkbox"] {
  width: 40px !important;
  height: 22px !important;
  min-width: 40px !important;
  min-height: 22px !important;
}

.luumtech2-theme .contact-profile input[type="checkbox"]::before,
.luumtech2-theme #contacts_wrapper input[type="checkbox"]::before,
.luumtech2-theme .contacts-list input[type="checkbox"]::before {
  width: 18px !important;
  height: 18px !important;
}

.luumtech2-theme .contact-profile input[type="checkbox"]:checked::before,
.luumtech2-theme #contacts_wrapper input[type="checkbox"]:checked::before,
.luumtech2-theme .contacts-list input[type="checkbox"]:checked::before {
  transform: translateX(18px) !important;
}

/* -------------------------------------------
   v2.8-13. _BUTTONS — Transparent in all modes
   ------------------------------------------- */
.luumtech2-theme ._buttons,
html[data-theme="dark"] .luumtech2-theme ._buttons,
html[data-theme="light"] .luumtech2-theme ._buttons {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* -------------------------------------------
   v2.8-14. ALL MODALS — Ensure dark bg + proper z-index
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .modal-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header {
  border-bottom-color: var(--lg-glass-border) !important;
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header .close,
html[data-theme="dark"] .luumtech2-theme .modal-header .btn-close {
  color: var(--lg-text-secondary) !important;
  opacity: 0.8 !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-footer {
  border-top-color: var(--lg-glass-border) !important;
  background: transparent !important;
}

/* Modal text elements */
html[data-theme="dark"] .luumtech2-theme .modal-content label,
html[data-theme="dark"] .luumtech2-theme .modal-content p,
html[data-theme="dark"] .luumtech2-theme .modal-content span,
html[data-theme="dark"] .luumtech2-theme .modal-content strong,
html[data-theme="dark"] .luumtech2-theme .modal-content h1,
html[data-theme="dark"] .luumtech2-theme .modal-content h2,
html[data-theme="dark"] .luumtech2-theme .modal-content h3,
html[data-theme="dark"] .luumtech2-theme .modal-content h4,
html[data-theme="dark"] .luumtech2-theme .modal-content h5 {
  color: var(--lg-text-primary) !important;
}

/* -------------------------------------------
   v2.8-15. PROPOSALS PAGE — White panel areas
   ------------------------------------------- */
html[data-theme="dark"] .luumtech2-theme .panel_s,
html[data-theme="dark"] .luumtech2-theme .panel_s .panel-body,
html[data-theme="dark"] .luumtech2-theme .panel_s .panel-heading {
  background: var(--lg-bg-secondary) !important;
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .panel_s .panel-heading {
  color: var(--lg-text-primary) !important;
}

/* Panel footer */
html[data-theme="dark"] .luumtech2-theme .panel_s .panel-footer,
html[data-theme="dark"] .luumtech2-theme .panel-footer {
  background: var(--lg-bg-tertiary) !important;
  border-top-color: var(--lg-glass-border) !important;
}

/* -------------------------------------------
   v2.8-16. CONTRACT — Ensure signature buttons clickable
   ------------------------------------------- */
.luumtech2-theme .signaturepad .btn,
.luumtech2-theme [onclick*="clear_signature"] {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}

/* -------------------------------------------
   v2.8-17. GLOBAL — Panels, borders, white bg removal
   ------------------------------------------- */
/* All remaining TW borders in dark mode */
html[data-theme="dark"] .luumtech2-theme [class*="tw-border-neutral"],
html[data-theme="dark"] .luumtech2-theme .tw-border-b,
html[data-theme="dark"] .luumtech2-theme .tw-border-t,
html[data-theme="dark"] .luumtech2-theme .tw-border,
html[data-theme="dark"] .luumtech2-theme [class*="tw-divide-"] > * + * {
  border-color: var(--lg-glass-border) !important;
}

/* TW backgrounds in dark */
html[data-theme="dark"] .luumtech2-theme .tw-bg-white,
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-neutral-50"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-gray-50"],
html[data-theme="dark"] .luumtech2-theme [class*="tw-bg-slate-50"] {
  background-color: var(--lg-bg-tertiary) !important;
}

/* Light mode panels — clean white, no extra borders */
html[data-theme="light"] .luumtech2-theme .panel_s {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .luumtech2-theme .panel_s .panel-body {
  background: #ffffff !important;
}

html[data-theme="light"] .luumtech2-theme .panel_s .panel-heading {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
}

/* ==========================================
   v2.9.0 — STABILITY + VISUAL FIX OVERRIDES
   Newsfeed, popups, notifications, switches,
   FC icons, tables, modal stacking
   ========================================== */

/* ------------------------------
   NEWSFEED LAYER + DARK STYLE
   ------------------------------ */
.luumtech2-theme #newsfeed {
  top: 57px !important;
  height: calc(100vh - 57px) !important;
  z-index: 95 !important;
  padding: 16px 20px !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed {
  background:
    radial-gradient(circle at 15% 20%, rgba(var(--lg-accent-rgb), 0.1), transparent 40%),
    linear-gradient(180deg, rgba(17, 17, 19, 0.96), rgba(10, 10, 12, 0.98)) !important;
  border-top: 1px solid var(--lg-glass-border) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.4) !important;
  backdrop-filter: blur(22px) saturate(1.4) !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .panel_s,
html[data-theme="dark"] .luumtech2-theme #newsfeed .panel,
html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post {
  background: rgba(17, 17, 19, 0.88) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-xl) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post .user-post-like {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post.pinned > .panel-body {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .close_newsfeed {
  background: rgba(17, 17, 19, 0.78) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
  backdrop-filter: blur(18px) saturate(1.4) !important;
}

/* ------------------------------
   SYSTEM POPUP (LIQUID GLASS)
   ------------------------------ */
html[data-theme="dark"] body.system-popup {
  background: var(--lg-bg-primary) !important;
}

html[data-theme="dark"] .system-popup {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--lg-accent-rgb), 0.12), transparent 38%),
    linear-gradient(180deg, rgba(10, 10, 12, 0.92), rgba(10, 10, 12, 0.98)) !important;
  z-index: 12050 !important;
  color: var(--lg-text-primary) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
}

html[data-theme="dark"] .system-popup .popup-wrapper {
  width: min(880px, 92vw) !important;
  height: auto !important;
  min-height: 240px !important;
  padding: 28px 26px !important;
  border-radius: calc(var(--lg-radius-xl) + 6px) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(17, 17, 19, 0.72) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] .system-popup .popup-message {
  font-family: var(--lg-font-family) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .system-popup .system-popup-close {
  top: 18px !important;
  right: 18px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.35) !important;
  backdrop-filter: blur(14px) saturate(1.35) !important;
}

html[data-theme="dark"] .system-popup .system-popup-close::before,
html[data-theme="dark"] .system-popup .system-popup-close::after {
  background: var(--lg-text-secondary) !important;
  width: 52% !important;
  left: 24% !important;
  height: 2px !important;
}

html[data-theme="dark"] .system-popup .system-popup-close:hover {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
}

html[data-theme="dark"] .system-popup .system-popup-close:hover::before,
html[data-theme="dark"] .system-popup .system-popup-close:hover::after {
  background: var(--lg-text-primary) !important;
}

/* ------------------------------
   MODAL + BACKDROP STACKING
   ------------------------------ */
.luumtech2-theme .modal {
  z-index: 12020 !important;
}

.luumtech2-theme .modal-backdrop {
  z-index: 12010 !important;
}

.luumtech2-theme .modal.in {
  overflow-y: auto !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content,
html[data-theme="dark"] .luumtech2-theme .popover {
  background: rgba(17, 17, 19, 0.82) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
}

html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .modal-backdrop.in,
html[data-theme="dark"] .modal-backdrop.fade.in {
  background: rgba(8, 8, 10, 0.72) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.1) !important;
  backdrop-filter: blur(5px) saturate(1.1) !important;
}

/* ------------------------------
   ALL ADMIN CHECKBOXES => SWITCH
   (except existing onoffswitch)
   ------------------------------ */
.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox) {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 40px !important;
  height: 22px !important;
  min-width: 40px !important;
  min-height: 22px !important;
  margin: 0 10px 0 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(255, 255, 255, 0.22) !important;
  cursor: pointer !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  vertical-align: middle !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  box-shadow: none !important;
}

[dir="rtl"] .luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox) {
  margin: 0 0 0 10px !important;
}

html[data-theme="light"] .luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox) {
  background: #d1d5db !important;
  border-color: #cbd5e1 !important;
}

.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox)::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.2s ease !important;
}

.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox):checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.55) !important;
}

.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox):checked::before {
  transform: translateX(18px) !important;
}

.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox):disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

.luumtech2-theme .checkbox label,
.luumtech2-theme .checkbox-inline,
.luumtech2-theme label.checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
}

.luumtech2-theme .checkbox label::before,
.luumtech2-theme .checkbox label::after,
.luumtech2-theme .checkbox-inline::before,
.luumtech2-theme .checkbox-inline::after {
  display: none !important;
  content: none !important;
}

/* ------------------------------
   FULLCALENDAR ICON VISIBILITY
   ------------------------------ */
.luumtech2-theme .fc .fc-icon,
.luumtech2-theme .fc .fc-button .fc-icon {
  font-family: fcicons !important;
  font-style: normal !important;
  font-weight: normal !important;
  color: inherit !important;
}

html[data-theme="dark"] .luumtech2-theme .fc .fc-button-primary {
  color: var(--lg-text-primary) !important;
}

/* ------------------------------
   NOTIFICATIONS DROPDOWN POLISH
   ------------------------------ */
.luumtech2-theme .navbar-nav > li > .dropdown-menu.notifications {
  max-height: min(72vh, 640px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications {
  background: rgba(17, 17, 19, 0.9) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-xl) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div:first-child {
  background: rgba(255, 255, 255, 0.02) !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div:first-child a {
  color: var(--lg-text-secondary) !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper {
  border-bottom: 1px solid var(--lg-glass-border) !important;
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover {
  background: rgba(var(--lg-accent-rgb), 0.08) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-title {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  color: var(--lg-accent) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.28) !important;
  border-radius: 999px !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline {
  right: 8px !important;
  bottom: 9px !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--lg-accent) !important;
  transition: var(--lg-transition-fast) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline:hover {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.32) !important;
}

/* ------------------------------
   TOP STATS BORDER CONSISTENCY
   ------------------------------ */
html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper {
  border: 1px solid var(--lg-glass-border) !important;
  background: var(--lg-glass-bg) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper .panel,
html[data-theme="dark"] .luumtech2-theme .top_stats_wrapper .panel_s {
  border-color: var(--lg-glass-border) !important;
}

/* ------------------------------
   PANEL TABLE CONTAINMENT FIX
   ------------------------------ */
.luumtech2-theme .panel-body.panel-table-full {
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
  overflow: hidden !important;
  padding: 0 10px 12px !important;
}

.luumtech2-theme .panel-body.panel-table-full > .dataTables_wrapper,
.luumtech2-theme .panel-body.panel-table-full > .table-responsive {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.luumtech2-theme .panel-body.panel-table-full .table,
.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper .table,
.luumtech2-theme .panel_s .panel-body > .table-responsive .table {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  table-layout: auto !important;
}

/* ==========================================
   v2.9.1 — TABLE + KANBAN + DROPDOWN TUNING
   ========================================== */

/* ------------------------------
   DATATABLE TOOLBAR / SEARCH
   ------------------------------ */
.luumtech2-theme .btn-default-dt-options.btn-dt-reload {
  border-top-left-radius: var(--lg-radius-md) !important;
  border-top-right-radius: var(--lg-radius-md) !important;
  border-bottom-right-radius: var(--lg-radius-md) !important;
  border-bottom-left-radius: var(--lg-radius-md) !important;
}

.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group {
  display: inline-flex !important;
  align-items: stretch !important;
  min-height: 34px !important;
  overflow: hidden !important;
  border-radius: var(--lg-radius-md) !important;
}

.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-right: 0 !important;
  border-radius: var(--lg-radius-md) 0 0 var(--lg-radius-md) !important;
}

[dir="rtl"] .luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group-addon {
  border-right: 1px solid var(--lg-border-light) !important;
  border-left: 0 !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

.luumtech2-theme .dataTables_wrapper .dataTables_filter input[type="search"] {
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-left: 0 !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

[dir="rtl"] .luumtech2-theme .dataTables_wrapper .dataTables_filter input[type="search"] {
  border-left: 1px solid var(--lg-border-light) !important;
  border-right: 0 !important;
  border-radius: var(--lg-radius-md) 0 0 var(--lg-radius-md) !important;
}

/* ------------------------------
   DATATABLE LEFT OVERFLOW FIX
   ------------------------------ */
.luumtech2-theme .panel_s .panel-body .dataTables_wrapper,
.luumtech2-theme .panel_s .panel-body > .table-responsive {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.luumtech2-theme .panel_s .panel-body .dataTables_wrapper .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.luumtech2-theme .panel_s .panel-body .dataTables_wrapper .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.luumtech2-theme .dataTables_wrapper table.dataTable {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.luumtech2-theme .dataTables_wrapper .table {
  margin-top: 0 !important;
}

/* ------------------------------
   BULK TABLE CHECKBOXES (NATIVE)
   ------------------------------ */
.luumtech2-theme .mass_select_all_wrap input[type="checkbox"]:not(.onoffswitch-checkbox),
.luumtech2-theme .dataTables_wrapper table thead th:first-child input[type="checkbox"]:not(.onoffswitch-checkbox),
.luumtech2-theme .dataTables_wrapper table tbody td:first-child input[type="checkbox"]:not(.onoffswitch-checkbox),
.luumtech2-theme .dataTables_wrapper table .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox) {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: initial !important;
  box-shadow: none !important;
  float: none !important;
}

.luumtech2-theme .mass_select_all_wrap input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
.luumtech2-theme .dataTables_wrapper table thead th:first-child input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
.luumtech2-theme .dataTables_wrapper table tbody td:first-child input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
.luumtech2-theme .dataTables_wrapper table .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox)::before {
  display: none !important;
  content: none !important;
}

/* ------------------------------
   KANBAN HEADER / CARD POLISH
   ------------------------------ */
.luumtech2-theme #kan-ban .panel_s,
.luumtech2-theme .kan-ban-col .panel_s,
.luumtech2-theme .kan-ban-col-wrapper .panel_s {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
}

.luumtech2-theme #kan-ban .panel-heading,
.luumtech2-theme .kan-ban-col .panel-heading {
  border-radius: var(--lg-radius-xl) var(--lg-radius-xl) 0 0 !important;
}

.luumtech2-theme #kan-ban .panel-body {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-top: 0 !important;
}

.luumtech2-theme .kan-ban-content {
  border-top: 0 !important;
  border-radius: 0 0 var(--lg-radius-xl) var(--lg-radius-xl) !important;
  padding: 10px !important;
}

html[data-theme="dark"] .luumtech2-theme #kan-ban .panel-heading,
html[data-theme="dark"] .luumtech2-theme .kan-ban-expand-top {
  background: var(--lg-bg-tertiary) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .kan-ban-content {
  background: var(--lg-bg-secondary) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .kan-ban-content .kanban-empty,
html[data-theme="dark"] .luumtech2-theme .kan-ban-content .kanban-empty h4 {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="light"] .luumtech2-theme #kan-ban .panel-heading,
html[data-theme="light"] .luumtech2-theme .kan-ban-expand-top {
  background: #f8fafc !important;
  border-color: #dbe3ef !important;
}

html[data-theme="light"] .luumtech2-theme .kan-ban-content {
  background: #eef2f7 !important;
  border: 1px solid #dbe3ef !important;
}

html[data-theme="light"] .luumtech2-theme .kan-ban-content .kanban-empty,
html[data-theme="light"] .luumtech2-theme .kan-ban-content .kanban-empty h4 {
  background: transparent !important;
  color: #64748b !important;
}

.luumtech2-theme .kanban-load-more,
.luumtech2-theme .kanban-load-more a,
.luumtech2-theme .kanban-load-more .btn {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-md) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .luumtech2-theme .kanban-load-more,
html[data-theme="light"] .luumtech2-theme .kanban-load-more a,
html[data-theme="light"] .luumtech2-theme .kanban-load-more .btn {
  border-color: #cdd7e4 !important;
  color: #64748b !important;
}

/* ------------------------------
   BOOTSTRAP-SELECT INNER BORDERS
   ------------------------------ */
.luumtech2-theme .bootstrap-select .inner.open,
.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
.luumtech2-theme .bootstrap-select .dropdown-menu .inner {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.luumtech2-theme .bootstrap-select .dropdown-menu.inner > li,
.luumtech2-theme .bootstrap-select .dropdown-menu .inner > li {
  border: 0 !important;
}

.luumtech2-theme .bootstrap-select .dropdown-menu.inner > li > a,
.luumtech2-theme .bootstrap-select .dropdown-menu .inner > li > a {
  border: 0 !important;
  margin: 2px 8px !important;
  border-radius: var(--lg-radius-sm) !important;
}

html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu.inner > li > a,
html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu .inner > li > a {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu.inner > li > a.active,
html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu.inner > li > a:hover,
html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu .inner > li > a.active,
html[data-theme="dark"] .luumtech2-theme .bootstrap-select .dropdown-menu .inner > li > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  color: var(--lg-accent) !important;
}

/* ==========================================
   v2.9.2 — GLASS UI CONSISTENCY REFINEMENTS
   ========================================== */

/* ------------------------------
   HIDE MENU BUTTON (hamburger)
   ------------------------------ */
.luumtech2-theme .hide-menu {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 10px !important;
  padding: 0 !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
  transition: var(--lg-transition-fast) !important;
}

.luumtech2-theme .hide-menu:hover,
.luumtech2-theme .hide-menu:focus {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.32) !important;
  color: var(--lg-accent) !important;
}

/* ------------------------------
   NEWSFEED GLASS + CLEAN BORDERS
   ------------------------------ */
.luumtech2-theme #newsfeed .panel_s,
.luumtech2-theme #newsfeed .newsfeed_post {
  border-radius: var(--lg-radius-lg) !important;
  overflow: visible !important;
}

.luumtech2-theme #newsfeed #new-post-form.dropzone,
.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  border: 0 !important;
  border-style: solid !important;
  box-shadow: none !important;
  background: transparent !important;
}

.luumtech2-theme #newsfeed #new-post-form.dropzone-active {
  border: 1px solid rgba(var(--lg-accent-rgb), 0.35) !important;
  border-style: solid !important;
  border-radius: var(--lg-radius-md) !important;
  background: rgba(var(--lg-accent-rgb), 0.04) !important;
}

.luumtech2-theme #newsfeed .panel_s .panel-body hr,
.luumtech2-theme #newsfeed .newsfeed_post hr {
  border-top: 1px solid var(--lg-glass-border) !important;
  border-bottom: 0 !important;
  border-style: solid !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .panel_s,
html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post {
  background: rgba(17, 17, 19, 0.78) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
  backdrop-filter: blur(22px) saturate(1.45) !important;
}

html[data-theme="light"] .luumtech2-theme #newsfeed .panel_s,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post {
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
}

html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .user-post-like {
  background: rgba(248, 250, 252, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  border-radius: 0 !important;
}

/* Newsfeed profile images: always round */
.luumtech2-theme #newsfeed .staff-profile-image-small,
.luumtech2-theme #newsfeed .client-profile-image-small,
.luumtech2-theme #newsfeed .comment-image,
.luumtech2-theme #newsfeed_data .staff-profile-image-small,
.luumtech2-theme #newsfeed_data .client-profile-image-small,
.luumtech2-theme #newsfeed_data img[class*="profile-image"] {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

/* Newsfeed select dropdown styling */
.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu {
  z-index: 1210 !important;
  max-height: 260px !important;
  overflow: hidden !important;
}

.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu.inner {
  max-height: 240px !important;
}

/* ------------------------------
   SCREEN OPTIONS (Panel Ayarlari)
   ------------------------------ */
.luumtech2-theme .screen-options-area,
.luumtech2-theme #dashboard-options {
  position: relative !important;
  z-index: 1202 !important;
  overflow: visible !important;
  border-radius: 0 0 var(--lg-radius-lg) var(--lg-radius-lg) !important;
}

html[data-theme="dark"] .luumtech2-theme .screen-options-area,
html[data-theme="dark"] .luumtech2-theme #dashboard-options {
  background: rgba(17, 17, 19, 0.78) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
}

html[data-theme="light"] .luumtech2-theme .screen-options-area,
html[data-theme="light"] .luumtech2-theme #dashboard-options {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
  backdrop-filter: blur(16px) saturate(1.15) !important;
}

.luumtech2-theme .screen-options-btn {
  z-index: 1203 !important;
  border-radius: 999px !important;
}

/* ------------------------------
   NOTIFICATIONS (LIGHT + DARK)
   ------------------------------ */
.luumtech2-theme .dropdown-menu.notifications {
  width: 360px !important;
  max-height: min(70vh, 620px) !important;
  padding: 0 !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-box {
  padding: 8px 12px !important;
  gap: 8px !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-image {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border-width: 1px !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title {
  font-size: 11px !important;
  line-height: 1.35 !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title br {
  display: none !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title .label,
.luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 6px !important;
  margin-top: 2px !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  padding: 1px 7px !important;
  vertical-align: middle !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-date {
  font-size: 10px !important;
  margin-top: 2px !important;
}

.luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline {
  width: 24px !important;
  height: 24px !important;
  right: 6px !important;
  bottom: 6px !important;
  top: auto !important;
  transform: none !important;
}

/* ------------------------------
   GLOBAL GLASS POPUPS / MENUS
   ------------------------------ */
.luumtech2-theme .dropdown-menu,
.luumtech2-theme .popover,
.luumtech2-theme .modal-content {
  -webkit-backdrop-filter: blur(18px) saturate(1.28) !important;
  backdrop-filter: blur(18px) saturate(1.28) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu:not(.notifications),
html[data-theme="dark"] .luumtech2-theme .popover {
  background: rgba(17, 17, 19, 0.84) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu:not(.notifications),
html[data-theme="light"] .luumtech2-theme .popover {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* ------------------------------
   WIDGET AREA (remove white base)
   ------------------------------ */
html[data-theme="light"] .luumtech2-theme [data-container],
html[data-theme="light"] .luumtech2-theme .preview-widgets,
html[data-theme="light"] .luumtech2-theme .placeholder-dashboard-widgets {
  background: transparent !important;
}

html[data-theme="light"] .luumtech2-theme .widget,
html[data-theme="light"] .luumtech2-theme .widget .panel_s,
html[data-theme="light"] .luumtech2-theme .widget .panel {
  background: rgba(255, 255, 255, 0.66) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
}

html[data-theme="light"] .luumtech2-theme .widget-dragger {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: 8px !important;
  padding: 2px 4px !important;
}

html[data-theme="light"] .luumtech2-theme .ui-sortable-handle,
html[data-theme="light"] .luumtech2-theme tr.ui-sortable-handle {
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}

/* ==========================================
   v2.9.3 — FINAL VISUAL CONSISTENCY POLISH
   Newsfeed, notifications, popups, dashboard
   ========================================== */

/* ------------------------------
   NAV HAMBURGER (hide-menu)
   ------------------------------ */
.luumtech2-theme .hide-menu,
.luumtech2-theme .hide-menu.tw-inline-flex {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-border-light) !important;
  box-shadow: none !important;
  transition: var(--lg-transition-fast) !important;
}

.luumtech2-theme .hide-menu svg {
  width: 16px !important;
  height: 16px !important;
}

html[data-theme="dark"] .luumtech2-theme .hide-menu {
  background: rgba(17, 17, 19, 0.68) !important;
  color: var(--lg-text-secondary) !important;
  border-color: var(--lg-glass-border-light) !important;
}

html[data-theme="light"] .luumtech2-theme .hide-menu {
  background: rgba(255, 255, 255, 0.68) !important;
  color: #475569 !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
}

/* ------------------------------
   NEWSFEED GLASS + DASH REMOVAL
   ------------------------------ */
.luumtech2-theme #newsfeed .panel_s,
.luumtech2-theme #newsfeed .newsfeed_post {
  border-radius: var(--lg-radius-xl) !important;
  overflow: visible !important;
}

.luumtech2-theme #newsfeed .panel_s > .panel-body,
.luumtech2-theme #newsfeed .newsfeed_post > .panel-body,
.luumtech2-theme #newsfeed .newsfeed_post > .panel-footer {
  background: transparent !important;
}

.luumtech2-theme #newsfeed #new-post-form.dropzone,
.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  border-style: solid !important;
  border-width: 1px !important;
  border-image: none !important;
  border-radius: var(--lg-radius-lg) !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed #new-post-form.dropzone,
html[data-theme="dark"] .luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
html[data-theme="dark"] .luumtech2-theme #newsfeed #new-post-form.dropzone-active,
html[data-theme="dark"] .luumtech2-theme #newsfeed form#new-post-form.dropzone {
  background: rgba(17, 17, 19, 0.52) !important;
  border-color: var(--lg-glass-border-light) !important;
}

html[data-theme="light"] .luumtech2-theme #newsfeed #new-post-form.dropzone,
html[data-theme="light"] .luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
html[data-theme="light"] .luumtech2-theme #newsfeed #new-post-form.dropzone-active,
html[data-theme="light"] .luumtech2-theme #newsfeed form#new-post-form.dropzone {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

.luumtech2-theme #newsfeed .newsfeed_post.pinned > .panel-body {
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: var(--lg-radius-lg) var(--lg-radius-lg) 0 0 !important;
}

html[data-theme="dark"] .luumtech2-theme #newsfeed .newsfeed_post.pinned > .panel-body {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
}

html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post.pinned > .panel-body {
  background: rgba(59, 130, 246, 0.07) !important;
  border-color: rgba(59, 130, 246, 0.24) !important;
}

html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
html[data-theme="light"] .luumtech2-theme #newsfeed .newsfeed_post .user-post-like {
  background: rgba(248, 250, 252, 0.64) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  border-radius: 0 !important;
}

/* Newsfeed avatars (no-radius class forced by core) */
.luumtech2-theme #newsfeed img.staff-profile-image-small,
.luumtech2-theme #newsfeed img.client-profile-image-small,
.luumtech2-theme #newsfeed img.no-radius,
.luumtech2-theme #newsfeed .media-left img,
.luumtech2-theme #newsfeed .comment-image img,
.luumtech2-theme #newsfeed_data img.staff-profile-image-small,
.luumtech2-theme #newsfeed_data img.client-profile-image-small,
.luumtech2-theme #newsfeed_data img.no-radius,
.luumtech2-theme #newsfeed_data .media-left img {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

/* Newsfeed select dropdown overlap / border cleanup */
.luumtech2-theme #newsfeed .bootstrap-select.open,
.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu {
  z-index: 1305 !important;
}

.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu,
.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu.inner,
.luumtech2-theme #newsfeed .bootstrap-select .inner.open {
  border-radius: var(--lg-radius-md) !important;
  overflow: visible !important;
}

.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu .inner,
.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu.inner,
.luumtech2-theme #newsfeed .bootstrap-select .inner.open {
  max-height: min(42vh, 280px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu.inner > li > a,
.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu .inner > li > a {
  margin: 2px 8px !important;
  border: 0 !important;
  border-radius: var(--lg-radius-sm) !important;
}

/* ------------------------------
   NOTIFICATIONS (COMPACT + FIXED)
   ------------------------------ */
.luumtech2-theme .dropdown-menu.notifications {
  width: 372px !important;
  max-height: min(72vh, 640px) !important;
  padding: 0 !important;
}

.luumtech2-theme .dropdown-menu.notifications > div:first-child,
.luumtech2-theme .dropdown-menu.notifications > div:last-child {
  border-bottom: 1px solid transparent !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-wrapper {
  border: 0 !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
  position: relative !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-handler {
  display: block !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 7px 12px !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-image {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 999px !important;
}

.luumtech2-theme .dropdown-menu.notifications .media-body {
  overflow: visible !important;
  padding-right: 28px !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  overflow: visible !important;
  max-height: none !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title br {
  display: none !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-title .label,
.luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  margin-top: 4px !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.luumtech2-theme .dropdown-menu.notifications .notification-date {
  display: block !important;
  margin-top: 3px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline {
  top: 50% !important;
  right: 7px !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 23px !important;
  height: 23px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  transition: var(--lg-transition-fast) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications {
  background: rgba(17, 17, 19, 0.88) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div:first-child {
  background: rgba(255, 255, 255, 0.03) !important;
  border-bottom-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications > div:last-child {
  background: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  color: var(--lg-accent) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.28) !important;
}

html[data-theme="dark"] .luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications > div:first-child {
  background: rgba(248, 250, 252, 0.82) !important;
  border-bottom-color: rgba(148, 163, 184, 0.22) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications > div:last-child {
  background: rgba(248, 250, 252, 0.78) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(59, 130, 246, 0.26) !important;
}

html[data-theme="light"] .luumtech2-theme .dropdown-menu.notifications .not-mark-as-read-inline {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  color: #2563eb !important;
}

/* ------------------------------
   POPUP / QUICK CREATE GLASS
   ------------------------------ */
.luumtech2-theme .lt2-profile-dropdown,
.luumtech2-theme .lt2-lang-dropdown,
.luumtech2-theme .quick-actions-dropdown,
.luumtech2-theme #quick-actions-dropdown,
.luumtech2-theme .navbar-nav > li.icon > .dropdown-menu.dropdown-menu-right,
.luumtech2-theme .search-results.dropdown-menu {
  border-radius: var(--lg-radius-lg) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.26) !important;
  backdrop-filter: blur(18px) saturate(1.26) !important;
}

html[data-theme="dark"] .luumtech2-theme .lt2-profile-dropdown,
html[data-theme="dark"] .luumtech2-theme .lt2-lang-dropdown,
html[data-theme="dark"] .luumtech2-theme .quick-actions-dropdown,
html[data-theme="dark"] .luumtech2-theme #quick-actions-dropdown,
html[data-theme="dark"] .luumtech2-theme .navbar-nav > li.icon > .dropdown-menu.dropdown-menu-right,
html[data-theme="dark"] .luumtech2-theme .search-results.dropdown-menu {
  background: rgba(17, 17, 19, 0.84) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="light"] .luumtech2-theme .lt2-profile-dropdown,
html[data-theme="light"] .luumtech2-theme .lt2-lang-dropdown,
html[data-theme="light"] .luumtech2-theme .quick-actions-dropdown,
html[data-theme="light"] .luumtech2-theme #quick-actions-dropdown,
html[data-theme="light"] .luumtech2-theme .navbar-nav > li.icon > .dropdown-menu.dropdown-menu-right,
html[data-theme="light"] .luumtech2-theme .search-results.dropdown-menu {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12) !important;
}

/* System popup in both themes */
.system-popup {
  -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
}

html[data-theme="light"] .system-popup {
  background:
    radial-gradient(circle at 14% 20%, rgba(59, 130, 246, 0.08), transparent 40%),
    linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.95)) !important;
}

html[data-theme="light"] .system-popup .popup-wrapper {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: calc(var(--lg-radius-xl) + 6px) !important;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] .system-popup .system-popup-close {
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  opacity: 0.96 !important;
}

/* ------------------------------
   PANEL OPTIONS + WIDGET SURFACE
   ------------------------------ */
.luumtech2-theme #dashboard-options .checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 !important;
}

.luumtech2-theme #dashboard-options .checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard #wrapper,
html[data-theme="light"] body.luumtech2-theme.dashboard .content,
html[data-theme="light"] body.luumtech2-theme.dashboard .content .row,
html[data-theme="light"] body.luumtech2-theme.dashboard [data-container] {
  background: transparent !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard .widget,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget.relative {
  background: transparent !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel_s,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel,
html[data-theme="light"] body.luumtech2-theme.dashboard .top_stats_wrapper {
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: var(--lg-radius-lg) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard .widget-dragger {
  background: transparent !important;
  border: 0 !important;
  color: #94a3b8 !important;
  left: -10px !important;
  top: 13px !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard .ui-sortable-handle,
html[data-theme="light"] body.luumtech2-theme.dashboard tr.ui-sortable-handle {
  background: transparent !important;
  border-color: transparent !important;
}

/* ==========================================
   v2.9.4 — STABILITY HOTFIX (UI + UX)
   Fullscreen companion styles, tables, modal,
   kanban, switches, discount input, typography
   ========================================== */

/* ------------------------------
   TYPOGRAPHY (client-like)
   ------------------------------ */
.luumtech2-theme,
.luumtech2-theme body,
.luumtech2-theme .content,
.luumtech2-theme #header,
.luumtech2-theme #wrapper {
  font-family: var(--lg-font-family) !important;
  font-weight: 400 !important;
}

.luumtech2-theme h1,
.luumtech2-theme h2,
.luumtech2-theme h3,
.luumtech2-theme h4,
.luumtech2-theme h5,
.luumtech2-theme h6,
.luumtech2-theme .h1,
.luumtech2-theme .h2,
.luumtech2-theme .h3,
.luumtech2-theme .h4,
.luumtech2-theme .h5,
.luumtech2-theme .h6 {
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

.luumtech2-theme strong,
.luumtech2-theme b,
.luumtech2-theme .bold,
.luumtech2-theme .tw-font-semibold {
  font-weight: 500 !important;
}

/* ------------------------------
   DATATABLE HALF-CROP FIX
   ------------------------------ */
.luumtech2-theme .panel-body.panel-table-full,
.luumtech2-theme .panel-body.panel-table-full > .dataTables_wrapper,
.luumtech2-theme .panel-body.panel-table-full > .table-responsive {
  overflow: visible !important;
}

.luumtech2-theme .panel_s .panel-body .dataTables_wrapper,
.luumtech2-theme .panel_s .panel-body > .table-responsive {
  box-sizing: border-box !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.luumtech2-theme .panel_s .panel-body .dataTables_wrapper .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.luumtech2-theme .panel_s .panel-body .dataTables_wrapper .table,
.luumtech2-theme .panel_s .panel-body > .table-responsive .table,
.luumtech2-theme .panel_s .panel-body table.dataTable {
  width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ------------------------------
   MODAL / POPUP GLASS CONSISTENCY
   ------------------------------ */
.luumtech2-theme .modal-content {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

.luumtech2-theme .modal-header,
.luumtech2-theme .modal-body,
.luumtech2-theme .modal-footer {
  background: transparent !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-content {
  background: rgba(17, 17, 19, 0.84) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
}

html[data-theme="dark"] .luumtech2-theme .modal-header,
html[data-theme="dark"] .luumtech2-theme .modal-footer {
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="light"] .luumtech2-theme .modal-content {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
}

html[data-theme="light"] .luumtech2-theme .modal-header,
html[data-theme="light"] .luumtech2-theme .modal-footer {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

/* ------------------------------
   CHECKBOX / SWITCH RELIABILITY
   ------------------------------ */
.luumtech2-theme .modal .checkbox,
.luumtech2-theme .table.items .checkbox,
.luumtech2-theme .table.items td.description .checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 !important;
}

.luumtech2-theme .modal .checkbox label,
.luumtech2-theme .table.items .checkbox label,
.luumtech2-theme .table.items td.description .checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

.luumtech2-theme .modal input[type="checkbox"]:not(.onoffswitch-checkbox):checked,
.luumtech2-theme .table.items input[type="checkbox"]:not(.onoffswitch-checkbox):checked,
.luumtech2-theme .table.items .optional-item-checkbox:checked,
.luumtech2-theme .table.items .optional-choose-item-checkbox:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.52) !important;
}

.luumtech2-theme .modal input[type="checkbox"]:not(.onoffswitch-checkbox):checked::before,
.luumtech2-theme .table.items input[type="checkbox"]:not(.onoffswitch-checkbox):checked::before,
.luumtech2-theme .table.items .optional-item-checkbox:checked::before,
.luumtech2-theme .table.items .optional-choose-item-checkbox:checked::before {
  transform: translateX(18px) !important;
}

/* ------------------------------
   KANBAN HEADER / LOAD MORE FIX
   ------------------------------ */
.luumtech2-theme #kan-ban .kan-ban-col,
.luumtech2-theme #kan-ban .kan-ban-col-wrapper,
.luumtech2-theme #kan-ban .kan-ban-col .panel_s,
.luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel_s {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
}

.luumtech2-theme #kan-ban .kan-ban-col .panel-heading,
.luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel-heading {
  border-radius: var(--lg-radius-xl) var(--lg-radius-xl) 0 0 !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
}

html[data-theme="dark"] .luumtech2-theme #kan-ban .kan-ban-col .panel-heading,
html[data-theme="dark"] .luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel-heading {
  background: rgba(17, 17, 19, 0.86) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="light"] .luumtech2-theme #kan-ban .kan-ban-col .panel-heading,
html[data-theme="light"] .luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel-heading {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

.luumtech2-theme #kan-ban .kanban-load-more,
.luumtech2-theme #kan-ban .kanban-load-more a,
.luumtech2-theme #kan-ban .kanban-load-more .btn {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ------------------------------
   DISCOUNT INPUT GROUP POLISH
   ------------------------------ */
.luumtech2-theme #discount-total.input-group {
  display: inline-flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 34px !important;
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

.luumtech2-theme #discount-total .form-control {
  height: 34px !important;
  min-height: 34px !important;
  border-right: 0 !important;
  border-radius: var(--lg-radius-md) 0 0 var(--lg-radius-md) !important;
}

.luumtech2-theme #discount-total .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
  padding: 0 10px !important;
  border-left: 0 !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

.luumtech2-theme #discount-total .input-group-addon .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-theme="dark"] .luumtech2-theme #discount-total .form-control,
html[data-theme="dark"] .luumtech2-theme #discount-total .input-group-addon {
  background: rgba(17, 17, 19, 0.78) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="light"] .luumtech2-theme #discount-total .form-control,
html[data-theme="light"] .luumtech2-theme #discount-total .input-group-addon {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #1f2937 !important;
}

/* ==========================================
   v2.9.5 — FINAL FIX PACK
   Fullscreen companion UI polish + table fit +
   popup glass + kanban + switch alignment + fonts
   ========================================== */

/* Typography parity with client theme (lighter look) */
body.luumtech2-theme,
body.luumtech2-theme #wrapper,
body.luumtech2-theme .content,
body.luumtech2-theme #header {
  font-family: var(--lg-font-family) !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
}

body.luumtech2-theme .btn,
body.luumtech2-theme .form-control,
body.luumtech2-theme .dropdown-menu > li > a,
body.luumtech2-theme .table > thead > tr > th,
body.luumtech2-theme .table > tbody > tr > td {
  font-weight: 400 !important;
}

body.luumtech2-theme h1,
body.luumtech2-theme h2,
body.luumtech2-theme h3,
body.luumtech2-theme h4,
body.luumtech2-theme h5,
body.luumtech2-theme h6,
body.luumtech2-theme strong,
body.luumtech2-theme b {
  font-weight: 500 !important;
}

/* Full width datatable without clipping/half-render */
body.luumtech2-theme .panel-body.panel-table-full {
  padding: 0 12px 14px !important;
  overflow: visible !important;
}

body.luumtech2-theme .panel-body.panel-table-full > .dataTables_wrapper,
body.luumtech2-theme .panel-body.panel-table-full > .table-responsive,
body.luumtech2-theme .panel-body.panel-table-full .table-responsive {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full table.dataTable,
body.luumtech2-theme .panel-body.panel-table-full .table {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full table.dataTable > thead > tr > th:first-child,
body.luumtech2-theme .panel-body.panel-table-full table.dataTable > tbody > tr > td:first-child {
  padding-left: 14px !important;
}

/* Search group should render as complete pill (not half) */
body.luumtech2-theme .dataTables_wrapper .dataTables_filter {
  margin-right: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group {
  display: inline-flex !important;
  align-items: stretch !important;
  width: min(240px, 100%) !important;
  max-width: 100% !important;
  min-height: 34px !important;
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group-addon {
  flex: 0 0 auto !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter input[type="search"] {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
}

/* Modal/popup liquid glass + remove white bottom spill */
body.luumtech2-theme .modal-content {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

body.luumtech2-theme .modal-content .modal-header,
body.luumtech2-theme .modal-content .modal-body,
body.luumtech2-theme .modal-content .modal-footer,
body.luumtech2-theme .modal-content .panel,
body.luumtech2-theme .modal-content .panel-footer {
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme .modal-content {
  background: rgba(17, 17, 19, 0.86) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.35) !important;
  backdrop-filter: blur(20px) saturate(1.35) !important;
}

html[data-theme="light"] body.luumtech2-theme .modal-content {
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
}

/* Dropdowns inside popups should also be glass, not white blocks */
html[data-theme="dark"] body.luumtech2-theme .modal .dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu {
  background: rgba(17, 17, 19, 0.92) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="light"] body.luumtech2-theme .modal .dropdown-menu,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-menu {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

body.luumtech2-theme .bootstrap-select .inner.open,
body.luumtech2-theme .bootstrap-select .dropdown-menu.inner {
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep only bulk action selectors native checkbox; preserve switches elsewhere */
body.luumtech2-theme .dataTables_wrapper table thead th:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox),
body.luumtech2-theme .dataTables_wrapper table tbody td:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox),
body.luumtech2-theme .table.items .optional-item-checkbox,
body.luumtech2-theme .table.items .optional-choose-item-checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  width: 40px !important;
  height: 22px !important;
  min-width: 40px !important;
  min-height: 22px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(255, 255, 255, 0.22) !important;
  cursor: pointer !important;
}

html[data-theme="light"] body.luumtech2-theme .table.items .optional-item-checkbox,
html[data-theme="light"] body.luumtech2-theme .table.items .optional-choose-item-checkbox {
  background: #cbd5e1 !important;
  border-color: #cbd5e1 !important;
}

body.luumtech2-theme .dataTables_wrapper table thead th:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
body.luumtech2-theme .dataTables_wrapper table tbody td:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
body.luumtech2-theme .table.items .optional-item-checkbox::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme .dataTables_wrapper table thead th:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox):checked,
body.luumtech2-theme .dataTables_wrapper table tbody td:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox):checked,
body.luumtech2-theme .table.items .optional-item-checkbox:checked,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.55) !important;
}

body.luumtech2-theme .dataTables_wrapper table thead th:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox):checked::before,
body.luumtech2-theme .dataTables_wrapper table tbody td:not(:first-child) .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox):checked::before,
body.luumtech2-theme .table.items .optional-item-checkbox:checked::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked::before {
  transform: translateX(18px) !important;
}

/* Switch alignment in modal/table popups */
body.luumtech2-theme .modal .checkbox,
body.luumtech2-theme .table.items .checkbox,
body.luumtech2-theme .table.items td.description .checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 8px 0 !important;
}

body.luumtech2-theme .modal .checkbox label,
body.luumtech2-theme .table.items .checkbox label,
body.luumtech2-theme .table.items td.description .checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kanban borders and load-more cleanup */
body.luumtech2-theme #kan-ban .kan-ban-col .panel_s,
body.luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel_s {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-col .panel_s,
html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel_s {
  border: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-col .panel_s,
html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-col-wrapper .panel_s {
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
}

body.luumtech2-theme #kan-ban .kan-ban-expand-top {
  border-radius: var(--lg-radius-lg) !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-expand-top {
  border: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-expand-top {
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
}

body.luumtech2-theme #kan-ban .kanban-load-more,
body.luumtech2-theme #kan-ban .kanban-load-more a,
body.luumtech2-theme #kan-ban .kanban-load-more .btn {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kanban-empty {
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kanban-empty {
  background: rgba(255, 255, 255, 0.62) !important;
  border-radius: var(--lg-radius-md) !important;
}

/* Discount input group should match search input group style */
body.luumtech2-theme #discount-total.input-group,
body.luumtech2-theme .input-group#discount-total {
  display: inline-flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 340px !important;
  min-height: 34px !important;
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

body.luumtech2-theme #discount-total .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  height: 34px !important;
  border-right: 0 !important;
}

body.luumtech2-theme #discount-total .input-group-addon {
  flex: 0 0 auto !important;
  min-width: 56px !important;
  border-left: 0 !important;
}

body.luumtech2-theme #discount-total .input-group-addon .btn,
body.luumtech2-theme #discount-total .input-group-addon .dropdown-toggle {
  height: 34px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================
   v2.9.6 — UI CLEANUP PATCH
   Newsfeed/footer borders, notifications hover/title,
   hide-menu alignment, dashboard light borders,
   payment tabs/caret visibility, proposal/email templates
   ========================================== */

/* ------------------------------
   NEWSFEED: form + post likes/footer border cleanup
   ------------------------------ */
body.luumtech2-theme #newsfeed #new-post-form.dropzone,
body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
body.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-post-like,
body.luumtech2-theme #newsfeed .newsfeed_post > .panel-footer {
  border: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------
   NOTIFICATIONS: badge fit + improved hover interaction
   ------------------------------ */
body.luumtech2-theme .dropdown-menu.notifications .notification-box {
  padding: 10px 12px !important;
  min-height: 58px !important;
  border-radius: var(--lg-radius-md) !important;
  transition: transform 0.14s ease, background 0.14s ease, box-shadow 0.14s ease !important;
}

body.luumtech2-theme .dropdown-menu.notifications .media-body {
  min-height: 42px !important;
}

body.luumtech2-theme .dropdown-menu.notifications .notification-title {
  line-height: 1.42 !important;
  min-height: 20px !important;
  padding-top: 1px !important;
}

body.luumtech2-theme .dropdown-menu.notifications .notification-title .label,
body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  margin-top: 5px !important;
}

body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover,
body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover > a {
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover .notification-box {
  background: rgba(var(--lg-accent-rgb), 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--lg-accent-rgb), 0.22) !important;
  transform: translateX(1px) !important;
}

html[data-theme="light"] body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover .notification-box {
  background: rgba(59, 130, 246, 0.09) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.18) !important;
  transform: translateX(1px) !important;
}

/* ------------------------------
   HAMBURGER: vertical centering + hover polish
   ------------------------------ */
body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  top: 0 !important;
  transform: none !important;
  align-self: center !important;
}

body.luumtech2-theme #header .hide-menu:hover,
body.luumtech2-theme #header .hide-menu:focus {
  transform: translateY(-1px) !important;
}

/* ------------------------------
   DASHBOARD (LIGHT): remove remaining white layer borders
   ------------------------------ */
html[data-theme="light"] body.luumtech2-theme.dashboard .widget,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget.relative,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel_s,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel-heading,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel-body,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel-footer {
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.luumtech2-theme.dashboard .widget hr,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .table.table-bordered > thead > tr > th,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .table.table-bordered > tbody > tr > td {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* ------------------------------
   PAYMENT TABS + CARET/COLLAPSE ICON VISIBILITY (DARK)
   ------------------------------ */
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li > a,
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a,
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a:hover,
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a:focus {
  border-radius: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .dropdown-toggle,
html[data-theme="dark"] body.luumtech2-theme .dropdown-toggle.text-dark,
html[data-theme="dark"] body.luumtech2-theme .btn.btn-default.dropdown-toggle,
html[data-theme="dark"] body.luumtech2-theme .btn.btn-default.dropdown-toggle .fa,
html[data-theme="dark"] body.luumtech2-theme a[data-toggle="collapse"],
html[data-theme="dark"] body.luumtech2-theme button[data-toggle="collapse"],
html[data-theme="dark"] body.luumtech2-theme .panel-heading .accordion-toggle {
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .btn.btn-default.dropdown-toggle .caret,
html[data-theme="dark"] body.luumtech2-theme .dropdown-toggle .caret,
html[data-theme="dark"] body.luumtech2-theme .fa-caret-down,
html[data-theme="dark"] body.luumtech2-theme .fa-caret-up,
html[data-theme="dark"] body.luumtech2-theme .fa-angle-down,
html[data-theme="dark"] body.luumtech2-theme .fa-angle-up {
  border-top-color: var(--lg-text-primary) !important;
  border-bottom-color: var(--lg-text-primary) !important;
  color: var(--lg-text-primary) !important;
  opacity: 0.92 !important;
}

html[data-theme="dark"] body.luumtech2-theme #tab_receipt .tw-bg-neutral-100,
html[data-theme="dark"] body.luumtech2-theme #tab_receipt [class*="tw-bg-neutral-100"] {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

/* ------------------------------
   PROPOSAL/ESTIMATE ACCOUNTING AREA: softer dark borders + bottom bar overlap fix
   ------------------------------ */
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .panel_s,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .panel,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .border-right,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .hr-panel-separator,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .table-bordered > thead > tr > th,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .table-bordered > tbody > tr > td,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .table > tfoot > tr > td {
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .btn-bottom-toolbar.bottom-transaction {
  background: rgba(17, 17, 19, 0.9) !important;
  border-top: 1px solid var(--lg-glass-border) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .btn-toolbar-notice {
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .btn-bottom-pusher {
  height: 74px !important;
}

/* ------------------------------
   EMAIL TEMPLATES PAGE: dark heading and border refinement
   ------------------------------ */
html[data-theme="dark"] body.luumtech2-theme .content.email-templates .email-template-heading {
  margin: 16px 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--lg-glass-border) !important;
  border-radius: var(--lg-radius-md) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.email-templates .table-responsive {
  border: 1px solid var(--lg-glass-border) !important;
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.email-templates .table.table-bordered {
  border-color: var(--lg-glass-border) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content.email-templates .table.table-bordered > thead > tr > th,
html[data-theme="dark"] body.luumtech2-theme .content.email-templates .table.table-bordered > tbody > tr > td {
  border-color: var(--lg-glass-border) !important;
}

/* ==========================================
   v2.9.7 — REFINEMENT PATCH
   Font rollback, fullscreen companion visuals,
   settings/editor, pipeline, table borders, toolbars
   ========================================== */

/* Newsfeed compose input spacing */
body.luumtech2-theme #newsfeed textarea,
body.luumtech2-theme #newsfeed .bootstrap-select .filter-option,
body.luumtech2-theme #newsfeed .bootstrap-select .dropdown-toggle,
body.luumtech2-theme #newsfeed .form-control {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Hide menu should align with navbar controls and hover like toggle buttons */
body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  top: 6px !important;
  margin-left: 12px !important;
  margin-right: 10px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:hover,
html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:focus {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
  color: var(--lg-accent) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="light"] body.luumtech2-theme #header .hide-menu:hover,
html[data-theme="light"] body.luumtech2-theme #header .hide-menu:focus {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
  color: #2563eb !important;
  transform: translateY(-1px) !important;
}

/* Light mode email templates heading style parity with dark mode */
html[data-theme="light"] body.luumtech2-theme .content.email-templates .email-template-heading {
  margin: 16px 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: var(--lg-radius-md) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  color: #1f2937 !important;
}

html[data-theme="light"] body.luumtech2-theme .content.email-templates .table-responsive {
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

html[data-theme="light"] body.luumtech2-theme .content.email-templates .table.table-bordered > thead > tr > th,
html[data-theme="light"] body.luumtech2-theme .content.email-templates .table.table-bordered > tbody > tr > td {
  border-color: rgba(148, 163, 184, 0.24) !important;
}

/* TinyMCE in dark mode: softer frame, readable toolbar, white editor area */
html[data-theme="dark"] body.luumtech2-theme .tox-tinymce {
  border: 1px solid var(--lg-glass-border) !important;
  border-radius: var(--lg-radius-md) !important;
  box-shadow: none !important;
  background: rgba(17, 17, 19, 0.9) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-menubar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-statusbar {
  background: rgba(17, 17, 19, 0.92) !important;
  border-color: var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn svg,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn {
  color: var(--lg-text-primary) !important;
  fill: var(--lg-text-primary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area__iframe {
  background: #ffffff !important;
}

/* Table borders in dark mode should not look bright/white */
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > thead > tr > th,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > tbody > tr > td,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > tfoot > tr > td,
html[data-theme="dark"] body.luumtech2-theme .table > thead > tr > th,
html[data-theme="dark"] body.luumtech2-theme .table > tbody > tr > td,
html[data-theme="dark"] body.luumtech2-theme .table > tfoot > tr > td {
  border-color: var(--lg-glass-border) !important;
}

/* Pipeline card shape + empty state */
html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-content .sortable > li > .panel-body {
  background: rgba(17, 17, 19, 0.74) !important;
  border: 1px solid var(--lg-glass-border) !important;
  border-radius: var(--lg-radius-lg) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-content .sortable > li > .panel-body {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty {
  margin: 14px 10px !important;
  padding: 16px 12px !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px dashed var(--lg-glass-border-light) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px dashed rgba(148, 163, 184, 0.34) !important;
  color: #64748b !important;
}

/* Dark mode bottom save bars should not be white */
html[data-theme="dark"] body.luumtech2-theme .btn-bottom-toolbar,
html[data-theme="dark"] body.luumtech2-theme .btn-bottom-toolbar.text-right,
html[data-theme="dark"] body.luumtech2-theme .panel-footer.text-right {
  background: rgba(17, 17, 19, 0.9) !important;
  border-top: 1px solid var(--lg-glass-border) !important;
}

/* Invoice save button group spacing and rounded corners */
body.luumtech2-theme .btn-group.dropup {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.luumtech2-theme .btn-group.dropup > .btn,
body.luumtech2-theme .btn-group.dropup > .btn:first-child,
body.luumtech2-theme .btn-group.dropup > .btn:last-child,
body.luumtech2-theme .btn-group.dropup > .btn.dropdown-toggle {
  border-radius: var(--lg-radius-md) !important;
}

body.luumtech2-theme .btn-group.dropup > .dropdown-toggle {
  margin-left: 0 !important;
  border-left-width: 1px !important;
}

/* ==========================================
   v2.9.8 — FINAL CONSISTENCY PATCH
   Fullscreen stability companion UI, newsfeed,
   notifications, table clipping, toolbar/dropups
   ========================================== */

/* NEWSFEED compose: no dashed look, better spacing */
body.luumtech2-theme #newsfeed #new-post-form.dropzone,
body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
body.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: var(--lg-border) !important;
  border-radius: var(--lg-radius-lg) !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme #newsfeed #new-post-form.dropzone,
html[data-theme="dark"] body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
html[data-theme="dark"] body.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
html[data-theme="dark"] body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  background: rgba(17, 17, 19, 0.72) !important;
  border-color: var(--lg-glass-border-light) !important;
}

html[data-theme="light"] body.luumtech2-theme #newsfeed #new-post-form.dropzone,
html[data-theme="light"] body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
html[data-theme="light"] body.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
html[data-theme="light"] body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.luumtech2-theme #newsfeed #new-post-form textarea.form-control,
body.luumtech2-theme #newsfeed #new-post-form .form-control,
body.luumtech2-theme #newsfeed #new-post-form .bootstrap-select .dropdown-toggle,
body.luumtech2-theme #newsfeed #new-post-form .bootstrap-select .filter-option {
  padding: 12px 14px !important;
}

body.luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-post-like,
body.luumtech2-theme #newsfeed .newsfeed_post > .panel-footer {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Newsfeed avatars stay circular (including secondary profile image) */
body.luumtech2-theme #newsfeed img.staff-profile-image-small,
body.luumtech2-theme #newsfeed img.client-profile-image-small,
body.luumtech2-theme #newsfeed .media-left img,
body.luumtech2-theme #newsfeed_data img.staff-profile-image-small,
body.luumtech2-theme #newsfeed_data img.client-profile-image-small {
  border-radius: 999px !important;
  object-fit: cover !important;
}

/* Notifications: better label fit + smoother hover */
body.luumtech2-theme .dropdown-menu.notifications .notification-title {
  min-height: 24px !important;
  line-height: 1.5 !important;
  padding-top: 2px !important;
}

body.luumtech2-theme .dropdown-menu.notifications .notification-title .label,
body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper .label {
  margin-top: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover .notification-box {
  transform: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover .notification-box {
  background: rgba(var(--lg-accent-rgb), 0.11) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--lg-accent-rgb), 0.2) !important;
}

html[data-theme="light"] body.luumtech2-theme .dropdown-menu.notifications .notification-wrapper:hover .notification-box {
  background: rgba(59, 130, 246, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.17) !important;
}

/* Header hamburger: centered and same hover family as theme/fullscreen buttons */
body.luumtech2-theme #header .navbar-header {
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  position: relative !important;
  top: auto !important;
  margin: 0 10px 0 12px !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--lg-border-light) !important;
  border-radius: 999px !important;
  background: transparent !important;
  line-height: 1 !important;
  transform: none !important;
}

body.luumtech2-theme #header .hide-menu svg {
  width: 16px !important;
  height: 16px !important;
}

html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:hover,
html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:focus {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme #header .hide-menu:hover,
html[data-theme="light"] body.luumtech2-theme #header .hide-menu:focus {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.28) !important;
  color: #2563eb !important;
}

/* Dashboard light-mode residual white borders/handles */
html[data-theme="light"] body.luumtech2-theme.dashboard .widget,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel_s,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget .panel,
html[data-theme="light"] body.luumtech2-theme.dashboard .widget-dragger,
html[data-theme="light"] body.luumtech2-theme.dashboard .ui-sortable-handle {
  border-color: transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Dark tabs/caret visibility and no extra rounded tabs */
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs > li > a,
html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li > a,
html[data-theme="dark"] body.luumtech2-theme .content.accounting-template .nav-tabs > li > a {
  border-radius: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .btn.dropdown-toggle .caret,
html[data-theme="dark"] body.luumtech2-theme .dropdown-toggle .caret,
html[data-theme="dark"] body.luumtech2-theme .btn.btn-default.dropdown-toggle i,
html[data-theme="dark"] body.luumtech2-theme .panel-heading .accordion-toggle i {
  color: var(--lg-text-primary) !important;
  border-top-color: var(--lg-text-primary) !important;
  border-bottom-color: var(--lg-text-primary) !important;
  opacity: 0.95 !important;
}

/* TinyMCE dark frame polish + white editor surface */
html[data-theme="dark"] body.luumtech2-theme .tox.tox-tinymce {
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-editor-header,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-menubar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-statusbar {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area iframe,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area__iframe {
  background: #ffffff !important;
}

/* Dark tables: remove bright white borders + prevent clipped first columns */
html[data-theme="dark"] body.luumtech2-theme .table-responsive,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > thead > tr > th,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > tbody > tr > td,
html[data-theme="dark"] body.luumtech2-theme .table.table-bordered > tfoot > tr > td {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.luumtech2-theme .panel-body.panel-table-full {
  overflow: visible !important;
  padding: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .table-responsive {
  margin: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.luumtech2-theme .panel-body.panel-table-full .table {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .table > thead > tr > th:first-child,
body.luumtech2-theme .panel-body.panel-table-full .table > tbody > tr > td:first-child {
  padding-left: 18px !important;
}

/* DataTables search group should render as complete (no half cut icon/input) */
body.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group {
  display: inline-flex !important;
  align-items: center !important;
  width: 220px !important;
  max-width: 100% !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group-addon {
  width: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: var(--lg-radius-md) 0 0 var(--lg-radius-md) !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter .input-group input.form-control {
  min-width: 0 !important;
  height: 32px !important;
  border-left: 0 !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

/* Kanban / pipeline polish */
body.luumtech2-theme #kan-ban .kan-ban-col {
  border-radius: var(--lg-radius-lg) !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-col,
html[data-theme="dark"] body.luumtech2-theme #kan-ban .kanban-status {
  background: rgba(17, 17, 19, 0.58) !important;
  border: 1px solid var(--lg-glass-border) !important;
}

body.luumtech2-theme #kan-ban .kanban-load-more,
body.luumtech2-theme #kan-ban .kanban-load-more a,
body.luumtech2-theme #kan-ban .kanban-load-more .btn {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty,
body.luumtech2-theme #kan-ban .kan-ban-content .kan-ban-no-data {
  margin: 12px 10px !important;
  padding: 16px 12px !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty,
html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-content .kan-ban-no-data {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px dashed rgba(148, 163, 184, 0.34) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-content .kanban-empty,
html[data-theme="light"] body.luumtech2-theme #kan-ban .kan-ban-content .kan-ban-no-data {
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px dashed rgba(148, 163, 184, 0.36) !important;
  color: #64748b !important;
}

/* System popup should follow liquid glass */
html[data-theme="dark"] body.luumtech2-theme .system-popup {
  background: rgba(17, 17, 19, 0.86) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="light"] body.luumtech2-theme .system-popup {
  background: rgba(255, 255, 255, 0.88) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

body.luumtech2-theme .system-popup-close {
  border-radius: 999px !important;
}

/* Bottom transaction bar + invoice dropup spacing/radius */
html[data-theme="dark"] body.luumtech2-theme .btn-bottom-toolbar,
html[data-theme="dark"] body.luumtech2-theme .btn-bottom-toolbar.text-right,
html[data-theme="dark"] body.luumtech2-theme .panel-footer.text-right {
  background: rgba(17, 17, 19, 0.9) !important;
  border-top: 1px solid var(--lg-glass-border) !important;
}

body.luumtech2-theme .btn-bottom-toolbar.text-right {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
}

body.luumtech2-theme .btn-bottom-toolbar .btn-group.dropup {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.luumtech2-theme .btn-bottom-toolbar .btn-group.dropup > .btn,
body.luumtech2-theme .btn-bottom-toolbar .btn-group.dropup > .btn.dropdown-toggle {
  border-radius: var(--lg-radius-md) !important;
}

body.luumtech2-theme .btn-bottom-toolbar .btn-group.dropup > .btn + .dropdown-toggle {
  margin-left: 6px !important;
}

/* Typography rollback from previous lightweight patch */
body.luumtech2-theme,
body.luumtech2-theme #wrapper,
body.luumtech2-theme .content,
body.luumtech2-theme #header {
  font-family: var(--lg-font-family) !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

body.luumtech2-theme .btn,
body.luumtech2-theme .form-control,
body.luumtech2-theme .dropdown-menu > li > a,
body.luumtech2-theme .table > thead > tr > th,
body.luumtech2-theme .table > tbody > tr > td {
  font-weight: 400 !important;
}

body.luumtech2-theme h1,
body.luumtech2-theme h2,
body.luumtech2-theme h3,
body.luumtech2-theme h4,
body.luumtech2-theme h5,
body.luumtech2-theme h6,
body.luumtech2-theme strong,
body.luumtech2-theme b {
  font-weight: 600 !important;
}

/* Switch consistency (onoffswitch + bootstrap-switch) */
body.luumtech2-theme .onoffswitch {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

body.luumtech2-theme .onoffswitch-label {
  width: 40px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-border-light) !important;
  background: rgba(148, 163, 184, 0.5) !important;
}

body.luumtech2-theme .onoffswitch-inner {
  display: none !important;
}

body.luumtech2-theme .onoffswitch-switch {
  top: 2px !important;
  right: 20px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.28) !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.5) !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 2px !important;
}

body.luumtech2-theme .bootstrap-switch {
  border: 1px solid var(--lg-border-light) !important;
  border-radius: 999px !important;
  min-width: 42px !important;
  height: 22px !important;
  overflow: hidden !important;
}

body.luumtech2-theme .bootstrap-switch .bootstrap-switch-label {
  background: #ffffff !important;
  border-radius: 999px !important;
}

body.luumtech2-theme .bootstrap-switch.bootstrap-switch-on {
  border-color: rgba(var(--lg-accent-rgb), 0.5) !important;
}

body.luumtech2-theme .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* ==========================================
   v2.9.9 — DROPDOWN + INVOICE + NAV + GDPR
   ========================================== */

/* -------------------------------------------
   1) Dropdown double-border cleanup
   ------------------------------------------- */
body.luumtech2-theme .select2-container--default .select2-dropdown,
body.luumtech2-theme .bootstrap-select.open .dropdown-menu {
  border-radius: var(--lg-radius-md) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .select2-container--default .select2-results,
body.luumtech2-theme .select2-container--default .select2-results__options,
body.luumtech2-theme .select2-container--default .select2-results__option,
body.luumtech2-theme .bootstrap-select .inner.open,
body.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu .inner {
  border: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme .select2-container--default .select2-search--dropdown,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-searchbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-actionsbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-donebutton {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* "Aramaya başlayın" line should not be white in dark mode */
html[data-theme="dark"] body.luumtech2-theme .select2-results__message,
html[data-theme="dark"] body.luumtech2-theme .select2-results__option.loading-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .no-results {
  background: rgba(17, 17, 19, 0.96) !important;
  color: var(--lg-text-muted) !important;
  border-top: 0 !important;
}

html[data-theme="light"] body.luumtech2-theme .select2-results__message,
html[data-theme="light"] body.luumtech2-theme .select2-results__option.loading-results,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .no-results {
  background: rgba(248, 250, 252, 0.92) !important;
  color: #64748b !important;
  border-top: 0 !important;
}

/* -------------------------------------------
   2) Invoice top panel radius/background overlap
   ------------------------------------------- */
body.luumtech2-theme #invoice_top_info .panel_s,
body.luumtech2-theme #invoice_top_info .panel {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

body.luumtech2-theme #invoice_top_info .panel-body.tw-bg-gradient-to-l,
body.luumtech2-theme #invoice_top_info .panel-body[class*="tw-bg-gradient"] {
  background-image: none !important;
}

html[data-theme="dark"] body.luumtech2-theme #invoice_top_info .panel-body {
  background: rgba(17, 17, 19, 0.7) !important;
}

html[data-theme="light"] body.luumtech2-theme #invoice_top_info .panel-body {
  background: rgba(255, 255, 255, 0.84) !important;
}

/* -------------------------------------------
   3) Billable expenses block should stay left
   ------------------------------------------- */
body.luumtech2-theme #invoice_top_info #merge:empty {
  display: none !important;
}

body.luumtech2-theme #invoice_top_info #merge:empty + #expenses_to_bill {
  width: 100% !important;
  float: left !important;
  left: 0 !important;
}

body.luumtech2-theme #invoice_top_info #expenses_to_bill {
  text-align: left !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #invoice_top_info #expenses_to_bill h4 {
  margin-left: 0 !important;
}

body.luumtech2-theme #invoice_top_info #expenses_to_bill .checkbox {
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

/* -------------------------------------------
   4) Header flow + remove search/+ separator line
   ------------------------------------------- */
body.luumtech2-theme #header nav > .tw-flex {
  align-items: center !important;
}

body.luumtech2-theme #header nav > .tw-flex > .tw-flex.tw-flex-1 {
  min-width: 0 !important;
  align-items: center !important;
}

body.luumtech2-theme #header #top_search {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  margin-right: 8px !important;
}

body.luumtech2-theme #header #top_search::before,
body.luumtech2-theme #header #top_search::after {
  display: none !important;
}

body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg {
  border-left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li {
  border-left: 0 !important;
}

/* -------------------------------------------
   5) GDPR/KVKK left menu polish
   ------------------------------------------- */
body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: var(--lg-radius-lg) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li {
  margin: 0 !important;
}

body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked {
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(17, 17, 19, 0.55) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a {
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a,
html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a:hover,
html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.12) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked {
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a {
  color: #4b5563 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
  background: transparent !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom: 0 !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a:hover,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #1d4ed8 !important;
}

/* ==========================================
   v2.9.10 — DROPDOWN + INVOICE TOP + NAV/KVKK
   ========================================== */

/* -------------------------------------------
   1) Dropdown: remove nested/double borders
   ------------------------------------------- */
body.luumtech2-theme .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu .inner,
body.luumtech2-theme .bootstrap-select .inner.open {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-searchbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-actionsbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-donebutton,
body.luumtech2-theme .bootstrap-select .dropdown-menu .dropdown-header,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-searchbox + .inner.open,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-searchbox + .dropdown-menu.inner,
body.luumtech2-theme .select2-container--open .select2-dropdown,
body.luumtech2-theme .select2-container--default .select2-results__options {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* "Aramak icin yazmaya baslayin" should not be white in dark mode */
html[data-theme="dark"] body.luumtech2-theme .select2-results__message,
html[data-theme="dark"] body.luumtech2-theme .select2-results__option[aria-disabled="true"],
html[data-theme="dark"] body.luumtech2-theme .select2-results__option.loading-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .no-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.no-results {
  background: rgba(17, 17, 19, 0.94) !important;
  color: var(--lg-text-muted) !important;
  border: 0 !important;
}

/* -------------------------------------------
   2) Invoice top area: keep radius visible
   ------------------------------------------- */
body.luumtech2-theme #invoice_top_info,
body.luumtech2-theme #invoice_top_info .panel_s,
body.luumtech2-theme #invoice_top_info .panel,
body.luumtech2-theme #invoice_top_info .panel-body {
  border-radius: var(--lg-radius-xl) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

body.luumtech2-theme #invoice_top_info .panel-body > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme #invoice_top_info .panel-body > .row > [class*="col-"] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Billable expenses title/content should stay left */
body.luumtech2-theme #invoice_top_info #expenses_to_bill {
  float: left !important;
  text-align: left !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #invoice_top_info #expenses_to_bill h4.tw-inline-block {
  float: left !important;
  clear: both !important;
  margin-left: 0 !important;
}

body.luumtech2-theme #invoice_top_info #expenses_to_bill .checkbox {
  clear: both !important;
}

/* -------------------------------------------
   3) Header flow: remove line between search/+ 
   ------------------------------------------- */
body.luumtech2-theme #header nav > .tw-flex > .tw-flex.tw-flex-1.sm\:tw-flex-initial {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

body.luumtech2-theme #header #top_search {
  margin-right: 10px !important;
  padding-right: 0 !important;
}

body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li.icon {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* -------------------------------------------
   4) GDPR/KVKK side menu consistency
   ------------------------------------------- */
body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked {
  margin: 0 !important;
  padding: 6px !important;
  border-radius: var(--lg-radius-lg) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li {
  margin: 0 !important;
}

body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a {
  border: 0 !important;
  border-radius: calc(var(--lg-radius-md) - 2px) !important;
  margin: 1px 0 !important;
  padding: 11px 12px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked {
  border: 1px solid var(--lg-glass-border-light) !important;
  background: rgba(17, 17, 19, 0.6) !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a {
  color: var(--lg-text-secondary) !important;
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a,
html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a:hover,
html[data-theme="dark"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked {
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a {
  color: #475569 !important;
  background: transparent !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a:hover,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #1d4ed8 !important;
}

/* ==========================================
   v2.9.11 — DROPDOWN EMPTY STATE + NAV POLISH
   ========================================== */

/* -------------------------------------------
   1) Dropdown: single border, no inner double lines
   ------------------------------------------- */
body.luumtech2-theme .bootstrap-select .dropdown-menu,
body.luumtech2-theme .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .select2-container--open .select2-dropdown {
  border-radius: var(--lg-radius-md) !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .inner.open,
body.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu .inner,
body.luumtech2-theme .bootstrap-select .inner.open > ul.dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu .dropdown-menu.inner {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-searchbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-actionsbox,
body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-donebutton,
body.luumtech2-theme .bootstrap-select .dropdown-menu .dropdown-header {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme .bootstrap-select .inner.open {
  min-height: 0 !important;
}

/* When there is no option, hide the empty list area above "Aramak icin yazmaya baslayin" */
body.luumtech2-theme .bootstrap-select.lt2-empty-results .inner.open,
body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .inner.open {
  display: none !important;
  min-height: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Modern browser fallback if class is not yet added */
body.luumtech2-theme .bootstrap-select.open .dropdown-menu:has(li.no-results:not(.hide)) .inner.open {
  display: none !important;
  min-height: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Actions buttons should stay visible without harsh borders */
body.luumtech2-theme .bootstrap-select .bs-actionsbox .btn {
  border-radius: var(--lg-radius-sm) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .bs-actionsbox .btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="light"] body.luumtech2-theme .bootstrap-select .bs-actionsbox .btn {
  background: rgba(241, 245, 249, 0.85) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #475569 !important;
}

/* -------------------------------------------
   2) TinyMCE dark toolbar clarity
   ------------------------------------------- */
html[data-theme="dark"] body.luumtech2-theme .tox.tox-tinymce {
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: var(--lg-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-editor-header {
  background: rgba(17, 17, 19, 0.9) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-menubar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__overflow {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__group {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn {
  color: #e2e8f0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn:hover,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn:hover,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn--active,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn--enabled {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn svg,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn svg {
  fill: currentColor !important;
  color: currentColor !important;
  opacity: 0.96 !important;
}

/* -------------------------------------------
   3) Setup close button: rounded like theme toggle
   ------------------------------------------- */
body.luumtech2-theme #setup-menu-wrapper .close-customizer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-border-light) !important;
  background: transparent !important;
  color: var(--lg-text-secondary) !important;
  padding: 0 !important;
  line-height: 1 !important;
}

body.luumtech2-theme #setup-menu-wrapper .close-customizer i {
  line-height: 1 !important;
  font-size: 12px !important;
}

html[data-theme="dark"] body.luumtech2-theme #setup-menu-wrapper .close-customizer:hover,
html[data-theme="dark"] body.luumtech2-theme #setup-menu-wrapper .close-customizer:focus {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.3) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme #setup-menu-wrapper .close-customizer:hover,
html[data-theme="light"] body.luumtech2-theme #setup-menu-wrapper .close-customizer:focus {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
  color: #1d4ed8 !important;
}

/* -------------------------------------------
   4) Navbar top-row alignment and stacking
   ------------------------------------------- */
body.luumtech2-theme #header {
  z-index: 1030 !important;
}

body.luumtech2-theme #header nav {
  height: 57px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  flex: 1 1 100% !important;
}

body.luumtech2-theme #header nav > .tw-flex {
  width: 100% !important;
  height: 57px !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.luumtech2-theme #header nav > .tw-flex > .tw-flex.tw-flex-1.sm\:tw-flex-initial {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

body.luumtech2-theme #header .navbar-nav.navbar-right,
body.luumtech2-theme #header .navbar-nav.navbar-right.-tw-mt-px {
  margin-top: 0 !important;
  height: 57px !important;
  align-items: center !important;
}

body.luumtech2-theme #header .navbar-nav.navbar-right > li,
body.luumtech2-theme #header .navbar-nav.navbar-right > li.icon {
  height: 57px !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.luumtech2-theme #header .navbar-nav.navbar-right > li + li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li + li {
  border-left: 0 !important;
}

/* Keep dashboard panel settings controls below header layer */
body.luumtech2-theme .screen-options-area,
body.luumtech2-theme #dashboard-options {
  z-index: 96 !important;
}

body.luumtech2-theme .screen-options-btn {
  z-index: 97 !important;
}

/* ==========================================
   v2.9.12 — DASHBOARD + PROPOSAL FINAL POLISH
   ========================================== */

/* Finance overview: remove overflowing line above "Odenmemis Faturalar" */
body.luumtech2-theme .finance-summary hr.-tw-mx-8 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: var(--lg-glass-border) !important;
  opacity: 0.45 !important;
}

/* User widget tabs: active icons should be colored/visible */
body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a i,
body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a .menu-icon {
  transition: color 0.16s ease, opacity 0.16s ease !important;
}

html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a i,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a .menu-icon {
  color: var(--lg-text-muted) !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li.active > a i,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li.active > a .menu-icon,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a:hover i,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a:hover .menu-icon {
  color: var(--lg-accent) !important;
  opacity: 1 !important;
}

/* Widget borders: transparent/softer */
html[data-theme="dark"] body.luumtech2-theme.dashboard .widget,
html[data-theme="dark"] body.luumtech2-theme.dashboard .widget .panel,
html[data-theme="dark"] body.luumtech2-theme.dashboard .widget .panel_s,
html[data-theme="dark"] body.luumtech2-theme.dashboard .widget .top_stats_wrapper {
  border-color: rgba(148, 163, 184, 0.14) !important;
}

/* Newsfeed close button: thinner icon + hover polish */
body.luumtech2-theme #newsfeed .close_newsfeed {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-border-light) !important;
  box-shadow: none !important;
}

body.luumtech2-theme #newsfeed .close_newsfeed i.fa {
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] body.luumtech2-theme #newsfeed .close_newsfeed:hover,
html[data-theme="dark"] body.luumtech2-theme #newsfeed .close_newsfeed:focus {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme #newsfeed .close_newsfeed:hover,
html[data-theme="light"] body.luumtech2-theme #newsfeed .close_newsfeed:focus {
  background: rgba(59, 130, 246, 0.13) !important;
  border-color: rgba(59, 130, 246, 0.28) !important;
  color: #1d4ed8 !important;
}

/* New post dropzone: no padding and no border */
body.luumtech2-theme #newsfeed #new-post-form.dropzone,
body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
body.luumtech2-theme #newsfeed #new-post-form.dropzone-active,
body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Tab separators should not look white in dark mode */
html[data-theme="dark"] body.luumtech2-theme li.tab-separator,
html[data-theme="dark"] body.luumtech2-theme .tab-separator {
  background: transparent !important;
  border-left: 1px solid var(--lg-glass-border) !important;
  border-right: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme li.tab-separator > a,
html[data-theme="dark"] body.luumtech2-theme .tab-separator > a {
  border-color: transparent !important;
  background: transparent !important;
}

/* Dark mode no-results line should not be white */
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.no-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .no-results,
body.dark-only.luumtech2-theme .bootstrap-select .dropdown-menu li.no-results,
body.dark-only.luumtech2-theme .bootstrap-select .no-results {
  background: rgba(17, 17, 19, 0.95) !important;
  color: var(--lg-text-muted) !important;
  border: 0 !important;
}

/* Item select row (Urun/Hizmet Ekle): visible caret + right plus button */
html[data-theme="dark"] body.luumtech2-theme .input-group.input-group-select .bootstrap-select > .dropdown-toggle .caret,
html[data-theme="dark"] body.luumtech2-theme .input-group.input-group-select .bootstrap-select > .dropdown-toggle .bs-caret .caret {
  border-top-color: var(--lg-text-primary) !important;
  border-bottom-color: var(--lg-text-primary) !important;
  opacity: 0.95 !important;
}

html[data-theme="dark"] body.luumtech2-theme .input-group.input-group-select .input-group-btn > .btn {
  background: rgba(17, 17, 19, 0.82) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
  border-radius: 10px !important;
}

html[data-theme="dark"] body.luumtech2-theme .input-group.input-group-select .input-group-btn > .btn:hover {
  background: rgba(var(--lg-accent-rgb), 0.14) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
  color: var(--lg-accent) !important;
}

/* Light mode sortable handles: no background on normal/hover */
html[data-theme="light"] body.luumtech2-theme .ui-sortable-handle,
html[data-theme="light"] body.luumtech2-theme tr.ui-sortable-handle,
html[data-theme="light"] body.luumtech2-theme .ui-sortable-handle:hover,
html[data-theme="light"] body.luumtech2-theme tr.ui-sortable-handle:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Proposal/estimate switch consistency (checkbox looking broken) */
body.luumtech2-theme .content.accounting-template .onoffswitch-label {
  overflow: hidden !important;
}

body.luumtech2-theme .content.accounting-template .onoffswitch-switch {
  top: 2px !important;
}

/* Bottom action bar should not cover proposal totals */
body.luumtech2-theme .content.accounting-template .btn-bottom-pusher {
  height: 130px !important;
  margin-top: 0 !important;
}

body.luumtech2-theme .content.accounting-template .btn-bottom-toolbar.bottom-transaction {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ==========================================
   v2.9.13 — SIDEBAR/TOGGLE/DROPDOWN FINAL FIXES
   ========================================== */

/* Checkbox/switch horizontal alignment in forms */
body.luumtech2-theme .checkbox,
body.luumtech2-theme .radio,
body.luumtech2-theme .checkbox-inline,
body.luumtech2-theme .radio-inline {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme .checkbox input[type="checkbox"]:not(.onoffswitch-checkbox),
body.luumtech2-theme .radio input[type="radio"] {
  margin-left: 0 !important;
}

body.luumtech2-theme .checkbox label,
body.luumtech2-theme .radio label,
body.luumtech2-theme .checkbox-inline,
body.luumtech2-theme .radio-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Ensure checked state always uses theme accent color */
body.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox):checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.55) !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.52) !important;
}

body.luumtech2-theme .bootstrap-switch.bootstrap-switch-on {
  border-color: rgba(var(--lg-accent-rgb), 0.52) !important;
  background: rgba(var(--lg-accent-rgb), 0.22) !important;
}

body.luumtech2-theme .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* Hide-menu button and sidebar open/close animation polish */
body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  margin-top: 0 !important;
  align-self: center !important;
}

body.luumtech2-theme #menu,
body.luumtech2-theme #wrapper,
body.luumtech2-theme #header,
body.luumtech2-theme .btn-bottom-toolbar {
  transition: margin-left 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
              margin-right 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
              width 0.28s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* Dropdown should appear above navbar instead of being stuck below */
body.luumtech2-theme .bootstrap-select.open,
body.luumtech2-theme .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .bootstrap-select.open .inner.open,
body.luumtech2-theme .select2-container--open,
body.luumtech2-theme .select2-container--open .select2-dropdown {
  z-index: 12120 !important;
}

body.luumtech2-theme .panel-body:has(.bootstrap-select.open),
body.luumtech2-theme .modal-body:has(.bootstrap-select.open) {
  overflow: visible !important;
}

/* If no option exists, hide the empty list block above "Aramak için yazmaya başlayın" */
body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu > .inner.open,
body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .inner.open > ul.dropdown-menu.inner {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Keep navbar search/+ area clean (no separator line) */
body.luumtech2-theme #header #top_search,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li + li {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* File chooser visual polish */
body.luumtech2-theme input[type="file"] {
  height: 40px !important;
  width: 100% !important;
  padding: 6px 10px !important;
  border-radius: var(--lg-radius-md) !important;
  border: 1px solid var(--lg-border-light) !important;
  box-shadow: none !important;
}

body.luumtech2-theme input[type="file"]::file-selector-button {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
}

html[data-theme="dark"] body.luumtech2-theme input[type="file"] {
  background: rgba(17, 17, 19, 0.82) !important;
  border-color: var(--lg-glass-border-light) !important;
  color: var(--lg-text-secondary) !important;
}

html[data-theme="dark"] body.luumtech2-theme input[type="file"]::file-selector-button {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="light"] body.luumtech2-theme input[type="file"] {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  color: #334155 !important;
}

html[data-theme="light"] body.luumtech2-theme input[type="file"]::file-selector-button {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.28) !important;
  color: #1d4ed8 !important;
}

/* Menu setup module in dark mode (remove flat white blocks) */
html[data-theme="dark"] body.luumtech2-theme .dd .dd3-content {
  background: rgba(17, 17, 19, 0.82) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
  border-radius: var(--lg-radius-md) !important;
}

html[data-theme="dark"] body.luumtech2-theme .dd .dd-handle {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--lg-glass-border-light) !important;
}

html[data-theme="dark"] body.luumtech2-theme .dd .menu-options {
  background: rgba(10, 10, 12, 0.86) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-radius: var(--lg-radius-md) !important;
  margin-top: 8px !important;
}

/* Newsfeed comment footer in light mode should not have extra background */
html[data-theme="light"] body.luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* Horizontal tab headers should keep rounded edges */
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal {
  border-radius: var(--lg-radius-lg) var(--lg-radius-lg) 0 0 !important;
  overflow: hidden !important;
}

body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li:first-child > a {
  border-top-left-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li:last-child > a {
  border-top-right-radius: var(--lg-radius-lg) !important;
}

/* bootstrap-select status bar: remove harsh dark stripe */
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .status {
  background: transparent !important;
  color: var(--lg-text-muted) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Calendar popups should not appear white in dark mode */
html[data-theme="dark"] body.luumtech2-theme .fc .fc-popover,
html[data-theme="dark"] body.luumtech2-theme .fc-popover,
html[data-theme="dark"] body.luumtech2-theme .fc-more-popover {
  background: rgba(17, 17, 19, 0.95) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body.luumtech2-theme .fc .fc-popover-header,
html[data-theme="dark"] body.luumtech2-theme .fc-popover .fc-popover-header {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid var(--lg-glass-border) !important;
  color: var(--lg-text-primary) !important;
}

/* System/newsletter popup close icon visibility */
body.luumtech2-theme .system-popup .system-popup-close {
  opacity: 1 !important;
  z-index: 2 !important;
}

body.luumtech2-theme .system-popup .system-popup-close::before,
body.luumtech2-theme .system-popup .system-popup-close::after {
  opacity: 1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .system-popup .system-popup-close::before,
html[data-theme="dark"] body.luumtech2-theme .system-popup .system-popup-close::after {
  background: var(--lg-text-primary) !important;
}

/* ==========================================
   v2.9.14 — NAVBAR + TODO + NEWSFEED + TABLE FINAL FIXES
   ========================================== */

/* Navbar should stay fully top-aligned */
body.luumtech2-theme #header {
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}

body.luumtech2-theme #header nav,
body.luumtech2-theme #header .navbar,
body.luumtech2-theme #header .navbar-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.luumtech2-theme #header nav > .tw-flex,
body.luumtech2-theme #header .navbar-nav.navbar-right,
body.luumtech2-theme #header .navbar-nav.navbar-right > li {
  height: 56px !important;
  align-items: center !important;
}

body.luumtech2-theme #header .navbar-nav.navbar-right > li > a,
body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  margin-top: 0 !important;
  transform: translateY(-1px) !important;
}

/* Todo page/widget: keep switch-style checkbox only for todo items */
body.luumtech2-theme .todo .todo-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 24px !important;
  margin: 0 !important;
}

body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 42px !important;
  height: 24px !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

body.luumtech2-theme .todo .todo-checkbox label {
  position: relative !important;
  display: block !important;
  width: 42px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  background: rgba(148, 163, 184, 0.52) !important;
  cursor: pointer !important;
}

body.luumtech2-theme .todo .todo-checkbox label::before {
  display: none !important;
  content: none !important;
}

body.luumtech2-theme .todo .todo-checkbox label::after {
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.28) !important;
  transition: transform 0.18s ease !important;
}


/* Selected items should always be visible/colored in dropdowns */
body.luumtech2-theme .bootstrap-select .dropdown-menu li.selected > a,
body.luumtech2-theme .bootstrap-select .dropdown-menu li.active > a,
body.luumtech2-theme .bootstrap-select .dropdown-menu li > a:hover {
  background: rgba(var(--lg-accent-rgb), 0.17) !important;
}

html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li > a:hover {
  color: #f8fafc !important;
}

html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-menu li > a:hover {
  color: #0f172a !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li.selected .check-mark,
body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li.active .check-mark {
  color: var(--lg-accent) !important;
}

body.luumtech2-theme .select2-results__option--highlighted[aria-selected],
body.luumtech2-theme .select2-results__option[aria-selected="true"] {
  background: rgba(var(--lg-accent-rgb), 0.17) !important;
  color: var(--lg-text-primary) !important;
}

/* Light mode setup/settings side lists should stay dark */
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked {
  background: rgba(17, 17, 19, 0.93) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a {
  color: rgba(226, 232, 240, 0.9) !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a:hover,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(59, 130, 246, 0.2) !important;
  color: #93c5fd !important;
}

/* Datatable top area spacing + export button clipping fix */
body.luumtech2-theme .panel-body.panel-table-full {
  padding: 10px 12px 14px !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper > .row:first-child,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .row:first-child {
  padding-top: 2px !important;
  margin-bottom: 8px !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_length,
body.luumtech2-theme .dataTables_wrapper .dataTables_filter {
  padding-top: 2px !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: visible !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons .btn,
body.luumtech2-theme .dataTables_wrapper .dt-buttons .dt-button,
body.luumtech2-theme .btn-default-dt-options {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: none !important;
}

body.luumtech2-theme .btn-default-dt-options.btn-dt-reload {
  min-width: 38px !important;
}

/* Generic onoffswitch stability (table cells + form columns) */
body.luumtech2-theme .onoffswitch {
  position: relative !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 24px !important;
  line-height: 24px !important;
}

body.luumtech2-theme .onoffswitch-label {
  display: block !important;
  width: 42px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body.luumtech2-theme .onoffswitch-switch {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  right: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  transition: left 0.18s ease !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  left: 22px !important;
  right: auto !important;
}

body.luumtech2-theme td .onoffswitch,
body.luumtech2-theme .col-md-6 .onoffswitch,
body.luumtech2-theme .col-md-6.mtop10 .onoffswitch {
  margin: 0 !important;
}

/* Newsletter select readability + z-index above cards */
body.luumtech2-theme #newsfeed .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
body.luumtech2-theme #newsfeed .bootstrap-select .filter-option {
  color: var(--lg-text-primary) !important;
}

html[data-theme="light"] body.luumtech2-theme #newsfeed .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #111827 !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open,
body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .inner.open {
  z-index: 13080 !important;
}

body.luumtech2-theme #newsfeed .panel_s,
body.luumtech2-theme #newsfeed .panel,
body.luumtech2-theme #newsfeed .newsfeed_post,
body.luumtech2-theme #newsfeed #new-post-form,
body.luumtech2-theme #newsfeed .panel-body {
  overflow: visible !important;
}

/* Newsfeed close icon rendering fix */
body.luumtech2-theme #newsfeed .close_newsfeed {
  top: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.luumtech2-theme #newsfeed .close_newsfeed i.fa,
body.luumtech2-theme #newsfeed .close_newsfeed i[class*="fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body.luumtech2-theme #newsfeed .close_newsfeed i.fa-remove::before,
body.luumtech2-theme #newsfeed .close_newsfeed i.fa-close::before {
  content: "\f00d" !important;
}

/* Horizontal tabs in light mode: white bg, no width overflow */
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html[data-theme="light"] body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal {
  background: #ffffff !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal + .tab-content,
body.luumtech2-theme .horizontal-scrollable-tabs .tab-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================
   v2.9.15 — PROJECT JSON + MODAL DROPDOWN + TODO/RADIO POLISH
   ========================================== */

/* Quantity display radios (Miktarı şu şekilde göster) */
body.luumtech2-theme .show_quantity_as_wrapper .mtop10 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .mtop10 > span {
  margin: 0 4px 0 0 !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline label {
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lg-border-light) !important;
  background: rgba(148, 163, 184, 0.18) !important;
  color: var(--lg-text-secondary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline input[type="radio"]:checked + label {
  background: rgba(var(--lg-accent-rgb), 0.2) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.56) !important;
  color: var(--lg-accent) !important;
}

html[data-theme="light"] body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline label {
  background: rgba(226, 232, 240, 0.75) !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
}

html[data-theme="light"] body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline input[type="radio"]:checked + label {
  background: rgba(59, 130, 246, 0.16) !important;
  border-color: rgba(59, 130, 246, 0.42) !important;
  color: #1d4ed8 !important;
}

@media (max-width: 767px) {
  body.luumtech2-theme .show_quantity_as_wrapper .mtop10 {
    justify-content: flex-start !important;
  }

  body.luumtech2-theme .show_quantity_as_wrapper .mtop10 > span {
    width: 100% !important;
    margin-bottom: 4px !important;
  }
}

/* Modal dropdown clipping fix (all bootstrap-select/select2 in modals) */
body.luumtech2-theme .modal,
body.luumtech2-theme .modal-dialog,
body.luumtech2-theme .modal-content,
body.luumtech2-theme .modal-body,
body.luumtech2-theme .modal .form-group,
body.luumtech2-theme .modal .input-group {
  overflow: visible !important;
}

body.luumtech2-theme .modal .bootstrap-select.open,
body.luumtech2-theme .modal .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme .modal .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .modal .bootstrap-select.open .inner.open {
  z-index: 13060 !important;
}

body.luumtech2-theme .modal .select2-container--open,
body.luumtech2-theme .modal .select2-container--open .select2-dropdown {
  z-index: 13070 !important;
}

/* Todo checkbox redesign (cleaner switch look) */
body.luumtech2-theme .todo .media-left .todo-checkbox,
body.luumtech2-theme .todo .todo-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"] {
  position: absolute !important;
  inset: 0 !important;
  width: 44px !important;
  height: 26px !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
}

body.luumtech2-theme .todo .todo-checkbox label {
  position: relative !important;
  display: block !important;
  width: 44px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.52) !important;
  background: rgba(148, 163, 184, 0.4) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

body.luumtech2-theme .todo .todo-checkbox label::before {
  display: none !important;
  content: none !important;
}

body.luumtech2-theme .todo .todo-checkbox label::after {
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28) !important;
  transition: transform 0.2s ease !important;
}

/* Keep "Aramak için yazmaya başlayın" line dark in dark mode */
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .no-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.no-results {
  background: rgba(17, 17, 19, 0.96) !important;
  color: var(--lg-text-muted) !important;
  border-top: 0 !important;
}

/* ==========================================
   v2.9.16 — SETTINGS + SWITCH + DROPDOWN + NAVBAR FINAL PATCH
   ========================================== */

/* Theme settings: color picker layout */
body.luumtech2-theme .lt2-color-control .lt2-color-addon {
  padding: 0 6px !important;
  background: transparent !important;
  border-right: 0 !important;
}

body.luumtech2-theme .lt2-color-control .lt2-color-native {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
}

body.luumtech2-theme .lt2-color-control .lt2-color-text {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  letter-spacing: 0.2px !important;
}

body.luumtech2-theme .lt2-color-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.luumtech2-theme .lt2-color-presets .lt2-color-preset {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

body.luumtech2-theme .lt2-color-presets .lt2-color-preset .lt2-preset-swatches {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body.luumtech2-theme .lt2-color-presets .lt2-color-preset .lt2-preset-swatches > span {
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  display: inline-block !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

body.luumtech2-theme .lt2-color-presets .lt2-color-preset.is-active {
  background: rgba(var(--lg-accent-rgb), 0.18) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.48) !important;
  color: var(--lg-text-primary) !important;
}

/* Navbar top alignment */
body.luumtech2-theme #header {
  display: flex !important;
  align-items: center !important;
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}

body.luumtech2-theme #header nav,
body.luumtech2-theme #header .navbar,
body.luumtech2-theme #header .navbar-header {
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
  flex: 1 1 100% !important;
  width: 100% !important;
}

body.luumtech2-theme #header .navbar-nav.navbar-right,
body.luumtech2-theme #header .navbar-nav.navbar-right > li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li {
  align-items: center !important;
  margin-top: 0 !important;
}

body.luumtech2-theme #header .hide-menu,
body.luumtech2-theme #header .hide-menu.tw-inline-flex {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  margin-top: 0 !important;
  top: auto !important;
  transform: none !important;
}

body.luumtech2-theme.lt2-sidebar-transitioning #menu,
body.luumtech2-theme.lt2-sidebar-transitioning #wrapper,
body.luumtech2-theme.lt2-sidebar-transitioning #header {
  transition: margin-left 0.34s cubic-bezier(0.22, 0.61, 0.36, 1),
              margin-right 0.34s cubic-bezier(0.22, 0.61, 0.36, 1),
              width 0.34s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:hover,
html[data-theme="dark"] body.luumtech2-theme #header .hide-menu:focus {
  background: rgba(var(--lg-accent-rgb), 0.15) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.34) !important;
  color: var(--lg-accent) !important;
}

/* Keep search/+ zone clean */
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li + li {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Fullscreen toggle state styling */
body.luumtech2-theme #luumtech-fullscreen-btn.is-active,
body.luumtech2-theme #luumtech2-fullscreen-btn.is-active {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.38) !important;
  color: var(--lg-accent) !important;
}

/* Revert global checkbox->switch conversion (switch style only where explicitly needed) */
body.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox) {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  position: static !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 0 6px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  vertical-align: middle !important;
}

[dir="rtl"] body.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox) {
  margin: 0 0 0 6px !important;
}

body.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox)::before,
body.luumtech2-theme input[type="checkbox"]:not(.onoffswitch-checkbox)::after {
  content: none !important;
  display: none !important;
}

/* Todo area — modern round checkbox with check mark */

/* Hide dragger to prevent overlap with checkbox */
body.luumtech2-theme .todo .todo-dragger {
  display: none !important;
}

/* Fix media-left spacing so checkbox doesn't touch description */
body.luumtech2-theme .todo .media-left {
  padding-right: 12px !important;
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme .todo .media {
  display: flex !important;
  align-items: center !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
}

body.luumtech2-theme .todo .todo-checkbox,
body.luumtech2-theme .todo .media-left .todo-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
}

body.luumtech2-theme .todo .todo-checkbox label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  border: 2px solid rgba(148, 163, 184, 0.5) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.luumtech2-theme .todo .todo-checkbox label:hover {
  border-color: var(--lg-accent) !important;
  background: rgba(var(--lg-accent-rgb), 0.06) !important;
}

body.luumtech2-theme .todo .todo-checkbox label::before {
  display: none !important;
  content: none !important;
}

/* Check mark icon via CSS — centered tick */
body.luumtech2-theme .todo .todo-checkbox label::after {
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 5px !important;
  width: 7px !important;
  height: 12px !important;
  border: solid transparent !important;
  border-width: 0 2.5px 2.5px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: rotate(45deg) scale(0) !important;
  transition: all 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"]:checked + label {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  box-shadow: 0 2px 8px rgba(var(--lg-accent-rgb), 0.35) !important;
}

body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"]:checked + label::after {
  border-color: #ffffff !important;
  transform: rotate(45deg) scale(1) !important;
}

/* Light mode: remove border around the todo section */
html[data-theme="light"] body.luumtech2-theme .todo .media,
html[data-theme="light"] body.luumtech2-theme .todo,
html[data-theme="light"] body.luumtech2-theme .panel_s .todo,
html[data-theme="light"] body.luumtech2-theme .todo-list {
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.luumtech2-theme .todo .todo-checkbox label {
  border-color: rgba(100, 116, 139, 0.35) !important;
}

html[data-theme="light"] body.luumtech2-theme .todo .todo-checkbox input[type="checkbox"]:checked + label {
  background: var(--lg-accent) !important;
  border-color: var(--lg-accent) !important;
  box-shadow: 0 2px 8px rgba(var(--lg-accent-rgb), 0.30) !important;
}

/* onoffswitch design + alignment */
body.luumtech2-theme .onoffswitch {
  display: inline-block !important;
  vertical-align: middle !important;
}

body.luumtech2-theme .onoffswitch-label {
  background: rgba(148, 163, 184, 0.42) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.15) !important;
}

body.luumtech2-theme .onoffswitch-switch {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.32) !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.58) !important;
}

/* Dropdown readability/z-index and no double border */
body.luumtech2-theme .bootstrap-select.open,
body.luumtech2-theme .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .bootstrap-select.open .inner.open,
body.luumtech2-theme .bs-container .dropdown-menu {
  z-index: 13120 !important;
}

body.luumtech2-theme .modal .bootstrap-select.open,
body.luumtech2-theme .modal .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme .modal .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .modal .bootstrap-select.open .inner.open,
body.luumtech2-theme .modal .bs-container .dropdown-menu {
  z-index: 13180 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu {
  border: 1px solid var(--lg-border-light) !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.25) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .inner.open,
body.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu ul.dropdown-menu.inner {
  border: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu li > a {
  border: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-left: 0 !important;
}

body.luumtech2-theme .bootstrap-select .status,
body.luumtech2-theme .bootstrap-select .dropdown-menu .status {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-actionsbox {
  border-bottom: 0 !important;
  padding: 8px 10px !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu .bs-actionsbox .btn {
  border: 1px solid var(--lg-border-light) !important;
  box-shadow: none !important;
}

body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .inner.open,
body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .inner.open > ul.dropdown-menu.inner {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .no-results,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-menu li.no-results {
  background: rgba(17, 17, 19, 0.96) !important;
  color: var(--lg-text-muted) !important;
  border-top: 0 !important;
}

/* Make dropdown caret/icon fully visible */
body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  border-top-color: currentColor !important;
  opacity: 0.95 !important;
}

/* Newsfeed */
body.luumtech2-theme #newsfeed #new-post-form.dropzone,
body.luumtech2-theme #newsfeed #new-post-form.dropzone.dz-clickable,
body.luumtech2-theme #newsfeed form#new-post-form.dropzone {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.luumtech2-theme #newsfeed .newsfeed_post .post-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .post-likes.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-comment.panel-footer,
body.luumtech2-theme #newsfeed .newsfeed_post .user-post-like {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

body.luumtech2-theme #newsfeed .close_newsfeed {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.luumtech2-theme #newsfeed .close_newsfeed i.fa,
body.luumtech2-theme #newsfeed .close_newsfeed i[class*="fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Dark tab separators should not look white */
html[data-theme="dark"] body.luumtech2-theme li.tab-separator,
html[data-theme="dark"] body.luumtech2-theme .tab-separator,
html[data-theme="dark"] body.luumtech2-theme li.tab-separator > a,
html[data-theme="dark"] body.luumtech2-theme .tab-separator > a {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* Widget borders: remove harsh outlines */
body.luumtech2-theme .widget,
body.luumtech2-theme .widget .panel,
body.luumtech2-theme .widget .panel_s,
body.luumtech2-theme .widget .panel-body,
body.luumtech2-theme .widget .panel-heading,
body.luumtech2-theme .widget .panel-footer {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ==========================================
   v2.9.23 - ABSOLUTE LAST OVERRIDES
   ========================================== */

/* Popup center/height overrides (must stay last) */
body.system-popup #timer-select-task,
body.system-popup #system-popup {
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}

body.system-popup #timer-select-task .popup-wrapper,
body.system-popup #system-popup .popup-wrapper {
  min-height: 0 !important;
  height: auto !important;
  max-height: min(82vh, 760px) !important;
  margin: 0 !important;
  padding: 20px 24px !important;
  overflow: auto !important;
  display: block !important;
}

body.system-popup #timer-select-task .row,
body.system-popup #timer-select-task .form-group,
body.system-popup #timer-select-task .input-group,
body.system-popup #timer-select-task #timesheet_note {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.system-popup #timer-select-task #timesheet_note {
  min-height: 118px !important;
  margin-top: 10px !important;
}

body.system-popup .system-popup-close {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
}

/* Timer delete click target */
body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete {
  position: relative !important;
  z-index: 25 !important;
  pointer-events: auto !important;
}

/* Remove lingering separator between search and + */
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::after {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Single caret style */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  width: 0 !important;
  height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 6px solid currentColor !important;
  border-bottom: 0 !important;
  transform: none !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .caret::after,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::before,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::after {
  content: none !important;
}

/* Roles permissions as switches */
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  position: relative !important;
  padding-left: 56px !important;
  line-height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.7) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

/* Task popup checkboxes as switches */
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
}

/* elFinder icons contrast */
html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: brightness(0) invert(1) contrast(1.06) !important;
  opacity: 0.96 !important;
}

/* Newsfeed select dropdown z-index */
body.luumtech2-theme #newsfeed .bootstrap-select.open,
body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .inner {
  z-index: 13520 !important;
}

/* ==========================================
   v2.9.25 - DataTable width/alignment + radius
   ========================================== */

/* Keep controls row and table row perfectly aligned */
body.luumtech2-theme .dataTables_wrapper > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Prevent half-rendered tables and right-side empty gaps */
body.luumtech2-theme .dataTables_wrapper table.dataTable,
body.luumtech2-theme .dataTables_wrapper .table,
body.luumtech2-theme .dataTables_wrapper .table-responsive > table {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_scroll,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollHead,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollBody,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

/* Global table corner radius for admin theme */
body.luumtech2-theme .panel_s .panel-body > .table-responsive,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper .table-responsive,
body.luumtech2-theme .dataTables_wrapper .table-responsive {
  border-radius: var(--lg-radius-lg) !important;
  overflow: auto !important;
}

body.luumtech2-theme .table-responsive > .table > thead > tr:first-child > th:first-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > thead > tr:first-child > th:first-child {
  border-top-left-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > thead > tr:first-child > th:last-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > thead > tr:first-child > th:last-child {
  border-top-right-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > tbody > tr:last-child > td:first-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > tbody > tr:last-child > td:last-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--lg-radius-lg) !important;
}

/* ==========================================
   v2.9.22 - FINAL REGRESSION FIXES
   timers, popups, carets, switches, elfinder
   ========================================== */

/* Timer + system popups: exact center and compact height */
body.system-popup #timer-select-task,
body.system-popup #system-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13160 !important;
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}

body.system-popup #timer-select-task .popup-wrapper,
body.system-popup #system-popup .popup-wrapper {
  width: min(860px, 92vw) !important;
  max-width: 92vw !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(82vh, 760px) !important;
  margin: 0 !important;
  padding: 20px 24px !important;
  overflow: auto !important;
  display: block !important;
}

body.system-popup #timer-select-task .popup-content,
body.system-popup #system-popup .popup-content {
  padding: 0 !important;
}

body.system-popup #timer-select-task .popup-message,
body.system-popup #system-popup .popup-message {
  margin: 0 0 14px !important;
  text-align: center !important;
}

body.system-popup #timer-select-task .row,
body.system-popup #timer-select-task .form-group,
body.system-popup #timer-select-task .input-group,
body.system-popup #timer-select-task #timesheet_note {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.system-popup #timer-select-task #timesheet_note {
  min-height: 118px !important;
  margin-top: 10px !important;
}

body.system-popup #timer-select-task .input-group .input-group-addon {
  margin-left: -1px !important;
  border-left: 1px solid var(--lg-glass-border-light) !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

/* Popup close button: clean in dark + light */
body.system-popup .system-popup-close {
  top: 14px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.36) !important;
  background: rgba(15, 23, 42, 0.55) !important;
  opacity: 1 !important;
}

body.system-popup .system-popup-close::before,
body.system-popup .system-popup-close::after {
  width: 14px !important;
  height: 2px !important;
  left: 9px !important;
  top: 16px !important;
  background: #e2e8f0 !important;
}

html[data-theme="light"] body.system-popup .system-popup-close {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(100, 116, 139, 0.3) !important;
}

html[data-theme="light"] body.system-popup .system-popup-close::before,
html[data-theme="light"] body.system-popup .system-popup-close::after {
  background: #0f172a !important;
}

/* Timer delete should always receive click */
body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete {
  position: relative !important;
  z-index: 25 !important;
  pointer-events: auto !important;
}

/* Remove remaining search/+ separator line */
body.luumtech2-theme #header #top_search,
body.luumtech2-theme #header #top_search::before,
body.luumtech2-theme #header #top_search::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::after {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Caret reset: use consistent triangle, remove pseudo chevrons */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  width: 0 !important;
  height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 6px solid currentColor !important;
  border-bottom: 0 !important;
  margin-top: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transform: none !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .caret::after,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::before,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::after {
  content: none !important;
  border: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .caret,
html[data-theme="dark"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #cbd5e1 !important;
}

html[data-theme="light"] body.luumtech2-theme .caret,
html[data-theme="light"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #64748b !important;
}

/* Roles page capability checkboxes must remain switch style */
body.luumtech2-theme table.roles td .checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  position: relative !important;
  margin: 0 !important;
  padding-left: 56px !important;
  line-height: 24px !important;
  min-height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.7) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

/* Task modal main checkboxes as switch */
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
  margin: 0 14px 10px 0 !important;
}

/* elFinder toolbar/icon visibility */
html[data-theme="dark"] body.luumtech2-theme .elfinder-toolbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-statusbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-navbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-cwd,
html[data-theme="dark"] body.luumtech2-theme .elfinder {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-state-default.elfinder-button,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button {
  background: rgba(30, 41, 59, 0.52) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: brightness(0) invert(1) contrast(1.06) !important;
  opacity: 0.96 !important;
}

html[data-theme="light"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="light"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="light"] body.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: none !important;
  opacity: 0.96 !important;
}

/* Newsfeed dropdown should stay above following cards */
body.luumtech2-theme #newsfeed .newsfeed_post,
body.luumtech2-theme #newsfeed .newsfeed_post .panel-body {
  overflow: visible !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open,
body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .inner {
  z-index: 13520 !important;
}

/* ==========================================
   v2.9.21 — REGRESSION FIX PACK
   timer delete/popup, caret, roles switch,
   elFinder icons, newsfeed z-index, auth/nav
   ========================================== */

/* Timer/system popups: strict center + compact vertical spacing */
body.system-popup #timer-select-task,
body.system-popup #system-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13160 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 14px !important;
}

body.system-popup #timer-select-task .popup-wrapper,
body.system-popup #system-popup .popup-wrapper {
  width: min(860px, 92vw) !important;
  max-width: 92vw !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: calc(100vh - 40px) !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  overflow: auto !important;
  display: block !important;
}

body.system-popup #timer-select-task .popup-content,
body.system-popup #system-popup .popup-content {
  padding: 0 !important;
}

body.system-popup #timer-select-task .popup-message,
body.system-popup #system-popup .popup-message {
  margin: 0 0 16px !important;
  text-align: center !important;
}

body.system-popup #timer-select-task .form-group,
body.system-popup #timer-select-task .row {
  width: min(700px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.system-popup #timer-select-task .input-group {
  width: min(700px, 100%) !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
}

body.system-popup #timer-select-task .input-group .bootstrap-select,
body.system-popup #timer-select-task .input-group .select2-container,
body.system-popup #timer-select-task .input-group .form-control {
  flex: 1 1 auto !important;
}

body.system-popup #timer-select-task .input-group .input-group-addon {
  flex: 0 0 50px !important;
  min-width: 50px !important;
  margin-left: -1px !important;
  border-left: 1px solid var(--lg-glass-border-light) !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.system-popup #timer-select-task textarea#timesheet_note,
body.system-popup #timer-select-task textarea#timesheet_note[style] {
  width: min(700px, 100%) !important;
  min-width: min(700px, 100%) !important;
  max-width: min(700px, 100%) !important;
  margin: 10px auto 0 !important;
  display: block !important;
}

body.system-popup #timer-select-task .popup-content > .btn,
body.system-popup #system-popup .popup-content > .btn {
  margin-top: 14px !important;
}

/* System popup close button: stable in dark and light */
body.system-popup .system-popup-close {
  top: 16px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.4) !important;
  background: rgba(17, 17, 19, 0.48) !important;
  opacity: 1 !important;
}

body.system-popup .system-popup-close::before,
body.system-popup .system-popup-close::after {
  width: 14px !important;
  height: 2px !important;
  left: 9px !important;
  top: 16px !important;
  background: #e2e8f0 !important;
}

html[data-theme="light"] body.system-popup .system-popup-close {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(100, 116, 139, 0.35) !important;
}

html[data-theme="light"] body.system-popup .system-popup-close::before,
html[data-theme="light"] body.system-popup .system-popup-close::after {
  background: #1e293b !important;
}

/* Header search/+ separator cleanup */
body.luumtech2-theme #header #top_search,
body.luumtech2-theme #header #top_search::before,
body.luumtech2-theme #header #top_search::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg > li + li {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Dashboard options: remove extra ring */
body.luumtech2-theme #dashboard-options,
body.luumtech2-theme .dashboard-options {
  border: 0 !important;
  box-shadow: none !important;
}

/* Soften strong white lines in todo widgets */
body.luumtech2-theme .todo-panel > .panel-body > hr,
body.luumtech2-theme .todo-panel .finished-todos,
body.luumtech2-theme .todo-panel .unfinished-todos,
body.luumtech2-theme .top_stats_wrapper hr {
  border-color: rgba(148, 163, 184, 0.15) !important;
  opacity: 0.55 !important;
}

/* Caret redesign (consistent and clean) */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  width: 10px !important;
  height: 10px !important;
  margin-top: 0 !important;
  border: 0 !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::before {
  content: '' !important;
  position: absolute !important;
  left: 1px !important;
  top: 1px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.8px solid currentColor !important;
  border-bottom: 1.8px solid currentColor !important;
  transform: rotate(45deg) !important;
}

html[data-theme="dark"] body.luumtech2-theme .caret,
html[data-theme="dark"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #cbd5e1 !important;
}

html[data-theme="light"] body.luumtech2-theme .caret,
html[data-theme="light"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #64748b !important;
}

/* Better radio controls */
body.luumtech2-theme .radio input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(148, 163, 184, 0.7) !important;
  background: transparent !important;
  margin: 0 7px 0 0 !important;
  position: relative !important;
  vertical-align: middle !important;
}

body.luumtech2-theme .radio input[type="radio"]::after {
  content: '' !important;
  position: absolute !important;
  inset: 3px !important;
  border-radius: 999px !important;
  background: var(--lg-accent) !important;
  transform: scale(0) !important;
  transition: transform .16s ease !important;
}

body.luumtech2-theme .radio input[type="radio"]:checked {
  border-color: rgba(var(--lg-accent-rgb), 0.75) !important;
}

body.luumtech2-theme .radio input[type="radio"]:checked::after {
  transform: scale(1) !important;
}

/* Roles permissions: keep switch style for capability checkboxes */
body.luumtech2-theme table.roles td .checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  position: relative !important;
  margin: 0 !important;
  padding-left: 54px !important;
  line-height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.42) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: '' !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28) !important;
  transition: transform .2s ease !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.66) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

/* Newsfeed dropdown should not be clipped by next card */
body.luumtech2-theme #newsfeed,
body.luumtech2-theme #newsfeed .panel_s,
body.luumtech2-theme #newsfeed .panel-body,
body.luumtech2-theme #newsfeed .newsfeed_post,
body.luumtech2-theme #newsfeed .newsfeed_post .panel-footer {
  overflow: visible !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open {
  position: relative !important;
  z-index: 17000 !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select .dropdown-menu.inner {
  z-index: 17010 !important;
  max-height: min(42vh, 360px) !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select > .dropdown-toggle {
  min-height: 38px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  line-height: 1.35 !important;
  padding-right: 20px !important;
}

/* Dropdown option spacing: equal left-right, remove left drift */
body.luumtech2-theme .bootstrap-select .dropdown-menu li > a {
  padding: 9px 14px !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Tabs horizontal: keep inside panel width + remove separator visuals */
body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal > li,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal > li {
  float: none !important;
  display: inline-block !important;
}

body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator,
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator::before,
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator::after {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Staff member password controls: eye + refresh seam fix */
body.luumtech2-theme .input-group .input-group-addon {
  padding: 0 !important;
}

body.luumtech2-theme .input-group .input-group-addon .show_password,
body.luumtech2-theme .input-group .input-group-addon .generate_password {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 38px !important;
}

body.luumtech2-theme .input-group .input-group-addon + .input-group-addon {
  margin-left: -1px !important;
  border-left: 1px solid var(--lg-glass-border-light) !important;
}

/* Project/action tab icon color sync in dark mode */
html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li > a i,
html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li > a svg {
  color: #94a3b8 !important;
  opacity: 0.95 !important;
}

html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li.active > a i,
html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li.active > a svg,
html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li > a:hover i,
html[data-theme="dark"] body.luumtech2-theme .nav-tabs > li > a:hover svg {
  color: var(--lg-accent) !important;
}

/* Project selector label area should not be cramped */
body.luumtech2-theme .project-top .bootstrap-select,
body.luumtech2-theme .project-top .select2-container,
body.luumtech2-theme .project-overview .bootstrap-select,
body.luumtech2-theme .project-overview .select2-container {
  min-width: 250px !important;
}

/* elFinder dark mode icons and buttons */
html[data-theme="dark"] body.luumtech2-theme .elfinder-toolbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-statusbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-navbar,
html[data-theme="dark"] body.luumtech2-theme .elfinder-cwd,
html[data-theme="dark"] body.luumtech2-theme .elfinder {
  background: rgba(17, 17, 19, 0.95) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-state-default.elfinder-button,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button {
  background: rgba(30, 41, 59, 0.62) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-state-default.elfinder-button:hover,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button:hover {
  background: rgba(51, 65, 85, 0.78) !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder [class^="elfinder-button-icon"],
html[data-theme="dark"] body.luumtech2-theme .elfinder [class*=" elfinder-button-icon"] {
  filter: invert(89%) sepia(5%) saturate(326%) hue-rotate(178deg) brightness(101%) contrast(92%) !important;
  opacity: 0.96 !important;
}

/* Dashboard user tabs active icon colors */
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li.active > a,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li.active > a i,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a:hover,
html[data-theme="dark"] body.luumtech2-theme .user-data .home-activity .nav.nav-tabs > li > a:hover i {
  color: var(--lg-accent) !important;
  opacity: 1 !important;
}

/* Finance card divider line */
body.luumtech2-theme .finance-summary hr,
body.luumtech2-theme .top_stats_wrapper hr {
  border-color: rgba(148, 163, 184, 0.2) !important;
  opacity: 0.5 !important;
}

/* TinyMCE dark mode polish */
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar-overlord,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__primary {
  background: rgba(17, 17, 19, 0.92) !important;
  border: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__group {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn svg,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn svg,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-tbtn svg path,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-mbtn svg path {
  fill: currentColor !important;
  color: currentColor !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area iframe {
  background: var(--lg-bg-tertiary) !important;
}

/* eFinder dark icon visibility */
html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

/* Datepicker dark mode */
html[data-theme="dark"] body.luumtech2-theme .datepicker.dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(17, 17, 19, 0.96) !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  color: var(--lg-text-primary) !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table th {
  color: var(--lg-text-primary) !important;
}

/* Date input group seam fix */
body.luumtech2-theme .input-group.date .form-control,
body.luumtech2-theme .input-group.datetime .form-control {
  border-right-width: 0 !important;
}

body.luumtech2-theme .input-group.date .input-group-addon,
body.luumtech2-theme .input-group.datetime .input-group-addon {
  border-left-width: 0 !important;
}

/* Timer stop popover center */
body.luumtech2-theme .popover.popover-top-timer-note {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(560px, calc(100vw - 28px)) !important;
  max-width: min(560px, calc(100vw - 28px)) !important;
  z-index: 13200 !important;
}

body.luumtech2-theme .popover.popover-top-timer-note .arrow {
  display: none !important;
}

body.luumtech2-theme .popover.popover-top-timer-note .popover-content .btn {
  margin-top: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Quantity display radios: compact + aligned */
body.luumtech2-theme .show_quantity_as_wrapper .mtop10 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.luumtech2-theme .show_quantity_as_wrapper .radio.radio-inline label {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--lg-text-primary) !important;
  font-weight: 500 !important;
}

/* Yes/No radio controls alignment (settings forms) */
body.luumtech2-theme .radio.radio-primary.radio-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-right: 14px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme .radio.radio-primary.radio-inline input[type="radio"] {
  position: static !important;
  margin: 0 !important;
}

body.luumtech2-theme .radio.radio-primary.radio-inline label {
  margin: 0 !important;
  padding-left: 0 !important;
}

/* ==========================================
   v2.9.16 — HEADER TAB + LIGHT SETTINGS MENU FIX
   ========================================== */

/* Prevent horizontal settings tabs from visually overflowing their panel header */

/* Fix: neutralize negative margins on the wrapper that pushes tabs beyond panel edges */
body.luumtech2-theme .horizontal-scrollable-tabs.panel-full-width-tabs {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  overflow-x: auto !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* Hide scrollbar for webkit */
body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal::-webkit-scrollbar,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal::-webkit-scrollbar {
  display: none !important;
}

body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal > li,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal > li {
  float: none !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

body.luumtech2-theme .panel_s .nav.nav-tabs.nav-tabs-horizontal + .tab-content,
body.luumtech2-theme .panel .nav.nav-tabs.nav-tabs-horizontal + .tab-content {
  clear: both !important;
}


/* Light mode setup/KVKK side menu should remain light (remove forced dark look) */
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a {
  color: #475569 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
  background: transparent !important;
}

html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.nav-tabs.nav-stacked > li > a:hover,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li.active > a,
html[data-theme="light"] body.luumtech2-theme .content .nav.navbar-pills.navbar-pills-flat.nav-tabs.nav-stacked > li > a:hover {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #1d4ed8 !important;
}

/* ==========================================
   v2.9.17 — DASHBOARD OPTIONS SMOOTH ANIMATION
   ========================================== */

/* Container: clip overflow during animation */
body.luumtech2-theme .screen-options-area {
  overflow: hidden !important;
}

/* Panel: smooth slide animation via CSS */
body.luumtech2-theme #dashboard-options {
  transition: max-height 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 0.25s ease,
              padding 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  overflow: hidden !important;
}

/* Glass styling for both modes */
body.luumtech2-theme .screen-options-area {
  border-radius: 0 0 var(--lg-radius-lg) var(--lg-radius-lg) !important;
}

html[data-theme="dark"] body.luumtech2-theme #dashboard-options {
  background: rgba(17, 17, 19, 0.86) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  border-top: 1px solid var(--lg-glass-border-light) !important;
}

html[data-theme="light"] body.luumtech2-theme #dashboard-options {
  background: rgba(255, 255, 255, 0.88) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
}

/* ==========================================
   v2.9.18 — TIMER UX FIXES
   ========================================== */

/* Started timers dropdown: stop button polish (dark/light) */
body.luumtech2-theme #started-timers-top .top-stop-timer,
body.luumtech2-theme .started-timers-top .top-stop-timer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  border: 1px solid rgba(var(--lg-accent-rgb), 0.42) !important;
  color: var(--lg-text-primary) !important;
}

body.luumtech2-theme #started-timers-top .top-stop-timer:hover,
body.luumtech2-theme #started-timers-top .top-stop-timer:focus,
body.luumtech2-theme .started-timers-top .top-stop-timer:hover,
body.luumtech2-theme .started-timers-top .top-stop-timer:focus {
  background: rgba(var(--lg-accent-rgb), 0.24) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.56) !important;
  color: var(--lg-text-primary) !important;
}

/* Started timers dropdown: delete icon should be clearly clickable */
body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  color: var(--lg-text-secondary) !important;
  cursor: pointer !important;
  transition: background-color .16s ease, color .16s ease !important;
}

body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete:hover,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete:hover {
  background: rgba(var(--lg-accent-rgb), 0.16) !important;
  color: var(--lg-accent) !important;
}

body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete i,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete i {
  pointer-events: none !important;
}

/* Timer stop popup: centered correctly */
body.luumtech2-theme #timer-select-task {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

body.luumtech2-theme #timer-select-task .popup-wrapper {
  margin: 0 !important;
  width: min(920px, 92vw) !important;
  min-height: 0 !important;
  height: auto !important;
}

body.luumtech2-theme #timer-select-task .popup-message {
  margin: 0 0 16px 0 !important;
}

/* Timer stop popup: search and plus button seam/border fix */
body.luumtech2-theme #timer-select-task .input-group {
  width: min(660px, 100%) !important;
  margin: 0 auto !important;
}

body.luumtech2-theme #timer-select-task .input-group .form-control,
body.luumtech2-theme #timer-select-task .input-group .bootstrap-select > .dropdown-toggle,
body.luumtech2-theme #timer-select-task .input-group .select2-container--default .select2-selection--single {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.luumtech2-theme #timer-select-task .input-group .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  padding: 0 12px !important;
  border: 1px solid var(--lg-glass-border-light) !important;
  border-left-width: 1px !important;
  border-left-color: var(--lg-glass-border-light) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

body.luumtech2-theme #timer-select-task .input-group .input-group-addon a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--lg-accent) !important;
  width: 100% !important;
  height: 100% !important;
}

/* ==========================================
   v2.9.19 — STABILITY PATCH (UI/FORM/TABLE)
   ========================================== */

/* Theme settings page: stable switch rows + clickable presets */
body.luumtech2-theme .luumtech2-theme-settings-page .lt2-switch-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.luumtech2-theme .luumtech2-theme-settings-page .lt2-switch-row .control-label {
  margin: 0 !important;
}

body.luumtech2-theme .luumtech2-theme-settings-page .lt2-color-preset {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Remove borders from widget blocks (requested) */
body.luumtech2-theme .widget,
body.luumtech2-theme .widget .panel,
body.luumtech2-theme .widget .panel_s,
body.luumtech2-theme .widget .panel-body,
body.luumtech2-theme .widget .panel-heading,
body.luumtech2-theme .widget .panel-footer {
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard todo second section white line softening */
body.luumtech2-theme .todo-panel > .panel-body > hr,
body.luumtech2-theme .todo-panel .finished-todos,
body.luumtech2-theme .todo-panel .unfinished-todos {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] body.luumtech2-theme .todo-panel > .panel-body > hr {
  opacity: 0.35 !important;
}

/* Header search and plus button: remove separator line */
body.luumtech2-theme #header #top_search,
body.luumtech2-theme #header #top_search::before,
body.luumtech2-theme #header #top_search::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Started timers: ensure trash icon is always clickable */
body.luumtech2-theme #started-timers-top li.timer,
body.luumtech2-theme .started-timers-top li.timer {
  position: relative !important;
}

body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete {
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

/* Timer stop popup: centered, proportional and clean seams */
body.system-popup #timer-select-task {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13160 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 16px !important;
}

body.system-popup #timer-select-task .popup-wrapper {
  width: min(920px, 92vw) !important;
  max-height: min(86vh, 760px) !important;
  margin: 0 !important;
  overflow: auto !important;
}

body.system-popup #timer-select-task .popup-content {
  padding: 0 24px 24px !important;
}

body.system-popup #timer-select-task .popup-message {
  margin: 8px auto 20px !important;
  text-align: center !important;
}

body.system-popup #timer-select-task .input-group {
  width: min(680px, 100%) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
}

body.system-popup #timer-select-task .input-group .bootstrap-select,
body.system-popup #timer-select-task .input-group .select2-container,
body.system-popup #timer-select-task .input-group .form-control {
  flex: 1 1 auto !important;
}

body.system-popup #timer-select-task .input-group .input-group-addon {
  flex: 0 0 50px !important;
  min-width: 50px !important;
  margin-left: -1px !important;
}

/* Task modal switches (Genel/Faturalanabilir/Musteriye Gorunur) */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline,
body.luumtech2-theme .contracts .checkbox.checkbox-inline,
body.luumtech2-theme .contract .checkbox.checkbox-inline {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 14px 8px 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"],
body.luumtech2-theme .contracts .checkbox.checkbox-inline input[type="checkbox"],
body.luumtech2-theme .contract .checkbox.checkbox-inline input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label,
body.luumtech2-theme .contracts .checkbox.checkbox-inline label,
body.luumtech2-theme .contract .checkbox.checkbox-inline label {
  position: relative !important;
  margin: 0 !important;
  padding-left: 54px !important;
  line-height: 24px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::before,
body.luumtech2-theme .contracts .checkbox.checkbox-inline label::before,
body.luumtech2-theme .contract .checkbox.checkbox-inline label::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.4) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.15) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::after,
body.luumtech2-theme .contracts .checkbox.checkbox-inline label::after,
body.luumtech2-theme .contract .checkbox.checkbox-inline label::after {
  content: '' !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28) !important;
  transition: transform 0.2s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked + label::before,
body.luumtech2-theme .contracts .checkbox.checkbox-inline input[type="checkbox"]:checked + label::before,
body.luumtech2-theme .contract .checkbox.checkbox-inline input[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.6) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked + label::after,
body.luumtech2-theme .contracts .checkbox.checkbox-inline input[type="checkbox"]:checked + label::after,
body.luumtech2-theme .contract .checkbox.checkbox-inline input[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

/* Task modal attachment add button height alignment */
body.luumtech2-theme #_task_modal #new-task-attachments .input-group,
body.luumtech2-theme #_task_modal .attachments .input-group {
  display: flex !important;
  align-items: stretch !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group .form-control,
body.luumtech2-theme #_task_modal .attachments .input-group .form-control {
  min-height: 38px !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group-btn .btn,
body.luumtech2-theme #_task_modal .attachments .input-group-btn .btn {
  min-height: 38px !important;
}

/* Bootstrap-select: equal left-right spacing, no left gap, visible caret/check */
body.luumtech2-theme .bootstrap-select .dropdown-menu li > a {
  position: relative !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li a .check-mark {
  display: none !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 22px !important;
}

body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li.selected > a::after,
body.luumtech2-theme .bootstrap-select.show-tick .dropdown-menu li.active > a::after {
  content: '\2713' !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--lg-accent) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  border-top-color: currentColor !important;
  border-top-width: 5px !important;
  border-left-width: 4px !important;
  border-right-width: 4px !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #94a3b8 !important;
}

html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  color: #64748b !important;
}

body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .status,
body.luumtech2-theme .bootstrap-select.lt2-empty-results .dropdown-menu .bs-searchbox + .bs-actionsbox + .inner + .status {
  display: none !important;
}

/* TinyMCE dropdowns and editable content dark compatibility */
html[data-theme="dark"] body.luumtech2-theme .tox .tox-menu,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection--list,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection--toolbar {
  background: rgba(17, 17, 19, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection__item {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection__item--enabled,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection__item--active,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background: rgba(var(--lg-accent-rgb), 0.2) !important;
  color: #ffffff !important;
}

/* Datepicker dark mode + input/icon border seam */
html[data-theme="dark"] body.luumtech2-theme .datepicker.dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(17, 17, 19, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table th {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

body.luumtech2-theme .input-group.date,
body.luumtech2-theme .input-group.datetime {
  display: flex !important;
  align-items: stretch !important;
}

body.luumtech2-theme .input-group.date .form-control,
body.luumtech2-theme .input-group.datetime .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.luumtech2-theme .input-group.date .input-group-addon,
body.luumtech2-theme .input-group.datetime .input-group-addon {
  margin-left: -1px !important;
  min-width: 42px !important;
  border-left-width: 1px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Sales report spacing fine-tune for left edge */
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm .form-group,
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm #report-time,
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm #date-range {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* Keep onoffswitch visible and colored in both themes */
body.luumtech2-theme .onoffswitch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.luumtech2-theme .onoffswitch-checkbox {
  position: absolute !important;
  opacity: 0 !important;
}

body.luumtech2-theme .onoffswitch-label {
  background: rgba(148, 163, 184, 0.45) !important;
  border: 1px solid rgba(148, 163, 184, 0.5) !important;
}

body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.6) !important;
}

/* DataTable top alignment + rounded table shell + vertical export items */
body.luumtech2-theme .dataTables_wrapper > .row:first-child {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_length {
  margin-right: 8px !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_filter {
  margin-left: auto !important;
}

body.luumtech2-theme .dataTables_wrapper .table-responsive {
  border-radius: var(--lg-radius-lg) !important;
  overflow: hidden !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons .dropdown-menu > li,
body.luumtech2-theme .dt-button-collection.dropdown-menu > li,
body.luumtech2-theme div.dt-button-collection .dt-button {
  float: none !important;
  display: block !important;
  width: 100% !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons .dropdown-menu > li > a,
body.luumtech2-theme .dt-button-collection.dropdown-menu > li > a,
body.luumtech2-theme div.dt-button-collection .dt-button {
  display: block !important;
  text-align: left !important;
  width: 100% !important;
  padding: 8px 14px !important;
}

/* Tabs and notes separators should not show heavy borders */
body.luumtech2-theme li.tab-separator,
body.luumtech2-theme .tab-separator,
body.luumtech2-theme li.tab-separator > a,
body.luumtech2-theme .tab-separator > a {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

body.luumtech2-theme .activity-feed .feed-item,
body.luumtech2-theme .activity-feed .feed-item::before,
body.luumtech2-theme .activity-feed .feed-item::after {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* Modal dropdown clipping fix: keep selects above modal body boundaries */
body.luumtech2-theme .modal,
body.luumtech2-theme .modal-dialog,
body.luumtech2-theme .modal-content,
body.luumtech2-theme .modal-body {
  overflow: visible !important;
}

body.luumtech2-theme .modal .bootstrap-select.open,
body.luumtech2-theme .modal .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme .modal .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme .modal .bs-container .dropdown-menu {
  z-index: 13250 !important;
}

/* ==========================================
   v2.9.20 — FINAL UI STABILIZATION
   timer popup, carets, datepicker, TinyMCE,
   datatable alignment/export, separators
   ========================================== */

/* System popups: true center alignment (timer + confirm popups) */
body.system-popup #system-popup,
body.system-popup #timer-select-task {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 13160 !important;
}

body.system-popup #system-popup .popup-wrapper,
body.system-popup #timer-select-task .popup-wrapper {
  width: min(920px, 92vw) !important;
  max-width: 92vw !important;
  margin: 0 auto !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Timer stop popup: note textarea width must match task field width */
body.system-popup #timer-select-task .popup-content .form-group,
body.system-popup #timer-select-task .popup-content .row {
  width: min(680px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.system-popup #timer-select-task .input-group {
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
}

body.system-popup #timer-select-task #timesheet_note {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
}

body.system-popup #timer-select-task .input-group .input-group-addon {
  margin-left: -1px !important;
  border-left: 1px solid var(--lg-glass-border-light) !important;
  border-radius: 0 var(--lg-radius-md) var(--lg-radius-md) 0 !important;
}

/* System popup close button: clean circular style in dark+light */
body.system-popup .system-popup-close {
  top: 20px !important;
  right: 20px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.38) !important;
  background: rgba(17, 17, 19, 0.42) !important;
  opacity: 1 !important;
}

body.system-popup .system-popup-close::before,
body.system-popup .system-popup-close::after {
  width: 14px !important;
  height: 2px !important;
  left: 9px !important;
  top: 16px !important;
  background: #e2e8f0 !important;
}

html[data-theme="light"] body.system-popup .system-popup-close {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(100, 116, 139, 0.35) !important;
}

html[data-theme="light"] body.system-popup .system-popup-close::before,
html[data-theme="light"] body.system-popup .system-popup-close::after {
  background: #0f172a !important;
}

/* Navbar search + quick create separator cleanup */
body.luumtech2-theme #header #top_search,
body.luumtech2-theme #header #top_search::before,
body.luumtech2-theme #header #top_search::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::after {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Soften harsh white lines on dashboard/todo widgets */
body.luumtech2-theme .top_stats_wrapper hr,
body.luumtech2-theme .todo-panel hr,
body.luumtech2-theme .widget hr,
body.luumtech2-theme .finished-todos,
body.luumtech2-theme .unfinished-todos {
  border-color: rgba(148, 163, 184, 0.18) !important;
  opacity: 0.55 !important;
}

/* Caret consistency (bootstrap/selectpicker/select2) */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  border-style: solid !important;
  border-width: 5px 4px 0 4px !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom: 0 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .caret,
html[data-theme="dark"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  border-top-color: #cbd5e1 !important;
}

html[data-theme="light"] body.luumtech2-theme .caret,
html[data-theme="light"] body.luumtech2-theme .bs-caret .caret,
html[data-theme="light"] body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  border-top-color: #64748b !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 4px 0 4px !important;
}

html[data-theme="dark"] body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #cbd5e1 transparent transparent transparent !important;
}

html[data-theme="light"] body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #64748b transparent transparent transparent !important;
}

/* Task modal switches: Genel/Faturalanabilir/Musteriye Gorunur */
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 14px 10px 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox label,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox label,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox label {
  position: relative !important;
  margin: 0 !important;
  padding-left: 54px !important;
  line-height: 24px !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox label::before,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.42) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox label::after,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.2s ease !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.65) !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

/* TinyMCE dark mode: soften separators + visible dark text area */
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar-overlord,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__primary,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-toolbar__group,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-menubar {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-menu,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection--list {
  background: rgba(17, 17, 19, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-collection__group {
  border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area iframe,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area__iframe {
  background: rgba(17, 17, 19, 0.96) !important;
}

/* Datepicker dark mode */
html[data-theme="dark"] body.luumtech2-theme .datepicker,
html[data-theme="dark"] body.luumtech2-theme .datepicker.dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .datepicker-dropdown,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(17, 17, 19, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td:hover {
  background: rgba(59, 130, 246, 0.18) !important;
}

/* Sales report left spacing */
body.luumtech2-theme .content > .sm\:tw-flex.tw-space-y-3.sm\:tw-space-y-0.tw-gap-6 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* DataTables: keep table fully visible and export menu unclipped */
body.luumtech2-theme .panel_s .panel-body,
body.luumtech2-theme .panel-body.panel-table-full,
body.luumtech2-theme .panel-body.panel-table-full > .dataTables_wrapper {
  overflow: visible !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper {
  width: 100% !important;
  margin: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper > .row,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper > .row > [class*="col-"],
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.luumtech2-theme .panel-body.panel-table-full .dataTables_wrapper .table-responsive,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper .table-responsive {
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .panel-body.panel-table-full table.dataTable > thead > tr > th:first-child,
body.luumtech2-theme .panel-body.panel-table-full table.dataTable > tbody > tr > td:first-child {
  padding-left: 16px !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons {
  position: relative !important;
  z-index: 30 !important;
  overflow: visible !important;
}

body.luumtech2-theme .dataTables_wrapper .dt-buttons .dropdown-menu,
body.luumtech2-theme .dt-button-collection.dropdown-menu,
body.luumtech2-theme div.dt-button-collection {
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 14050 !important;
  min-width: 116px !important;
  overflow: visible !important;
}

/* Export options vertical list */
body.luumtech2-theme .dataTables_wrapper .dt-buttons .dropdown-menu > li,
body.luumtech2-theme .dt-button-collection.dropdown-menu > li {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

/* Horizontal tab separators should be removed */
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator,
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator > a,
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator::before,
body.luumtech2-theme .nav.nav-tabs.nav-tabs-horizontal > li.tab-separator::after {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Bootstrap-select empty state/status strip should stay neutral */
body.luumtech2-theme .bootstrap-select .status {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Widgets: no hard border ring */
body.luumtech2-theme .widget,
body.luumtech2-theme .widget .panel,
body.luumtech2-theme .widget .panel_s,
body.luumtech2-theme .widget .panel-body,
body.luumtech2-theme .widget .panel-heading,
body.luumtech2-theme .widget .panel-footer {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ==========================================
   v2.9.24 - HARD FINAL END-OF-FILE OVERRIDES
   ========================================== */

body.system-popup #timer-select-task,
body.system-popup #system-popup {
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}

body.system-popup #timer-select-task .popup-wrapper,
body.system-popup #system-popup .popup-wrapper {
  min-height: 0 !important;
  height: auto !important;
  max-height: min(82vh, 760px) !important;
  margin: 0 !important;
  padding: 20px 24px !important;
  overflow: auto !important;
  display: block !important;
}

body.system-popup #timer-select-task .row,
body.system-popup #timer-select-task .form-group,
body.system-popup #timer-select-task .input-group,
body.system-popup #timer-select-task #timesheet_note {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.system-popup #timer-select-task #timesheet_note {
  min-height: 118px !important;
  margin-top: 10px !important;
}

body.system-popup .system-popup-close {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
}

body.luumtech2-theme #started-timers-top .unfinished-timesheet-delete,
body.luumtech2-theme .started-timers-top .unfinished-timesheet-delete {
  position: relative !important;
  z-index: 25 !important;
  pointer-events: auto !important;
}

body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg::after,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::before,
body.luumtech2-theme #header #top_search + ul.nav.navbar-nav.visible-md.visible-lg > li::after {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret {
  width: 0 !important;
  height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 6px solid currentColor !important;
  border-bottom: 0 !important;
  transform: none !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .caret::after,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::before,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .caret::after {
  content: none !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 44px !important;
  height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  position: relative !important;
  padding-left: 56px !important;
  line-height: 24px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 44px !important;
  height: 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.7) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: brightness(0) invert(1) contrast(1.06) !important;
  opacity: 0.96 !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open,
body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .inner {
  z-index: 13520 !important;
}

/* ==========================================
   v2.9.25b - END FILE DataTable alignment
   ========================================== */

body.luumtech2-theme .dataTables_wrapper > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper table.dataTable,
body.luumtech2-theme .dataTables_wrapper .table,
body.luumtech2-theme .dataTables_wrapper .table-responsive > table {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.luumtech2-theme .dataTables_wrapper .dataTables_scroll,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollHead,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollBody,
body.luumtech2-theme .dataTables_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

body.luumtech2-theme .panel_s .panel-body > .table-responsive,
body.luumtech2-theme .panel_s .panel-body > .dataTables_wrapper .table-responsive,
body.luumtech2-theme .dataTables_wrapper .table-responsive {
  border-radius: var(--lg-radius-lg) !important;
  overflow: auto !important;
}

body.luumtech2-theme .table-responsive > .table > thead > tr:first-child > th:first-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > thead > tr:first-child > th:first-child {
  border-top-left-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > thead > tr:first-child > th:last-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > thead > tr:first-child > th:last-child {
  border-top-right-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > tbody > tr:last-child > td:first-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--lg-radius-lg) !important;
}

body.luumtech2-theme .table-responsive > .table > tbody > tr:last-child > td:last-child,
body.luumtech2-theme .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--lg-radius-lg) !important;
}

/* ==========================================
   v2.9.26f - ABSOLUTE LAST OVERRIDES
   ========================================== */

body.luumtech2-theme #dashboard-options,
body.luumtech2-theme .dashboard-options,
body.luumtech2-theme #search_results,
body.luumtech2-theme #search_results .dropdown-menu {
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

body.staff.member.luumtech2-theme .content > .tw-max-w-5xl.tw-mx-auto {
  max-width: min(1440px, calc(100vw - 32px)) !important;
  width: 100% !important;
}

body.staff.member.luumtech2-theme #staff_permissions,
body.staff.member.luumtech2-theme #staff_permissions .table-responsive {
  overflow-x: auto !important;
}

body.staff.member.luumtech2-theme #staff_permissions table.roles {
  min-width: 780px !important;
}

body.luumtech2-theme .staff-form #tab_profile .checkbox.checkbox-primary {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"],
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  background: rgba(148, 163, 184, 0.42) !important;
  cursor: pointer !important;
}

body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer input[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox label::before,
body.luumtech2-theme #_task_modal .task-add-edit-public.checkbox label::after,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public label::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-public label::after,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox label::before,
body.luumtech2-theme #_task_modal .task-add-edit-billable.checkbox label::after,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable label::before,
body.luumtech2-theme #_task_modal .checkbox.task-add-edit-billable label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox label::after,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer label::before,
body.luumtech2-theme #_task_modal .checkbox.task-visible-to-customer label::after {
  content: none !important;
  display: none !important;
}

body.staff.member.luumtech2-theme .staff-form .input-group {
  display: flex !important;
  align-items: stretch !important;
}

body.staff.member.luumtech2-theme .staff-form .input-group > .form-control.password {
  border-right-width: 0 !important;
}

body.staff.member.luumtech2-theme .staff-form .input-group > .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin-left: 0 !important;
  border-left-width: 0 !important;
}

body.staff.member.luumtech2-theme .staff-form .input-group > .input-group-addon + .input-group-addon {
  margin-left: -1px !important;
  border-left-width: 1px !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group > .form-control[type="file"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group-btn {
  display: flex !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group-btn > .btn {
  margin-left: -1px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

body.luumtech2-theme .widget .panel-body.padding-10 {
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  border-radius: 12px !important;
}

body.luumtech2-theme .widget .panel-body.padding-10 hr,
body.luumtech2-theme .widget .panel-body.padding-10 .todo li {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area iframe,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-edit-area__iframe,
html[data-theme="dark"] body.luumtech2-theme .tox .tox-sourcecode,
html[data-theme="dark"] body.luumtech2-theme .tox textarea.tox-textarea {
  background: #111113 !important;
  color: #f8fafc !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret {
  width: 10px !important;
  height: 10px !important;
  border: 0 !important;
  position: relative !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before {
  content: "" !important;
  position: absolute !important;
  left: 1px !important;
  top: 1px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::after {
  content: none !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner {
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  line-height: 1.25 !important;
  padding: 0 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu.inner li > a {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.luumtech2-theme #newsfeed .newsfeed_post,
body.luumtech2-theme #newsfeed .newsfeed_post .panel-body {
  overflow: visible !important;
}

body.luumtech2-theme #newsfeed .bootstrap-select.open,
body.luumtech2-theme #newsfeed .bootstrap-select.open > .dropdown-menu,
body.luumtech2-theme #newsfeed .bootstrap-select.open .inner {
  z-index: 17110 !important;
}

body.luumtech2-theme .preview-tabs-top .nav.nav-tabs.nav-tabs-horizontal > li > a {
  border-bottom: 2px solid transparent !important;
}

body.luumtech2-theme .preview-tabs-top .nav.nav-tabs.nav-tabs-horizontal > li.active > a,
body.luumtech2-theme .preview-tabs-top .nav.nav-tabs.nav-tabs-horizontal > li > a:hover,
body.luumtech2-theme .preview-tabs-top .nav.nav-tabs.nav-tabs-horizontal > li > a:focus {
  border-bottom-color: var(--lg-accent) !important;
}

html[data-theme="dark"] body.luumtech2-theme .ui-sortable-handle,
html[data-theme="dark"] body.luumtech2-theme tr.ui-sortable-handle,
html[data-theme="dark"] body.luumtech2-theme .ui-sortable-handle:hover,
html[data-theme="dark"] body.luumtech2-theme tr.ui-sortable-handle:hover {
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-col,
html[data-theme="dark"] body.luumtech2-theme #kan-ban .kan-ban-col-wrapper {
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker,
html[data-theme="dark"] body.luumtech2-theme .datepicker.dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .datepicker-dropdown,
html[data-theme="dark"] body.luumtech2-theme .datetimepicker.dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(17, 17, 19, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table th {
  color: #cbd5e1 !important;
}

body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm .form-group,
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm #report-time,
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm #date-range,
body.luumtech2-theme .content .tw-flex-1.tw-max-w-sm p.mbot20.text-info {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* ==========================================
   v2.9.27 - CROSS PAGE UI STABILIZATION
   media/icons, carets, switches, gantt,
   task + estimate-request dark mode
   ========================================== */

/* Media manager (utilities/media): restore readable icon sprites */
body.utilities.media.luumtech2-theme .elfinder .ui-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-nav-icon,
body.utilities.media.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder-toolbar,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder-statusbar,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder-navbar,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder-cwd {
  background: #171b24 !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

/* Caret cleanup: thinner and consistent everywhere */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle .caret {
  width: 9px !important;
  height: 9px !important;
  border: 0 !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .btn.dropdown-toggle .caret::before {
  content: "" !important;
  position: absolute !important;
  left: 1px !important;
  top: 1px !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 1.25px solid currentColor !important;
  border-bottom: 1.25px solid currentColor !important;
  transform: rotate(45deg) !important;
}

body.luumtech2-theme .caret::after,
body.luumtech2-theme .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::after,
body.luumtech2-theme .btn.dropdown-toggle .caret::after {
  content: none !important;
}

/* Bootstrap-select spacing and symmetric dropdown paddings */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  padding: 7px 34px 7px 12px !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu.inner,
body.luumtech2-theme .bootstrap-select .dropdown-menu ul.dropdown-menu.inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.luumtech2-theme .bootstrap-select .dropdown-menu.inner li > a,
body.luumtech2-theme .bootstrap-select .dropdown-menu li > a {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Timer popover must open near trigger, not centered */
body.luumtech2-theme .popover.popover-top-timer-note {
  position: absolute !important;
  transform: none !important;
  width: min(420px, calc(100vw - 24px)) !important;
  max-width: min(420px, calc(100vw - 24px)) !important;
}

body.luumtech2-theme .popover.popover-top-timer-note .arrow {
  display: block !important;
}

/* Checkbox-primary as switch (comprehensive pass) */
body.luumtech2-theme .checkbox.checkbox-primary,
body.luumtech2-theme .checkbox-primary.checkbox-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"],
body.luumtech2-theme .checkbox-primary.checkbox-inline input[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  background: rgba(148, 163, 184, 0.42) !important;
  cursor: pointer !important;
}

body.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"]::before,
body.luumtech2-theme .checkbox-primary.checkbox-inline input[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"]:checked,
body.luumtech2-theme .checkbox-primary.checkbox-inline input[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme .checkbox.checkbox-primary input[type="checkbox"]:checked::before,
body.luumtech2-theme .checkbox-primary.checkbox-inline input[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input#administrator[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input#is_not_staff[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input#send_welcome_email[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile input[id^="dep_"][type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme .checkbox.checkbox-primary label::before,
body.luumtech2-theme .checkbox.checkbox-primary label::after,
body.luumtech2-theme .checkbox-primary.checkbox-inline label::before,
body.luumtech2-theme .checkbox-primary.checkbox-inline label::after {
  content: none !important;
  display: none !important;
}

/* Task modal switches: force visible in all themes */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::after {
  content: none !important;
  display: none !important;
}

/* Roles capability switches: input-driven and always visible */
body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"] + label {
  padding-left: 0 !important;
}

body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"] + label::before,
body.roles.role.luumtech2-theme #update_staff_permissions[type="checkbox"] + label::after {
  content: none !important;
  display: none !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox,
body.luumtech2-theme table.roles td .checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
  margin: 0 0 8px !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"],
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  background: rgba(148, 163, 184, 0.42) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:disabled,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label {
  padding-left: 0 !important;
  margin: 0 !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: none !important;
  display: none !important;
}

/* Light mode: on/off switches must be visibly colored when active */
html[data-theme="light"] body.luumtech2-theme .onoffswitch-label {
  background: #d1d5db !important;
  border-color: #bfc8d4 !important;
}

html[data-theme="light"] body.luumtech2-theme .onoffswitch-checkbox:checked + .onoffswitch-label {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.68) !important;
}

/* Date icon alignment + dark date popup */
body.luumtech2-theme .input-group.date,
body.luumtech2-theme .input-group.datetime {
  display: flex !important;
  align-items: stretch !important;
}

body.luumtech2-theme .input-group.date > .input-group-addon,
body.luumtech2-theme .input-group.datetime > .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  padding: 0 12px !important;
}

body.luumtech2-theme .input-group.date > .input-group-addon i,
body.luumtech2-theme .input-group.datetime > .input-group-addon i {
  line-height: 1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker,
html[data-theme="dark"] body.luumtech2-theme .datetimepicker,
html[data-theme="dark"] body.luumtech2-theme .datetimepicker-dropdown,
html[data-theme="dark"] body.luumtech2-theme .datepicker-dropdown,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(16, 18, 23, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar th,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar td,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  color: #cbd5e1 !important;
}

/* Project page spacing + dropdown carets in tabs/actions */
body.projects.view.luumtech2-theme ._buttons .row {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

body.projects.view.luumtech2-theme ._buttons .project-heading,
body.projects.view.luumtech2-theme ._buttons .text-right {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body.projects.view.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Preview/header tabs: ensure separator under icon tabs */
body.luumtech2-theme .preview-tabs-top,
body.luumtech2-theme .preview-tabs-top .nav.nav-tabs.nav-tabs-horizontal {
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
}

/* Gantt dark mode */
html[data-theme="dark"] body.projects.view.luumtech2-theme .gantt-container,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt {
  background: rgba(13, 17, 25, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 12px !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .grid-background,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .grid-row {
  fill: #121725 !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .grid-header {
  fill: #171d2d !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .row-line,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .tick,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .tick.thick {
  stroke: rgba(148, 163, 184, 0.26) !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .bar {
  fill: rgba(59, 130, 246, 0.28) !important;
  stroke: rgba(96, 165, 250, 0.72) !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .bar-progress {
  fill: rgba(var(--lg-accent-rgb), 0.76) !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .bar-label,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .upper-text,
html[data-theme="dark"] body.projects.view.luumtech2-theme #gantt .lower-text {
  fill: #e2e8f0 !important;
}

html[data-theme="dark"] body.projects.view.luumtech2-theme .popup-wrapper,
html[data-theme="dark"] body.projects.view.luumtech2-theme .gantt .popup-wrapper {
  background: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

/* Task detail modal dark mode */
html[data-theme="dark"] body.luumtech2-theme #task-modal .modal-content,
html[data-theme="dark"] body.luumtech2-theme #task-modal .modal-content.data,
html[data-theme="dark"] body.luumtech2-theme #task-modal .modal-header,
html[data-theme="dark"] body.luumtech2-theme #task-modal .modal-body {
  background: #0c1018 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .task-single-col-right {
  border-left: 1px solid rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info-heading,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info h5,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info p,
html[data-theme="dark"] body.luumtech2-theme #task-modal .tw-text-neutral-800,
html[data-theme="dark"] body.luumtech2-theme #task-modal .tw-text-neutral-700,
html[data-theme="dark"] body.luumtech2-theme #task-modal .tw-text-neutral-500 {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info-inline-input-edit,
html[data-theme="dark"] body.luumtech2-theme #task-modal .form-control {
  background: rgba(20, 24, 34, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal hr,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-info-separator {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Estimate request pages dark mode */
html[data-theme="dark"] body.estimate_request.luumtech2-theme .panel_s,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .panel-body {
  background: rgba(13, 17, 24, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.estimate_request.luumtech2-theme .control-label,
html[data-theme="dark"] body.estimate_request.luumtech2-theme label,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .tw-text-neutral-700,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .tw-text-neutral-800,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .tw-text-neutral-500 {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.estimate_request.luumtech2-theme .form-control,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .bootstrap-tagsinput,
html[data-theme="dark"] body.estimate_request.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  background: rgba(20, 24, 34, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .cb-wrap,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .form-wrap.form-builder,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .stage-wrap,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .frmb-control,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .frmb-control li,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .frmb li.form-field,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap .frmb .form-elements {
  background: #0f131c !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap input,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap select,
html[data-theme="dark"] body.estimate_request.form.luumtech2-theme #build-wrap textarea {
  background: #141b27 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  color: #e2e8f0 !important;
}

/* ==========================================
   v2.9.28 - USER FEEDBACK HOTFIXES
   media icon source, role/task switches,
   dark date popup, task modal dark cleanup
   ========================================== */

/* Media manager: keep elFinder material glyph icons readable */
body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar .elfinder-button-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar [class^="elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar [class*=" elfinder-button-icon-"] {
  font: normal normal normal 14px/1 material !important;
  background-image: inherit !important;
  text-indent: inherit !important;
  overflow: visible !important;
}

body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar .elfinder-button-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar [class^="elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-toolbar [class*=" elfinder-button-icon-"]::before {
  display: inline-block !important;
}

/* Role/staff permission switches: same visual behavior as onoffswitch */
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] {
  width: 40px !important;
  height: 22px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.5) !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before {
  width: 16px !important;
  height: 16px !important;
  top: 2px !important;
  left: 2px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::after,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked::before {
  transform: translateX(18px) !important;
}

/* Task create/edit modal switches: prevent broken checkbox look */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline {
  white-space: nowrap !important;
  margin-right: 18px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"] {
  width: 40px !important;
  height: 22px !important;
  min-width: 40px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before {
  width: 16px !important;
  height: 16px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked::before {
  transform: translateX(18px) !important;
}

/* Dark date popup: remove remaining white cells/month/year blocks */
html[data-theme="dark"] body.luumtech2-theme .datepicker,
html[data-theme="dark"] body.luumtech2-theme .datepicker table,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span,
html[data-theme="dark"] body.luumtech2-theme .datepicker .datepicker-switch,
html[data-theme="dark"] body.luumtech2-theme .datepicker .prev,
html[data-theme="dark"] body.luumtech2-theme .datepicker .next,
html[data-theme="dark"] body.luumtech2-theme .datepicker tfoot tr th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr th {
  background: #0f1420 !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.day:hover,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td:hover {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active:hover,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span.active,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span.active:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* Gantt header line cleanup */
body.luumtech2-theme .gantt .grid-header,
body.luumtech2-theme #gantt .grid-header {
  stroke: none !important;
}

/* Task modal dark mode: remove white panels in both columns */
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-modal-single .modal-body,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-single-col-left,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-single-col-right,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-comment.highlight-bg,
html[data-theme="dark"] body.luumtech2-theme #task-modal .table-responsive {
  background: #0f141e !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .task-single-col-left,
html[data-theme="dark"] body.luumtech2-theme #task-modal .task-single-col-right {
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .table,
html[data-theme="dark"] body.luumtech2-theme #task-modal .table thead tr th,
html[data-theme="dark"] body.luumtech2-theme #task-modal .table tbody tr td {
  background: transparent !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme #task-modal .text-muted {
  color: #94a3b8 !important;
}

/* ==========================================
   v2.9.29 - DROPDOWN/SWITCH/DATE MODAL FIXES
   ========================================== */

/* Keep bootstrap-select caret pinned to far right on all screens */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding-right: 38px !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 12px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  padding-right: 12px !important;
  padding-left: 38px !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  right: auto !important;
  left: 12px !important;
}

/* Timer stop popup: caret must stay on the right */
body.luumtech2-theme .popover.popover-top-timer-note .bootstrap-select > .dropdown-toggle {
  padding-right: 40px !important;
}

body.luumtech2-theme .popover.popover-top-timer-note .bootstrap-select > .dropdown-toggle .bs-caret {
  right: 12px !important;
  left: auto !important;
}

/* Roles/staff permissions: force visual switch rendering via label pseudo-elements */
body.luumtech2-theme table.roles td .checkbox {
  position: relative !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding-left: 52px !important;
  margin: 0 !important;
}

[dir="rtl"] body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  padding-left: 0 !important;
  padding-right: 52px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

[dir="rtl"] body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  left: auto !important;
  right: 0 !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transition: transform 0.18s ease !important;
}

[dir="rtl"] body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  left: auto !important;
  right: 2px !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translate(18px, -50%) !important;
}

[dir="rtl"] body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translate(-18px, -50%) !important;
}

body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:disabled + label {
  opacity: 0.55 !important;
}

/* Re-assert on pages with stricter older selectors */
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label {
  padding-left: 52px !important;
  margin: 0 !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::before {
  content: "" !important;
  display: block !important;
  left: 0 !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: "" !important;
  display: block !important;
  left: 2px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked + label::after {
  transform: translate(18px, -50%) !important;
}

/* Task create/edit modal switches */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin-right: 18px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding-left: 52px !important;
  margin: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked + label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked + label::before {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked + label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked + label::after {
  transform: translate(18px, -50%) !important;
}

/* Dark date popup: force all date cells/headers away from white */
html[data-theme="dark"] body.luumtech2-theme .datepicker,
html[data-theme="dark"] body.luumtech2-theme .datepicker-dropdown,
html[data-theme="dark"] body.luumtech2-theme .datepicker table,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span,
html[data-theme="dark"] body.luumtech2-theme .datepicker .datepicker-switch,
html[data-theme="dark"] body.luumtech2-theme .datepicker .prev,
html[data-theme="dark"] body.luumtech2-theme .datepicker .next,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr th,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr td,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker .ui-datepicker-header,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker table,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker table tr th,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker table tr td,
html[data-theme="dark"] body.luumtech2-theme .ui-datepicker table tr td a {
  background: #0f1420 !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.day:hover,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td:hover {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td.active:hover,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span.active,
html[data-theme="dark"] body.luumtech2-theme .datepicker table tr td span.active:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* Task modal dark mode: kill remaining inline white backgrounds */
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background:#fff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background: #fff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background-color:#fff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background-color: #fff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background:#ffffff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background: #ffffff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background-color:#ffffff"],
html[data-theme="dark"] body.luumtech2-theme #task-modal [style*="background-color: #ffffff"] {
  background: #0f141e !important;
  color: #cbd5e1 !important;
}

/* Horizontal tab scroller arrows: center icon and dark-mode compatible */
body.luumtech2-theme .horizontal-scrollable-tabs .scroller {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}

body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa,
body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-regular,
body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-solid {
  display: block !important;
  line-height: 1 !important;
  font-size: 16px !important;
  margin: 0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .horizontal-scrollable-tabs .scroller {
  background: rgba(15, 23, 42, 0.86) !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  color: #cbd5e1 !important;
}

@media (max-width: 768px) {
  body.luumtech2-theme .horizontal-scrollable-tabs .scroller {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa,
  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-regular,
  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-solid {
    font-size: 14px !important;
  }
}

/* ==========================================
   v2.9.30 - FINAL SWITCH/CARET/DATE/TABS FIX
   ========================================== */

/* Timer stop popup tone: neutral dark (remove blue cast) */
body.luumtech2-theme .popover.popover-top-timer-note,
body.luumtech2-theme .popover.popover-top-timer-note .popover-title,
body.luumtech2-theme .popover.popover-top-timer-note .popover-content {
  background: #0f141e !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.luumtech2-theme .popover.popover-top-timer-note textarea.form-control,
body.luumtech2-theme .popover.popover-top-timer-note .bootstrap-select > .dropdown-toggle {
  background: #141b27 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
}

/* Carets: always right and vertically centered */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle,
body.luumtech2-theme .btn.dropdown-toggle {
  position: relative !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  min-height: 40px !important;
  padding-right: 38px !important;
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  position: absolute !important;
  top: 0 !important;
  right: 12px !important;
  bottom: 0 !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  padding-right: 12px !important;
  padding-left: 38px !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  right: auto !important;
  left: 12px !important;
}

body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  width: 0 !important;
  height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
  border-bottom: 0 !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .caret::after {
  content: none !important;
  display: none !important;
}

/* Roles + staff permissions: force visible clean switch */
body.roles.role.luumtech2-theme table.roles td .checkbox,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  flex: 0 0 44px !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transition: transform 0.18s ease !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox label,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox label,
body.luumtech2-theme table.roles td .checkbox label {
  margin: 0 !important;
  padding-left: 0 !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox label::before,
body.roles.role.luumtech2-theme table.roles td .checkbox label::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox label::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox label::after,
body.luumtech2-theme table.roles td .checkbox label::before,
body.luumtech2-theme table.roles td .checkbox label::after {
  content: none !important;
  display: none !important;
}

/* Task modal + profile switch visibility */
body.luumtech2-theme #_task_modal .checkbox-inline,
body.luumtech2-theme .staff-form #tab_profile .checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline input[type="checkbox"],
body.luumtech2-theme .staff-form #tab_profile .checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline input[type="checkbox"]::before,
body.luumtech2-theme .staff-form #tab_profile .checkbox input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline input[type="checkbox"]::after,
body.luumtech2-theme .staff-form #tab_profile .checkbox input[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline input[type="checkbox"]:checked,
body.luumtech2-theme .staff-form #tab_profile .checkbox input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline input[type="checkbox"]:checked::before,
body.luumtech2-theme .staff-form #tab_profile .checkbox input[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline label,
body.luumtech2-theme .staff-form #tab_profile .checkbox label {
  margin: 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox-inline label::before,
body.luumtech2-theme #_task_modal .checkbox-inline label::after,
body.luumtech2-theme .staff-form #tab_profile .checkbox label::before,
body.luumtech2-theme .staff-form #tab_profile .checkbox label::after {
  content: none !important;
  display: none !important;
}

/* Dark datetime popups (xdsoft + bootstrap datetimepicker) */
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget.dropdown-menu {
  background: #0f141f !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_datepicker,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_timepicker,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_time_box,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar td,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar th,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_label,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_select,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_time_box > div > div,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr td,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table tr th {
  background: #0f141f !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar td:hover,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_time_box > div > div:hover,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td:hover {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_current,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] body.luumtech2-theme .bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
}

/* Keep project tabs between navigation arrows */
body.projects.luumtech2-theme .horizontal-scrollable-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

body.projects.luumtech2-theme .horizontal-scrollable-tabs .arrow-left {
  order: 1 !important;
  flex: 0 0 auto !important;
}

body.projects.luumtech2-theme .horizontal-scrollable-tabs .horizontal-tabs {
  order: 2 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.projects.luumtech2-theme .horizontal-scrollable-tabs .arrow-right {
  order: 3 !important;
  flex: 0 0 auto !important;
}

body.projects.luumtech2-theme .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal,
body.projects.luumtech2-theme .horizontal-scrollable-tabs .horizontal-tabs .project-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
}

/* ==========================================
   v2.9.31 - CARET/SWITCH/MEDIA FINAL FIX
   ========================================== */

/* Caret: keep native triangle look, only fix position */
body.luumtech2-theme .caret,
body.luumtech2-theme .bs-caret .caret,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  width: 0 !important;
  height: 0 !important;
  border-top: 4px solid currentColor !important;
  border-right: 4px solid transparent !important;
  border-left: 4px solid transparent !important;
  border-bottom: 0 !important;
}

body.luumtech2-theme .caret::before,
body.luumtech2-theme .caret::after,
body.luumtech2-theme .bs-caret .caret::before,
body.luumtech2-theme .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::after {
  content: none !important;
  display: none !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  position: relative !important;
  min-height: 40px !important;
  padding-right: 38px !important;
  display: flex !important;
  align-items: center !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  padding-right: 12px !important;
  padding-left: 38px !important;
}

[dir="rtl"] body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  right: auto !important;
  left: 12px !important;
}

body.luumtech2-theme .btn.dropdown-toggle,
body.luumtech2-theme .nav-tabs .dropdown-toggle {
  position: relative !important;
  padding-right: 32px !important;
}

body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

/* Task modal checkbox-inline switches: visible and working */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 0 !important;
  margin-right: 18px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label {
  margin: 0 !important;
  padding-left: 0 !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public label::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable label::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline label::after {
  content: none !important;
  display: none !important;
}

/* Role/staff permissions: single switch only (no duplicate pseudo switch) */
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"],
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform 0.18s ease !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::after,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label {
  margin: 0 !important;
  padding-left: 0 !important;
}

body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] + label::after,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] + label::after {
  content: none !important;
  display: none !important;
}

/* Task attachments: right +/- button clearly visible */
body.luumtech2-theme #_task_modal #new-task-attachments .input-group,
body.luumtech2-theme #_task_modal .attachments .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group > .form-control[type="file"],
body.luumtech2-theme #_task_modal .attachments .input-group > .form-control[type="file"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group > .form-control[type="file"]::file-selector-button,
body.luumtech2-theme #_task_modal .attachments .input-group > .form-control[type="file"]::file-selector-button {
  padding: 6px 10px !important;
  margin-right: 10px !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group > .form-control[type="file"]::-webkit-file-upload-button,
body.luumtech2-theme #_task_modal .attachments .input-group > .form-control[type="file"]::-webkit-file-upload-button {
  padding: 6px 10px !important;
  margin-right: 10px !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group-btn,
body.luumtech2-theme #_task_modal .attachments .input-group-btn {
  display: flex !important;
  flex: 0 0 auto !important;
}

body.luumtech2-theme #_task_modal #new-task-attachments .input-group-btn > .btn,
body.luumtech2-theme #_task_modal .attachments .input-group-btn > .btn {
  min-width: 36px !important;
  width: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: -1px !important;
}

/* Date popup: liquid glass + white navigation icons in dark mode */
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker {
  background: rgba(12, 17, 27, 0.76) !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.5) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
  backdrop-filter: blur(16px) saturate(1.35) !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar th,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_calendar td,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_label,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_select {
  background: rgba(15, 20, 31, 0.75) !important;
  color: #dbe7ff !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_prev,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_next,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_today_button,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_prev i,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_next i,
html[data-theme="dark"] body.luumtech2-theme .xdsoft_datetimepicker .xdsoft_today_button i {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

/* Tags popup dark mode */
html[data-theme="dark"] body.luumtech2-theme .bootstrap-tagsinput {
  background: rgba(15, 20, 31, 0.86) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .bootstrap-tagsinput input {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.luumtech2-theme .twitter-typeahead .tt-menu,
html[data-theme="dark"] body.luumtech2-theme .twitter-typeahead .tt-dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .tt-menu,
html[data-theme="dark"] body.luumtech2-theme .tt-dropdown-menu,
html[data-theme="dark"] body.luumtech2-theme .ui-autocomplete {
  background: rgba(12, 17, 27, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  color: #dbe7ff !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.44) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;
  backdrop-filter: blur(14px) saturate(1.25) !important;
}

html[data-theme="dark"] body.luumtech2-theme .tt-suggestion,
html[data-theme="dark"] body.luumtech2-theme .ui-autocomplete .ui-menu-item-wrapper {
  color: #dbe7ff !important;
  background: transparent !important;
}

html[data-theme="dark"] body.luumtech2-theme .tt-suggestion:hover,
html[data-theme="dark"] body.luumtech2-theme .tt-suggestion.tt-cursor,
html[data-theme="dark"] body.luumtech2-theme .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
html[data-theme="dark"] body.luumtech2-theme .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus {
  background: rgba(var(--lg-accent-rgb), 0.24) !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* Media manager icons: keep Material glyph map active, do not force sprite fallback */
body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"] {
  font: inherit !important;
  background-image: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon::before,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"]::before {
  display: block !important;
}

html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder [class*="elfinder-button-icon"] {
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================
   v2.9.32 - RESPONSIVE TAB SCROLLER ARROWS
   ========================================== */

/* Desktop/tablet up: hide arrow buttons completely */
body.luumtech2-theme .horizontal-scrollable-tabs .scroller {
  display: none !important;
}

/* Mobile: show smaller arrows and keep tabs between arrows */
@media (max-width: 991px) {
  body.luumtech2-theme .horizontal-scrollable-tabs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .arrow-left {
    order: 1 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .horizontal-tabs {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .arrow-right {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .scroller {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa,
  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-regular,
  body.luumtech2-theme .horizontal-scrollable-tabs .scroller i.fa-solid {
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
}

/* ==========================================
   v2.9.33 - TASK SWITCH + CARET REFINEMENT
   ========================================== */

/* Task modal switches: white knob visible in both OFF/ON states */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
  transition: background-color 0.18s ease, border-color 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transform: translateX(0) !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

/* Optional item checkboxes (sales items): same visible white knob */
body.luumtech2-theme .table.items .optional-item-checkbox,
body.luumtech2-theme .table.items .optional-choose-item-checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 10px 0 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
  transition: background-color 0.18s ease, border-color 0.18s ease !important;
}

body.luumtech2-theme .table.items .optional-item-checkbox:checked,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

body.luumtech2-theme .table.items .optional-item-checkbox::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.28) !important;
  transform: translateX(0) !important;
  transition: transform 0.18s ease !important;
}

body.luumtech2-theme .table.items .optional-item-checkbox:checked::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked::before {
  transform: translateX(20px) !important;
}

body.luumtech2-theme .table.items .optional-item-checkbox::after,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::after {
  content: none !important;
  display: none !important;
}

/* Caret: replace with down chevron */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  width: 8px !important;
  height: 8px !important;
  border: 0 !important;
  display: inline-block !important;
  position: relative !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .btn.dropdown-toggle > .caret::before,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1.4px solid currentColor !important;
  border-bottom: 1.4px solid currentColor !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::after,
body.luumtech2-theme .btn.dropdown-toggle > .caret::after,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret::after {
  content: none !important;
  display: none !important;
}

/* Select2 clear(X) and arrow spacing: prevent overlap */
body.luumtech2-theme .select2-container--default .select2-selection--single {
  position: relative !important;
  padding-right: 44px !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  right: 8px !important;
  top: 0 !important;
  width: 14px !important;
  height: 100% !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  width: 7px !important;
  height: 7px !important;
  margin: -5px 0 0 -4px !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  border-right: 1.3px solid currentColor !important;
  border-bottom: 1.3px solid currentColor !important;
  transform: rotate(45deg) !important;
}

/* ==========================================
   v2.9.34 - KNOB + RIGHT CARET ENFORCE
   ========================================== */

/* Force visible white knob in OFF and ON for all custom switches */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"],
body.luumtech2-theme .table.items .optional-item-checkbox,
body.luumtech2-theme .table.items .optional-choose-item-checkbox,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background-color: rgba(148, 163, 184, 0.46) !important;
  background-image: radial-gradient(circle at center, #ffffff 0 8px, transparent 8.2px) !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  background-position: 2px 50% !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, background-position 0.18s ease !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked,
body.luumtech2-theme .table.items .optional-item-checkbox:checked,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background-color: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
  background-position: right 2px center !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::after,
body.luumtech2-theme .table.items .optional-item-checkbox::before,
body.luumtech2-theme .table.items .optional-item-checkbox::after,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::after,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

/* Keep all carets pinned to the right side of their elements */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle,
body.luumtech2-theme .btn.dropdown-toggle {
  position: relative !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle {
  padding-right: 40px !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.luumtech2-theme .btn.dropdown-toggle {
  padding-right: 30px !important;
}

body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single {
  position: relative !important;
  padding-right: 44px !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__clear {
  right: 24px !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 8px !important;
  left: auto !important;
}

/* ==========================================
   v2.9.35 - ACTIVE KNOB + VERTICAL CARET CENTER
   ========================================== */

/* Keep switch knob visible when checked (was clipping with calc() on some browsers) */
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"],
body.luumtech2-theme .table.items .optional-item-checkbox,
body.luumtech2-theme .table.items .optional-choose-item-checkbox,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"],
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  background-position: left 2px center !important;
  background: rgba(148, 163, 184, 0.46) radial-gradient(circle at center, #ffffff 0 8px, transparent 8.2px) no-repeat left 2px center / 18px 18px !important;
}

body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked,
body.luumtech2-theme .table.items .optional-item-checkbox:checked,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background-position: right 2px center !important;
  background: var(--lg-accent) radial-gradient(circle at center, #ffffff 0 8px, transparent 8.2px) no-repeat right 2px center / 18px 18px !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

/* Vertically center custom carets */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  width: 9px !important;
  height: 9px !important;
  line-height: 1 !important;
  position: relative !important;
  top: auto !important;
  margin: 0 !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .btn.dropdown-toggle > .caret::before,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret::before {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 12px !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin: 0 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* ==========================================
   v2.9.36 - FINAL SWITCH + CARET NORMALIZATION
   ========================================== */

/* Include main item row toggles too (#main-optional / #main-optional-choosen). */
body.luumtech2-theme .table.items #main-optional,
body.luumtech2-theme .table.items #main-optional-choosen,
body.luumtech2-theme .table.items .optional-item-checkbox,
body.luumtech2-theme .table.items .optional-choose-item-checkbox,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"],
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"],
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"],
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"],
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"],
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 44px !important;
  height: 24px !important;
  min-width: 44px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.62) !important;
  background: rgba(148, 163, 184, 0.46) !important;
  background-image: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  transition: background-color 0.18s ease, border-color 0.18s ease !important;
}

body.luumtech2-theme .table.items #main-optional:checked,
body.luumtech2-theme .table.items #main-optional-choosen:checked,
body.luumtech2-theme .table.items .optional-item-checkbox:checked,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked {
  background: var(--lg-accent) !important;
  border-color: rgba(var(--lg-accent-rgb), 0.72) !important;
}

/* Force knob in both OFF/ON states (some old rules were removing ::before). */
body.luumtech2-theme .table.items #main-optional::before,
body.luumtech2-theme .table.items #main-optional-choosen::before,
body.luumtech2-theme .table.items .optional-item-checkbox::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::before,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.32) !important;
  transform: translateX(0) !important;
  transition: transform 0.18s ease !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.luumtech2-theme .table.items #main-optional:checked::before,
body.luumtech2-theme .table.items #main-optional-choosen:checked::before,
body.luumtech2-theme .table.items .optional-item-checkbox:checked::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]:checked::before,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]:checked::before,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]:checked::before,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]:checked::before {
  content: "" !important;
  display: block !important;
  transform: translateX(20px) !important;
}

body.luumtech2-theme .table.items #main-optional::after,
body.luumtech2-theme .table.items #main-optional-choosen::after,
body.luumtech2-theme .table.items .optional-item-checkbox::after,
body.luumtech2-theme .table.items .optional-choose-item-checkbox::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-public input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .checkbox.checkbox-inline.task-add-edit-billable input[type="checkbox"]::after,
body.luumtech2-theme #_task_modal .task-visible-to-customer.checkbox.checkbox-inline input[type="checkbox"]::after,
body.roles.role.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after,
body.staff.member.luumtech2-theme #staff_permissions table.roles td .checkbox input.capability[type="checkbox"]::after,
body.luumtech2-theme table.roles td .checkbox input.capability[type="checkbox"]::after {
  content: none !important;
  display: none !important;
}

/* Remove legacy square checkbox pseudo parts around labels for item optional rows. */
body.luumtech2-theme .table.items #main-optional + label::before,
body.luumtech2-theme .table.items #main-optional + label::after,
body.luumtech2-theme .table.items #main-optional-choosen + label::before,
body.luumtech2-theme .table.items #main-optional-choosen + label::after,
body.luumtech2-theme .table.items .optional-item-checkbox + label::before,
body.luumtech2-theme .table.items .optional-item-checkbox + label::after,
body.luumtech2-theme .table.items .optional-choose-item-checkbox + label::before,
body.luumtech2-theme .table.items .optional-choose-item-checkbox + label::after {
  content: none !important;
  display: none !important;
}

/* Carets: always right + vertically centered in bootstrap-select / dropdown / select2. */
body.luumtech2-theme .bootstrap-select > .dropdown-toggle,
body.luumtech2-theme .bootstrap-select .dropdown-toggle,
body.luumtech2-theme .btn.dropdown-toggle,
body.luumtech2-theme .nav-tabs .dropdown-toggle {
  position: relative !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle,
body.luumtech2-theme .bootstrap-select .dropdown-toggle {
  padding-right: 40px !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret .caret,
body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  width: 8px !important;
  height: 8px !important;
  border: 0 !important;
  margin: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: inline-block !important;
}

body.luumtech2-theme .btn.dropdown-toggle > .caret,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret .caret::before,
body.luumtech2-theme .btn.dropdown-toggle > .caret::before,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1.4px solid currentColor !important;
  border-bottom: 1.4px solid currentColor !important;
  transform: translate(-50%, -60%) rotate(45deg) !important;
}

body.luumtech2-theme .bootstrap-select > .dropdown-toggle .bs-caret .caret::after,
body.luumtech2-theme .bootstrap-select .dropdown-toggle .bs-caret .caret::after,
body.luumtech2-theme .btn.dropdown-toggle > .caret::after,
body.luumtech2-theme .nav-tabs .dropdown-toggle > .caret::after {
  content: none !important;
  display: none !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single {
  position: relative !important;
  padding-right: 46px !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  right: 28px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.luumtech2-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  margin: 0 !important;
  width: 8px !important;
  height: 8px !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  border-right: 1.4px solid currentColor !important;
  border-bottom: 1.4px solid currentColor !important;
  transform: rotate(45deg) !important;
}

/* ==========================================
   v2.9.37 - MEDIA ICONS + EXPENSES TABLE + MOBILE PROJECT TABS
   ========================================== */

/* elFinder: force Material icon font and disable legacy sprite fallback */
body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder .ui-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow {
  font-family: material !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  overflow: visible !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon::before,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder .ui-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow::before {
  display: block !important;
  font-family: material !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder [class*="elfinder-button-icon"],
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .ui-icon,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon,
html[data-theme="dark"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow {
  color: #e2e8f0 !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder [class*="elfinder-button-icon"],
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .ui-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow {
  color: #334155 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Expenses table: align toolbar and search with table edges, keep left radius */
body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper {
  padding: 0 18px 14px !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper > .row:first-child {
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper > .row:first-child > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_length,
body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dt-buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter {
  margin: 0 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter label,
body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter .input-group {
  margin: 0 !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper .table-responsive,
body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper table.dataTable {
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper table.dataTable > thead > tr:first-child > th:first-child {
  border-top-left-radius: 12px !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 12px !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper table.dataTable > thead > tr:first-child > th:last-child {
  border-top-right-radius: 12px !important;
}

body.expenses.luumtech2-theme #small-table .panel-table-full > .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 12px !important;
}

/* Mobile project tabs: keep arrows and tabs cleanly aligned */
@media (max-width: 991px) {
  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 8px !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .arrow-left,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .arrow-left {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs::-webkit-scrollbar,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs::-webkit-scrollbar {
    display: none !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .arrow-right,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .arrow-right {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .scroller,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .scroller {
    display: inline-flex !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .project-tabs,
  body.luumtech2-theme .project-menu-panel .project-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .project-tabs > li,
  body.luumtech2-theme .project-menu-panel .project-tabs > li {
    float: none !important;
    flex: 0 0 auto !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .project-tabs > li > a,
  body.luumtech2-theme .project-menu-panel .project-tabs > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .project-tabs > li > a .menu-icon,
  body.luumtech2-theme .project-menu-panel .project-tabs > li > a .menu-icon {
    font-size: 13px !important;
    margin: 0 !important;
  }
}

/* ==========================================
   v2.9.38 - FINAL MEDIA/LIST/MOBILE FIXES
   ========================================== */

/* Media manager icon rendering/contrast (especially light mode). */
body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"],
body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-arrow,
body.utilities.media.luumtech2-theme .elfinder .ui-icon {
  font-family: material !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
}

body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon::before,
body.utilities.media.luumtech2-theme .elfinder [class^="elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder [class*=" elfinder-button-icon-"]::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow::before,
body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-arrow::before,
body.utilities.media.luumtech2-theme .elfinder .ui-icon::before {
  display: inline-block !important;
  font-family: material !important;
  line-height: 1 !important;
}

html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder-toolbar,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder-statusbar,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder-navbar,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder-cwd {
  background: #f7f9fc !important;
  border-color: #d7e0eb !important;
  color: #1f2937 !important;
}

html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .ui-state-default.elfinder-button {
  background: #ffffff !important;
  border-color: #d5dfeb !important;
}

html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-button-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder [class*="elfinder-button-icon"],
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-cwd-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-icon,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu-arrow,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-navbar-arrow,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .ui-icon {
  color: #334155 !important;
}

html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-contextmenu .elfinder-contextmenu-item,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .elfinder-menu,
html[data-theme="light"] body.utilities.media.luumtech2-theme .elfinder .ui-menu {
  background: #ffffff !important;
  border-color: #d5dfeb !important;
  color: #1f2937 !important;
}

/* Expenses list: controls and table align perfectly to same left/right edges. */
body.expenses.luumtech2-theme #small-table .panel_s > .panel-body {
  padding: 0 18px 14px !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full,
body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper > .row:first-child {
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper > .row:first-child > [class*="col-"] {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_length,
body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dt-buttons {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter {
  float: none !important;
  margin: 0 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter label,
body.expenses.luumtech2-theme #small-table .dataTables_wrapper .dataTables_filter .input-group {
  margin: 0 !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper .table-responsive,
body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper table.dataTable {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper table.dataTable > thead > tr:first-child > th:first-child,
body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper table.dataTable > thead > tr:first-child > th:last-child,
body.expenses.luumtech2-theme #small-table .panel_s > .panel-body > .panel-table-full > .dataTables_wrapper table.dataTable > tbody > tr:last-child > td:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* Mobile project tabs: arrows always clickable and centered with tabs. */
@media (max-width: 991px) {
  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .scroller,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .scroller {
    display: inline-flex !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  body.projects.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs,
  body.luumtech2-theme .project-menu-panel .horizontal-scrollable-tabs .horizontal-tabs {
    scroll-behavior: smooth !important;
  }
}

/* Runtime visibility guard for navbar elements disabled via settings. */
body.luumtech2-theme .lt2-hidden-by-setting {
  display: none !important;
}

/* Mobile navbar cleanup: hide top search, quick-create area and fullscreen action. */
@media (max-width: 991px) {
  body.luumtech2-theme #header #top_search,
  body.luumtech2-theme #header .nav.navbar-nav.visible-md.visible-lg,
  body.luumtech2-theme #header #luumtech-fullscreen-btn,
  body.luumtech2-theme #header #luumtech2-fullscreen-btn {
    display: none !important;
  }
}

/* Mobile: remove left-side duplicated timer/notification block and toggle button. */
@media (max-width: 991px) {
  body.luumtech2-theme #header .mobile-menu,
  body.luumtech2-theme #header .mobile-menu .mobile-icon-menu,
  body.luumtech2-theme #header .mobile-menu .mobile-menu-toggle,
  body.luumtech2-theme #header .mobile-menu #mobile-collapse {
    display: none !important;
  }
}

/* Profile dropdown: show these links only on mobile (Ayarlar/Newsfeed). */
body.luumtech2-theme .lt2-profile-dropdown .lt2-mobile-only {
  display: none !important;
}

@media (max-width: 991px) {
  body.luumtech2-theme .lt2-profile-dropdown .lt2-mobile-only {
    display: block !important;
  }
}

/* Light mode: dashboard options should have no border/top-border. */
html[data-theme="light"] body.luumtech2-theme #dashboard-options,
html[data-theme="light"] .luumtech2-theme #dashboard-options {
  border: 0 !important;
  border-top: 0 !important;
}

/* Dashboard user-data tabs: keep arrows functional and align around the scroll area. */
body.luumtech2-theme .panel_s.user-data .home-activity .horizontal-scrollable-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

body.luumtech2-theme .panel_s.user-data .home-activity .horizontal-scrollable-tabs .arrow-left {
  order: 1 !important;
}

body.luumtech2-theme .panel_s.user-data .home-activity .horizontal-scrollable-tabs .horizontal-tabs {
  order: 2 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

body.luumtech2-theme .panel_s.user-data .home-activity .horizontal-scrollable-tabs .arrow-right {
  order: 3 !important;
}

body.luumtech2-theme .panel_s.user-data .home-activity .horizontal-scrollable-tabs .scroller {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  line-height: 1 !important;
}

/* ==========================================
   v2.9.39 - MOBILE POPUP/TABLE ALIGN FIXES
   ========================================== */

/* Requested: remove side margins from panel table responsive wrapper. */
body.luumtech2-theme .panel-table-full .dataTables_wrapper .table-responsive {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Mobile navbar icon dropdowns: keep each popup anchored under its own icon. */
@media (max-width: 991px) {
  body.luumtech2-theme #header {
    z-index: 1255 !important;
  }

  body.luumtech2-theme #header .navbar-nav.navbar-right,
  body.luumtech2-theme #header .navbar-nav.navbar-right > li {
    overflow: visible !important;
  }

  body.luumtech2-theme #header .navbar-nav.navbar-right > li.dropdown,
  body.luumtech2-theme #header .navbar-nav.navbar-right > li.icon {
    position: relative !important;
  }

  body.luumtech2-theme #header .navbar-nav.navbar-right > li.luumtech2-profile-btn > .lt2-profile-dropdown,
  body.luumtech2-theme #header .navbar-nav.navbar-right > li.luumtech2-lang-btn > .lt2-lang-dropdown,
  body.luumtech2-theme #header .navbar-nav.navbar-right > li.header-timers > .dropdown-menu.started-timers-top,
  body.luumtech2-theme #header .navbar-nav.navbar-right > li.header-notifications > .dropdown-menu.notifications {
    position: fixed !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-top: 0 !important;
    z-index: 13140 !important;
  }

  body.luumtech2-theme #header .navbar-nav.navbar-right > li.header-timers > .dropdown-menu.started-timers-top {
    width: min(88vw, 320px) !important;
    max-width: 88vw !important;
    max-height: min(52vh, 340px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.luumtech2-theme #header .navbar-nav.navbar-right > li.header-notifications > .dropdown-menu.notifications {
    width: min(88vw, 340px) !important;
    max-width: 88vw !important;
    max-height: min(60vh, 420px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* DataTables toolbar on mobile: prevent search from sliding under length dropdown. */
  body.luumtech2-theme .panel-table-full .dataTables_wrapper > .row:first-child {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.luumtech2-theme .panel-table-full .dataTables_wrapper > .row:first-child > [class*="col-"] {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.luumtech2-theme .panel-table-full .dataTables_wrapper .dataTables_length,
  body.luumtech2-theme .panel-table-full .dataTables_wrapper .dt-buttons {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body.luumtech2-theme .panel-table-full .dataTables_wrapper .dataTables_filter {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.luumtech2-theme .panel-table-full .dataTables_wrapper .dataTables_filter label,
  body.luumtech2-theme .panel-table-full .dataTables_wrapper .dataTables_filter .input-group {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}