/*
 * MentisVR theme overlay
 *   mvrDemo.setTheme('original' | 'cool-light')
 *   mvrDemo.list()
 *
 * Turn off: comment out the link/script in _head_css / _vendor_scripts
 */

/* -------------------------------------------------------------------------- */
/* 1) Original — current production dark                                      */
/* -------------------------------------------------------------------------- */

:root,
html[data-mvr-theme="original"] {
  --mvr-bg: #070b16;
  --mvr-content-bg: transparent;
  --mvr-bg-elevated: #0b1220;
  --mvr-rail: #0b1220;
  --mvr-surface: #10182a;
  --mvr-surface-2: #162238;
  --mvr-border: #243552;
  --mvr-border-subtle: rgba(130, 170, 230, 0.12);
  --mvr-text: #ffffff;
  --mvr-text-muted: #8b9bb8;
  --mvr-text-soft: #a8b6cc;
  --mvr-body-rgb: 7, 11, 22;
  --mvr-surface-rgb: 16, 24, 42;
  --mvr-surface-2-rgb: 22, 34, 56;
  --mvr-glow-a: rgba(79, 140, 255, 0.2);
  --mvr-glow-b: rgba(123, 97, 255, 0.12);
  --mvr-wash-0: rgba(7, 11, 22, 0.9);
  --mvr-wash-1: rgba(8, 16, 36, 0.72);
  --mvr-wash-2: rgba(7, 11, 22, 0.93);
  --mvr-header-fill: rgba(7, 11, 22, 0.78);
  --mvr-card-sheen: rgba(22, 40, 72, 0.35);
  --mvr-primary: #7b61ff;
  --mvr-primary-rgb: 123, 97, 255;
  --mvr-blue: #4f8cff;
  --mvr-blue-rgb: 79, 140, 255;
  --mvr-chart-1: #7b61ff;
  --mvr-chart-2: #8b9bb8;
  --mvr-chart-3: #5b8def;
  --mvr-chart-4: #9b7aff;
  --mvr-chart-5: #c4b5fd;
  --mvr-chart-6: #4f8cff;
  --mvr-chart-label: #c4b5fd;
  --mvr-on-primary: #ffffff;
  --mvr-on-tint: #ffffff;
  --mvr-on-dark: #f3f7ff;
}

/* -------------------------------------------------------------------------- */
/* 2) Cool Light — navy chrome, light page, teal accent                       */
/* -------------------------------------------------------------------------- */

html[data-mvr-theme="cool-light"] {
  --mvr-bg: #f1f5f9;
  --mvr-content-bg: #f1f5f9;
  --mvr-bg-elevated: #ffffff;
  --mvr-rail: #1e293b;
  --mvr-surface: #ffffff;
  --mvr-surface-2: #eef2f7;
  --mvr-border: #d5dce8;
  --mvr-border-subtle: rgba(19, 32, 58, 0.1);
  --mvr-text: #13203a;
  --mvr-text-muted: #5c6b82;
  --mvr-text-soft: #2c3a54;
  --mvr-body-rgb: 241, 245, 249;
  --mvr-surface-rgb: 255, 255, 255;
  --mvr-surface-2-rgb: 238, 242, 247;
  --mvr-glow-a: transparent;
  --mvr-glow-b: transparent;
  --mvr-wash-0: #f1f5f9;
  --mvr-wash-1: #f1f5f9;
  --mvr-wash-2: #f1f5f9;
  --mvr-header-fill: #1e293b;
  --mvr-card-sheen: transparent;
  --mvr-primary: #0d9488;
  --mvr-primary-rgb: 13, 148, 136;
  --mvr-blue: #0f766e;
  --mvr-blue-rgb: 15, 118, 110;
  --mvr-chart-1: #0d9488;
  --mvr-chart-2: #e2e8f0;
  --mvr-chart-3: #0d9488;
  --mvr-chart-4: #94a3b8;
  --mvr-chart-5: #14b8a6;
  --mvr-chart-6: #1e293b;
  --mvr-chart-label: #5c6b82;
  --mvr-on-primary: #ffffff;
  --mvr-on-tint: #0f766e;
  --mvr-on-dark: #f8fafc;
}

