/**
 * Profile panel — dark theme (html[data-theme="dark"] + #Profile)
 * Palette aligned with devminds-theme.css
 */

html[data-theme="dark"] #Profile,
html[data-theme="dark"] #Profile #Profile__Container,
html[data-theme="dark"] #Profile .profile,
html[data-theme="dark"] #Profile .profile__container {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .profile__container > .col-lg-9,
html[data-theme="dark"] #Profile .profile__container > .col-lg-9.col-12 {
  background-color: var(--dm-bg) !important;
}

/* لینک‌های محتوا — نه منوی کناری (from invalid :not(.parent > a) in older parsers) */
html[data-theme="dark"] #Profile .profile__container > .Profile_Section a:not(.btn) {
  color: var(--dm-link);
}

html[data-theme="dark"] #Profile .consulting__sidebar-link,
html[data-theme="dark"] #Profile .consulting__sidebar-link .consulting__sidebar-info-text,
html[data-theme="dark"] #Profile .consulting__sidebar-link .consulting__sidebar-info-icon {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .profile__right-top-Information-name {
  color: #dff4ff !important;
  text-shadow: 0 0 0.8rem rgba(56, 189, 248, 0.16);
}

html[data-theme="dark"] #Profile .profile__container > .Profile_Section a:not(.btn):hover {
  color: var(--dm-link-hover) !important;
}

/* ── Cards: sidebar + main sections ───────────────────── */

html[data-theme="dark"] #Profile .Profile_Section {
  background-color: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border-color) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .HamburgerMenu {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .HamburgerMenu:hover {
  color: var(--dm-accent) !important;
}

/* ── Section titles ────────────────────────────────────── */

html[data-theme="dark"] #Profile .Section__Title::before {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .Section__Title-Header,
html[data-theme="dark"] #Profile .Profile_Dashbord-Title,
html[data-theme="dark"] #Profile .Profile_Dashbord-Order-Access,
html[data-theme="dark"] #Profile .Order__Tilte,
html[data-theme="dark"] #Profile .Walet__History-Title,
html[data-theme="dark"] #Profile .Profile__Info-Title,
html[data-theme="dark"] #Profile .Profile__Course-Left-Title,
html[data-theme="dark"] #Profile .Profile__Course-Left-Status-Key,
html[data-theme="dark"] #Profile .Profile__Course-progresBar-Title,
html[data-theme="dark"] #Profile .consulting__title,
html[data-theme="dark"] #Profile .SendBoxMessage__Head-Text,
html[data-theme="dark"] #Profile .SendBoxMessage__Item-label,
html[data-theme="dark"] #Profile .ticket__Message-Item-Head {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .Section__Title-Header::after {
  background-color: rgba(255, 215, 0, 0.12) !important;
}

html[data-theme="dark"] #Profile .Section__Title__Title-Description,
html[data-theme="dark"] #Profile .Profile_Dashbord__Table-Column-Key,
html[data-theme="dark"] #Profile .Profile__Course-Left-Status-Value,
html[data-theme="dark"] #Profile .profileMyExam__Content-Title-Box,
html[data-theme="dark"] #Profile .Train__Content-Box-Text,
html[data-theme="dark"] #Profile .consulting__description-text,
html[data-theme="dark"] #Profile .exDetails-exinfo__key {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .Train__Content-Box-Text {
  color: #c7e0f5 !important;
}

html[data-theme="dark"] #Profile .text-Purple {
  color: var(--dm-accent) !important;
}

/* ── Dashboard table ───────────────────────────────────── */

html[data-theme="dark"] #Profile .Profile_Dashbord__Table {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord__Table-Column {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord__Table-Column-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord__Table-Row:last-child .Profile_Dashbord__Table-Column:hover {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord__Table-Row:last-child .Profile_Dashbord__Table-Column:hover .Profile_Dashbord__Table-Row-Link {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord-Order-Link {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .Profile_Dashbord-Order-Link:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── Wallet ────────────────────────────────────────────── */

