/* TIM-OE 2026-05-02
   Visual-only patch:
   1) unify dark dashboard surfaces
   2) remove unwanted vertical divider near contrast / color button
   No JS, no auth changes, no logic changes.
*/

/* --- Remove stray vertical separator in the top header controls --- */
body.timoe-vibiz-admin header [class*="divide-x"] > :not([hidden]) ~ :not([hidden]),
body.timoe-vibiz-admin main > div > div:first-child [class*="divide-x"] > :not([hidden]) ~ :not([hidden]),
body.timoe-vibiz-admin header .w-px,
body.timoe-vibiz-admin main > div > div:first-child .w-px,
body.timoe-vibiz-admin header [class*="w-px"],
body.timoe-vibiz-admin main > div > div:first-child [class*="w-px"],
body.timoe-vibiz-admin header [class*="border-l"],
body.timoe-vibiz-admin main > div > div:first-child [class*="border-l"],
body.timoe-vibiz-admin header [class*="border-r"],
body.timoe-vibiz-admin main > div > div:first-child [class*="border-r"] {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

body.timoe-vibiz-admin header .w-px,
body.timoe-vibiz-admin main > div > div:first-child .w-px,
body.timoe-vibiz-admin header [class*="w-px"],
body.timoe-vibiz-admin main > div > div:first-child [class*="w-px"] {
  background: transparent !important;
  width: 0 !important;
  min-width: 0 !important;
}

/* --- Better dark theme coverage --- */
html.dark body.timoe-vibiz-admin,
body.timoe-vibiz-admin.dark,
body.timoe-vibiz-admin.theme-dark,
body.timoe-vibiz-admin:has(.theme-dark),
body.timoe-vibiz-admin:has(.dark) {
  background:
    radial-gradient(circle at 12% 10%, rgba(37,99,235,.18), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(14,165,233,.12), transparent 22%),
    radial-gradient(circle at 70% 100%, rgba(124,58,237,.10), transparent 26%),
    linear-gradient(180deg, #06111f 0%, #0b1426 46%, #111827 100%) !important;
  color: #e5edf8 !important;
}

html.dark body.timoe-vibiz-admin::before,
body.timoe-vibiz-admin.dark::before,
body.timoe-vibiz-admin.theme-dark::before,
body.timoe-vibiz-admin:has(.theme-dark)::before,
body.timoe-vibiz-admin:has(.dark)::before {
  background:
    radial-gradient(circle at 12% 10%, rgba(37,99,235,.18), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(14,165,233,.12), transparent 22%),
    radial-gradient(circle at 70% 100%, rgba(124,58,237,.10), transparent 26%),
    linear-gradient(180deg, #06111f 0%, #0b1426 46%, #111827 100%) !important;
}

html.dark body.timoe-vibiz-admin [data-timoe-main="vibiz"] > div > div[class*="px-3"] > div[class*="rounded-[30px]"],
body.timoe-vibiz-admin.theme-dark [data-timoe-main="vibiz"] > div > div[class*="px-3"] > div[class*="rounded-[30px]"],
body.timoe-vibiz-admin.dark [data-timoe-main="vibiz"] > div > div[class*="px-3"] > div[class*="rounded-[30px]"],
body.timoe-vibiz-admin:has(.theme-dark) [data-timoe-main="vibiz"] > div > div[class*="px-3"] > div[class*="rounded-[30px]"],
body.timoe-vibiz-admin:has(.dark) [data-timoe-main="vibiz"] > div > div[class*="px-3"] > div[class*="rounded-[30px]"],
html.dark body.timoe-vibiz-admin header,
html.dark body.timoe-vibiz-admin main > div > div:first-child,
body.timoe-vibiz-admin.theme-dark header,
body.timoe-vibiz-admin.theme-dark main > div > div:first-child,
body.timoe-vibiz-admin.dark header,
body.timoe-vibiz-admin.dark main > div > div:first-child,
body.timoe-vibiz-admin:has(.theme-dark) header,
body.timoe-vibiz-admin:has(.theme-dark) main > div > div:first-child,
body.timoe-vibiz-admin:has(.dark) header,
body.timoe-vibiz-admin:has(.dark) main > div > div:first-child {
  background: linear-gradient(180deg, rgba(11,20,38,.92), rgba(15,23,42,.86)) !important;
  border-color: rgba(51,65,85,.72) !important;
  box-shadow: 0 18px 46px rgba(2,6,23,.28) !important;
}

html.dark body.timoe-vibiz-admin .tim-premium-hero,
body.timoe-vibiz-admin.theme-dark .tim-premium-hero,
body.timoe-vibiz-admin.dark .tim-premium-hero,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-hero,
body.timoe-vibiz-admin:has(.dark) .tim-premium-hero {
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.18), transparent 28%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(17,24,39,.94) 52%, rgba(11,20,38,.96)) !important;
  border-color: rgba(51,65,85,.72) !important;
}

html.dark body.timoe-vibiz-admin .tim-premium-card,
html.dark body.timoe-vibiz-admin .tim-premium-notice,
html.dark body.timoe-vibiz-admin .tim-premium-audit-row,
html.dark body.timoe-vibiz-admin .tim-premium-list-row,
html.dark body.timoe-vibiz-admin .tim-premium-chart,
html.dark body.timoe-vibiz-admin main [class*="bg-white"],
html.dark body.timoe-vibiz-admin main [class*="bg-slate-50"],
html.dark body.timoe-vibiz-admin main [class*="bg-gray-50"],
html.dark body.timoe-vibiz-admin main div[class*="border"][class*="rounded"],
body.timoe-vibiz-admin.theme-dark .tim-premium-card,
body.timoe-vibiz-admin.theme-dark .tim-premium-notice,
body.timoe-vibiz-admin.theme-dark .tim-premium-audit-row,
body.timoe-vibiz-admin.theme-dark .tim-premium-list-row,
body.timoe-vibiz-admin.theme-dark .tim-premium-chart,
body.timoe-vibiz-admin.theme-dark main [class*="bg-white"],
body.timoe-vibiz-admin.theme-dark main [class*="bg-slate-50"],
body.timoe-vibiz-admin.theme-dark main [class*="bg-gray-50"],
body.timoe-vibiz-admin.theme-dark main div[class*="border"][class*="rounded"],
body.timoe-vibiz-admin.dark .tim-premium-card,
body.timoe-vibiz-admin.dark .tim-premium-notice,
body.timoe-vibiz-admin.dark .tim-premium-audit-row,
body.timoe-vibiz-admin.dark .tim-premium-list-row,
body.timoe-vibiz-admin.dark .tim-premium-chart,
body.timoe-vibiz-admin.dark main [class*="bg-white"],
body.timoe-vibiz-admin.dark main [class*="bg-slate-50"],
body.timoe-vibiz-admin.dark main [class*="bg-gray-50"],
body.timoe-vibiz-admin.dark main div[class*="border"][class*="rounded"],
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-card,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-notice,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-audit-row,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-list-row,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-chart,
body.timoe-vibiz-admin:has(.theme-dark) main [class*="bg-white"],
body.timoe-vibiz-admin:has(.theme-dark) main [class*="bg-slate-50"],
body.timoe-vibiz-admin:has(.theme-dark) main [class*="bg-gray-50"],
body.timoe-vibiz-admin:has(.theme-dark) main div[class*="border"][class*="rounded"],
body.timoe-vibiz-admin:has(.dark) .tim-premium-card,
body.timoe-vibiz-admin:has(.dark) .tim-premium-notice,
body.timoe-vibiz-admin:has(.dark) .tim-premium-audit-row,
body.timoe-vibiz-admin:has(.dark) .tim-premium-list-row,
body.timoe-vibiz-admin:has(.dark) .tim-premium-chart,
body.timoe-vibiz-admin:has(.dark) main [class*="bg-white"],
body.timoe-vibiz-admin:has(.dark) main [class*="bg-slate-50"],
body.timoe-vibiz-admin:has(.dark) main [class*="bg-gray-50"],
body.timoe-vibiz-admin:has(.dark) main div[class*="border"][class*="rounded"] {
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(17,24,39,.90)) !important;
  border-color: rgba(51,65,85,.72) !important;
  color: #e5edf8 !important;
  box-shadow: 0 16px 36px rgba(2,6,23,.22) !important;
}