/* -------------------------------------------------------------------------- */
/* Surfaces                                                                   */
/* -------------------------------------------------------------------------- */

[data-bs-theme=dark] {
  --vz-body-bg: var(--mvr-bg);
  --vz-body-bg-rgb: var(--mvr-body-rgb);
  --vz-secondary-bg: var(--mvr-surface);
  --vz-secondary-bg-rgb: var(--mvr-surface-rgb);
  --vz-tertiary-bg: var(--mvr-surface-2);
  --vz-light: var(--mvr-surface-2);
  --vz-light-rgb: var(--mvr-surface-2-rgb);
  --vz-dark: var(--mvr-rail);
  --vz-input-bg: var(--mvr-bg-elevated);
  --vz-card-bg-fill: var(--mvr-surface);
  --vz-dropdown-bg: var(--mvr-surface);
  --vz-modal-bg: var(--mvr-surface);
  --vz-offcanvas-bg: var(--mvr-surface);
  --vz-topbar-search-bg: color-mix(in srgb, var(--mvr-bg-elevated) 88%, transparent);
  --vz-primary: var(--mvr-primary);
  --vz-primary-rgb: var(--mvr-primary-rgb);
}

[data-bs-theme=dark][data-sidebar=dark] {
  --vz-vertical-menu-bg: var(--mvr-rail);
  --vz-twocolumn-menu-iconview-bg: var(--mvr-bg);
}

[data-bs-theme=dark] body {
  background-color: var(--mvr-bg) !important;
  background-image:
    radial-gradient(ellipse 70% 45% at 50% -5%, var(--mvr-glow-a), transparent 60%),
    radial-gradient(ellipse 45% 35% at 85% 18%, var(--mvr-glow-b), transparent 55%),
    linear-gradient(165deg, var(--mvr-wash-0) 0%, var(--mvr-wash-1) 42%, var(--mvr-wash-2) 100%),
    var(--mvr-stadium-image) !important;
}

[data-bs-theme=dark] .navbar-menu {
  background: var(--mvr-rail) !important;
}

[data-bs-theme=dark] .navbar-header,
[data-bs-theme=dark] #page-topbar {
  background: var(--mvr-header-fill) !important;
}

[data-bs-theme=dark] .card {
  background:
    linear-gradient(180deg, var(--mvr-card-sheen) 0%, transparent 42%),
    var(--mvr-surface);
  box-shadow: 0 10px 28px rgba(8, 14, 28, 0.22);
}

[data-bs-theme=dark] .main-content,
[data-bs-theme=dark] .page-content {
  background: var(--mvr-content-bg);
}

.mvr-team-card-logo {
  background: var(--mvr-rail);
}

.mvr-cog-bar-track {
  background: var(--mvr-surface-2);
}

.mvr-cog-bar {
  background: linear-gradient(90deg, var(--mvr-chart-1) 0%, var(--mvr-chart-3) 100%);
}

.mvr-cog-legend-you {
  color: var(--mvr-chart-label);
}

.mvr-cog-legend-you::before {
  border-top-color: var(--mvr-chart-1);
}

.mvr-cog-legend-team::before {
  border-top-color: var(--mvr-chart-2);
}

.mvr-cogfn-spark svg polyline {
  stroke: var(--mvr-chart-1) !important;
}

/* -------------------------------------------------------------------------- */
/* Shared contrast                                                            */
/* -------------------------------------------------------------------------- */

.btn-primary {
  color: var(--mvr-on-primary) !important;
  background-color: var(--mvr-primary) !important;
  border-color: var(--mvr-primary) !important;
}

.mvr-export-open {
  color: var(--mvr-on-tint);
}

.mvr-export-open:hover {
  color: var(--mvr-on-tint);
}

.mvr-teams-toolbar {
  background: var(--mvr-surface);
  box-shadow: 0 8px 24px rgba(8, 14, 28, 0.12);
}

.mvr-teams-toolbar .mvr-search .form-control {
  background: var(--mvr-bg-elevated);
  color: var(--mvr-text);
  border-color: var(--mvr-border);
}

