[data-theme="Light"] {
  --iq-body-bg: var(--iq-light-body-bg);
  --iq-card-bg: var(--iq-light-card-bg);
  --iq-title-text: var(--iq-light-title-text);
  --iq-body-text: var(--iq-light-body-text);
  --iq-card-shadow-1: var(--iq-light-shadow-1);
  --iq-card-shadow-2: var(--iq-light-shadow-2);
  --iq-accent: var(--iq-light-accent);
  --iq-accent-rgb: var(--iq-light-accent-rgb);
  --fx-border: var(--iq-light-border);
  --fx-hover-bg: var(--iq-light-hover-bg);
  --fx-icon-color: var(--iq-light-icon-color);
  background: var(--iq-light-body-bg);
  color: var(--iq-light-body-text);
}

[data-theme="Dark"] {
  --iq-body-bg: var(--iq-dark-body-bg);
  --iq-card-bg: var(--iq-dark-card-bg);
  --iq-title-text: var(--iq-dark-title-text);
  --iq-body-text: var(--iq-dark-body-text);
  --iq-card-shadow-1: var(--iq-dark-shadow-1);
  --iq-card-shadow-2: var(--iq-dark-shadow-2);
  --iq-accent: var(--iq-dark-accent);
  --iq-accent-rgb: var(--iq-dark-accent-rgb);
  --fx-border: var(--iq-dark-border);
  --fx-hover-bg: var(--iq-dark-hover-bg);
  --fx-icon-color: var(--iq-dark-icon-color);
  background: var(--iq-dark-body-bg);
  color: var(--iq-dark-body-text);
}

[data-theme="Purple"] {
  --iq-body-bg: var(--iq-purple-body-bg);
  --iq-card-bg: var(--iq-purple-card-bg);
  --iq-title-text: var(--iq-purple-title-text);
  --iq-body-text: var(--iq-purple-body-text);
  --iq-card-shadow-1: var(--iq-purple-shadow-1);
  --iq-card-shadow-2: var(--iq-purple-shadow-2);
  --iq-accent: var(--iq-purple-accent);
  --iq-accent-rgb: var(--iq-purple-accent-rgb);
  --fx-border: var(--iq-purple-border);
  --fx-hover-bg: var(--iq-purple-hover-bg);
  --fx-icon-color: var(--iq-purple-icon-color);
  background: var(--iq-purple-body-bg);
  color: var(--iq-purple-body-text);
}

[data-theme="Green"] {
  --iq-body-bg: var(--iq-green-body-bg);
  --iq-card-bg: var(--iq-green-card-bg);
  --iq-title-text: var(--iq-green-title-text);
  --iq-body-text: var(--iq-green-body-text);
  --iq-card-shadow-1: var(--iq-green-shadow-1);
  --iq-card-shadow-2: var(--iq-green-shadow-2);
  --iq-accent: var(--iq-green-accent);
  --iq-accent-rgb: var(--iq-green-accent-rgb);
  --fx-border: var(--iq-green-border);
  --fx-hover-bg: var(--iq-green-hover-bg);
  --fx-icon-color: var(--iq-green-icon-color);
  background: var(--iq-green-body-bg);
  color: var(--iq-green-body-text);
}

[data-theme="Midnight"] {
  --iq-body-bg: var(--iq-midnight-body-bg);
  --iq-card-bg: var(--iq-midnight-card-bg);
  --iq-title-text: var(--iq-midnight-title-text);
  --iq-body-text: var(--iq-midnight-body-text);
  --iq-card-shadow-1: var(--iq-midnight-shadow-1);
  --iq-card-shadow-2: var(--iq-midnight-shadow-2);
  --iq-accent: var(--iq-midnight-accent);
  --iq-accent-rgb: var(--iq-midnight-accent-rgb);
  --fx-border: var(--iq-midnight-border);
  --fx-hover-bg: var(--iq-midnight-hover-bg);
  --fx-icon-color: var(--iq-midnight-icon-color);
  background: var(--iq-midnight-body-bg);
  color: var(--iq-midnight-body-text);
}

[data-theme="Crimson"] {
  --iq-body-bg: var(--iq-crimson-body-bg);
  --iq-card-bg: var(--iq-crimson-card-bg);
  --iq-title-text: var(--iq-crimson-title-text);
  --iq-body-text: var(--iq-crimson-body-text);
  --iq-card-shadow-1: var(--iq-crimson-shadow-1);
  --iq-card-shadow-2: var(--iq-crimson-shadow-2);
  --iq-accent: var(--iq-crimson-accent);
  --iq-accent-rgb: var(--iq-crimson-accent-rgb);
  --fx-border: var(--iq-crimson-border);
  --fx-hover-bg: var(--iq-crimson-hover-bg);
  --fx-icon-color: var(--iq-crimson-icon-color);
  background: var(--iq-crimson-body-bg);
  color: var(--iq-crimson-body-text);
}

[data-theme="Cyber"] {
  --iq-body-bg: var(--iq-cyber-body-bg);
  --iq-card-bg: var(--iq-cyber-card-bg);
  --iq-title-text: var(--iq-cyber-title-text);
  --iq-body-text: var(--iq-cyber-body-text);
  --iq-card-shadow-1: var(--iq-cyber-shadow-1);
  --iq-card-shadow-2: var(--iq-cyber-shadow-2);
  --iq-accent: var(--iq-cyber-accent);
  --iq-accent-rgb: var(--iq-cyber-accent-rgb);
  --fx-border: var(--iq-cyber-border);
  --fx-hover-bg: var(--iq-cyber-hover-bg);
  --fx-icon-color: var(--iq-cyber-icon-color);
  background: var(--iq-cyber-body-bg);
  color: var(--iq-cyber-body-text);
}

[data-theme="Slate"] {
  --iq-body-bg: var(--iq-slate-body-bg);
  --iq-card-bg: var(--iq-slate-card-bg);
  --iq-title-text: var(--iq-slate-title-text);
  --iq-body-text: var(--iq-slate-body-text);
  --iq-card-shadow-1: var(--iq-slate-shadow-1);
  --iq-card-shadow-2: var(--iq-slate-shadow-2);
  --iq-accent: var(--iq-slate-accent);
  --iq-accent-rgb: var(--iq-slate-accent-rgb);
  --fx-border: var(--iq-slate-border);
  --fx-hover-bg: var(--iq-slate-hover-bg);
  --fx-icon-color: var(--iq-slate-icon-color);
  background: var(--iq-slate-body-bg);
  color: var(--iq-slate-body-text);
}

[data-theme="Light"] h1,
[data-theme="Light"] h2,
[data-theme="Light"] h3,
[data-theme="Light"] h4,
[data-theme="Light"] h5,
[data-theme="Light"] h6 {
  color: var(--iq-light-title-text);
}

[data-theme="Dark"] h1,
[data-theme="Dark"] h2,
[data-theme="Dark"] h3,
[data-theme="Dark"] h4,
[data-theme="Dark"] h5,
[data-theme="Dark"] h6,
[data-theme="Purple"] h1,
[data-theme="Purple"] h2,
[data-theme="Purple"] h3,
[data-theme="Purple"] h4,
[data-theme="Purple"] h5,
[data-theme="Purple"] h6,
[data-theme="Green"] h1,
[data-theme="Green"] h2,
[data-theme="Green"] h3,
[data-theme="Green"] h4,
[data-theme="Green"] h5,
[data-theme="Green"] h6,
[data-theme="Midnight"] h1,
[data-theme="Midnight"] h2,
[data-theme="Midnight"] h3,
[data-theme="Midnight"] h4,
[data-theme="Midnight"] h5,
[data-theme="Midnight"] h6,
[data-theme="Crimson"] h1,
[data-theme="Crimson"] h2,
[data-theme="Crimson"] h3,
[data-theme="Crimson"] h4,
[data-theme="Crimson"] h5,
[data-theme="Crimson"] h6,
[data-theme="Cyber"] h1,
[data-theme="Cyber"] h2,
[data-theme="Cyber"] h3,
[data-theme="Cyber"] h4,
[data-theme="Cyber"] h5,
[data-theme="Cyber"] h6,
[data-theme="Slate"] h1,
[data-theme="Slate"] h2,
[data-theme="Slate"] h3,
[data-theme="Slate"] h4,
[data-theme="Slate"] h5,
[data-theme="Slate"] h6 {
  color: var(--iq-white);
}