html[data-theme="dark"] #Profile .Walet__Count-Content {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── Forms & inputs ─────────────────────────────────────── */

html[data-theme="dark"] #Profile .Profile__Info-Input,
html[data-theme="dark"] #Profile .ticket__Input,
html[data-theme="dark"] #Profile .ticket__Select,
html[data-theme="dark"] #Profile .ticket__TextArea,
html[data-theme="dark"] #Profile .SendBoxMessage__Item-Input,
html[data-theme="dark"] #Profile .SendBoxMessage__Item-Select,
html[data-theme="dark"] #Profile .SendBoxMessage__Item-Description,
html[data-theme="dark"] #Profile .form-control,
html[data-theme="dark"] #Profile .form-select,
html[data-theme="dark"] #Profile textarea {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Profile__Info-Input::placeholder,
html[data-theme="dark"] #Profile .form-control::placeholder {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .Profile__Info-Text,
html[data-theme="dark"] #Profile .Profile__Info-Label,
html[data-theme="dark"] #Profile .ticket__Label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .Profile__Info-Details-Btn,
html[data-theme="dark"] #Profile .Profile__Info-Password-Btn,
html[data-theme="dark"] #Profile .ticket__Btn,
html[data-theme="dark"] #Profile .ticket__Message-Links-Item,
html[data-theme="dark"] #Profile .ticket__Message-Close-Link {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] #Profile .Profile__Info-Details-Btn:hover,
html[data-theme="dark"] #Profile .Profile__Info-Password-Btn:hover,
html[data-theme="dark"] #Profile .ticket__Btn:hover,
html[data-theme="dark"] #Profile .ticket__Message-Links-Item:hover,
html[data-theme="dark"] #Profile .ticket__Message-Close-Link:hover {
  background-color: var(--dm-link-hover) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile #profile-details-submit {
  border-color: #38bdf8 !important;
  color: #041525 !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  box-shadow: 0 0 1.1rem rgba(56, 189, 248, .3), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

html[data-theme="dark"] #Profile #profile-details-submit:hover {
  border-color: #67e8f9 !important;
  color: #02111d !important;
  background: linear-gradient(135deg, #67e8f9, #3b82f6) !important;
  box-shadow: 0 0 1.6rem rgba(56, 189, 248, .48), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

/* ── Course tabs & cards ───────────────────────────────── */

html[data-theme="dark"] #Profile .Profile__Course-Navbar {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Profile__Course-Link {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .Profile__Course-Link:hover,
html[data-theme="dark"] #Profile .Profile__Course-Link.active {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .Profile__Course-Section-Row {
  border-color: var(--dm-border-color) !important;
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] #Profile .progress-Edit {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] #Profile .progress-bar-Edit,
html[data-theme="dark"] #Profile .progress-bar {
  background-color: var(--dm-accent) !important;
}

/* ── Support & train ───────────────────────────────────── */

html[data-theme="dark"] #Profile .Support__Item,
html[data-theme="dark"] #Profile .Support__Item1,
html[data-theme="dark"] #Profile .Train__Content-Item,
html[data-theme="dark"] #Profile .ticket__Message-Box,
html[data-theme="dark"] #Profile .ticket__Message-Head,
html[data-theme="dark"] #Profile .ticket__ReplyBox {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Support__Link {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .Support__Link:hover,
html[data-theme="dark"] #Profile .Support__Link.active {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .profileMyExam__Content {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

/* ── Consulting ────────────────────────────────────────── */

html[data-theme="dark"] #Profile .consulting__sidebar,
html[data-theme="dark"] #Profile .consulting__sidebar-content,
html[data-theme="dark"] #Profile .consulting__sidebar-list {
  background-color: transparent !important;
}

html[data-theme="dark"] #Profile .consulting__sidebar-item {
  background-color: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border-color) !important;
  margin-bottom: 1rem;
}

html[data-theme="dark"] #Profile .consulting__sidebar-item:hover {
  background-color: var(--dm-black-card) !important;
  transform: none;
}

