/* ProTrenerov 17.4.2 — dark theme rebuild
   Final override layer. Loaded after site.css and launch18.css. */

html[data-theme="dark"]{
  --surface: #08110f;
  --surface-2: #0c1513;
  --card: #111c19;
  --card-2: #172521;
  --soft: #172521;
  --soft-2: #1b2a26;
  --hero-line: rgba(93,224,183,.14);
}

html[data-theme="dark"] body{
  background:
    radial-gradient(circle at top right, rgba(52,199,154,.08), transparent 22%),
    linear-gradient(180deg, #08110f 0%, #09120f 42%, #08110f 100%);
  color: var(--ink);
}

html[data-theme="dark"] .site-canvas{
  background: transparent;
}

/* Global readable surfaces */
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .city-dialog-card,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .mobile-menu,
html[data-theme="dark"] .mobile-dock,
html[data-theme="dark"] .modal-dialog,
html[data-theme="dark"] .modal-v3,
html[data-theme="dark"] .modal-v4{
  background: rgba(10,17,15,.92) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .site-footer{
  background: #0b1412 !important;
}

html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .site-footer{
  border-color: var(--line) !important;
}

html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-brand p,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .breadcrumbs a,
html[data-theme="dark"] .breadcrumbs span,
html[data-theme="dark"] .eyebrow.clean,
html[data-theme="dark"] .section-v4 p,
html[data-theme="dark"] .internal-hero18 p,
html[data-theme="dark"] .workspace-group-head18 p,
html[data-theme="dark"] .workspace-empty18 p,
html[data-theme="dark"] .workspace-link-row18 small,
html[data-theme="dark"] .workspace-record-main18 p,
html[data-theme="dark"] .workspace-record-title18 small,
html[data-theme="dark"] .account-group18-head small,
html[data-theme="dark"] .account-copy18 small,
html[data-theme="dark"] .twofa-title18 p,
html[data-theme="dark"] .steps18 li span,
html[data-theme="dark"] .secret18 span,
html[data-theme="dark"] .confirm-card18 p,
html[data-theme="dark"] .feature-grid18 p,
html[data-theme="dark"] .partner-hero18 p,
html[data-theme="dark"] .partner-contact18 span,
html[data-theme="dark"] .launch-warning18 p,
html[data-theme="dark"] .launch-ready18 span,
html[data-theme="dark"] .admin-summary-table span{
  color: var(--muted) !important;
}

/* Big page sections */
html[data-theme="dark"] .account-hero18,
html[data-theme="dark"] .partner-hero18,
html[data-theme="dark"] .internal-hero18,
html[data-theme="dark"] .twofa-section18,
html[data-theme="dark"] .confirm-page18,
html[data-theme="dark"] .section-v4,
html[data-theme="dark"] .internal-workspace18,
html[data-theme="dark"] .dashboard-v3{
  background: transparent !important;
}

html[data-theme="dark"] .account-hero18,
html[data-theme="dark"] .internal-hero18,
html[data-theme="dark"] .partner-hero18{
  border-bottom: 1px solid var(--hero-line) !important;
}

html[data-theme="dark"] .account-hero18{
  background: linear-gradient(180deg, rgba(17,28,25,.78), rgba(8,17,15,0)) !important;
}

html[data-theme="dark"] .partner-hero18{
  background:
    radial-gradient(circle at 80% 20%, rgba(52,199,154,.12), transparent 32%),
    linear-gradient(180deg, rgba(17,28,25,.82), rgba(8,17,15,0)) !important;
}

html[data-theme="dark"] .internal-hero18{
  background: linear-gradient(180deg, rgba(17,28,25,.68), rgba(8,17,15,0)) !important;
}

/* Cards / blocks */
html[data-theme="dark"] .account-switch18,
html[data-theme="dark"] .account-list18,
html[data-theme="dark"] .owner-links18 a,
html[data-theme="dark"] .partner-contact18,
html[data-theme="dark"] .feature-grid18 article,
html[data-theme="dark"] .confirm-card18,
html[data-theme="dark"] .twofa-card18,
html[data-theme="dark"] .secret18,
html[data-theme="dark"] .sponsored-venues18,
html[data-theme="dark"] .launch-warning18,
html[data-theme="dark"] .launch-ready18,
html[data-theme="dark"] .workspace-groups18 > article,
html[data-theme="dark"] .workspace-link-list18,
html[data-theme="dark"] .workspace-records18,
html[data-theme="dark"] .workspace-table18,
html[data-theme="dark"] .workspace-empty18,
html[data-theme="dark"] .workspace-sections18,
html[data-theme="dark"] .workspace-forms18,
html[data-theme="dark"] .workspace-form18,
html[data-theme="dark"] .admin-summary-table,
html[data-theme="dark"] .admin-coach-table18,
html[data-theme="dark"] .admin-arena-table18,
html[data-theme="dark"] .admin-arena-create18,
html[data-theme="dark"] .dashboard-section,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .dashboard-top-card,
html[data-theme="dark"] .settings-v3,
html[data-theme="dark"] .responsive-table-v3,
html[data-theme="dark"] .request-v3-card,
html[data-theme="dark"] .favorite-v3-card,
html[data-theme="dark"] .child-v3-card,
html[data-theme="dark"] .notification-card-v4,
html[data-theme="dark"] .messages-layout-v4,
html[data-theme="dark"] .conversation-list-v3,
html[data-theme="dark"] .thread-v3,
html[data-theme="dark"] .message-compose-v4,
html[data-theme="dark"] .stat-v3,
html[data-theme="dark"] .slot-v4,
html[data-theme="dark"] .booking-v3-card,
html[data-theme="dark"] .review-card-v4,
html[data-theme="dark"] .review-v4,
html[data-theme="dark"] .empty-v4,
html[data-theme="dark"] .info-card-v4,
html[data-theme="dark"] .arena-search-v4,
html[data-theme="dark"] .arena-map-v4,
html[data-theme="dark"] .map-preview-card,
html[data-theme="dark"] .map-stat-card,
html[data-theme="dark"] .catalog-toolbar,
html[data-theme="dark"] .direction-card,
html[data-theme="dark"] .search-hub,
html[data-theme="dark"] .coach-card-v4,
html[data-theme="dark"] .trainer-row-v4,
html[data-theme="dark"] .arena-card-v4,
html[data-theme="dark"] .arena-preview-card,
html[data-theme="dark"] .content-card-v4,
html[data-theme="dark"] .aside-box-v4,
html[data-theme="dark"] .profile-action-v4,
html[data-theme="dark"] .profile-tabs-v4,
html[data-theme="dark"] .profile-top-v4,
html[data-theme="dark"] .hero-overlay-card,
html[data-theme="dark"] .notification-v3,
html[data-theme="dark"] .error-card-v3,
html[data-theme="dark"] .admin-tabs-v3,
html[data-theme="dark"] .admin-v3 > .shell > .tab-panel{
  background: linear-gradient(180deg, rgba(18,28,25,.97), rgba(14,23,20,.97)) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .workspace-record18,
html[data-theme="dark"] .workspace-link-row18,
html[data-theme="dark"] .workspace-section18,
html[data-theme="dark"] .account-row18,
html[data-theme="dark"] .sponsored-venue18,
html[data-theme="dark"] .admin-summary-table > div,
html[data-theme="dark"] .admin-coach-table18 td,
html[data-theme="dark"] .admin-coach-table18 th,
html[data-theme="dark"] .admin-arena-table18 td,
html[data-theme="dark"] .admin-arena-table18 th,
html[data-theme="dark"] .responsive-table-v3 td,
html[data-theme="dark"] .responsive-table-v3 th,
html[data-theme="dark"] .dashboard-section table td,
html[data-theme="dark"] .dashboard-section table th,
html[data-theme="dark"] .workspace-table18 td,
html[data-theme="dark"] .workspace-table18 th{
  border-color: var(--line) !important;
}

html[data-theme="dark"] .workspace-section-head18,
html[data-theme="dark"] .workspace-sections18 .workspace-link-row18:hover,
html[data-theme="dark"] .workspace-link-row18:hover,
html[data-theme="dark"] .workspace-record18:hover,
html[data-theme="dark"] .account-row18:hover{
  background: rgba(93,224,183,.06) !important;
}

html[data-theme="dark"] .account-icon18,
html[data-theme="dark"] .status-ok18,
html[data-theme="dark"] .steps18 li > b,
html[data-theme="dark"] .recovery-grid18 code,
html[data-theme="dark"] .account-admin18{
  background: rgba(93,224,183,.10) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .account-row18.danger18 b{
  color: #ff8b8b !important;
}

/* Form controls */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .field-v3 input,
html[data-theme="dark"] .field-v3 select,
html[data-theme="dark"] .field-v3 textarea,
html[data-theme="dark"] .field-v4 input,
html[data-theme="dark"] .field-v4 select,
html[data-theme="dark"] .field-v4 textarea,
html[data-theme="dark"] .password-v4,
html[data-theme="dark"] .catalog-search-inline,
html[data-theme="dark"] .sort-control label,
html[data-theme="dark"] .city-search-box,
html[data-theme="dark"] .catalog-city-summary button,
html[data-theme="dark"] .filter-city-button > button,
html[data-theme="dark"] .image-source-v41 input[type="file"]{
  background: #0f1916 !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color: #7f9790 !important;
}

html[data-theme="dark"] input[type="file"]::file-selector-button{
  background: var(--paper-2);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 12px;
  margin-right: 10px;
}

html[data-theme="dark"] .button-ghost,
html[data-theme="dark"] .pill-button-outline,
html[data-theme="dark"] .table-action-v3,
html[data-theme="dark"] .small-icon-button,
html[data-theme="dark"] .theme-toggle-track,
html[data-theme="dark"] .city-chip,
html[data-theme="dark"] .round-action,
html[data-theme="dark"] .profile-chip,
html[data-theme="dark"] .menu-button,
html[data-theme="dark"] .workspace-link-row18 i,
html[data-theme="dark"] .workspace-record-open18{
  background: var(--paper-2) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .button-accent,
html[data-theme="dark"] .pill-button-dark,
html[data-theme="dark"] .pill-button-lime{
  color: #04100c !important;
}

html[data-theme="dark"] .theme-toggle-track>b{
  background: #f4fff9 !important;
}

/* Admin / workspace specifics */
html[data-theme="dark"] .internal-workspace18 .info-nav a,
html[data-theme="dark"] .owner-links18 a{
  background: #0f1916 !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .internal-workspace18 .info-nav a.active,
html[data-theme="dark"] .internal-workspace18 .info-nav a[aria-current="page"],
html[data-theme="dark"] .owner-links18 a.active{
  background: rgba(93,224,183,.14) !important;
  border-color: rgba(93,224,183,.24) !important;
}

html[data-theme="dark"] .admin-summary-table b,
html[data-theme="dark"] .workspace-link-row18 b,
html[data-theme="dark"] .workspace-record-title18 a,
html[data-theme="dark"] .workspace-record-title18>b,
html[data-theme="dark"] .workspace-group-head18 h2,
html[data-theme="dark"] .workspace-form-head18 h2,
html[data-theme="dark"] .account-group18 h2,
html[data-theme="dark"] .section-v4 h1,
html[data-theme="dark"] .section-v4 h2,
html[data-theme="dark"] .internal-hero18 h1,
html[data-theme="dark"] .account-hero18 h1,
html[data-theme="dark"] .partner-hero18 h1,
html[data-theme="dark"] .twofa-title18 h2,
html[data-theme="dark"] .confirm-card18 h1,
html[data-theme="dark"] .feature-grid18 h2,
html[data-theme="dark"] .footer-brand h2{
  color: var(--ink) !important;
}

html[data-theme="dark"] .launch-warning18{
  background: rgba(199,146,62,.10) !important;
  border-color: rgba(199,146,62,.24) !important;
}

html[data-theme="dark"] .launch-ready18{
  background: rgba(36,102,58,.12) !important;
  border-color: rgba(52,199,154,.24) !important;
}

html[data-theme="dark"] .danger-zone18{
  background: rgba(157,52,52,.10) !important;
  border-color: rgba(255,120,120,.24) !important;
}

/* Avoid pale empty gaps on mobile and desktop */
html[data-theme="dark"] .dashboard-section,
html[data-theme="dark"] .workspace-form18,
html[data-theme="dark"] .workspace-empty18,
html[data-theme="dark"] .workspace-table18,
html[data-theme="dark"] .admin-arena-create18,
html[data-theme="dark"] .twofa-card18,
html[data-theme="dark"] .confirm-card18,
html[data-theme="dark"] .partner-contact18,
html[data-theme="dark"] .feature-grid18 article,
html[data-theme="dark"] .sponsored-venues18,
html[data-theme="dark"] .account-list18,
html[data-theme="dark"] .account-switch18{
  backdrop-filter: blur(10px);
}

html[data-theme="dark"] ::selection{
  background: rgba(93,224,183,.26);
  color: #f7fffb;
}

@media (max-width: 900px){
  html[data-theme="dark"] .topbar{
    background: rgba(8,17,15,.96) !important;
  }
}

@media (max-width: 600px){
  html[data-theme="dark"] .account-hero18,
  html[data-theme="dark"] .internal-hero18,
  html[data-theme="dark"] .partner-hero18{
    background: linear-gradient(180deg, rgba(17,28,25,.88), rgba(8,17,15,.12)) !important;
  }

  html[data-theme="dark"] .account-switch18,
  html[data-theme="dark"] .account-list18,
  html[data-theme="dark"] .workspace-sections18,
  html[data-theme="dark"] .workspace-forms18,
  html[data-theme="dark"] .workspace-records18,
  html[data-theme="dark"] .workspace-table18,
  html[data-theme="dark"] .admin-summary-table,
  html[data-theme="dark"] .admin-coach-table18,
  html[data-theme="dark"] .admin-arena-table18,
  html[data-theme="dark"] .admin-arena-create18{
    box-shadow: 0 12px 28px rgba(0,0,0,.16) !important;
  }
}