[data-theme="Light"] .iq-light-logo { display: block; }
[data-theme="Light"] .iq-dark-logo { display: none; }

[data-theme="Dark"] .iq-light-logo,
[data-theme="Purple"] .iq-light-logo,
[data-theme="Green"] .iq-light-logo,
[data-theme="Midnight"] .iq-light-logo,
[data-theme="Crimson"] .iq-light-logo,
[data-theme="Cyber"] .iq-light-logo,
[data-theme="Slate"] .iq-light-logo {
  display: none;
}

[data-theme="Dark"] .iq-dark-logo,
[data-theme="Purple"] .iq-dark-logo,
[data-theme="Green"] .iq-dark-logo,
[data-theme="Midnight"] .iq-dark-logo,
[data-theme="Crimson"] .iq-dark-logo,
[data-theme="Cyber"] .iq-dark-logo,
[data-theme="Slate"] .iq-dark-logo {
  display: block;
}

[data-theme="Light"] #loading {
  background-color: rgba(245, 240, 232, 0.9);
  background-image: url(../images/light.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
  height: 100%; width: 100%;
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  z-index: 999999;
}

[data-theme="Dark"] #loading,
[data-theme="Purple"] #loading,
[data-theme="Green"] #loading,
[data-theme="Midnight"] #loading,
[data-theme="Crimson"] #loading,
[data-theme="Cyber"] #loading,
[data-theme="Slate"] #loading {
  background-color: rgba(12, 12, 16, 0.88);
  background-image: url(../images/dark.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
  backdrop-filter: blur(14px);
  height: 100%; width: 100%;
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  z-index: 999999;
}

[data-theme="Light"] .iq-card {
  background: var(--iq-light-card-bg);
  border: 1px solid var(--iq-light-border);
  box-shadow: 0 4px 14px var(--iq-light-shadow-1);
}

[data-theme="Dark"] .iq-card { background: var(--iq-dark-card-bg); border: 1px solid var(--iq-dark-border); box-shadow: 0 4px 14px var(--iq-dark-shadow-1); }
[data-theme="Purple"] .iq-card { background: var(--iq-purple-card-bg); border: 1px solid var(--iq-purple-border); box-shadow: 0 4px 14px var(--iq-purple-shadow-1); }
[data-theme="Green"] .iq-card { background: var(--iq-green-card-bg); border: 1px solid var(--iq-green-border); box-shadow: 0 4px 14px var(--iq-green-shadow-1); }
[data-theme="Midnight"] .iq-card { background: var(--iq-midnight-card-bg); border: 1px solid var(--iq-midnight-border); box-shadow: 0 4px 14px var(--iq-midnight-shadow-1); }
[data-theme="Crimson"] .iq-card { background: var(--iq-crimson-card-bg); border: 1px solid var(--iq-crimson-border); box-shadow: 0 4px 14px var(--iq-crimson-shadow-1); }
[data-theme="Cyber"] .iq-card { background: var(--iq-cyber-card-bg); border: 1px solid var(--iq-cyber-border); box-shadow: 0 4px 14px var(--iq-cyber-shadow-1); }
[data-theme="Slate"] .iq-card { background: var(--iq-slate-card-bg); border: 1px solid var(--iq-slate-border); box-shadow: 0 4px 14px var(--iq-slate-shadow-1); }


.content-page .pv-ph-card,
.content-page .pv-active-card {
  background: var(--iq-card-bg);
  box-shadow: 0 4px 14px var(--iq-card-shadow-1, rgba(0,0,0,.15));
}
[data-theme="Light"] .content-page .pv-ph-card,
[data-theme="Light"] .content-page .pv-active-card {
  background: var(--iq-light-card-bg) !important;
  border-color: var(--iq-light-border) !important;
  box-shadow: 0 4px 14px var(--iq-light-shadow-1) !important;
}
[data-theme="Dark"] .content-page .pv-ph-card,
[data-theme="Dark"] .content-page .pv-active-card {
  background: var(--iq-dark-card-bg) !important;
  border-color: var(--iq-dark-border) !important;
  box-shadow: 0 4px 14px var(--iq-dark-shadow-1) !important;
}
[data-theme="Purple"] .content-page .pv-ph-card,
[data-theme="Purple"] .content-page .pv-active-card {
  background: var(--iq-purple-card-bg) !important;
  border-color: var(--iq-purple-border) !important;
  box-shadow: 0 4px 14px var(--iq-purple-shadow-1) !important;
}
[data-theme="Green"] .content-page .pv-ph-card,
[data-theme="Green"] .content-page .pv-active-card {
  background: var(--iq-green-card-bg) !important;
  border-color: var(--iq-green-border) !important;
  box-shadow: 0 4px 14px var(--iq-green-shadow-1) !important;
}
[data-theme="Midnight"] .content-page .pv-ph-card,
[data-theme="Midnight"] .content-page .pv-active-card {
  background: var(--iq-midnight-card-bg) !important;
  border-color: var(--iq-midnight-border) !important;
  box-shadow: 0 4px 14px var(--iq-midnight-shadow-1) !important;
}
[data-theme="Crimson"] .content-page .pv-ph-card,
[data-theme="Crimson"] .content-page .pv-active-card {
  background: var(--iq-crimson-card-bg) !important;
  border-color: var(--iq-crimson-border) !important;
  box-shadow: 0 4px 14px var(--iq-crimson-shadow-1) !important;
}
[data-theme="Cyber"] .content-page .pv-ph-card,
[data-theme="Cyber"] .content-page .pv-active-card {
  background: var(--iq-cyber-card-bg) !important;
  border-color: var(--iq-cyber-border) !important;
  box-shadow: 0 4px 14px var(--iq-cyber-shadow-1) !important;
}
[data-theme="Slate"] .content-page .pv-ph-card,
[data-theme="Slate"] .content-page .pv-active-card {
  background: var(--iq-slate-card-bg) !important;
  border-color: var(--iq-slate-border) !important;
  box-shadow: 0 4px 14px var(--iq-slate-shadow-1) !important;
}

[data-theme="Light"] .modal-content { background-color: var(--iq-light-card-bg); }
[data-theme="Light"] .modal-header { background-color: var(--iq-light-hover-bg); }
[data-theme="Light"] .modal-footer { background-color: var(--iq-light-hover-bg); }

[data-theme="Dark"] .modal-content { background-color: var(--iq-dark-card-bg); }
[data-theme="Dark"] .modal-header { background-color: var(--iq-dark-hover-bg); }
[data-theme="Dark"] .modal-footer { background-color: var(--iq-dark-hover-bg); }
[data-theme="Purple"] .modal-content { background-color: var(--iq-purple-card-bg); }
[data-theme="Purple"] .modal-header { background-color: var(--iq-purple-hover-bg); }
[data-theme="Purple"] .modal-footer { background-color: var(--iq-purple-hover-bg); }
[data-theme="Green"] .modal-content { background-color: var(--iq-green-card-bg); }
[data-theme="Green"] .modal-header { background-color: var(--iq-green-hover-bg); }
[data-theme="Green"] .modal-footer { background-color: var(--iq-green-hover-bg); }
[data-theme="Midnight"] .modal-content { background-color: var(--iq-midnight-card-bg); }
[data-theme="Midnight"] .modal-header { background-color: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] .modal-footer { background-color: var(--iq-midnight-hover-bg); }
[data-theme="Crimson"] .modal-content { background-color: var(--iq-crimson-card-bg); }
[data-theme="Crimson"] .modal-header { background-color: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] .modal-footer { background-color: var(--iq-crimson-hover-bg); }
[data-theme="Cyber"] .modal-content { background-color: var(--iq-cyber-card-bg); }
[data-theme="Cyber"] .modal-header { background-color: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] .modal-footer { background-color: var(--iq-cyber-hover-bg); }
[data-theme="Slate"] .modal-content { background-color: var(--iq-slate-card-bg); }
[data-theme="Slate"] .modal-header { background-color: var(--iq-slate-hover-bg); }
[data-theme="Slate"] .modal-footer { background-color: var(--iq-slate-hover-bg); }