html.dark body.timoe-vibiz-admin main,
body.timoe-vibiz-admin.theme-dark main,
body.timoe-vibiz-admin.dark main,
body.timoe-vibiz-admin:has(.theme-dark) main,
body.timoe-vibiz-admin:has(.dark) main {
  color: #e5edf8 !important;
}

html.dark body.timoe-vibiz-admin main h1,
html.dark body.timoe-vibiz-admin main h2,
html.dark body.timoe-vibiz-admin main h3,
html.dark body.timoe-vibiz-admin main h4,
html.dark body.timoe-vibiz-admin main strong,
html.dark body.timoe-vibiz-admin main th,
body.timoe-vibiz-admin.theme-dark main h1,
body.timoe-vibiz-admin.theme-dark main h2,
body.timoe-vibiz-admin.theme-dark main h3,
body.timoe-vibiz-admin.theme-dark main h4,
body.timoe-vibiz-admin.theme-dark main strong,
body.timoe-vibiz-admin.theme-dark main th,
body.timoe-vibiz-admin.dark main h1,
body.timoe-vibiz-admin.dark main h2,
body.timoe-vibiz-admin.dark main h3,
body.timoe-vibiz-admin.dark main h4,
body.timoe-vibiz-admin.dark main strong,
body.timoe-vibiz-admin.dark main th,
body.timoe-vibiz-admin:has(.theme-dark) main h1,
body.timoe-vibiz-admin:has(.theme-dark) main h2,
body.timoe-vibiz-admin:has(.theme-dark) main h3,
body.timoe-vibiz-admin:has(.theme-dark) main h4,
body.timoe-vibiz-admin:has(.theme-dark) main strong,
body.timoe-vibiz-admin:has(.theme-dark) main th,
body.timoe-vibiz-admin:has(.dark) main h1,
body.timoe-vibiz-admin:has(.dark) main h2,
body.timoe-vibiz-admin:has(.dark) main h3,
body.timoe-vibiz-admin:has(.dark) main h4,
body.timoe-vibiz-admin:has(.dark) main strong,
body.timoe-vibiz-admin:has(.dark) main th {
  color: #f8fafc !important;
}