html[data-theme="dark"] #Profile .consulting__sidebar-info,
html[data-theme="dark"] #Profile .consulting__sidebar-link,
html[data-theme="dark"] #Profile .consulting__sidebar-info-text,
html[data-theme="dark"] #Profile .consulting__sidebar-info-icons,
html[data-theme="dark"] #Profile .consulting__sidebar-info-icon {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .consulting__sidebar-info-icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .consulting__content-duration,
html[data-theme="dark"] #Profile .consulting__content-dates,
html[data-theme="dark"] #Profile .consulting__content-times {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .consulting-profile__content,
html[data-theme="dark"] #Profile .consulting-profile__items {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .consulting-profile__key {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .consulting__links-download {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── VIP / exDetails / detailsinfo ─────────────────────── */

html[data-theme="dark"] #Profile .vip__article-content {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .vip__article-item,
html[data-theme="dark"] #Profile .vip__article-description,
html[data-theme="dark"] #Profile .exDetails-exinfo__value,
html[data-theme="dark"] #Profile .exDetails-description__text,
html[data-theme="dark"] #Profile .exDetails-download__text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .detailsinfo__head {
  background: var(--dm-bg-elevated) !important;
  background-image: none !important;
  color: var(--dm-text-heading) !important;
  border-bottom: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .detailsinfo__content-head,
html[data-theme="dark"] #Profile .detailsinfo__content-items {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-muted) !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .detailsinfo__content-items.active {
  background-color: rgba(40, 167, 69, 0.18) !important;
  color: #7dcea0 !important;
  border-color: rgba(40, 167, 69, 0.35) !important;
}

html[data-theme="dark"] #Profile .detailsinfo__content-items--circle.active {
  background-color: rgba(40, 167, 69, 0.25) !important;
}

html[data-theme="dark"] #Profile .detailsinfo__content-items--circle.active i {
  color: #7dcea0 !important;
}

html[data-theme="dark"] #Profile .vip__text {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── Modals & overlays ─────────────────────────────────── */

html[data-theme="dark"] #Profile .SendBoxMessage {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .SendBoxMessage__Head {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .SendBoxMessage__Item-Btn-Box {
  background-color: rgba(255, 215, 0, 0.2) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
}

/* ── Bootstrap inside profile ──────────────────────────── */

html[data-theme="dark"] #Profile .table {
  --bs-table-bg: var(--dm-bg-card);
  --bs-table-color: var(--dm-text);
  --bs-table-border-color: var(--dm-border-color);
  --bs-table-striped-bg: var(--dm-bg-elevated);
  --bs-table-striped-color: var(--dm-text);
  --bs-table-hover-bg: rgba(255, 215, 0, 0.08);
  --bs-table-hover-color: var(--dm-text);
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .table > :not(caption) > * > * {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .table thead th {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-heading) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .btn-outline-secondary,
html[data-theme="dark"] #Profile .btn-outline-primary,
html[data-theme="dark"] #Profile .btn-outline-info,
html[data-theme="dark"] #Profile .btn-outline-success,
html[data-theme="dark"] #Profile .btn-outline-danger {
  color: var(--dm-accent) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  background-color: transparent !important;
}

html[data-theme="dark"] #Profile .btn-outline-secondary:hover,
html[data-theme="dark"] #Profile .btn-outline-primary:hover,
html[data-theme="dark"] #Profile .btn-outline-info:hover,
html[data-theme="dark"] #Profile .btn-outline-success:hover,
html[data-theme="dark"] #Profile .btn-outline-danger:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .btn-primary,
html[data-theme="dark"] #Profile .btn-success,
html[data-theme="dark"] #Profile .btn-danger,
html[data-theme="dark"] #Profile .btn-info {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .alert {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .alert-success {
  background-color: rgba(40, 167, 69, 0.2) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] #Profile .alert-danger {
  background-color: rgba(220, 53, 69, 0.2) !important;
  color: #f5a5ad !important;
}