[data-theme="Light"] .iq-sidebar { background: var(--iq-light-card-bg); border-right: 1px solid var(--iq-light-border); }
[data-theme="Dark"] .iq-sidebar { background: var(--iq-dark-card-bg); border-right: 1px solid var(--iq-dark-border); }
[data-theme="Purple"] .iq-sidebar { background: var(--iq-purple-card-bg); border-right: 1px solid var(--iq-purple-border); }
[data-theme="Green"] .iq-sidebar { background: var(--iq-green-card-bg); border-right: 1px solid var(--iq-green-border); }
[data-theme="Midnight"] .iq-sidebar { background: var(--iq-midnight-card-bg); border-right: 1px solid var(--iq-midnight-border); }
[data-theme="Crimson"] .iq-sidebar { background: var(--iq-crimson-card-bg); border-right: 1px solid var(--iq-crimson-border); }
[data-theme="Cyber"] .iq-sidebar { background: var(--iq-cyber-card-bg); border-right: 1px solid var(--iq-cyber-border); }
[data-theme="Slate"] .iq-sidebar { background: var(--iq-slate-card-bg); border-right: 1px solid var(--iq-slate-border); }

[data-theme="Light"] .iq-top-navbar { background: var(--iq-light-card-bg); border-bottom: 1px solid var(--iq-light-border); }
[data-theme="Dark"] .iq-top-navbar { background: var(--iq-dark-card-bg); border-bottom: 1px solid var(--iq-dark-border); }
[data-theme="Purple"] .iq-top-navbar { background: var(--iq-purple-card-bg); border-bottom: 1px solid var(--iq-purple-border); }
[data-theme="Green"] .iq-top-navbar { background: var(--iq-green-card-bg); border-bottom: 1px solid var(--iq-green-border); }
[data-theme="Midnight"] .iq-top-navbar { background: var(--iq-midnight-card-bg); border-bottom: 1px solid var(--iq-midnight-border); }
[data-theme="Crimson"] .iq-top-navbar { background: var(--iq-crimson-card-bg); border-bottom: 1px solid var(--iq-crimson-border); }
[data-theme="Cyber"] .iq-top-navbar { background: var(--iq-cyber-card-bg); border-bottom: 1px solid var(--iq-cyber-border); }
[data-theme="Slate"] .iq-top-navbar { background: var(--iq-slate-card-bg); border-bottom: 1px solid var(--iq-slate-border); }

[data-theme="Light"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-light-body-text); }
[data-theme="Light"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-light-accent); background: var(--iq-light-hover-bg); }
[data-theme="Light"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-light-accent); background: var(--iq-light-hover-bg); }

[data-theme="Dark"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-dark-body-text); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-dark-accent); background: var(--iq-dark-hover-bg); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-dark-accent); background: var(--iq-dark-hover-bg); }

[data-theme="Purple"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-purple-body-text); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-purple-accent); background: var(--iq-purple-hover-bg); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-purple-accent); background: var(--iq-purple-hover-bg); }

[data-theme="Green"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-green-body-text); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-green-accent); background: var(--iq-green-hover-bg); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-green-accent); background: var(--iq-green-hover-bg); }

[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-midnight-body-text); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-midnight-accent); background: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-midnight-accent); background: var(--iq-midnight-hover-bg); }

[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-crimson-body-text); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-crimson-accent); background: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-crimson-accent); background: var(--iq-crimson-hover-bg); }

[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-cyber-body-text); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-cyber-accent); background: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-cyber-accent); background: var(--iq-cyber-hover-bg); }

[data-theme="Slate"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-slate-body-text); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-slate-accent); background: var(--iq-slate-hover-bg); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-slate-accent); background: var(--iq-slate-hover-bg); }

[data-theme="Light"] a { color: var(--iq-light-body-text); }
[data-theme="Light"] a:hover { color: var(--iq-light-accent); }
[data-theme="Dark"] a { color: var(--iq-dark-body-text); }
[data-theme="Dark"] a:hover { color: var(--iq-dark-accent); }
[data-theme="Purple"] a { color: var(--iq-purple-body-text); }
[data-theme="Purple"] a:hover { color: var(--iq-purple-accent); }
[data-theme="Green"] a { color: var(--iq-green-body-text); }
[data-theme="Green"] a:hover { color: var(--iq-green-accent); }
[data-theme="Midnight"] a { color: var(--iq-midnight-body-text); }
[data-theme="Midnight"] a:hover { color: var(--iq-midnight-accent); }
[data-theme="Crimson"] a { color: var(--iq-crimson-body-text); }
[data-theme="Crimson"] a:hover { color: var(--iq-crimson-accent); }
[data-theme="Cyber"] a { color: var(--iq-cyber-body-text); }
[data-theme="Cyber"] a:hover { color: var(--iq-cyber-accent); }
[data-theme="Slate"] a { color: var(--iq-slate-body-text); }
[data-theme="Slate"] a:hover { color: var(--iq-slate-accent); }