html.dark body.timoe-vibiz-admin main p,
html.dark body.timoe-vibiz-admin main span,
html.dark body.timoe-vibiz-admin main td,
body.timoe-vibiz-admin.theme-dark main p,
body.timoe-vibiz-admin.theme-dark main span,
body.timoe-vibiz-admin.theme-dark main td,
body.timoe-vibiz-admin.dark main p,
body.timoe-vibiz-admin.dark main span,
body.timoe-vibiz-admin.dark main td,
body.timoe-vibiz-admin:has(.theme-dark) main p,
body.timoe-vibiz-admin:has(.theme-dark) main span,
body.timoe-vibiz-admin:has(.theme-dark) main td,
body.timoe-vibiz-admin:has(.dark) main p,
body.timoe-vibiz-admin:has(.dark) main span,
body.timoe-vibiz-admin:has(.dark) main td {
  color: inherit;
}

html.dark body.timoe-vibiz-admin main .text-slate-500,
html.dark body.timoe-vibiz-admin main .text-slate-600,
html.dark body.timoe-vibiz-admin main .text-slate-400,
body.timoe-vibiz-admin.theme-dark main .text-slate-500,
body.timoe-vibiz-admin.theme-dark main .text-slate-600,
body.timoe-vibiz-admin.theme-dark main .text-slate-400,
body.timoe-vibiz-admin.dark main .text-slate-500,
body.timoe-vibiz-admin.dark main .text-slate-600,
body.timoe-vibiz-admin.dark main .text-slate-400,
body.timoe-vibiz-admin:has(.theme-dark) main .text-slate-500,
body.timoe-vibiz-admin:has(.theme-dark) main .text-slate-600,
body.timoe-vibiz-admin:has(.theme-dark) main .text-slate-400,
body.timoe-vibiz-admin:has(.dark) main .text-slate-500,
body.timoe-vibiz-admin:has(.dark) main .text-slate-600,
body.timoe-vibiz-admin:has(.dark) main .text-slate-400 {
  color: #94a3b8 !important;
}