.mvr-team-profile-meta {
  color: var(--mvr-text-muted);
}

.mvr-team-profile-meta strong {
  color: var(--mvr-text);
}

.mvr-team-admin-count {
  color: var(--mvr-on-tint);
}

.mvr-panel-link,
.btn-mvr-link-sm {
  color: var(--mvr-primary);
}

.mvr-transfer-col {
  background: var(--mvr-surface-2);
}

.mvr-transfer-btn {
  background: var(--mvr-surface);
  color: var(--mvr-text);
  border-color: var(--mvr-border-subtle);
}

.mvr-transfer-icon {
  color: var(--mvr-primary);
}

.mvr-player-active-chrome-meta {
  background: var(--mvr-surface);
  color: var(--mvr-text);
}

.mvr-player-perf-app,
.mvr-page-kicker {
  color: var(--mvr-primary);
}

.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: var(--mvr-on-primary) !important;
  background-color: var(--mvr-primary) !important;
  border-color: var(--mvr-primary) !important;
}

/* -------------------------------------------------------------------------- */
/* Cool Light — light page, light windows, quieter buttons                    */
/* -------------------------------------------------------------------------- */

html[data-mvr-theme="cool-light"][data-bs-theme=dark] {
  --vz-body-color: var(--mvr-text);
  --vz-heading-color: var(--mvr-text);
  --vz-secondary-color: var(--mvr-text-muted);
  --vz-header-item-sub-color: #94a3b8;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] body {
  background-image: none !important;
  background-color: var(--mvr-bg) !important;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .layout-wrapper,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] #layout-wrapper,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .page-content,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .footer {
  background: var(--mvr-content-bg);
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .card {
  background: #ffffff;
  color: var(--mvr-text);
  border-color: var(--mvr-border-subtle);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content h1,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content h2,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content h3,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content h4,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content h5,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content p,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content label,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content .table,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .main-content .form-label {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .form-control,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .form-select,
html[data-mvr-theme="cool-light"] .auth-page-wrapper .form-control,
html[data-mvr-theme="cool-light"] .auth-page-wrapper .form-select {
  color-scheme: light;
  background-color: #ffffff !important;
  color: var(--mvr-text) !important;
  border: 1px solid var(--mvr-border) !important;
  -webkit-text-fill-color: var(--mvr-text);
  caret-color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .form-control:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .form-select:focus,
html[data-mvr-theme="cool-light"] .auth-page-wrapper .form-control:focus {
  background-color: #ffffff !important;
  color: var(--mvr-text) !important;
  border-color: rgba(var(--mvr-primary-rgb), 0.55) !important;
  -webkit-text-fill-color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .form-control:-webkit-autofill,
html[data-mvr-theme="cool-light"] .form-control:-webkit-autofill:hover,
html[data-mvr-theme="cool-light"] .form-control:-webkit-autofill:focus,
html[data-mvr-theme="cool-light"] .form-control:autofill {
  color-scheme: light;
  -webkit-text-fill-color: var(--mvr-text) !important;
  caret-color: var(--mvr-text);
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  border: 1px solid var(--mvr-border) !important;
  transition: background-color 99999s ease-out;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .form-label,
html[data-mvr-theme="cool-light"] .mvr-te .form-label {
  color: var(--mvr-text-soft);
}

/* Dark chrome (sidebar / topbar) keeps light type */
html[data-mvr-theme="cool-light"] #page-topbar .mvr-viewing-label,
html[data-mvr-theme="cool-light"] #page-topbar .user-name-sub-text,
html[data-mvr-theme="cool-light"] #page-topbar .text-muted,
html[data-mvr-theme="cool-light"] #page-topbar .light-dark-mode,
html[data-mvr-theme="cool-light"] #page-topbar .header-item i {
  color: #94a3b8 !important;
}

html[data-mvr-theme="cool-light"] #page-topbar .user-name-text {
  color: #f8fafc !important;
}

html[data-mvr-theme="cool-light"] .mvr-role-switch {
  background: #ffffff;
}

html[data-mvr-theme="cool-light"] .mvr-role-pill.is-active {
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.28);
}

/* Buttons: solid teal primary, quiet outline otherwise */
html[data-mvr-theme="cool-light"] .btn-primary,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-primary {
  color: #fff !important;
  background: var(--mvr-primary) !important;
  border: 1px solid var(--mvr-primary) !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.2) !important;
  filter: none !important;
  transform: none;
}

html[data-mvr-theme="cool-light"] .btn-primary:hover,
html[data-mvr-theme="cool-light"] .btn-primary:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-primary:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-primary:focus {
  color: #fff !important;
  background: #0f766e !important;
  border-color: #0f766e !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.22) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium {
  color: var(--mvr-on-tint) !important;
  background: #ffffff !important;
  border: 1px solid var(--mvr-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  filter: none !important;
  transform: none;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium .mvr-team-action-label,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium .mvr-team-action-hint {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium .mvr-team-action-label {
  color: var(--mvr-on-tint) !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium .mvr-team-action-hint {
  color: var(--mvr-text-muted) !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium:focus,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium:focus-visible,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-mvr-stadium:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-mvr-stadium:focus {
  color: var(--mvr-on-tint) !important;
  background: #f0fdfa !important;
  border-color: var(--mvr-border) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium:hover .mvr-team-action-label,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium:focus .mvr-team-action-label {
  color: var(--mvr-on-tint) !important;
  background: transparent !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium:hover .mvr-team-action-hint,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium:focus .mvr-team-action-hint {
  color: var(--mvr-text-muted) !important;
  background: transparent !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium.is-primary,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium.is-primary .mvr-team-action-label {
  color: #fff !important;
  background: var(--mvr-primary) !important;
  border-color: var(--mvr-primary) !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.22) !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium.is-primary .mvr-team-action-label {
  background: transparent !important;
  border: 0 !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-stadium.is-primary:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-stadium.is-primary:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-mvr-stadium.is-primary:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-mvr-stadium.is-primary:focus {
  color: #fff !important;
  background: #0f766e !important;
  border-color: #0f766e !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.22) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-light,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn.dt-button,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-info,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-primary,
html[data-mvr-theme="cool-light"] .btn-mvr-outline-sm,
html[data-mvr-theme="cool-light"] .mvr-export-open {
  color: var(--mvr-on-tint) !important;
  background: #ffffff !important;
  border: 1px solid var(--mvr-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  filter: none !important;
  transform: none;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-light:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-light:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn.dt-button:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn.dt-button:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-info:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-info:focus,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-primary:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-primary:focus,
html[data-mvr-theme="cool-light"] .btn-mvr-outline-sm:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-outline-sm:focus,
html[data-mvr-theme="cool-light"] .mvr-export-open:hover,
html[data-mvr-theme="cool-light"] .mvr-export-open:focus {
  color: var(--mvr-on-tint) !important;
  background: #f0fdfa !important;
  border-color: var(--mvr-border) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-danger {
  color: #b91c1c !important;
  background: #fff !important;
  border: 1px solid #fecaca !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  filter: none !important;
}

html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-danger:hover,
html[data-mvr-theme="cool-light"][data-bs-theme=dark] .btn-outline-danger:focus {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"] .mvr-bulk-bar {
  background: #f0fdfa;
  border-bottom-color: var(--mvr-border);
}

html[data-mvr-theme="cool-light"] .mvr-bulk-count {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk {
  color: var(--mvr-on-tint) !important;
  background: #ffffff !important;
  border: 1px solid var(--mvr-border) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-bulk:focus {
  color: var(--mvr-on-tint) !important;
  background: #f0fdfa !important;
  border-color: var(--mvr-border) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-warning {
  color: #9a3412 !important;
  background: #fff7ed !important;
  border-color: #fdba74 !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-warning:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-warning:focus {
  color: #7c2d12 !important;
  background: #ffedd5 !important;
  border-color: #fb923c !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-danger {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-danger:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-bulk.is-danger:focus {
  color: #7f1d1d !important;
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-cta,
html[data-mvr-theme="cool-light"] .mvr-player-hub-cognitive-cta {
  color: #fff !important;
  background: var(--mvr-primary) !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.22) !important;
  filter: none !important;
  transform: none;
}

html[data-mvr-theme="cool-light"] .btn-mvr-cta:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-cta:focus,
html[data-mvr-theme="cool-light"] .mvr-player-hub-cognitive-cta:hover {
  color: #fff !important;
  background: #0f766e !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.22) !important;
  filter: none !important;
  transform: none !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-ghost {
  color: var(--mvr-on-tint) !important;
  background: #ffffff !important;
  border: 1px solid var(--mvr-border) !important;
}

html[data-mvr-theme="cool-light"] .btn-mvr-ghost:hover,
html[data-mvr-theme="cool-light"] .btn-mvr-ghost:focus {
  color: var(--mvr-on-tint) !important;
  background: #f0fdfa !important;
  border-color: var(--mvr-border) !important;
}

html[data-mvr-theme="cool-light"] .mvr-shortcut-card:hover {
  background: #f0fdfa !important;
  border-color: #99f6e4 !important;
  transform: none;
}

html[data-mvr-theme="cool-light"] .mvr-shortcut-card:hover .mvr-shortcut-title {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-shortcut-card:hover .mvr-shortcut-desc {
  color: var(--mvr-text-muted);
}

html[data-mvr-theme="cool-light"] .mvr-shortcut-card:hover .mvr-shortcut-arrow {
  color: var(--mvr-primary);
}

html[data-mvr-theme="cool-light"] .apexcharts-tooltip,
html[data-mvr-theme="cool-light"] .apexcharts-tooltip.apexcharts-theme-dark,
html[data-mvr-theme="cool-light"] .apexcharts-tooltip.apexcharts-theme-light {
  background: #ffffff !important;
  color: var(--mvr-text) !important;
  border: 1px solid var(--mvr-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

html[data-mvr-theme="cool-light"] .apexcharts-tooltip *,
html[data-mvr-theme="cool-light"] .mvr-academy-tooltip {
  color: var(--mvr-text) !important;
}

html[data-mvr-theme="cool-light"] .apexcharts-tooltip-title {
  background: #f8fafc !important;
  color: var(--mvr-text) !important;
  border-bottom-color: var(--mvr-border) !important;
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-item {
  opacity: 1;
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-item:hover {
  opacity: 1;
  background: #f0fdfa;
  border-color: var(--mvr-border);
  box-shadow: none;
  transform: none;
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-item.highlighted-app {
  opacity: 1;
  background: #f0fdfa;
  border-color: #99f6e4;
  box-shadow: none;
  transform: none;
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-item.highlighted-app::after {
  background: var(--mvr-primary);
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-cog {
  color: var(--mvr-primary);
}

html[data-mvr-theme="cool-light"] .mvr-player-app-switcher-item img[alt="Academy"] {
  filter: brightness(0.42) contrast(1.35) saturate(1.45);
}

html[data-mvr-theme="cool-light"] .mvr-player-perf-tabs {
  background: #fff;
}

html[data-mvr-theme="cool-light"] .mvr-player-perf-tabs .nav-link {
  color: var(--mvr-text-muted);
}

html[data-mvr-theme="cool-light"] .mvr-player-perf-tabs .nav-link:hover {
  color: var(--mvr-text);
  background: var(--mvr-surface-2);
}

html[data-mvr-theme="cool-light"] .mvr-player-perf-tabs .nav-link.active {
  color: #fff;
  background: var(--mvr-primary);
  box-shadow: none;
}

html[data-mvr-theme="cool-light"] .mvr-player-hub-app {
  background: #fff;
  color: var(--mvr-text-soft) !important;
}

html[data-mvr-theme="cool-light"] .mvr-player-hub-app:hover {
  background: #f0fdfa;
  border-color: var(--mvr-border);
  color: var(--mvr-on-tint) !important;
}

html[data-mvr-theme="cool-light"] .mvr-player-hub-app.is-academy span {
  color: var(--mvr-text-soft) !important;
}

html[data-mvr-theme="cool-light"] .mvr-player-hub-cognitive-icon,
html[data-mvr-theme="cool-light"] .mvr-cogfn-icon {
  color: var(--mvr-primary);
  background: rgba(var(--mvr-primary-rgb), 0.12);
}

html[data-mvr-theme="cool-light"] .mvr-td-summary,
html[data-mvr-theme="cool-light"] .mvr-te-summary,
html[data-mvr-theme="cool-light"] .mvr-pm-summary {
  background: #ffffff;
  border: 1px solid var(--mvr-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-pm-kicker,
html[data-mvr-theme="cool-light"] .mvr-te-kicker,
html[data-mvr-theme="cool-light"] .mvr-td-summary-kicker {
  color: var(--mvr-primary);
}

html[data-mvr-theme="cool-light"] .mvr-pm-title,
html[data-mvr-theme="cool-light"] .mvr-te-title,
html[data-mvr-theme="cool-light"] .mvr-td-summary-name {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-pm-desc,
html[data-mvr-theme="cool-light"] .mvr-te-desc {
  color: var(--mvr-text-muted);
}

html[data-mvr-theme="cool-light"] .mvr-td-stat,
html[data-mvr-theme="cool-light"] .mvr-te-stat,
html[data-mvr-theme="cool-light"] .mvr-pm-stat {
  background: #f8fafc;
  border: 1px solid var(--mvr-border);
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-td-stat-label,
html[data-mvr-theme="cool-light"] .mvr-te-stat-label,
html[data-mvr-theme="cool-light"] .mvr-pm-stat-label {
  color: var(--mvr-text-muted);
}

html[data-mvr-theme="cool-light"] .mvr-td-stat-value,
html[data-mvr-theme="cool-light"] .mvr-te-stat-value,
html[data-mvr-theme="cool-light"] .mvr-pm-stat-value {
  color: var(--mvr-text);
}

/* Nested wells: stay off-white, not the original dark overlay */
html[data-mvr-theme="cool-light"] .mvr-te-member-card,
html[data-mvr-theme="cool-light"] .mvr-te-scenario-list,
html[data-mvr-theme="cool-light"] .mvr-pm-dropzone,
html[data-mvr-theme="cool-light"] .mvr-td-import,
html[data-mvr-theme="cool-light"] .mvr-transfer-col {
  background: #f8fafc;
  border: 1px solid var(--mvr-border);
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-pm-dropzone {
  border-style: dashed;
  border-color: #cbd5e1;
}

html[data-mvr-theme="cool-light"] .mvr-te-member-title,
html[data-mvr-theme="cool-light"] .mvr-te-scenario-app-title,
html[data-mvr-theme="cool-light"] .mvr-te-scenario-name,
html[data-mvr-theme="cool-light"] .mvr-pm-panel-title {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-te-member-title i,
html[data-mvr-theme="cool-light"] .mvr-pm-panel-title i {
  color: var(--mvr-primary);
}

html[data-mvr-theme="cool-light"] .mvr-te-chip,
html[data-mvr-theme="cool-light"] .mvr-pm-chip {
  color: var(--mvr-on-tint);
  background: rgba(var(--mvr-primary-rgb), 0.12);
}

html[data-mvr-theme="cool-light"] .mvr-te-scenario-item:hover {
  background: #ffffff;
  border-color: var(--mvr-border);
}

html[data-mvr-theme="cool-light"] .mvr-te-creator.is-coach {
  color: var(--mvr-on-tint);
  background: rgba(var(--mvr-primary-rgb), 0.1);
  border-color: rgba(var(--mvr-primary-rgb), 0.22);
}

html[data-mvr-theme="cool-light"] .mvr-pm-chip-item {
  color: var(--mvr-on-tint) !important;
  background: #ffffff !important;
  border: 1px solid var(--mvr-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

html[data-mvr-theme="cool-light"] .mvr-pm-chip-item:hover {
  color: var(--mvr-on-tint) !important;
  background: #f0fdfa !important;
  border-color: var(--mvr-border) !important;
  transform: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

html[data-mvr-theme="cool-light"] .mvr-te-tabs .nav-link,
html[data-mvr-theme="cool-light"] .mvr-td-tabs .nav-link {
  color: var(--mvr-text-muted);
  background: transparent;
}

html[data-mvr-theme="cool-light"] .mvr-te-tabs .nav-link.active,
html[data-mvr-theme="cool-light"] .mvr-td-tabs .nav-link.active {
  color: var(--mvr-on-tint);
  background: #f0fdfa;
  border-color: var(--mvr-border);
  border-bottom-color: #ffffff;
}

html[data-mvr-theme="cool-light"] .mvr-te-switch {
  background: #f0fdf9;
  border-color: #99f6e4;
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-te-switch .form-check-label {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .mvr-team-card-name {
  color: var(--mvr-on-dark);
}

/* Vivid windows / modals */
html[data-mvr-theme="cool-light"] .vivid-window {
  background: #ffffff;
  color: var(--mvr-text);
  border: 1px solid var(--mvr-border);
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
}

html[data-mvr-theme="cool-light"] .vivid-window-header {
  color: var(--mvr-text);
  background: #f8fafc;
  border-bottom: 1px solid var(--mvr-border);
  font-size: 1.05rem;
  font-weight: 700;
}

html[data-mvr-theme="cool-light"] .vivid-window-close {
  color: var(--mvr-text) !important;
  background: #ffffff !important;
  border-color: var(--mvr-border);
  box-shadow: none;
}

html[data-mvr-theme="cool-light"] .vivid-window-close:hover,
html[data-mvr-theme="cool-light"] .vivid-window-close:focus {
  color: var(--mvr-on-tint) !important;
  background: rgba(var(--mvr-primary-rgb), 0.1) !important;
  border-color: rgba(var(--mvr-primary-rgb), 0.45);
  box-shadow: none;
}

html[data-mvr-theme="cool-light"] .vivid-window-content .card {
  background: #ffffff;
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .vivid-window-content .form-control,
html[data-mvr-theme="cool-light"] .vivid-window-content .form-select {
  background-color: #ffffff;
  color: var(--mvr-text);
  border-color: var(--mvr-border);
}

html[data-mvr-theme="cool-light"] .vivid-overlay {
  background: rgba(15, 23, 42, 0.38);
}

html[data-mvr-theme="cool-light"] .vivid-window-content label,
html[data-mvr-theme="cool-light"] .vivid-window-content .form-label,
html[data-mvr-theme="cool-light"] .vivid-window-content h1,
html[data-mvr-theme="cool-light"] .vivid-window-content h2,
html[data-mvr-theme="cool-light"] .vivid-window-content h3,
html[data-mvr-theme="cool-light"] .vivid-window-content h4,
html[data-mvr-theme="cool-light"] .vivid-window-content h5,
html[data-mvr-theme="cool-light"] .vivid-window-content p,
html[data-mvr-theme="cool-light"] .vivid-window-content .table {
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .modal-content {
  background: #ffffff;
  color: var(--mvr-text);
}

html[data-mvr-theme="cool-light"] .modal-header {
  background: #f8fafc;
  color: var(--mvr-text);
  border-bottom-color: var(--mvr-border);
}

/* -------------------------------------------------------------------------- */
/* Demo panel                                                                 */
/* -------------------------------------------------------------------------- */

.mvr-demo {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 12000;
  width: 16.5rem;
  color: #fff;
  font-family: "Saira", sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(16, 22, 36, 0.92);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
}

.mvr-demo.is-collapsed {
  width: auto;
}

.mvr-demo-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.7rem 0.85rem;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}

.mvr-demo-body {
  padding: 0 0.85rem 0.9rem;
}

.mvr-demo.is-collapsed .mvr-demo-body {
  display: none;
}

.mvr-demo-label {
  margin: 0.55rem 0 0.35rem;
  color: #9aabc6;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mvr-demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.mvr-demo-chip {
  padding: 0.28rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: #d7e0ee;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
}

.mvr-demo-chip.is-on,
.mvr-demo-chip:hover {
  border-color: rgba(46, 230, 168, 0.55);
  background: rgba(46, 230, 168, 0.16);
  color: #fff;
}

.mvr-demo-swatch {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-right: 0.28rem;
  border-radius: 50%;
  vertical-align: -1px;
}