[data-theme] a.pv-btn-success,
[data-theme] a.pv-btn-success:hover { color: #4ade80 !important; }
[data-theme] a.pv-btn-danger,
[data-theme] a.pv-btn-danger:hover { color: #f87171 !important; }
[data-theme] a.pv-btn-warning,
[data-theme] a.pv-btn-warning:hover { color: #facc15 !important; }

[data-theme="Light"] .iq-navbar-custom { background: transparent; }
[data-theme="Dark"] .iq-navbar-custom,
[data-theme="Purple"] .iq-navbar-custom,
[data-theme="Green"] .iq-navbar-custom,
[data-theme="Midnight"] .iq-navbar-custom,
[data-theme="Crimson"] .iq-navbar-custom,
[data-theme="Cyber"] .iq-navbar-custom,
[data-theme="Slate"] .iq-navbar-custom { background: transparent; }

[data-theme="Light"] .topbar-menu-icon li a { color: var(--iq-light-icon-color); }
[data-theme="Dark"] .topbar-menu-icon li a { color: var(--iq-dark-icon-color); }
[data-theme="Purple"] .topbar-menu-icon li a { color: var(--iq-purple-icon-color); }
[data-theme="Green"] .topbar-menu-icon li a { color: var(--iq-green-icon-color); }
[data-theme="Midnight"] .topbar-menu-icon li a { color: var(--iq-midnight-icon-color); }
[data-theme="Crimson"] .topbar-menu-icon li a { color: var(--iq-crimson-icon-color); }
[data-theme="Cyber"] .topbar-menu-icon li a { color: var(--iq-cyber-icon-color); }
[data-theme="Slate"] .topbar-menu-icon li a { color: var(--iq-slate-icon-color); }

[data-theme="Light"] .form-control,
[data-theme="Light"] .custom-select,
[data-theme="Light"] select.form-control,
[data-theme="Light"] textarea.form-control {
  background: #f0ece4;
  border-color: var(--iq-light-border);
  color: var(--iq-light-title-text);
}

[data-theme="Light"] .iq-search-bar .search-input {
  background: #f0ece4;
  color: var(--iq-light-title-text);
}

[data-theme="Dark"] .form-control,
[data-theme="Dark"] .custom-select,
[data-theme="Dark"] select.form-control,
[data-theme="Dark"] textarea.form-control {
  background: var(--iq-dark-body-bg);
  border-color: var(--iq-dark-border);
  color: var(--iq-dark-body-text);
}
[data-theme="Purple"] .form-control,
[data-theme="Purple"] .custom-select,
[data-theme="Purple"] select.form-control,
[data-theme="Purple"] textarea.form-control {
  background: var(--iq-purple-body-bg);
  border-color: var(--iq-purple-border);
  color: var(--iq-purple-body-text);
}
[data-theme="Green"] .form-control,
[data-theme="Green"] .custom-select,
[data-theme="Green"] select.form-control,
[data-theme="Green"] textarea.form-control {
  background: var(--iq-green-body-bg);
  border-color: var(--iq-green-border);
  color: var(--iq-green-body-text);
}
[data-theme="Midnight"] .form-control,
[data-theme="Midnight"] .custom-select,
[data-theme="Midnight"] select.form-control,
[data-theme="Midnight"] textarea.form-control {
  background: var(--iq-midnight-body-bg);
  border-color: var(--iq-midnight-border);
  color: var(--iq-midnight-body-text);
}
[data-theme="Crimson"] .form-control,
[data-theme="Crimson"] .custom-select,
[data-theme="Crimson"] select.form-control,
[data-theme="Crimson"] textarea.form-control {
  background: var(--iq-crimson-body-bg);
  border-color: var(--iq-crimson-border);
  color: var(--iq-crimson-body-text);
}
[data-theme="Cyber"] .form-control,
[data-theme="Cyber"] .custom-select,
[data-theme="Cyber"] select.form-control,
[data-theme="Cyber"] textarea.form-control {
  background: var(--iq-cyber-body-bg);
  border-color: var(--iq-cyber-border);
  color: var(--iq-cyber-body-text);
}
[data-theme="Slate"] .form-control,
[data-theme="Slate"] .custom-select,
[data-theme="Slate"] select.form-control,
[data-theme="Slate"] textarea.form-control {
  background: var(--iq-slate-body-bg);
  border-color: var(--iq-slate-border);
  color: var(--iq-slate-body-text);
}

[data-theme="Light"] .table-responsive .table-borderless { border-color: var(--iq-light-border); }
[data-theme="Light"] thead tr { background: var(--iq-light-hover-bg); }
[data-theme="Light"] td, [data-theme="Light"] th { border-color: var(--iq-light-border); }
[data-theme="Light"] tr { border-color: var(--iq-light-border); }

[data-theme="Dark"] .table-responsive .table-borderless { border-color: var(--iq-dark-border); }
[data-theme="Dark"] thead tr { background: var(--iq-dark-hover-bg); }
[data-theme="Dark"] td, [data-theme="Dark"] th { border-color: var(--iq-dark-border); }
[data-theme="Purple"] .table-responsive .table-borderless { border-color: var(--iq-purple-border); }
[data-theme="Purple"] thead tr { background: var(--iq-purple-hover-bg); }
[data-theme="Purple"] td, [data-theme="Purple"] th { border-color: var(--iq-purple-border); }
[data-theme="Green"] .table-responsive .table-borderless { border-color: var(--iq-green-border); }
[data-theme="Green"] thead tr { background: var(--iq-green-hover-bg); }
[data-theme="Green"] td, [data-theme="Green"] th { border-color: var(--iq-green-border); }
[data-theme="Midnight"] .table-responsive .table-borderless { border-color: var(--iq-midnight-border); }
[data-theme="Midnight"] thead tr { background: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] td, [data-theme="Midnight"] th { border-color: var(--iq-midnight-border); }
[data-theme="Crimson"] .table-responsive .table-borderless { border-color: var(--iq-crimson-border); }
[data-theme="Crimson"] thead tr { background: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] td, [data-theme="Crimson"] th { border-color: var(--iq-crimson-border); }
[data-theme="Cyber"] .table-responsive .table-borderless { border-color: var(--iq-cyber-border); }
[data-theme="Cyber"] thead tr { background: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] td, [data-theme="Cyber"] th { border-color: var(--iq-cyber-border); }
[data-theme="Slate"] .table-responsive .table-borderless { border-color: var(--iq-slate-border); }
[data-theme="Slate"] thead tr { background: var(--iq-slate-hover-bg); }
[data-theme="Slate"] td, [data-theme="Slate"] th { border-color: var(--iq-slate-border); }

[data-theme="Light"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-light-hover-bg); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-dark-hover-bg); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-purple-hover-bg); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-green-hover-bg); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-midnight-hover-bg); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-crimson-hover-bg); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-cyber-hover-bg); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-slate-hover-bg); }

[data-theme="Light"] .iq-footer { background: var(--iq-light-card-bg); color: var(--iq-light-body-text); }
[data-theme="Dark"] .iq-footer { background: var(--iq-dark-card-bg); color: var(--iq-dark-body-text); }
[data-theme="Purple"] .iq-footer { background: var(--iq-purple-card-bg); color: var(--iq-purple-body-text); }
[data-theme="Green"] .iq-footer { background: var(--iq-green-card-bg); color: var(--iq-green-body-text); }
[data-theme="Midnight"] .iq-footer { background: var(--iq-midnight-card-bg); color: var(--iq-midnight-body-text); }
[data-theme="Crimson"] .iq-footer { background: var(--iq-crimson-card-bg); color: var(--iq-crimson-body-text); }
[data-theme="Cyber"] .iq-footer { background: var(--iq-cyber-card-bg); color: var(--iq-cyber-body-text); }
[data-theme="Slate"] .iq-footer { background: var(--iq-slate-card-bg); color: var(--iq-slate-body-text); }

[data-theme="Light"] .iq-sub-dropdown .iq-card { background: var(--iq-light-card-bg); }
[data-theme="Dark"] .iq-sub-dropdown .iq-card { background: var(--iq-dark-card-bg); }
[data-theme="Purple"] .iq-sub-dropdown .iq-card { background: var(--iq-purple-card-bg); }
[data-theme="Green"] .iq-sub-dropdown .iq-card { background: var(--iq-green-card-bg); }
[data-theme="Midnight"] .iq-sub-dropdown .iq-card { background: var(--iq-midnight-card-bg); }
[data-theme="Crimson"] .iq-sub-dropdown .iq-card { background: var(--iq-crimson-card-bg); }
[data-theme="Cyber"] .iq-sub-dropdown .iq-card { background: var(--iq-cyber-card-bg); }
[data-theme="Slate"] .iq-sub-dropdown .iq-card { background: var(--iq-slate-card-bg); }

body.sidebar-main {
  background: var(--iq-body-bg);
}

.iq-card,
.modal-content {
  border-radius: 18px;
}

.iq-card {
  overflow: hidden;
}