html[data-theme="dark"] #Profile .alert-warning {
  background-color: rgba(255, 215, 0, 0.12) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .card {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .card-header,
html[data-theme="dark"] #Profile .card-footer {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .list-group-item {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .list-group-item.active {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .pagination .page-link {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .pagination .page-item.active .page-link {
  background-color: var(--dm-black) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .badge.bg-danger {
  background-color: #c0392b !important;
}

/* ── Inline light backgrounds (achievements etc.) ──────── */

html[data-theme="dark"] #Profile [style*="background: white"],
html[data-theme="dark"] #Profile [style*="background-color: white"],
html[data-theme="dark"] #Profile [style*="background: #fff"],
html[data-theme="dark"] #Profile [style*="background-color: #fff"],
html[data-theme="dark"] #Profile [style*="background:#fff"],
html[data-theme="dark"] #Profile [style*="background-color:#fff"],
html[data-theme="dark"] #Profile [style*="background: #f8f9fa"],
html[data-theme="dark"] #Profile [style*="background-color: #f8f9fa"] {
  background-color: var(--dm-bg-card) !important;
}

html[data-theme="dark"] #Profile [style*="color: #333"],
html[data-theme="dark"] #Profile [style*="color:#333"],
html[data-theme="dark"] #Profile [style*="color: #666"],
html[data-theme="dark"] #Profile [style*="color:#666"] {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .category-nav-card,
html[data-theme="dark"] #Profile .stat-card,
html[data-theme="dark"] #Profile .category-header,
html[data-theme="dark"] #Profile .category-navigation {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] #Profile .category-nav-card h4,
html[data-theme="dark"] #Profile .stat-card h3,
html[data-theme="dark"] #Profile .category-header h3 {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .category-nav-card p,
html[data-theme="dark"] #Profile .stat-card p {
  color: var(--dm-text-muted) !important;
}

/* ── VIP admin dashboard ───────────────────────────────── */

html[data-theme="dark"] #Profile .adminDashboard__Content-SellCahrt,
html[data-theme="dark"] #Profile .adminDashboard__Content-CourseChart,
html[data-theme="dark"] #Profile .adminDashboard__Content-Select {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .adminDashboard__Content-Header-Border {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .adminDashboard__Content-Items {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .adminDashboard__Content-Items-Btn:hover,
html[data-theme="dark"] #Profile .adminDashboard__Content-Items-Btn.active {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .adminDashboard__Management-Header-List,
html[data-theme="dark"] #Profile .adminDashboard__Management-Items-Item {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .adminDashboard__Management-Items {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .bg-warning {
  background-color: rgba(255, 215, 0, 0.15) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .border,
html[data-theme="dark"] #Profile .border-1 {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .fw-bold,
html[data-theme="dark"] #Profile .fs-4,
html[data-theme="dark"] #Profile .fs-5 {
  color: inherit;
}

/* ── Highcharts (VIP charts) ───────────────────────────── */

html[data-theme="dark"] #Profile .highcharts-background {
  fill: var(--dm-bg-card) !important;
}

html[data-theme="dark"] #Profile .highcharts-title,
html[data-theme="dark"] #Profile .highcharts-axis-labels text,
html[data-theme="dark"] #Profile .highcharts-legend-item text {
  fill: var(--dm-text) !important;
}

/* ── Train exercises (verbTrain) ───────────────────────── */

