/*
 * XDEYE dark mode for the whole staff area.
 * Loaded after every other stylesheet (Theme Style colours, custom admin CSS, dashboard CSS),
 * so html[data-itheme="dark"] + !important wins everywhere. Light mode is not touched.
 */
html[data-itheme="dark"] {
    --xd-bg: #0b1020;
    --xd-surface: #111830;
    --xd-surface-2: #162040;
    --xd-surface-3: #1c2850;
    --xd-input: #0d1428;
    --xd-line: #232e52;
    --xd-line-2: #2d3a66;
    --xd-ink: #f1f5f9;
    --xd-text: #cbd5e1;
    --xd-muted: #8b95b0;
    --xd-accent: #3d7bff;
    --xd-accent-soft: rgba(61, 123, 255, .16);
    color-scheme: dark;
    background: var(--xd-bg) !important;
}

/* ── Page ─────────────────────────────────────────────── */
html[data-itheme="dark"] body,
html[data-itheme="dark"] #wrapper,
html[data-itheme="dark"] .content,
html[data-itheme="dark"] #cds-overview-container,
html[data-itheme="dark"] .cds-dashboard-placeholder,
html[data-itheme="dark"] .screen-options-area,
html[data-itheme="dark"] .page-header { background: var(--xd-bg) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body h1, html[data-itheme="dark"] body h2, html[data-itheme="dark"] body h3,
html[data-itheme="dark"] body h4, html[data-itheme="dark"] body h5, html[data-itheme="dark"] body h6,
html[data-itheme="dark"] body .bold, html[data-itheme="dark"] body strong, html[data-itheme="dark"] body b,
html[data-itheme="dark"] body label, html[data-itheme="dark"] body .control-label { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body p, html[data-itheme="dark"] body span:not([class*="label"]):not([class*="badge"]):not(.m),
html[data-itheme="dark"] body li, html[data-itheme="dark"] body td, html[data-itheme="dark"] body dd, html[data-itheme="dark"] body small { color: inherit; }
html[data-itheme="dark"] body .text-muted, html[data-itheme="dark"] body .text-dark-gray,
html[data-itheme="dark"] body .tw-text-neutral-400, html[data-itheme="dark"] body .tw-text-neutral-500 { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body .tw-text-neutral-600, html[data-itheme="dark"] body .tw-text-neutral-700,
html[data-itheme="dark"] body .tw-text-neutral-800, html[data-itheme="dark"] body .tw-text-neutral-900,
html[data-itheme="dark"] body .tw-text-gray-700, html[data-itheme="dark"] body .tw-text-gray-800, html[data-itheme="dark"] body .tw-text-gray-900,
html[data-itheme="dark"] body .text-dark, html[data-itheme="dark"] body .text-black { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body hr { border-color: var(--xd-line) !important; }
html[data-itheme="dark"] body a:not(.btn):not(.label):not([class*="text-"]):not([style*="color"]) { color: #7aa5ff; }
html[data-itheme="dark"] ::selection { background: rgba(61, 123, 255, .35); }
html[data-itheme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; background: var(--xd-bg); }
html[data-itheme="dark"] ::-webkit-scrollbar-thumb { background: var(--xd-line-2); border-radius: 10px; border: 2px solid var(--xd-bg); }

/* ── Sidebar ──────────────────────────────────────────── */
html[data-itheme="dark"] body #menu,
html[data-itheme="dark"] body aside#menu,
html[data-itheme="dark"] body .sidebar,
html[data-itheme="dark"] body #side-menu,
html[data-itheme="dark"] body #side-menu > li,
html[data-itheme="dark"] body #side-menu .nav-second-level,
html[data-itheme="dark"] body #side-menu .nav-second-level > li { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; }
html[data-itheme="dark"] body #menu { border-right: 1px solid var(--xd-line) !important; }
html[data-itheme="dark"] body #side-menu li a,
html[data-itheme="dark"] body #side-menu li a span,
html[data-itheme="dark"] body #side-menu li a i,
html[data-itheme="dark"] body #side-menu li a .menu-icon { color: var(--xd-text) !important; background: transparent !important; }
html[data-itheme="dark"] body #side-menu li a:hover,
html[data-itheme="dark"] body #side-menu li a:focus { background: var(--xd-surface-2) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body #side-menu > li.active > a,
html[data-itheme="dark"] body #side-menu li ul.collapse li.active > a,
html[data-itheme="dark"] body #side-menu li.active > a span,
html[data-itheme="dark"] body #side-menu li.active > a i { background: var(--xd-accent-soft) !important; color: #ffffff !important; font-weight: 600; }
html[data-itheme="dark"] body #side-menu > li.active > a { box-shadow: inset 3px 0 0 var(--xd-accent) !important; }
html[data-itheme="dark"] body .sidebar-user-profile,
html[data-itheme="dark"] body .sidebar-user-profile > a,
html[data-itheme="dark"] body .sidebar-user-profile .dropdown-toggle { background: var(--xd-surface-2) !important; border-color: var(--xd-line) !important; color: var(--xd-ink) !important; }

/* ── Top bar ──────────────────────────────────────────── */
html[data-itheme="dark"] body #header,
html[data-itheme="dark"] body #header .navbar { background: var(--xd-surface) !important; border-bottom: 1px solid var(--xd-line) !important; }
html[data-itheme="dark"] body #header .navbar-nav > li > a,
html[data-itheme="dark"] body #header .navbar-nav > li > a i { color: var(--xd-text) !important; }
html[data-itheme="dark"] body #search_input { background: var(--xd-input) !important; border-color: var(--xd-line) !important; color: var(--xd-ink) !important; }

/* ── Cards, panels, wells ─────────────────────────────── */
html[data-itheme="dark"] body .panel,
html[data-itheme="dark"] body .panel_s,
html[data-itheme="dark"] body .panel-body,
html[data-itheme="dark"] body .panel-heading,
html[data-itheme="dark"] body .panel-footer,
html[data-itheme="dark"] body .well,
html[data-itheme="dark"] body .top_stats_wrapper,
html[data-itheme="dark"] body .widget,
html[data-itheme="dark"] body .card,
html[data-itheme="dark"] body .cds-card,
html[data-itheme="dark"] body .list-group-item,
html[data-itheme="dark"] body .tw-bg-white,
html[data-itheme="dark"] body .bg-white { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body .panel_s, html[data-itheme="dark"] body .cds-card { box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 12px 32px rgba(0,0,0,.25) !important; }
html[data-itheme="dark"] body .tw-bg-neutral-50, html[data-itheme="dark"] body .tw-bg-neutral-100,
html[data-itheme="dark"] body .tw-bg-gray-50, html[data-itheme="dark"] body .tw-bg-gray-100,
html[data-itheme="dark"] body .tw-bg-slate-50, html[data-itheme="dark"] body .tw-bg-slate-100 { background: var(--xd-surface-2) !important; }
html[data-itheme="dark"] body [class*="tw-border-neutral"], html[data-itheme="dark"] body [class*="tw-border-gray"],
html[data-itheme="dark"] body [class*="tw-divide-neutral"] > * { border-color: var(--xd-line) !important; }

/* inline light backgrounds written by modules */
html[data-itheme="dark"] body #wrapper [style*="background:#fff"], html[data-itheme="dark"] body #wrapper [style*="background: #fff"],
html[data-itheme="dark"] body #wrapper [style*="background:#ffffff"], html[data-itheme="dark"] body #wrapper [style*="background: #ffffff"],
html[data-itheme="dark"] body #wrapper [style*="background-color:#fff"], html[data-itheme="dark"] body #wrapper [style*="background-color: #fff"],
html[data-itheme="dark"] body #wrapper [style*="background:white"], html[data-itheme="dark"] body #wrapper [style*="background: white"],
html[data-itheme="dark"] body #wrapper [style*="background:#f9fafb"], html[data-itheme="dark"] body #wrapper [style*="background:#f8fafc"],
html[data-itheme="dark"] body #wrapper [style*="background:#f3f4f6"], html[data-itheme="dark"] body #wrapper [style*="background:#f4f4f5"],
html[data-itheme="dark"] body #wrapper [style*="background: #f3f4f6"], html[data-itheme="dark"] body #wrapper [style*="background:#f1f5f9"],
html[data-itheme="dark"] body #wrapper [style*="background:#eff6ff"], html[data-itheme="dark"] body #wrapper [style*="background:#f0f3ff"] { background: var(--xd-surface-2) !important; }
html[data-itheme="dark"] body #wrapper [style*="color:#374151"], html[data-itheme="dark"] body #wrapper [style*="color: #374151"],
html[data-itheme="dark"] body #wrapper [style*="color:#111827"], html[data-itheme="dark"] body #wrapper [style*="color:#1f2937"],
html[data-itheme="dark"] body #wrapper [style*="color:#1e293b"], html[data-itheme="dark"] body #wrapper [style*="color:#333"],
html[data-itheme="dark"] body #wrapper [style*="color:#000"], html[data-itheme="dark"] body #wrapper [style*="color: #000"] { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body #wrapper [style*="color:#6b7280"], html[data-itheme="dark"] body #wrapper [style*="color:#9ca3af"],
html[data-itheme="dark"] body #wrapper [style*="color:#64748b"] { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body #wrapper [style*="border-color:#f0f0f0"], html[data-itheme="dark"] body #wrapper [style*="border:1px solid #e5e7eb"] { border-color: var(--xd-line) !important; }

/* ── Dashboard (custom stats) ─────────────────────────── */
html[data-itheme="dark"] body .cds-tab,
html[data-itheme="dark"] body .cds-external-link,
html[data-itheme="dark"] body .cds-custom-popup,
html[data-itheme="dark"] body [class*="cds-weather-badge"]:not(.cds-weather-badge-temp) { background: var(--xd-surface-2) !important; border-color: var(--xd-line-2) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body .cds-tab.active { background: var(--xd-accent) !important; border-color: var(--xd-accent) !important; color: #fff !important; }
html[data-itheme="dark"] body .cds-title, html[data-itheme="dark"] body .cds-header-left h4 { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .cds-header-subtitle { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body .highcharts-background { fill: transparent !important; }

/* ── Tables ───────────────────────────────────────────── */
html[data-itheme="dark"] body .table, html[data-itheme="dark"] body table.dataTable,
html[data-itheme="dark"] body .table > thead > tr > th, html[data-itheme="dark"] body .table > tbody > tr > td,
html[data-itheme="dark"] body .table > tfoot > tr > td, html[data-itheme="dark"] body table.dataTable thead th { background: transparent !important; border-color: var(--xd-line) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body .table > thead > tr > th, html[data-itheme="dark"] body table.dataTable thead th { color: var(--xd-muted) !important; background: var(--xd-surface-2) !important; }
html[data-itheme="dark"] body .table-striped > tbody > tr:nth-of-type(odd) > td { background: rgba(255,255,255,.015) !important; }
html[data-itheme="dark"] body .table-hover > tbody > tr:hover > td, html[data-itheme="dark"] body table.dataTable tbody tr:hover > td { background: var(--xd-surface-2) !important; }
html[data-itheme="dark"] body .dataTables_wrapper .dataTables_info, html[data-itheme="dark"] body .dataTables_wrapper .dataTables_length,
html[data-itheme="dark"] body .dataTables_wrapper .dataTables_filter { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body .pagination > li > a, html[data-itheme="dark"] body .pagination > li > span { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body .pagination > .active > a, html[data-itheme="dark"] body .pagination > .active > span { background: var(--xd-accent) !important; border-color: var(--xd-accent) !important; color: #fff !important; }

/* ── Forms ────────────────────────────────────────────── */
html[data-itheme="dark"] body .form-control, html[data-itheme="dark"] body input[type="text"], html[data-itheme="dark"] body input[type="email"],
html[data-itheme="dark"] body input[type="number"], html[data-itheme="dark"] body input[type="password"], html[data-itheme="dark"] body input[type="search"],
html[data-itheme="dark"] body input[type="date"], html[data-itheme="dark"] body input[type="tel"], html[data-itheme="dark"] body textarea, html[data-itheme="dark"] body select,
html[data-itheme="dark"] body .input-group-addon, html[data-itheme="dark"] body .bootstrap-select > .dropdown-toggle,
html[data-itheme="dark"] body .bootstrap-select .bs-searchbox input, html[data-itheme="dark"] body .select2-container .select2-selection,
html[data-itheme="dark"] body .dataTables_filter input, html[data-itheme="dark"] body .dataTables_length select { background: var(--xd-input) !important; border-color: var(--xd-line-2) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .form-control::placeholder, html[data-itheme="dark"] body input::placeholder, html[data-itheme="dark"] body textarea::placeholder { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body .form-control:focus { border-color: var(--xd-accent) !important; box-shadow: 0 0 0 3px var(--xd-accent-soft) !important; }
html[data-itheme="dark"] body .bootstrap-select .filter-option, html[data-itheme="dark"] body .bootstrap-select .filter-option-inner-inner { color: var(--xd-ink) !important; }

/* ── Buttons ──────────────────────────────────────────── */
html[data-itheme="dark"] body .btn-default, html[data-itheme="dark"] body .btn-white, html[data-itheme="dark"] body .btn-secondary { background: var(--xd-surface-2) !important; border-color: var(--xd-line-2) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .btn-default:hover, html[data-itheme="dark"] body .btn-default:focus { background: var(--xd-surface-3) !important; }

/* ── Dropdowns, notifications, popovers, modals ───────── */
html[data-itheme="dark"] body .dropdown-menu,
html[data-itheme="dark"] body .popover, html[data-itheme="dark"] body .popover-content, html[data-itheme="dark"] body .popover-title,
html[data-itheme="dark"] body .modal-content, html[data-itheme="dark"] body .modal-header, html[data-itheme="dark"] body .modal-body, html[data-itheme="dark"] body .modal-footer,
html[data-itheme="dark"] body .daterangepicker, html[data-itheme="dark"] body .datepicker, html[data-itheme="dark"] body .xdsoft_datetimepicker,
html[data-itheme="dark"] body .select2-dropdown, html[data-itheme="dark"] body .tooltip-inner { background: var(--xd-surface) !important; border-color: var(--xd-line-2) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body .dropdown-menu > li > a, html[data-itheme="dark"] body .dropdown-menu li a { color: var(--xd-text) !important; background: transparent !important; }
html[data-itheme="dark"] body .dropdown-menu > li > a:hover, html[data-itheme="dark"] body .dropdown-menu li a:focus,
html[data-itheme="dark"] body .dropdown-menu > .active > a { background: var(--xd-surface-2) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .dropdown-menu .divider { background: var(--xd-line) !important; }
/* notifications list (unread rows were light blue) */
html[data-itheme="dark"] body .notifications li, html[data-itheme="dark"] body .notifications li > a,
html[data-itheme="dark"] body .notifications .notification-box, html[data-itheme="dark"] body .notifications [class*="unread"],
html[data-itheme="dark"] body #header .dropdown-menu [class*="unread"], html[data-itheme="dark"] body #header .dropdown-menu li { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; }
html[data-itheme="dark"] body .notifications [class*="unread"], html[data-itheme="dark"] body #header .dropdown-menu [class*="unread"] { background: var(--xd-surface-2) !important; box-shadow: inset 3px 0 0 var(--xd-accent); }
html[data-itheme="dark"] body .notifications li *, html[data-itheme="dark"] body #header .dropdown-menu li * { color: var(--xd-text) !important; }
html[data-itheme="dark"] body .notifications [class*="unread"] *, html[data-itheme="dark"] body #header .dropdown-menu [class*="unread"] * { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .notifications .text-muted, html[data-itheme="dark"] body .notifications time,
html[data-itheme="dark"] body .notifications [class*="date"] { color: #7aa5ff !important; }
html[data-itheme="dark"] body .modal-backdrop.in { opacity: .7; }
html[data-itheme="dark"] body .close { color: var(--xd-ink) !important; opacity: .7; text-shadow: none; }

/* ── Tabs, labels, badges, alerts, kanban ─────────────── */
html[data-itheme="dark"] body .nav-tabs, html[data-itheme="dark"] body .horizontal-tabs { border-color: var(--xd-line) !important; background: transparent !important; }
html[data-itheme="dark"] body .nav-tabs > li > a { color: var(--xd-muted) !important; background: transparent !important; border-color: transparent !important; }
html[data-itheme="dark"] body .nav-tabs > li.active > a, html[data-itheme="dark"] body .nav-tabs > li > a:hover { color: var(--xd-ink) !important; border-bottom-color: var(--xd-accent) !important; }
html[data-itheme="dark"] body .label-default, html[data-itheme="dark"] body .badge:not([style]) { background: var(--xd-surface-3) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .alert-info { background: rgba(61,123,255,.12) !important; border-color: rgba(61,123,255,.35) !important; color: #c7d7ff !important; }
html[data-itheme="dark"] body .alert-success { background: rgba(34,211,166,.1) !important; border-color: rgba(34,211,166,.35) !important; color: #b7f3e3 !important; }
html[data-itheme="dark"] body .alert-warning { background: rgba(255,176,32,.1) !important; border-color: rgba(255,176,32,.35) !important; color: #ffe2a8 !important; }
html[data-itheme="dark"] body .alert-danger { background: rgba(255,93,115,.1) !important; border-color: rgba(255,93,115,.35) !important; color: #ffc4cd !important; }
html[data-itheme="dark"] body .kan-ban-col, html[data-itheme="dark"] body .kan-ban-col .panel-heading,
html[data-itheme="dark"] body .kanban-item, html[data-itheme="dark"] body .kan-ban-content-wrapper { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; }

/* ── Setup menu (right-hand panel) ────────────────────── */
html[data-itheme="dark"] body #setup-menu-wrapper,
html[data-itheme="dark"] body #setup-menu,
html[data-itheme="dark"] body #setup-menu > div { background: var(--xd-surface) !important; border-color: var(--xd-line) !important; color: var(--xd-text) !important; }
html[data-itheme="dark"] body #setup-menu-wrapper { border-left: 1px solid var(--xd-line) !important; box-shadow: -18px 0 40px rgba(0,0,0,.35) !important; }
html[data-itheme="dark"] body #setup-menu .customizer-heading { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body #setup-menu .close-customizer { color: var(--xd-muted) !important; background: transparent !important; }
html[data-itheme="dark"] body #setup-menu > li,
html[data-itheme="dark"] body #setup-menu > li:first-child,
html[data-itheme="dark"] body #setup-menu li .nav-second-level,
html[data-itheme="dark"] body #setup-menu li .nav-second-level > li { background: transparent !important; border-color: var(--xd-line) !important; box-shadow: none !important; }
html[data-itheme="dark"] body #setup-menu li a,
html[data-itheme="dark"] body #setup-menu li a span,
html[data-itheme="dark"] body #setup-menu li a i { background: var(--xd-surface-2) !important; color: var(--xd-text) !important; border-color: var(--xd-line) !important; }
html[data-itheme="dark"] body #setup-menu li .nav-second-level li a,
html[data-itheme="dark"] body #setup-menu li .nav-second-level li a span { background: transparent !important; color: var(--xd-muted) !important; }
html[data-itheme="dark"] body #setup-menu li a:hover,
html[data-itheme="dark"] body #setup-menu li a:hover span,
html[data-itheme="dark"] body #setup-menu li a:focus,
html[data-itheme="dark"] body #setup-menu li .nav-second-level li a:hover { background: var(--xd-surface-3) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body #setup-menu li.active > a,
html[data-itheme="dark"] body #setup-menu li.active > a span,
html[data-itheme="dark"] body #setup-menu li .nav-second-level li.active > a { background: var(--xd-accent-soft) !important; color: #ffffff !important; }
html[data-itheme="dark"] body #setup-menu .badge { background: var(--xd-surface-3) !important; color: var(--xd-ink) !important; }

/* ── Menu badges: white numbers in light and dark mode ── */
html[data-itheme] body #side-menu .badge, html[data-itheme] body #side-menu .badge *,
html[data-itheme] body #side-menu [class*="menu-badge"], html[data-itheme] body #side-menu li a span.badge,
html[data-itheme] body #setup-menu .badge { color: #ffffff !important; font-weight: 700 !important; }

/* ── XDEYE yellow accent (from the logo) in dark mode ── */
html[data-itheme="dark"] { --xd-yellow: #ffcc00; }
html[data-itheme="dark"] body .sidebar-user-profile .profile .tw-font-semibold { color: var(--xd-yellow) !important; }
html[data-itheme="dark"] body .sidebar-user-profile .profile { border-color: rgba(255, 204, 0, .28) !important; }
html[data-itheme="dark"] body .sidebar-user-profile .profile:hover { border-color: rgba(255, 204, 0, .55) !important; }
html[data-itheme="dark"] body .sidebar-user-profile .staff-profile-image-small { box-shadow: 0 0 0 2px var(--xd-yellow) !important; }
html[data-itheme="dark"] body #header .hide-menu,
html[data-itheme="dark"] body #header .hide-menu i,
html[data-itheme="dark"] body #header .hide-menu svg { color: var(--xd-yellow) !important; }
html[data-itheme="dark"] body #header .hide-menu:hover { background: rgba(255, 204, 0, .12) !important; }

/* ── Menu shine (light and dark): active item + Vexa AI ── */
html[data-itheme] body #side-menu > li > a { position: relative; overflow: hidden; }
/* active item: flowing gradient edge and a soft sheen */
html[data-itheme] body #side-menu > li.active > a { box-shadow: none !important; }
html[data-itheme] body #side-menu > li.active > a::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #0b5cff, #7c5cff, #00c2ff, #0b5cff); background-size: 100% 300%;
  animation: xd-menu-flow 4s ease-in-out infinite; }
html[data-itheme] body #side-menu > li.active > a::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(124, 92, 255, .14) 50%, transparent 65%); background-size: 250% 100%;
  animation: xd-menu-sheen 5s ease-in-out infinite; }
html[data-itheme="dark"] body #side-menu > li.active > a::after { background-image: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .09) 50%, transparent 65%); }
/* Vexa AI: gradient name and icon, glowing AI chip */
html[data-itheme] body #side-menu > li.menu-item-crm-ai > a .menu-text,
html[data-itheme] body #side-menu > li.menu-item-crm-ai > a i.menu-icon {
  background: linear-gradient(90deg, #0b5cff, #7c5cff, #ff5da2, #7c5cff, #0b5cff) !important; background-size: 250% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
  animation: xd-menu-ai 6s linear infinite; font-weight: 600; }
html[data-itheme="dark"] body #side-menu > li.menu-item-crm-ai > a .menu-text,
html[data-itheme="dark"] body #side-menu > li.menu-item-crm-ai > a i.menu-icon { background: linear-gradient(90deg, #7aa5ff, #b9a6ff, #ff9fc4, #b9a6ff, #7aa5ff) !important; background-size: 250% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; }
html[data-itheme] body #side-menu > li.menu-item-crm-ai > a .menu-text::after {
  content: "AI"; display: inline-block; margin-left: 8px; padding: 1px 6px; border-radius: 999px; vertical-align: 1px;
  font-size: 9.5px; font-weight: 800; letter-spacing: .06em; color: #fff; -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #0b5cff, #7c5cff); box-shadow: 0 0 0 0 rgba(124, 92, 255, .55);
  animation: xd-menu-glow 2.4s ease-out infinite; }
@keyframes xd-menu-flow { 0%, 100% { background-position: 50% 0%; } 50% { background-position: 50% 100%; } }
@keyframes xd-menu-sheen { 0%, 55% { background-position: 160% 0; } 100% { background-position: -60% 0; } }
@keyframes xd-menu-ai { to { background-position: -250% 0; } }
@keyframes xd-menu-glow { 0% { box-shadow: 0 0 0 0 rgba(124, 92, 255, .55); } 80%, 100% { box-shadow: 0 0 0 6px rgba(124, 92, 255, 0); } }
@media (prefers-reduced-motion: reduce) {
  html[data-itheme] body #side-menu > li > a::before, html[data-itheme] body #side-menu > li > a::after,
  html[data-itheme] body #side-menu > li.menu-item-crm-ai > a .menu-text, html[data-itheme] body #side-menu > li.menu-item-crm-ai > a i.menu-icon,
  html[data-itheme] body #side-menu > li.menu-item-crm-ai > a .menu-text::after { animation: none !important; } }

/* ── Dashboard weather chips: readable in dark mode ── */
html[data-itheme="dark"] body .cds-weather-badge { background: var(--xd-surface-2) !important; border-color: var(--xd-line-2) !important; color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .cds-weather-badge-city { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body .cds-weather-badge-temp { color: #ffffff !important; font-weight: 700 !important; }
html[data-itheme="dark"] body .cds-weather-badge-sep { color: var(--xd-muted) !important; }
html[data-itheme="dark"] body .cds-weather-message { color: var(--xd-ink) !important; }
html[data-itheme="dark"] body #cds-weather-strip { border-bottom: 0 !important; }