.iq-card .card-header:first-child {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.iq-card .iq-card-body:last-child {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.iq-sidebar,
.breadcrumb.iq-bg-primary {
  border-radius: 0;
}
.iq-top-navbar {
  border-radius: 0 0 18px 18px;
}

.form-control,
.custom-select,
select.form-control,
textarea.form-control {
  border-radius: 12px;
}

.badge {
  border-radius: 999px;
}

.btn {
  border-radius: 12px;
}

.alert,
.breadcrumb,
.table-responsive,
.dropdown-menu,
.input-group > .form-control,
.input-group > .custom-select {
  border-radius: 14px;
}

.table-responsive {
  overflow: hidden;
}

.modal-content {
  overflow: hidden;
}

.iq-card,
.modal-content,
.iq-sidebar,
.iq-top-navbar,
.form-control,
a,
.badge,
.btn {
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}


[data-theme="Light"] .content-page .pv-slot-active {
  border: 2px solid #16a34a !important;
  border-style: solid !important;
  background: var(--iq-card-bg) !important;
  box-shadow: 0 6px 22px rgba(22, 163, 74, 0.12) !important;
}
[data-theme="Light"] .content-page .pv-ph-card {
  border-color: rgba(0, 0, 0, 0.14) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined-wrap.pv-ph-card {
  border: 1px solid var(--fx-border) !important;
  border-style: solid !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__stat {
  background: var(--fx-hover-bg) !important;
  border: 1px solid var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__actions {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-stat-label,
[data-theme="Light"] .content-page .pv-panel-title {
  color: rgba(61, 52, 40, 0.55) !important;
  opacity: 1 !important;
}
[data-theme="Light"] .content-page .pv-empty-title {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .content-page .pv-empty-sub {
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.72) !important;
}
[data-theme="Light"] .content-page .pv-btn-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
  border-color: #f59e0b !important;
}
[data-theme="Light"] .content-page .pv-btn-warning:hover {
  background: #fde68a !important;
  color: #78350f !important;
  border-color: #d97706 !important;
}
[data-theme="Light"] .content-page .pv-btn-accent {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.12) !important;
  color: #3d3428 !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.35) !important;
}
[data-theme="Light"] .content-page .pv-btn-accent:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.2) !important;
  color: #2a241c !important;
}
[data-theme="Light"] .content-page .pv-btn-muted {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-body-text) !important;
  border-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-btn-muted:hover {
  background: var(--iq-card-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .content-page .pv-cta-btn {
  
  background: transparent !important;
  color: rgba(61, 52, 40, 0.78) !important;
  border-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-cta-btn:hover {
  background: var(--fx-hover-bg) !important;
  color: rgba(61, 52, 40, 0.92) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}
[data-theme="Light"] .content-page .pv-mth-btn {
  border-color: var(--fx-border) !important;
  color: var(--iq-body-text) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] .content-page .pv-mth-btn.active,
[data-theme="Light"] .content-page .pv-mth-btn:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.18) !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.45) !important;
  color: #2a241c !important;
}
[data-theme="Light"] .content-page .pv-submit-btn {
  background: rgb(var(--iq-user-accent-rgb, 107, 77, 50)) !important;
  color: #fffefb !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
[data-theme="Light"] .content-page .pv-submit-btn:hover {
  filter: brightness(0.94) !important;
  color: #fffefb !important;
}
[data-theme="Light"] .content-page .pv-renew-panel {
  border-color: var(--fx-border) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] .content-page .pv-ph-crossed {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__info > p {
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.62) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__info > div[style*="border-top"] {
  border-top-color: var(--fx-border) !important;
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.72) !important;
}

[data-theme="Light"] #pvPlansModal .modal-content {
  background: var(--iq-card-bg) !important;
  border: 1px solid var(--fx-border) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvPlansModal .modal-header {
  border-bottom-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .modal-title {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-subtitle {
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  color: rgba(61, 52, 40, 0.78) !important;
  opacity: 1 !important;
}
[data-theme="Light"] #pvPlansModal .modal-body {
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card {
  background: #fffefb !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card:hover {
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.35) !important;
  background: #fff !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card.pv-card-current {
  border: 2px solid #16a34a !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.15), 0 8px 24px rgba(22, 163, 74, 0.1) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-name,
[data-theme="Light"] #pvPlansModal .pv-mc-price-num {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-price-per,
[data-theme="Light"] #pvPlansModal .pv-mc-price-hint,
[data-theme="Light"] #pvPlansModal .pv-mc-field-label,
[data-theme="Light"] #pvPlansModal .pv-mc-key {
  color: rgba(61, 52, 40, 0.55) !important;
  opacity: 1 !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-body {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-mth {
  border-color: var(--fx-border) !important;
  color: var(--iq-body-text) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-mth.active,
[data-theme="Light"] #pvPlansModal .pv-mc-mth:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.2) !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.45) !important;
  color: #2a241c !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-stepper {
  border-color: var(--fx-border) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-btn {
  background: var(--iq-card-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-val {
  color: var(--iq-title-text) !important;
  border-left-color: var(--fx-border) !important;
  border-right-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy {
  background: rgb(var(--iq-user-accent-rgb, 107, 77, 50)) !important;
  color: #fffefb !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy:hover {
  filter: brightness(0.94) !important;
  color: #fffefb !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy:disabled {
  opacity: 1 !important;
  background: #e7e5e4 !important;
  color: #44403c !important;
  border-color: #d6d3d1 !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-free-used {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-desc {
  border-top-color: var(--fx-border) !important;
  color: rgba(61, 52, 40, 0.75) !important;
}
[data-theme="Light"] #pvPlansModal .text-muted {
  color: rgba(61, 52, 40, 0.68) !important;
}

[data-theme="Light"] #pvInstructionModal .modal-content {
  background: var(--iq-card-bg) !important;
  border: 1px solid var(--fx-border) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvInstructionModal .modal-header {
  border-bottom-color: var(--fx-border) !important;
}


[data-theme="Light"] .fx-navbar-balance-square {
  border: none !important;
  color: var(--iq-title-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-theme="Light"] .fx-navbar-balance-square:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
  box-shadow: none !important;
}


[data-theme="Light"] .iq-user-dropdown .fx-account-item,
[data-theme="Light"] .iq-user-dropdown button.fx-account-item {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-item:hover,
[data-theme="Light"] .iq-user-dropdown button.fx-account-item:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-item-desc {
  color: rgba(61, 52, 40, 0.55) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-footer {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-signout {
  background: transparent !important;
  color: var(--iq-title-text) !important;
  border: 1px solid var(--fx-border) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-signout:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="Light"] body.admin-panel {
  --admin-surface: var(--iq-light-card-bg);
  --admin-soft: var(--iq-light-hover-bg);
  --admin-border: var(--iq-light-border);
  --admin-text: var(--iq-light-title-text);
  --admin-muted: var(--iq-light-body-text);
  color: var(--admin-muted) !important;
}

[data-theme="Light"] body.admin-panel .content-page,
[data-theme="Light"] body.admin-panel #content-page,
[data-theme="Light"] body.admin-panel .iq-card,
[data-theme="Light"] body.admin-panel .adm-card,
[data-theme="Light"] body.admin-panel .access-card,
[data-theme="Light"] body.admin-panel .node-card,
[data-theme="Light"] body.admin-panel .ast-card {
  background: var(--admin-surface) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-muted) !important;
  box-shadow: 0 5px 20px rgba(91, 67, 40, .08) !important;
}

[data-theme="Light"] body.admin-panel .card-header,
[data-theme="Light"] body.admin-panel .adm-card-header,
[data-theme="Light"] body.admin-panel .node-card-header,
[data-theme="Light"] body.admin-panel .ast-card-header {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel .header-title,
[data-theme="Light"] body.admin-panel .adm-card-title,
[data-theme="Light"] body.admin-panel .node-card-title,
[data-theme="Light"] body.admin-panel .ast-card-title,
[data-theme="Light"] body.admin-panel h1,
[data-theme="Light"] body.admin-panel h2,
[data-theme="Light"] body.admin-panel h3,
[data-theme="Light"] body.admin-panel h4,
[data-theme="Light"] body.admin-panel h5,
[data-theme="Light"] body.admin-panel h6,
[data-theme="Light"] body.admin-panel label {
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel p,
[data-theme="Light"] body.admin-panel .text-muted,
[data-theme="Light"] body.admin-panel .adm-hint,
[data-theme="Light"] body.admin-panel .adm-empty,
[data-theme="Light"] body.admin-panel .node-copy,
[data-theme="Light"] body.admin-panel .access-card__copy,
[data-theme="Light"] body.admin-panel small,
[data-theme="Light"] body.admin-panel .form-text {
  color: color-mix(in srgb, var(--admin-muted) 72%, transparent) !important;
  opacity: 1 !important;
}

[data-theme="Light"] body.admin-panel .form-control,
[data-theme="Light"] body.admin-panel .custom-select,
[data-theme="Light"] body.admin-panel select,
[data-theme="Light"] body.admin-panel textarea,
[data-theme="Light"] body.admin-panel .adm-input,
[data-theme="Light"] body.admin-panel input {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel .form-control::placeholder,
[data-theme="Light"] body.admin-panel .adm-input::placeholder,
[data-theme="Light"] body.admin-panel input::placeholder,
[data-theme="Light"] body.admin-panel textarea::placeholder {
  color: color-mix(in srgb, var(--admin-muted) 55%, transparent) !important;
}

[data-theme="Light"] body.admin-panel .form-control:focus,
[data-theme="Light"] body.admin-panel .custom-select:focus,
[data-theme="Light"] body.admin-panel select:focus,
[data-theme="Light"] body.admin-panel textarea:focus,
[data-theme="Light"] body.admin-panel .adm-input:focus,
[data-theme="Light"] body.admin-panel input:focus {
  background: var(--admin-surface) !important;
  border-color: rgba(var(--iq-accent-rgb, 107, 77, 50), .55) !important;
  color: var(--admin-text) !important;
  box-shadow: 0 0 0 3px rgba(var(--iq-accent-rgb, 107, 77, 50), .12) !important;
}

[data-theme="Light"] body.admin-panel .table,
[data-theme="Light"] body.admin-panel .adm-tbl,
[data-theme="Light"] body.admin-panel .ast-tbl,
[data-theme="Light"] body.admin-panel .node-table {
  color: var(--admin-muted) !important;
}

[data-theme="Light"] body.admin-panel .table thead th,
[data-theme="Light"] body.admin-panel .adm-tbl thead th,
[data-theme="Light"] body.admin-panel .ast-tbl thead th,
[data-theme="Light"] body.admin-panel .node-table thead th {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: color-mix(in srgb, var(--admin-text) 72%, transparent) !important;
}

[data-theme="Light"] body.admin-panel .table td,
[data-theme="Light"] body.admin-panel .table th,
[data-theme="Light"] body.admin-panel .adm-tbl td,
[data-theme="Light"] body.admin-panel .ast-tbl td,
[data-theme="Light"] body.admin-panel .node-table td {
  border-color: var(--admin-border) !important;
  color: var(--admin-muted) !important;
}

[data-theme="Light"] body.admin-panel .table-hover tbody tr:hover,
[data-theme="Light"] body.admin-panel .adm-tbl tbody tr:hover,
[data-theme="Light"] body.admin-panel .ast-tbl tbody tr:hover,
[data-theme="Light"] body.admin-panel .node-table tbody tr:hover {
  background: var(--admin-soft) !important;
}

[data-theme="Light"] body.admin-panel code,
[data-theme="Light"] body.admin-panel pre {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: color-mix(in srgb, var(--admin-text) 84%, transparent) !important;
}

[data-theme="Light"] body.admin-panel .modal-content,
[data-theme="Light"] body.admin-panel .modal-header,
[data-theme="Light"] body.admin-panel .modal-footer,
[data-theme="Light"] body.admin-panel .modal-body,
[data-theme="Light"] body.admin-panel .dropdown-menu {
  background: var(--admin-surface) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-muted) !important;
}

[data-theme="Light"] body.admin-panel .modal-title,
[data-theme="Light"] body.admin-panel .dropdown-item,
[data-theme="Light"] body.admin-panel .close {
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel .dropdown-item:hover,
[data-theme="Light"] body.admin-panel .dropdown-item:focus {
  background: var(--admin-soft) !important;
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel .adm-btn-neutral,
[data-theme="Light"] body.admin-panel .adm-btn-outline {
  background: transparent !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel .adm-btn-neutral:hover,
[data-theme="Light"] body.admin-panel .adm-btn-outline:hover {
  background: var(--admin-soft) !important;
  border-color: var(--iq-light-accent) !important;
  color: var(--admin-text) !important;
}

[data-theme="Light"] body.admin-panel [style*="color:rgba(255,255,255"],
[data-theme="Light"] body.admin-panel [style*="color: rgba(255,255,255"],
[data-theme="Light"] body.admin-panel [style*="color:#fff"],
[data-theme="Light"] body.admin-panel [style*="color: #fff"] {
  color: var(--admin-muted) !important;
}

[data-theme="Light"] body.admin-panel [style*="background:rgba(255,255,255"],
[data-theme="Light"] body.admin-panel [style*="background: rgba(255,255,255"],
[data-theme="Light"] body.admin-panel [style*="background:#111"],
[data-theme="Light"] body.admin-panel [style*="background: #111"] {
  background: var(--admin-soft) !important;
}

[data-theme="Light"] body.admin-panel [style*="border-color:rgba(255,255,255"],
[data-theme="Light"] body.admin-panel [style*="border-color: rgba(255,255,255"] {
  border-color: var(--admin-border) !important;
}

@media (max-width: 767.98px) {
  [data-theme="Light"] body.admin-panel .iq-card,
  [data-theme="Light"] body.admin-panel .adm-card,
  [data-theme="Light"] body.admin-panel .access-card,
  [data-theme="Light"] body.admin-panel .node-card,
  [data-theme="Light"] body.admin-panel .ast-card {
    border-radius: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  [data-theme="Light"] body.admin-panel .table-responsive {
    border: 1px solid var(--admin-border);
    border-radius: 10px;
  }
}

html[data-theme="Light"] body.admin-panel {
  --admin-surface: #fffdf9;
  --admin-soft: #f2ece3;
  --admin-soft-strong: #e8ded1;
  --admin-border: #d9cbbb;
  --admin-text: #2a2015;
  --admin-muted: #58493a;
  --admin-link: #785734;
  background: var(--iq-light-body-bg) !important;
  color: var(--admin-muted) !important;
}

html[data-theme="Light"] body.admin-panel .content-page,
html[data-theme="Light"] body.admin-panel #content-page {
  color: var(--admin-muted) !important;
}

html[data-theme="Light"] body.admin-panel .adm-wrap,
html[data-theme="Light"] body.admin-panel .access-wrap,
html[data-theme="Light"] body.admin-panel .email-wrap,
html[data-theme="Light"] body.admin-panel .node-wrap,
html[data-theme="Light"] body.admin-panel .ast-wrap {
  color: var(--admin-muted) !important;
}

html[data-theme="Light"] body.admin-panel .adm-card,
html[data-theme="Light"] body.admin-panel .access-card,
html[data-theme="Light"] body.admin-panel .email-card,
html[data-theme="Light"] body.admin-panel .node-card,
html[data-theme="Light"] body.admin-panel .ast-card,
html[data-theme="Light"] body.admin-panel .card,
html[data-theme="Light"] body.admin-panel .iq-card {
  background: var(--admin-surface) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-muted) !important;
  box-shadow: 0 6px 24px rgba(91, 67, 40, .08) !important;
}

html[data-theme="Light"] body.admin-panel .adm-card-title,
html[data-theme="Light"] body.admin-panel .access-card__title,
html[data-theme="Light"] body.admin-panel .email-card__title,
html[data-theme="Light"] body.admin-panel .node-card-title,
html[data-theme="Light"] body.admin-panel .ast-card-title,
html[data-theme="Light"] body.admin-panel .card-title,
html[data-theme="Light"] body.admin-panel .header-title,
html[data-theme="Light"] body.admin-panel h1,
html[data-theme="Light"] body.admin-panel h2,
html[data-theme="Light"] body.admin-panel h3,
html[data-theme="Light"] body.admin-panel h4,
html[data-theme="Light"] body.admin-panel h5,
html[data-theme="Light"] body.admin-panel h6,
html[data-theme="Light"] body.admin-panel label,
html[data-theme="Light"] body.admin-panel strong {
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel p,
html[data-theme="Light"] body.admin-panel small,
html[data-theme="Light"] body.admin-panel .text-muted,
html[data-theme="Light"] body.admin-panel .form-text,
html[data-theme="Light"] body.admin-panel .adm-hint,
html[data-theme="Light"] body.admin-panel .adm-empty,
html[data-theme="Light"] body.admin-panel .access-card__copy,
html[data-theme="Light"] body.admin-panel .email-toolbar p,
html[data-theme="Light"] body.admin-panel .email-stat__sub,
html[data-theme="Light"] body.admin-panel .node-copy {
  color: var(--admin-muted) !important;
  opacity: .78 !important;
}

html[data-theme="Light"] body.admin-panel a:not(.btn):not(.adm-btn) {
  color: var(--admin-link);
}

html[data-theme="Light"] body.admin-panel .table,
html[data-theme="Light"] body.admin-panel .adm-tbl,
html[data-theme="Light"] body.admin-panel .ast-tbl,
html[data-theme="Light"] body.admin-panel .node-table {
  color: var(--admin-muted) !important;
  background: transparent !important;
}

html[data-theme="Light"] body.admin-panel .table thead th,
html[data-theme="Light"] body.admin-panel .adm-tbl thead th,
html[data-theme="Light"] body.admin-panel .ast-tbl thead th,
html[data-theme="Light"] body.admin-panel .node-table thead th {
  background: var(--admin-soft) !important;
  color: var(--admin-text) !important;
  border-color: var(--admin-border) !important;
}

html[data-theme="Light"] body.admin-panel .table tbody td,
html[data-theme="Light"] body.admin-panel .table tbody th,
html[data-theme="Light"] body.admin-panel .adm-tbl tbody td,
html[data-theme="Light"] body.admin-panel .adm-tbl tbody th,
html[data-theme="Light"] body.admin-panel .ast-tbl tbody td,
html[data-theme="Light"] body.admin-panel .node-table tbody td {
  color: var(--admin-muted) !important;
  border-color: var(--admin-border) !important;
}

html[data-theme="Light"] body.admin-panel .table tbody tr:hover,
html[data-theme="Light"] body.admin-panel .adm-tbl tbody tr:hover,
html[data-theme="Light"] body.admin-panel .ast-tbl tbody tr:hover,
html[data-theme="Light"] body.admin-panel .node-table tbody tr:hover {
  background: var(--admin-soft) !important;
}

html[data-theme="Light"] body.admin-panel .form-control,
html[data-theme="Light"] body.admin-panel .custom-select,
html[data-theme="Light"] body.admin-panel select,
html[data-theme="Light"] body.admin-panel textarea,
html[data-theme="Light"] body.admin-panel input,
html[data-theme="Light"] body.admin-panel .adm-input,
html[data-theme="Light"] body.admin-panel .access-input {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel option {
  background: var(--admin-surface) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel input::placeholder,
html[data-theme="Light"] body.admin-panel textarea::placeholder,
html[data-theme="Light"] body.admin-panel .form-control::placeholder,
html[data-theme="Light"] body.admin-panel .adm-input::placeholder {
  color: var(--admin-muted) !important;
  opacity: .58 !important;
}

html[data-theme="Light"] body.admin-panel .modal-content,
html[data-theme="Light"] body.admin-panel .modal-header,
html[data-theme="Light"] body.admin-panel .modal-body,
html[data-theme="Light"] body.admin-panel .modal-footer,
html[data-theme="Light"] body.admin-panel .dropdown-menu {
  background: var(--admin-surface) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-muted) !important;
}

html[data-theme="Light"] body.admin-panel .modal-title,
html[data-theme="Light"] body.admin-panel .modal-body h1,
html[data-theme="Light"] body.admin-panel .modal-body h2,
html[data-theme="Light"] body.admin-panel .modal-body h3,
html[data-theme="Light"] body.admin-panel .modal-body h4,
html[data-theme="Light"] body.admin-panel .modal-body h5,
html[data-theme="Light"] body.admin-panel .modal-body h6,
html[data-theme="Light"] body.admin-panel .dropdown-item,
html[data-theme="Light"] body.admin-panel .close {
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel .dropdown-item:hover,
html[data-theme="Light"] body.admin-panel .dropdown-item:focus {
  background: var(--admin-soft) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel code,
html[data-theme="Light"] body.admin-panel pre,
html[data-theme="Light"] body.admin-panel .pv-console {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel [style*="color:rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="color: rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="color:#fff"],
html[data-theme="Light"] body.admin-panel [style*="color: #fff"],
html[data-theme="Light"] body.admin-panel [style*="color:white"],
html[data-theme="Light"] body.admin-panel [style*="color: white"] {
  color: var(--admin-muted) !important;
}

html[data-theme="Light"] body.admin-panel [style*="background:rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="background: rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="background:#111"],
html[data-theme="Light"] body.admin-panel [style*="background: #111"],
html[data-theme="Light"] body.admin-panel [style*="background:#0"] {
  background: var(--admin-soft) !important;
}

html[data-theme="Light"] body.admin-panel [style*="border-color:rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="border-color: rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="border:1px solid rgba(255,255,255"],
html[data-theme="Light"] body.admin-panel [style*="border: 1px solid rgba(255,255,255"] {
  border-color: var(--admin-border) !important;
}

html[data-theme="Light"] body.admin-panel .adm-btn-neutral,
html[data-theme="Light"] body.admin-panel .adm-btn-outline,
html[data-theme="Light"] body.admin-panel .btn-secondary,
html[data-theme="Light"] body.admin-panel .btn-light {
  background: var(--admin-soft) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel .adm-btn-neutral:hover,
html[data-theme="Light"] body.admin-panel .adm-btn-outline:hover,
html[data-theme="Light"] body.admin-panel .btn-secondary:hover,
html[data-theme="Light"] body.admin-panel .btn-light:hover {
  background: var(--admin-soft-strong) !important;
  color: var(--admin-text) !important;
}

html[data-theme="Light"] body.admin-panel .adm-btn-primary,
html[data-theme="Light"] body.admin-panel .btn-primary {
  color: #fff !important;
}

html[data-theme="Light"] body.admin-panel .table-responsive {
  border-color: var(--admin-border) !important;
}

html[data-theme] body.admin-panel {
  --admin-surface: var(--iq-card-bg);
  --admin-soft: var(--fx-hover-bg);
  --admin-soft-strong: var(--fx-hover-bg);
  --admin-border: var(--fx-border);
  --admin-text: var(--iq-title-text);
  --admin-muted: var(--iq-body-text);
  --admin-hint: var(--fx-icon-color);
  --admin-control-text: var(--iq-title-text);
  --admin-control-bg: var(--iq-body-bg);
  color: var(--admin-muted) !important;
  font-family: inherit;
}

html[data-theme] body.admin-panel .content-page,
html[data-theme] body.admin-panel #content-page,
html[data-theme] body.admin-panel .adm-wrap,
html[data-theme] body.admin-panel .access-wrap,
html[data-theme] body.admin-panel .email-wrap,
html[data-theme] body.admin-panel .node-wrap,
html[data-theme] body.admin-panel .ast-wrap,
html[data-theme] body.admin-panel .card,
html[data-theme] body.admin-panel .iq-card,
html[data-theme] body.admin-panel .adm-card,
html[data-theme] body.admin-panel .access-card,
html[data-theme] body.admin-panel .email-card,
html[data-theme] body.admin-panel .node-card,
html[data-theme] body.admin-panel .ast-card {
  color: var(--admin-muted) !important;
}

html[data-theme] body.admin-panel h1,
html[data-theme] body.admin-panel h2,
html[data-theme] body.admin-panel h3,
html[data-theme] body.admin-panel h4,
html[data-theme] body.admin-panel h5,
html[data-theme] body.admin-panel h6,
html[data-theme] body.admin-panel .header-title,
html[data-theme] body.admin-panel .card-title,
html[data-theme] body.admin-panel .adm-card-title,
html[data-theme] body.admin-panel .access-card__title,
html[data-theme] body.admin-panel .email-card__title,
html[data-theme] body.admin-panel .node-card-title,
html[data-theme] body.admin-panel .ast-card-title,
html[data-theme] body.admin-panel .adm-stat-value,
html[data-theme] body.admin-panel .email-stat__value,
html[data-theme] body.admin-panel .access-status__title,
html[data-theme] body.admin-panel .admp-op-name,
html[data-theme] body.admin-panel .admp-perm-name,
html[data-theme] body.admin-panel strong,
html[data-theme] body.admin-panel b,
html[data-theme] body.admin-panel legend {
  color: var(--admin-text) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel label,
html[data-theme] body.admin-panel .form-group label,
html[data-theme] body.admin-panel .col-form-label,
html[data-theme] body.admin-panel .control-label,
html[data-theme] body.admin-panel .adm-form-group label,
html[data-theme] body.admin-panel .access-label,
html[data-theme] body.admin-panel .email-field label,
html[data-theme] body.admin-panel .node-field label,
html[data-theme] body.admin-panel .adm-stat-label,
html[data-theme] body.admin-panel .email-stat__label,
html[data-theme] body.admin-panel .admp-perm-text,
html[data-theme] body.admin-panel .admp-perm-key {
  color: var(--admin-text) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel p,
html[data-theme] body.admin-panel small,
html[data-theme] body.admin-panel .small,
html[data-theme] body.admin-panel .text-muted,
html[data-theme] body.admin-panel .form-text,
html[data-theme] body.admin-panel .adm-hint,
html[data-theme] body.admin-panel .adm-empty,
html[data-theme] body.admin-panel .adm-stat-sub,
html[data-theme] body.admin-panel .access-lead,
html[data-theme] body.admin-panel .access-status__value,
html[data-theme] body.admin-panel .access-card__copy,
html[data-theme] body.admin-panel .access-hint,
html[data-theme] body.admin-panel .access-note,
html[data-theme] body.admin-panel .email-toolbar p,
html[data-theme] body.admin-panel .email-stat__sub,
html[data-theme] body.admin-panel .email-card__copy,
html[data-theme] body.admin-panel .email-note,
html[data-theme] body.admin-panel .email-actions span,
html[data-theme] body.admin-panel .node-copy,
html[data-theme] body.admin-panel .node-empty,
html[data-theme] body.admin-panel .node-event-copy small,
html[data-theme] body.admin-panel .admp-op-meta,
html[data-theme] body.admin-panel .admp-detail-empty {
  color: var(--admin-muted) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel .adm-section,
html[data-theme] body.admin-panel .node-section {
  color: var(--iq-accent) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel .form-control,
html[data-theme] body.admin-panel .custom-select,
html[data-theme] body.admin-panel select,
html[data-theme] body.admin-panel textarea,
html[data-theme] body.admin-panel input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme] body.admin-panel .adm-input,
html[data-theme] body.admin-panel .access-input,
html[data-theme] body.admin-panel .email-input,
html[data-theme] body.admin-panel .node-input,
html[data-theme] body.admin-panel .admp-search-input {
  background: var(--admin-control-bg) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-control-text) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel option,
html[data-theme] body.admin-panel optgroup {
  background: var(--admin-surface) !important;
  color: var(--admin-control-text) !important;
}

html[data-theme] body.admin-panel input::placeholder,
html[data-theme] body.admin-panel textarea::placeholder,
html[data-theme] body.admin-panel .form-control::placeholder,
html[data-theme] body.admin-panel .adm-input::placeholder,
html[data-theme] body.admin-panel .access-input::placeholder,
html[data-theme] body.admin-panel .email-input::placeholder,
html[data-theme] body.admin-panel .node-input::placeholder,
html[data-theme] body.admin-panel .admp-search-input::placeholder {
  color: var(--admin-hint) !important;
  opacity: .9 !important;
}

html[data-theme] body.admin-panel input:disabled,
html[data-theme] body.admin-panel select:disabled,
html[data-theme] body.admin-panel textarea:disabled,
html[data-theme] body.admin-panel .form-control:disabled,
html[data-theme] body.admin-panel .adm-input:disabled {
  color: var(--admin-muted) !important;
  opacity: .82 !important;
}

html[data-theme] body.admin-panel .table,
html[data-theme] body.admin-panel .adm-tbl,
html[data-theme] body.admin-panel .ast-tbl,
html[data-theme] body.admin-panel .node-table {
  color: var(--admin-muted) !important;
}

html[data-theme] body.admin-panel .table thead th,
html[data-theme] body.admin-panel .adm-tbl thead th,
html[data-theme] body.admin-panel .ast-tbl thead th,
html[data-theme] body.admin-panel .node-table thead th {
  color: var(--admin-text) !important;
  border-color: var(--admin-border) !important;
}

html[data-theme] body.admin-panel .table tbody td,
html[data-theme] body.admin-panel .table tbody th,
html[data-theme] body.admin-panel .adm-tbl tbody td,
html[data-theme] body.admin-panel .adm-tbl tbody th,
html[data-theme] body.admin-panel .ast-tbl tbody td,
html[data-theme] body.admin-panel .node-table tbody td {
  color: var(--admin-muted) !important;
  border-color: var(--admin-border) !important;
}

html[data-theme] body.admin-panel .modal-content,
html[data-theme] body.admin-panel .modal-header,
html[data-theme] body.admin-panel .modal-body,
html[data-theme] body.admin-panel .modal-footer,
html[data-theme] body.admin-panel .dropdown-menu {
  color: var(--admin-muted) !important;
}

html[data-theme] body.admin-panel .modal-title,
html[data-theme] body.admin-panel .modal-body h1,
html[data-theme] body.admin-panel .modal-body h2,
html[data-theme] body.admin-panel .modal-body h3,
html[data-theme] body.admin-panel .modal-body h4,
html[data-theme] body.admin-panel .modal-body h5,
html[data-theme] body.admin-panel .modal-body h6,
html[data-theme] body.admin-panel .dropdown-item,
html[data-theme] body.admin-panel .close {
  color: var(--admin-text) !important;
  opacity: 1 !important;
}

html[data-theme] body.admin-panel code,
html[data-theme] body.admin-panel pre,
html[data-theme] body.admin-panel .access-code,
html[data-theme] body.admin-panel .pv-console {
  color: var(--admin-control-text) !important;
}

html[data-theme] body.admin-panel .breadcrumb,
html[data-theme] body.admin-panel .nav-tabs .nav-link,
html[data-theme] body.admin-panel .nav-pills .nav-link,
html[data-theme] body.admin-panel .pagination .page-link,
html[data-theme] body.admin-panel .input-group-text {
  color: var(--admin-muted) !important;
}

html[data-theme] body.admin-panel .breadcrumb .active,
html[data-theme] body.admin-panel .nav-tabs .nav-link.active,
html[data-theme] body.admin-panel .nav-pills .nav-link.active {
  color: var(--admin-text) !important;
}

html[data-theme] body.admin-panel .text-dark,
html[data-theme] body.admin-panel .btn-light,
html[data-theme] body.admin-panel .btn-secondary,
html[data-theme] body.admin-panel .badge-light {
  color: var(--admin-text) !important;
}

html[data-theme] body.admin-panel [style*="color:rgba(255,255,255"],
html[data-theme] body.admin-panel [style*="color: rgba(255,255,255"],
html[data-theme] body.admin-panel [style*="color:#fff"],
html[data-theme] body.admin-panel [style*="color: #fff"] {
  color: var(--admin-muted) !important;
}