html[data-theme="dark"] #Profile .verbTrain__Col-Content {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Items-Key {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Items-Val,
html[data-theme="dark"] #Profile .verbTrain__Items-Description,
html[data-theme="dark"] #Profile .verbTrain__Content-Time-Item-Value,
html[data-theme="dark"] #Profile .verbTrain__Content-Text-Description {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Items-Link {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border: 1px solid var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Items-Link:hover {
  background-color: transparent !important;
  color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Header-Content {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Header-Content:hover {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Header-Content:hover .verbTrain__Header-Content-Text {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .verbTrain__information-content {
  background-color: rgba(40, 167, 69, 0.18) !important;
  color: #7dcea0 !important;
  border: 1px solid rgba(40, 167, 69, 0.35) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Content-Bottom {
  border-top-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Content-Sourse-Link {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Content-Sourse-Link:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .verbTrain__Content-Time-Item-Key {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile [style*="background: #ffffff"],
html[data-theme="dark"] #Profile [style*="background-color: #ffffff"],
html[data-theme="dark"] #Profile [style*="background: #f0f0f0"],
html[data-theme="dark"] #Profile [style*="border: 1px solid #f0f0f0"] {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
}

/* ── Notifications (Notice) ────────────────────────────── */

html[data-theme="dark"] #Profile .admin__category {
  background-color: transparent !important;
}

html[data-theme="dark"] #Profile .Notice {
  background-color: transparent !important;
  padding: 0 !important;
}

html[data-theme="dark"] #Profile .Notice__Item {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .Notice__Item-Head,
html[data-theme="dark"] #Profile .Notice__Item-Description,
html[data-theme="dark"] #Profile .Notice__Item-Date,
html[data-theme="dark"] #Profile .Notice__Item-Image-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .Notice__Item-List {
  border-left-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .Notice__Help-Text {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .Notice__Help-Color.bg-danger {
  background-color: #e74c3c !important;
}

html[data-theme="dark"] #Profile .Notice__Help-Color.bg-success {
  background-color: #27ae60 !important;
}

html[data-theme="dark"] #Profile .verbcourse__NoData-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .admin__category,
html[data-theme="dark"] #Profile .Gift {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .admin__category-table {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] #Profile .admin__category-table-thead,
html[data-theme="dark"] #Profile .admin__category-table-thead th {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-heading) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .admin__category-table-Column {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .admin__category-table textarea,
html[data-theme="dark"] #Profile .admin__category-table-Row {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .admin__category-table-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile #license-text,
html[data-theme="dark"] #Profile [style*="background-color: #fafafa"],
html[data-theme="dark"] #Profile [style*="background-color:#fafafa"] {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile button[style*="background-color: purple"],
html[data-theme="dark"] #Profile button[style*="background-color:purple"] {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── VIP dashboard (special / specialFront) ────────────── */

html[data-theme="dark"] #Profile #vip-dashboard-page,
html[data-theme="dark"] #Profile #ai-vip-dashboard-page,
html[data-theme="dark"] #Profile .vip-dashboard {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .vip-dashboard .adminDashboard {
  background-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #Profile .vip__text {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .vip__text:hover {
  color: var(--dm-black) !important;
  filter: brightness(1.08);
}

html[data-theme="dark"] #Profile .vip__Main-btn-link--purple,
html[data-theme="dark"] #Profile .vip__Main-btn-link {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .vip__dashboard-item-link {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .vip__dashboard-item-link:hover {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .vip__article-link,
html[data-theme="dark"] #Profile .vip__article-link:hover {
  border-color: #38bdf8 !important;
  color: #f4fbff !important;
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  box-shadow: 0 0 1.1rem rgba(56, 189, 248, 0.28) !important;
}

html[data-theme="dark"] #Profile .vip__article-link:hover {
  color: #031525 !important;
  background: linear-gradient(135deg, #67e8f9, #3b82f6) !important;
  box-shadow: 0 0 1.6rem rgba(56, 189, 248, 0.46) !important;
}

/* frontend-pages.css (loaded on special / specialFront) */

html[data-theme="dark"] #Profile .telegram-link-label {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .telegram-link-button {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .telegram-link-row--locked .telegram-link-label,
html[data-theme="dark"] #Profile .telegram-link-row--locked .telegram-link-button {
  background-color: var(--dm-black-card) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .nav-section,
html[data-theme="dark"] #Profile .empty-state,
html[data-theme="dark"] #Profile .timer-item {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] #Profile .nav-section-title,
html[data-theme="dark"] #Profile .empty-state__title,
html[data-theme="dark"] #Profile .timer-item__value {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .empty-state__text,
html[data-theme="dark"] #Profile .timer-item__label {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .nav-buttons .btn-outline-danger {
  color: #f5a5ad !important;
  border-color: rgba(220, 53, 69, 0.55) !important;
}

html[data-theme="dark"] #Profile .nav-buttons .btn-outline-danger:hover {
  background-color: #dc3545 !important;
  color: #fff !important;
}