html.dark body.timoe-vibiz-admin input,
html.dark body.timoe-vibiz-admin select,
html.dark body.timoe-vibiz-admin textarea,
body.timoe-vibiz-admin.theme-dark input,
body.timoe-vibiz-admin.theme-dark select,
body.timoe-vibiz-admin.theme-dark textarea,
body.timoe-vibiz-admin.dark input,
body.timoe-vibiz-admin.dark select,
body.timoe-vibiz-admin.dark textarea,
body.timoe-vibiz-admin:has(.theme-dark) input,
body.timoe-vibiz-admin:has(.theme-dark) select,
body.timoe-vibiz-admin:has(.theme-dark) textarea,
body.timoe-vibiz-admin:has(.dark) input,
body.timoe-vibiz-admin:has(.dark) select,
body.timoe-vibiz-admin:has(.dark) textarea {
  background: rgba(15,23,42,.86) !important;
  border-color: rgba(71,85,105,.72) !important;
  color: #f8fafc !important;
}

html.dark body.timoe-vibiz-admin tbody tr,
body.timoe-vibiz-admin.theme-dark tbody tr,
body.timoe-vibiz-admin.dark tbody tr,
body.timoe-vibiz-admin:has(.theme-dark) tbody tr,
body.timoe-vibiz-admin:has(.dark) tbody tr {
  background: rgba(15,23,42,.72) !important;
  box-shadow: 0 10px 24px rgba(2,6,23,.18) !important;
}

html.dark body.timoe-vibiz-admin .tim-premium-grid,
body.timoe-vibiz-admin.theme-dark .tim-premium-grid,
body.timoe-vibiz-admin.dark .tim-premium-grid,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-grid,
body.timoe-vibiz-admin:has(.dark) .tim-premium-grid { stroke: rgba(71,85,105,.45) !important; }

html.dark body.timoe-vibiz-admin .tim-premium-axis,
body.timoe-vibiz-admin.theme-dark .tim-premium-axis,
body.timoe-vibiz-admin.dark .tim-premium-axis,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-axis,
body.timoe-vibiz-admin:has(.dark) .tim-premium-axis { stroke: rgba(100,116,139,.60) !important; }

html.dark body.timoe-vibiz-admin .tim-premium-axis-label,
body.timoe-vibiz-admin.theme-dark .tim-premium-axis-label,
body.timoe-vibiz-admin.dark .tim-premium-axis-label,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-axis-label,
body.timoe-vibiz-admin:has(.dark) .tim-premium-axis-label { fill: #94a3b8 !important; }

html.dark body.timoe-vibiz-admin .tim-premium-bar,
body.timoe-vibiz-admin.theme-dark .tim-premium-bar,
body.timoe-vibiz-admin.dark .tim-premium-bar,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-bar,
body.timoe-vibiz-admin:has(.dark) .tim-premium-bar { background: #1e293b !important; }

html.dark body.timoe-vibiz-admin .tim-premium-rank,
body.timoe-vibiz-admin.theme-dark .tim-premium-rank,
body.timoe-vibiz-admin.dark .tim-premium-rank,
body.timoe-vibiz-admin:has(.theme-dark) .tim-premium-rank,
body.timoe-vibiz-admin:has(.dark) .tim-premium-rank {
  background: rgba(30,41,59,.95) !important;
  color: #60a5fa !important;
}