html[data-theme="dark"] #Profile .btn-header-gold,
html[data-theme="dark"] #Profile .btn-achievements {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.25) !important;
}

html[data-theme="dark"] #Profile .btn-header-glass {
  background-color: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile h3 a.text-success {
  color: #7dcea0 !important;
}

html[data-theme="dark"] #Profile h3 a.text-danger {
  color: #f5a5ad !important;
}

html[data-theme="dark"] #Profile .text-primary {
  color: #7eb8ff !important;
}

/* ── Exam results (myResExam) ────────────────────────── */

html[data-theme="dark"] #Profile .ResExam__Content-Items {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Header {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Title,
html[data-theme="dark"] #Profile .ResExam__Content-Items-Title--result {
  background-color: rgba(40, 167, 69, 0.25) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Title-Text {
  color: inherit !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Date,
html[data-theme="dark"] #Profile .ResExam__Content-Items-Date--stats {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Date-Key,
html[data-theme="dark"] #Profile .ResExam__Content-Items-Question-Key {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Date-Value,
html[data-theme="dark"] #Profile .ResExam__Content-Items-Question-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Question,
html[data-theme="dark"] #Profile .ResExam__Content-Items-Question--grade {
  background-color: rgba(255, 215, 0, 0.12) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Btn-Item {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Items-Btn-Item:hover {
  color: var(--dm-black) !important;
  filter: brightness(1.08);
}

html[data-theme="dark"] #Profile .ResExam__Content-Filter-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .ResExam__Content-Filter-Lists {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

/* Standalone answer sheet (myResExam/Details) */

html[data-theme="dark"] body.profile-exam-sheet {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest {
  background-color: var(--dm-bg) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Content {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Header-Question {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Header-SubQuestion,
html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Question-Item-Number {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Question-Item-QInput {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Question-Item-Lists-Answer {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Question-Item-Lists-Item.active .ExamTest__Question-Item-Lists-Answer {
  background-color: rgba(40, 167, 69, 0.25) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Question-Item-Lists-Item.YouResponse .ExamTest__Question-Item-Lists-Answer {
  background-color: rgba(220, 53, 69, 0.2) !important;
  color: #f5a5ad !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Text.bg-warning {
  background-color: rgba(255, 215, 0, 0.15) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Question,
html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Answer {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Item-Key,
html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-HeadTitle,
html[data-theme="dark"] body.profile-exam-sheet .Section__Title-Header {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Item-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Grade.bg-success,
html[data-theme="dark"] body.profile-exam-sheet .ExamTest__Content.bg-success {
  background-color: rgba(40, 167, 69, 0.25) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Level-Table,
html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Level-Col {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Text.Correct {
  background-color: rgba(40, 167, 69, 0.25) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] body.profile-exam-sheet .ResExam__Response-Text.InCorrect {
  background-color: rgba(220, 53, 69, 0.2) !important;
  color: #f5a5ad !important;
}

html[data-theme="dark"] body.profile-exam-sheet .text-Purple {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] body.profile-exam-sheet .student__Content {
  background-color: var(--dm-bg-elevated) !important;
}

/* ── Submit train form (addTrain) ──────────────────────── */

html[data-theme="dark"] #Profile .verbAddRequest__Content,
html[data-theme="dark"] #Profile .verbAddRequest__Main,
html[data-theme="dark"] #Profile .verbAddRequest__Form {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Content-Title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Items-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Items-Input,
html[data-theme="dark"] #Profile .verbAddRequest__TextArea,
html[data-theme="dark"] #Profile .verbAddRequest__Select {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Items-Input.bg-light {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Btn {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Btn:hover {
  background-color: var(--dm-link-hover) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Message-Success {
  background-color: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Message-Back {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #Profile .verbAddRequest__Message-Back:hover {
  color: var(--dm-link-hover) !important;
}

html[data-theme="dark"] #Profile #uploadProgressContainer .progress {
  background-color: var(--dm-bg-elevated) !important;
  box-shadow: none !important;
}
