/* Professional theme — light, clean, Cognition/Devin-style */
/* Applied when html[data-style="pro"] */

[data-style=pro] {
  --acc: #2563eb;
  --acc-2: #3b82f6;
  --acc-soft: rgba(37,99,235,.06);
  --acc-line: #bfdbfe;
  --radius: 10px;
  --card: #fff;
  --card2: #f8fafc;
  --line: #e2e8f0;
  --bg: #f8fafc;
  --txt: #0f172a;
  --txt-2: #334155;
  --mut: #64748b;
  --placeholder: #94a3b8;
  --ok: #16a34a;
  --bad: #dc2626;
  --warn: #d97706;
  --on-acc: #fff;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sh-1: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --sh-2: 0 4px 6px -1px rgba(0,0,0,.07), 0 10px 20px -5px rgba(0,0,0,.05);
  --sh-hover: 0 10px 25px -5px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.04);
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --dur: .15s;
  --dur-slow: .3s;
  --code-bg: #f1f5f9;
  --code-fg: #0f172a;
  --bg2: #fff;
  --line-2: #cbd5e1;
  --overlay-bg: rgba(0,0,0,.4);
  --surface: #f8fafc;
  --border: #e2e8f0;
  /* Used by tools that otherwise fall back to a dark #111 card with dark --txt (unreadable) */
  --bg-alt: #f8fafc;
  --txt-dim: #64748b;
  --grad-acc: linear-gradient(135deg, #2563eb, #3b82f6);
}

[data-style=pro] body {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* Kill ALL scanline/CRT overlays in pro mode */
[data-style=pro] #bootscreen::after,
[data-style=pro].crt #bootscreen::after,
html[data-style=pro].crt body::after,
html[data-style=pro] .boot-grid,
html[data-style=pro] .boot-sweep {
  display: none !important;
  content: none !important;
}
/* Same for dark professional */
[data-style=dark] #bootscreen::after,
[data-style=dark].crt #bootscreen::after,
html[data-style=dark].crt body::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
   CORE ELEMENTS — Devin-style design language
   Rounded (6-8px), medium weight, clean transitions
   ============================================================ */

/* Buttons — blue primary, compact sizing */
[data-style=pro] .btn {
  border-radius: var(--btn-radius, 4px) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  background: #2563eb !important;
  color: #fff !important;
  border: 1px solid #2563eb !important;
  font-weight: 500;
  font-size: .8125rem;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  letter-spacing: 0;
  padding: 6px 14px;
  line-height: 1.4;
  transition: all .15s cubic-bezier(.4,0,.2,1);
}
[data-style=pro] .btn:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  box-shadow: 0 4px 12px -2px rgba(37,99,235,.3) !important;
  transform: translateY(-1px) !important;
  opacity: 1 !important;
}
[data-style=pro] .btn:active {
  background: #1e40af !important;
  transform: translateY(0) scale(.98) !important;
  box-shadow: none !important;
  transition-duration: .08s !important;
}
[data-style=pro] .btn:disabled {
  background: #e2e8f0 !important;
  color: #94a3b8 !important;
  border-color: #e2e8f0 !important;
  cursor: not-allowed;
}
[data-style=pro] .btn.ghost {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
}
[data-style=pro] .btn.ghost:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: #eff6ff !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.08) !important;
}
[data-style=pro] .btn.danger {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #fff !important;
}
[data-style=pro] .btn.danger:hover {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
  box-shadow: 0 4px 12px -2px rgba(220,38,38,.3) !important;
}
[data-style=pro] .btn.google,
[data-style=pro] .btn.github {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  font-weight: 500;
}
[data-style=pro] .btn.google:hover,
[data-style=pro] .btn.github:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}
[data-style=pro] .btn.sm {
  font-size: .75rem;
  padding: 4px 10px;
  border-radius: var(--btn-radius, 4px) !important;
}
[data-style=pro] .btn.lg {
  font-size: .875rem;
  padding: 8px 18px;
  border-radius: var(--btn-radius, 4px) !important;
}
[data-style=pro] .linklike {
  color: #18181b !important;
  text-decoration-color: #d4d4d4 !important;
}
[data-style=pro] .linklike:hover {
  text-decoration-color: #18181b !important;
}

/* Cards */
[data-style=pro] .card,
[data-style=pro] .feat-card,
[data-style=pro] .cs-card,
[data-style=pro] .arse-card,
[data-style=pro] .panel {
  border-radius: 10px !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02) !important;
  background: #fff !important;
  color: #0f172a !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .card:hover,
[data-style=pro] .feat-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 8px 25px -5px rgba(37,99,235,.1), 0 4px 10px rgba(0,0,0,.04) !important;
  transform: translateY(-3px) !important;
}

/* Sidebar */
[data-style=pro] .sidebar {
  background: #fff !important;
  border-right: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}
[data-style=pro] .side-brand {
  color: #0f172a !important;
  text-shadow: none !important;
  filter: none !important;
  font-weight: 700;
  letter-spacing: -.01em;
}
[data-style=pro] .side-item {
  border-radius: var(--btn-radius, 4px) !important;
  color: #64748b !important;
  font-weight: 400;
  font-size: .8125rem;
  padding: 7px 12px !important;
  transition: all .15s cubic-bezier(.4,0,.2,1);
  border-left: 3px solid transparent !important;
}
[data-style=pro] .side-item:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
  border-left-color: #cbd5e1 !important;
  box-shadow: none !important;
  padding-left: 12px !important;
}
[data-style=pro] .side-item.active {
  color: #2563eb !important;
  background: #eff6ff !important;
  border-left-color: #2563eb !important;
  box-shadow: none !important;
  font-weight: 600;
}
[data-style=pro] .side-group {
  color: #94a3b8 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .68rem !important;
  font-weight: 600;
}

/* Topbar */
[data-style=pro] #topbar {
  background: rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.8) !important;
  backdrop-filter: blur(16px) saturate(1.8) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .brand-wordmark {
  filter: invert(1) !important;
}
[data-style=pro] .brand-mark {
  content: url('/favicon.svg') !important;
  filter: none !important;
}
/* On the landing page the pro topbar is transparent over the dark hero
   (body bg #070a12), so the dark-tile favicon disappears — it reads as a black
   box on a black background. Use the light, transparent-background mark there,
   matching what the in-app dark topbar already does (aws.css). */
[data-style=pro] body.landing #topbar .brand-mark {
  content: url('/logo-light.svg') !important;
}

/* Inputs */
[data-style=pro] input[type=text],
[data-style=pro] input[type=email],
[data-style=pro] input[type=password],
[data-style=pro] input[type=search],
[data-style=pro] input[type=url],
[data-style=pro] input[type=number],
[data-style=pro] textarea,
[data-style=pro] select,
[data-style=pro] .tk-in,
[data-style=pro] .tk-f,
[data-style=pro] .tk-search {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
  color: #0f172a !important;
  font-size: .8125rem;
  padding: 8px 12px !important;
  transition: border-color .15s cubic-bezier(.4,0,.2,1), box-shadow .15s cubic-bezier(.4,0,.2,1);
}
[data-style=pro] input:focus,
[data-style=pro] textarea:focus,
[data-style=pro] select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
  outline: none;
}
[data-style=pro] input::placeholder,
[data-style=pro] textarea::placeholder {
  color: #a1a1aa !important;
}
/* The dropdown chevron. The selector outranks every later `background: ... !important`
   shorthand on selects (.app-main select, the per-tool *-select / *-sel rules), which
   would otherwise reset background-image to none and leave a select with no arrow.
   The AI model picker draws its own caret element, so it is left out. */
html[data-style=pro] select:not([multiple]):not([size]):not(.ai2-model) {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 6px !important;
  padding-right: 32px !important;
}

/* Segmented controls */
[data-style=pro] .seg {
  border-radius: 5px !important;
  border: 1px solid #e5e5e5 !important;
  overflow: hidden;
  background: #f4f4f5 !important;
  padding: 2px !important;
  gap: 2px;
}
[data-style=pro] .seg button {
  border-radius: var(--btn-radius, 4px) !important;
  border: none !important;
  background: transparent !important;
  color: #71717a !important;
  font-weight: 500;
  font-size: .8rem;
  padding: 6px 14px !important;
  transition: all .2s cubic-bezier(.4,0,.2,1);
}
[data-style=pro] .seg button:hover {
  color: #18181b !important;
  background: rgba(255,255,255,.5) !important;
}
[data-style=pro] .seg button.on {
  background: #fff !important;
  color: #18181b !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 1px rgba(0,0,0,.04) !important;
  font-weight: 500;
}

/* Badges and chips */
[data-style=pro] .chip {
  border-radius: 9999px !important;
  font-weight: 500;
  font-size: .75rem;
  background: #f4f4f5 !important;
  color: #3f3f46 !important;
  padding: 3px 10px !important;
  border: 1px solid #e4e4e7 !important;
}
[data-style=pro] .owner-badge {
  background: #18181b !important;
  color: #fff !important;
  border-radius: 9999px !important;
  font-size: .6rem;
  padding: 2px 8px !important;
}
[data-style=pro] .eyebrow {
  color: #71717a !important;
  font-weight: 500;
  letter-spacing: .04em;
}

/* Stats */
[data-style=pro] .stat {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
}
[data-style=pro] .stat-n {
  color: #18181b !important;
  text-shadow: none !important;
}
[data-style=pro] .stat-l {
  color: #71717a !important;
}

/* Dashboard — qa cards */
[data-style=pro] .qa {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-left: 3px solid #d4d4d8 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}
[data-style=pro] .qa:hover {
  border-left-color: #18181b !important;
  border-color: #d4d4d8 !important;
  background: #fafafa !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  transform: translateY(-1px) !important;
}
[data-style=pro] .qa::after {
  display: none !important;
}
[data-style=pro] .qa-title {
  color: #18181b !important;
}
[data-style=pro] .qa-desc {
  color: #71717a !important;
}
[data-style=pro] [data-tooltip]::after {
  background: #fff !important;
  color: #18181b !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
}

/* Links */
[data-style=pro] a {
  color: #18181b;
}
[data-style=pro] a:hover {
  color: #000;
}
[data-style=pro] .nav-link {
  color: #52525b !important;
  font-weight: 500;
  font-size: .875rem;
}

/* Page headings */
[data-style=pro] .pg-h1,
[data-style=pro] .pg-h2,
[data-style=pro] h1, [data-style=pro] h2, [data-style=pro] h3 {
  color: #18181b !important;
  text-shadow: none !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Muted text */
[data-style=pro] .muted {
  color: #71717a !important;
}
[data-style=pro] .pg-sub {
  color: #71717a !important;
}

/* Remove all glow/neon effects globally */
[data-style=pro] * {
  text-shadow: none !important;
}

/* Global font smoothing for pro */
[data-style=pro] body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Data tables */
[data-style=pro] .data-table th {
  background: #f9fafb !important;
  color: #71717a !important;
  font-weight: 500;
  font-size: .75rem;
  letter-spacing: .04em;
  border-bottom: 1px solid #e5e5e5 !important;
}
[data-style=pro] .data-table td {
  color: #18181b !important;
  border-bottom: 1px solid #f4f4f5 !important;
}
[data-style=pro] .data-table tr:hover {
  background: #f9fafb !important;
}
[data-style=pro] .data-table code {
  color: #18181b !important;
  background: #f4f4f5 !important;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: .8rem;
}

/* Command palette */
[data-style=pro] .cmdk {
  border-radius: 12px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  box-shadow: 0 16px 70px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.04) !important;
  color: #18181b !important;
}
[data-style=pro] .cmdk-input {
  border-bottom: 1px solid #f4f4f5 !important;
  background: #fff !important;
  color: #18181b !important;
  font-size: .9rem;
  padding: 14px 16px !important;
}
[data-style=pro] .cmdk-item {
  color: #18181b !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: .875rem;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
}
[data-style=pro] .cmdk-item:hover {
  background: #f4f4f5 !important;
}
[data-style=pro] .cmdk-item.sel {
  background: #f4f4f5 !important;
  border-color: transparent !important;
}
[data-style=pro] .cmdk-list {
  padding: 4px !important;
  gap: 2px !important;
}
[data-style=pro] .cmdk-badge {
  background: #f4f4f5 !important;
  color: #71717a !important;
  border: 1px solid #e5e5e5 !important;
  padding: 2px 8px !important;
  font-size: .65rem !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  border-radius: 4px !important;
  flex: none !important;
}
[data-style=pro] .cmdk-foot {
  border-top: 1px solid #f4f4f5 !important;
  color: #a1a1aa !important;
  font-size: .75rem;
}
[data-style=pro] .cmdk-badge {
  border-radius: 6px !important;
  font-size: .65rem;
  font-weight: 500;
}

/* Breadcrumbs */
[data-style=pro] .crumb {
  color: #a1a1aa !important;
  border-radius: 6px;
}
[data-style=pro] .crumb:hover {
  color: #18181b !important;
  background: #f4f4f5 !important;
}
[data-style=pro] .crumb.cur {
  color: #18181b !important;
}

/* ============================================================
   DASHBOARD — Major visual upgrade
   ============================================================ */

/* Hero banner — gradient with frosted glass feel */
/* ═══ DASHBOARD — HERO ═══ */
[data-style=pro] .dash-hero {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 35%, #e0e7ff 70%, #f5f3ff 100%) !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 20px !important;
  padding: 36px 40px 32px !important;
  box-shadow: 0 4px 24px rgba(37,99,235,.07), 0 1px 3px rgba(0,0,0,.03) !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-style=pro] .dash-hero::before {
  content: '' !important;
  position: absolute !important;
  top: -40px !important; right: -40px !important;
  width: 240px !important; height: 240px !important;
  background: radial-gradient(circle, rgba(37,99,235,.1) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
[data-style=pro] .dash-hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: -60px !important; left: 30% !important;
  width: 300px !important; height: 200px !important;
  background: radial-gradient(circle, rgba(139,92,246,.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
[data-style=pro] .dash-hero-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 16px !important;
}
[data-style=pro] .dash-hero-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
[data-style=pro] .dash-hero .eyebrow {
  font-size: .65rem !important;
  letter-spacing: .12em !important;
  color: #2563eb !important;
  font-weight: 700 !important;
  background: rgba(37,99,235,.08) !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(37,99,235,.15) !important;
}
[data-style=pro] .dash-hero .pg-h1 {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -.025em !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}
[data-style=pro] .dash-hero .pg-sub {
  color: #475569 !important;
  font-size: .9rem !important;
  max-width: 640px !important;
  line-height: 1.6 !important;
}
[data-style=pro] .dash-hero .hero-actions {
  margin-top: 20px !important;
  gap: 10px !important;
}
[data-style=pro] .dash-hero .hero-actions .btn {
  padding: 10px 22px !important;
  font-size: .82rem !important;
  border-radius: var(--btn-radius, 4px) !important;
  font-weight: 600 !important;
}
[data-style=pro] .dash-hero .hero-actions .btn.ghost {
  background: rgba(255,255,255,.7) !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  backdrop-filter: blur(4px) !important;
}
[data-style=pro] .dash-hero .hero-actions .btn.ghost:hover {
  background: #fff !important;
  border-color: #2563eb !important;
  color: #2563eb !important;
}
[data-style=pro] .dash-status {
  background: #dcfce7 !important;
  color: #16a34a !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  font-size: .72rem !important;
  border: 1px solid #bbf7d0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
[data-style=pro] .dash-status-dot {
  width: 7px !important; height: 7px !important;
  background: #16a34a !important;
  box-shadow: 0 0 8px #16a34a !important;
  border-radius: 50% !important;
  animation: pro-pulse 2s ease-in-out infinite !important;
}
@keyframes pro-pulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }
[data-style=pro] .dash-threat-label {
  color: #d97706 !important;
  font-weight: 700 !important;
}
[data-style=pro] .dash-clock {
  color: #64748b !important;
  background: rgba(255,255,255,.5) !important;
  padding: 4px 12px !important;
  border-radius: 8px !important;
  font-size: .72rem !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  font-weight: 500 !important;
}

/* ═══ DASHBOARD — STAT CARDS ═══ */
[data-style=pro] .stat-row {
  gap: 14px !important;
  margin-bottom: 28px !important;
}
[data-style=pro] .stat {
  border: 1px solid #e2e8f0 !important;
  border-top: none !important;
  border-image: none !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: all .15s ease !important;
  background: #fff !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-style=pro] .stat::before {
  content: none !important;
  display: none !important;
}
[data-style=pro] .stat:hover::before { display: none !important; }
[data-style=pro] .stat:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,.07) !important;
  transform: translateY(-4px) !important;
}
[data-style=pro] .stat-n {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.1 !important;
}
[data-style=pro] .stat-l {
  font-size: .68rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-top: 6px !important;
}
[data-style=pro] .stat-s {
  color: #94a3b8 !important;
  font-size: .65rem !important;
  margin-top: 3px !important;
}

/* ═══ DASHBOARD — CHANGELOG ═══ */
[data-style=pro] .dash-changelog {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 26px 30px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.03) !important;
}
[data-style=pro] .dash-cl-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}
[data-style=pro] .dash-cl-viewall {
  font-size: .78rem !important;
  cursor: pointer !important;
  color: #2563eb !important;
  font-weight: 500 !important;
  transition: color .15s !important;
}
[data-style=pro] .dash-cl-viewall:hover { color: #1d4ed8 !important; text-decoration: underline !important; }
[data-style=pro] .cl-item {
  padding: 11px 14px !important;
  border-bottom: none !important;
  border-radius: 10px !important;
  margin-bottom: 4px !important;
  transition: background .15s !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
[data-style=pro] .cl-item:hover { background: #f8fafc !important; }
[data-style=pro] .cl-item:last-child { margin-bottom: 0 !important; }
[data-style=pro] .cl-tag {
  font-size: .58rem !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  letter-spacing: .05em !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
[data-style=pro] .cl-tag.new {
  background: linear-gradient(135deg, #dbeafe, #c7d2fe) !important;
  color: #1e40af !important;
}
[data-style=pro] .cl-tag.imp {
  background: linear-gradient(135deg, #dcfce7, #bbf7d0) !important;
  color: #15803d !important;
}
[data-style=pro] .cl-tag.fix {
  background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
  color: #a16207 !important;
}
[data-style=pro] .cl-text {
  color: #334155 !important;
  font-weight: 500 !important;
  font-size: .84rem !important;
  flex: 1 !important;
}
[data-style=pro] .cl-date {
  color: #94a3b8 !important;
  font-size: .72rem !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* ═══ DASHBOARD — JUMP-IN CARDS ═══ */
[data-style=pro] .qa-grid {
  gap: 14px !important;
  grid-template-columns: repeat(4, 1fr) !important;
  margin-bottom: 32px !important;
}
[data-style=pro] .qa {
  border-left: none !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.03) !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-style=pro] .qa::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 3px !important;
  background: #2563eb !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
}
[data-style=pro] .qa:nth-child(4n+2)::before { background: #8b5cf6 !important; }
[data-style=pro] .qa:nth-child(4n+3)::before { background: #059669 !important; }
[data-style=pro] .qa:nth-child(4n)::before { background: #d97706 !important; }
[data-style=pro] .qa:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
  border-color: #cbd5e1 !important;
}
[data-style=pro] .qa:hover::before { opacity: 1 !important; }
[data-style=pro] .qa::after { display: none !important; }
[data-style=pro] .qa-title {
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}
[data-style=pro] .qa-desc {
  font-size: .76rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

/* ═══ DASHBOARD — EXTRAS (Activity + Quick Stats) ═══ */
[data-style=pro] .dash-extras {
  gap: 20px !important;
  margin-bottom: 28px !important;
}
[data-style=pro] .dash-activity-panel,
[data-style=pro] .dash-qstats-panel {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.03) !important;
  overflow: hidden !important;
}
[data-style=pro] .dash-activity-panel .panel-h,
[data-style=pro] .dash-qstats-panel .panel-h {
  padding: 18px 22px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #fafbfc !important;
}
[data-style=pro] .dash-timeline {
  padding: 8px 22px 16px !important;
  position: relative !important;
}
[data-style=pro] .dash-timeline::before {
  content: '' !important;
  position: absolute !important;
  left: 31px !important; top: 16px !important; bottom: 16px !important;
  width: 2px !important;
  background: linear-gradient(to bottom, #e2e8f0, #f1f5f9) !important;
  border-radius: 1px !important;
}
[data-style=pro] .dash-tl-item {
  padding: 10px 0 10px 26px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
[data-style=pro] .dash-tl-dot {
  width: 10px !important; height: 10px !important;
  background: #2563eb !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 2px #dbeafe !important;
  border-radius: 50% !important;
  position: absolute !important;
  left: -4px !important;
  z-index: 1 !important;
}
[data-style=pro] .dash-tl-text {
  color: #334155 !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  flex: 1 !important;
}
[data-style=pro] .dash-tl-time {
  color: #94a3b8 !important;
  font-size: .72rem !important;
  white-space: nowrap !important;
}
[data-style=pro] .dash-qstats {
  padding: 20px 22px !important;
  gap: 16px !important;
}
[data-style=pro] .dash-qs-item {
  background: linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  text-align: center !important;
  transition: all .2s !important;
}
[data-style=pro] .dash-qs-item:nth-child(1) { border-top: 3px solid #2563eb !important; }
[data-style=pro] .dash-qs-item:nth-child(2) { border-top: 3px solid #8b5cf6 !important; }
[data-style=pro] .dash-qs-item:nth-child(3) { border-top: 3px solid #059669 !important; }
[data-style=pro] .dash-qs-item:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(0,0,0,.05) !important; }
[data-style=pro] .dash-qs-n {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}
[data-style=pro] .dash-qs-l {
  font-size: .68rem !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #64748b !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
}
[data-style=pro] .admin-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.03) !important;
}

/* Sidebar — premium gradient + better badges */
[data-style=pro] .sidebar {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}
[data-style=pro] .side-group {
  color: #475569 !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  padding: 18px 12px 6px !important;
}
[data-style=pro] .side-cnt {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-radius: 6px !important;
  font-size: .65rem !important;
  padding: 1px 6px !important;
  font-weight: 600 !important;
}
[data-style=pro] .side-badge {
  font-size: .6rem !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  font-weight: 700 !important;
}
[data-style=pro] .side-badge.new {
  background: #dcfce7 !important;
  color: #16a34a !important;
}
[data-style=pro] .side-badge.live {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  animation: none !important;
}

/* Scrollbar — refined */
[data-style=pro] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-style=pro] ::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
[data-style=pro] ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
  border: 2px solid #f1f5f9;
}
[data-style=pro] ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Auth card */
[data-style=pro] .auth-card {
  border-radius: 12px !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06) !important;
  background: #fff !important;
}

/* Footer */
[data-style=pro] footer {
  border-top: 1px solid #f4f4f5 !important;
  color: #71717a !important;
  background: #fff !important;
}

/* Remove CRT effect in pro mode (on html AND body) */
[data-style=pro].crt::before,
[data-style=pro].crt::after,
html[data-style=pro].crt body::before,
html[data-style=pro].crt body::after {
  display: none !important;
  content: none !important;
}

/* App shell bg */
[data-style=pro] #app {
  background: #f8fafc !important;
}
[data-style=pro] .app-shell {
  background: #f8fafc !important;
}
[data-style=pro] .app-main {
  background: #f8fafc !important;
  padding: 18px 16px !important;
}
[data-style=pro] #view {
  background: #f8fafc !important;
  max-width: none !important;
  padding: 0 !important;
}

/* User menu */
[data-style=pro] .su-drop {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04) !important;
  border-radius: 8px !important;
  padding: 4px !important;
}
[data-style=pro] .su-item {
  color: #18181b !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: .875rem;
}
[data-style=pro] .su-item:hover {
  background: #f4f4f5 !important;
}
[data-style=pro] .su-name {
  color: #18181b !important;
  font-weight: 500;
}

/* Announcement banner */
[data-style=pro] .banner {
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid #fde68a !important;
  background: #fffbeb !important;
  color: #92400e !important;
  font-size: .875rem;
}

/* Toast */
[data-style=pro] .toast {
  border-radius: 8px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  color: #18181b !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
  font-size: .875rem;
}

/* Modal */
[data-style=pro] .fb-modal {
  background: rgba(255,255,255,.6) !important;
  backdrop-filter: blur(4px);
}
[data-style=pro] .fb-box {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  color: #18181b !important;
  box-shadow: 0 16px 70px rgba(0,0,0,.12) !important;
}
[data-style=pro] .fb-h {
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #18181b !important;
}
[data-style=pro] .fb-type {
  border-radius: 6px !important;
  font-size: .8rem;
  font-weight: 500;
}
[data-style=pro] .fb-type.on {
  background: #18181b !important;
  color: #fff !important;
}

/* Mono/code text */
[data-style=pro] .mono,
[data-style=pro] code:not(.tw-body code):not(.term-body code):not(.code-block code) {
  color: #18181b !important;
  background: #f4f4f5 !important;
  border-radius: 6px;
  padding: 2px 5px;
  font-size: .85em;
}
[data-style=pro] pre:not(.tw-body):not(.term-body) {
  background: #fafafa !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  color: #18181b !important;
  padding: 16px !important;
  font-size: .8rem;
}

/* Search bar in topbar */
[data-style=pro] .search-btn {
  background: #f4f4f5 !important;
  border: 1px solid #e5e5e5 !important;
  color: #a1a1aa !important;
  border-radius: 6px !important;
  font-size: .8rem;
  padding: 6px 12px !important;
}

/* User avatar ring */
[data-style=pro] .p-avatar {
  border-color: #e5e5e5 !important;
}
[data-style=pro] .p-initials {
  background: #f0f0f0 !important;
  color: #18181b !important;
}

/* Hamburger */
[data-style=pro] .hamburger-line {
  background: #111 !important;
}

/* Admin panels */
[data-style=pro] .panel-h {
  border-bottom: 1px solid #e5e5e5 !important;
}
[data-style=pro] .user-row {
  border-bottom: 1px solid #f0f0f0 !important;
}
[data-style=pro] .set-row {
  border-bottom: 1px solid #f0f0f0 !important;
  color: #18181b !important;
}

/* Feedback rows */
[data-style=pro] .fb-row {
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  border-radius: 6px !important;
}

/* ============================================================
   Dark Professional theme — dark bg, sharp, no neon
   Applied when html[data-style="dark"]
   ============================================================ */

[data-style=dark] {
  --acc: #fff;
  --acc-2: #999;
  --acc-soft: rgba(255,255,255,.08);
  --radius: 4px;
  --card: #111;
  --card2: #0a0a0a;
  --line: #222;
  --bg: #000;
  --txt: #e5e5e5;
  --txt-2: #999;
  --mut: #555;
  --ok: #22c55e;
  --bad: #ef4444;
  --warn: #eab308;
  --surface: #111;
  --border: #222;
  --bg-alt: #111;
  --txt-dim: #999;
}

[data-style=dark] body {
  background: #000 !important;
  color: #e5e5e5 !important;
}

[data-style=dark] .btn {
  border-radius: var(--btn-radius, 4px) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
  font-weight: 600;
  transition: opacity .15s;
}
[data-style=dark] .btn:hover {
  opacity: .85;
  box-shadow: none !important;
  transform: none !important;
}
[data-style=dark] .btn.ghost {
  background: transparent !important;
  color: #e5e5e5 !important;
  border: 1px solid #333 !important;
}
[data-style=dark] .btn.ghost:hover {
  border-color: #52525b !important;
  background: #111 !important;
}
[data-style=dark] .btn.danger {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}
[data-style=dark] .btn.google,
[data-style=dark] .btn.github {
  background: transparent !important;
  color: #e5e5e5 !important;
  border: 1px solid #333 !important;
}

[data-style=dark] .card,
[data-style=dark] .feat-card,
[data-style=dark] .cs-card,
[data-style=dark] .panel {
  border-radius: 6px !important;
  border-color: #222 !important;
  box-shadow: none !important;
  background: #111 !important;
}
[data-style=dark] .card:hover{
  border-color: #333 !important;
  box-shadow: none !important;
  transform: none !important;
}

[data-style=dark] .sidebar {
  background: #000 !important;
  border-right: 1px solid #1a1a1a !important;
}
[data-style=dark] .side-brand {
  color: #fff !important;
  text-shadow: none !important;
  filter: none !important;
}
[data-style=dark] .side-item {
  border-radius: var(--btn-radius, 4px) !important;
  color: #71717a !important;
}
[data-style=dark] .side-item:hover {
  color: #e5e5e5 !important;
  background: #111 !important;
}
[data-style=dark] .side-item.active {
  color: #fff !important;
  background: #1a1a1a !important;
  box-shadow: none !important;
}
[data-style=dark] .side-group {
  color: #52525b !important;
}

[data-style=dark] #topbar {
  background: #000 !important;
  border-bottom: 1px solid #1a1a1a !important;
  box-shadow: none !important;
}

[data-style=dark] * {
  text-shadow: none !important;
}

[data-style=dark] input,
[data-style=dark] textarea,
[data-style=dark] select,
[data-style=dark] .tk-in,
[data-style=dark] .tk-f {
  border-radius: 6px !important;
  border: 1px solid #333 !important;
  background: #0a0a0a !important;
  color: #e5e5e5 !important;
  box-shadow: none !important;
}

[data-style=dark] .seg button {
  border-radius: var(--btn-radius, 4px) !important;
  border: 1px solid #333 !important;
  background: transparent !important;
  color: #71717a !important;
}
[data-style=dark] .seg button.on {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

[data-style=dark] .stat {
  background: #111 !important;
  border: 1px solid #222 !important;
}
[data-style=dark] .stat-n {
  color: #fff !important;
  text-shadow: none !important;
}

[data-style=dark] .cmdk {
  border-radius: 6px !important;
  border: 1px solid #222 !important;
  background: #0a0a0a !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.8) !important;
}

[data-style=dark] .auth-card {
  border-radius: 6px !important;
  border: 1px solid #222 !important;
  background: #111 !important;
}

[data-style=dark] #app,
[data-style=dark] .app-shell,
[data-style=dark] #view {
  background: #000 !important;
}

[data-style=dark].crt::before,
[data-style=dark].crt::after,
html[data-style=dark].crt body::before,
html[data-style=dark].crt body::after {
  display: none !important;
  content: none !important;
}

[data-style=dark] ::-webkit-scrollbar { width:6px; height:6px }
[data-style=dark] ::-webkit-scrollbar-track { background:#000 }
[data-style=dark] ::-webkit-scrollbar-thumb { background:#222; border-radius:3px }

/* ============================================================
   Professional Landing Page overrides
   Clean, spacious, minimal — inspired by modern SaaS design
   ============================================================ */

/* Landing body */
[data-style=pro] body.landing {
  background: #fff !important;
}
[data-style=pro] body.landing #view {
  background: #fff !important;
}

/* Navbar — clean white bar */
[data-style=pro] body.landing #topbar {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
  box-shadow: none !important;
}
[data-style=pro] body.landing .nav-link {
  color: #18181b !important;
  font-weight: 500 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
}
[data-style=pro] body.landing .nav-link:hover {
  background: #f5f5f5 !important;
}
[data-style=pro] body.landing #nav-start {
  background: #111 !important;
  color: #fff !important;
  border-color: #18181b !important;
  border-radius: 6px !important;
}

/* Hero — centered, spacious, big type */
[data-style=pro] .hero {
  background: linear-gradient(180deg, #fff 0%, #eff6ff 100%) !important;
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 90px 24px 60px !important;
  text-align: center !important;
}
[data-style=pro] .hero::before,
[data-style=pro] .hero::after,
[data-style=pro] .hero-grid-bg,
[data-style=pro] .hero-mesh,
[data-style=pro] .hero-grain {
  display: none !important;
}
[data-style=pro] .hero-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}
[data-style=pro] .hero-badge {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 9999px !important;
  font-size: .8rem !important;
  font-weight: 500;
  padding: 5px 14px !important;
  margin-bottom: 24px !important;
}
[data-style=pro] .hero-badge .badge-dot {
  background: #22c55e !important;
  box-shadow: none !important;
  animation: none !important;
}
[data-style=pro] .hero-h1 {
  font-size: clamp(2.4rem, 5.5vw, 3.8rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  line-height: 1.1 !important;
  color: #18181b !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #18181b !important;
  filter: none !important;
  margin-bottom: 20px !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}
[data-style=pro] .hero-rotate-wrap,
[data-style=pro] .hero-rotate {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}
[data-style=pro] .hero-sub {
  color: #52525b !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  max-width: 540px !important;
  margin: 0 auto 32px !important;
  font-weight: 400;
}
[data-style=pro] .hero-cta {
  gap: 12px !important;
}
[data-style=pro] .hero-cta .btn {
  padding: 10px 22px !important;
  font-size: .9rem !important;
  border-radius: var(--btn-radius, 4px) !important;
}
[data-style=pro] .hero-cta .btn.ghost {
  border-radius: var(--btn-radius, 4px) !important;
}
[data-style=pro] .hero-note {
  color: #a1a1aa !important;
  font-size: .8rem;
}
[data-style=pro] .btn.glow {
  box-shadow: none !important;
}

/* Feature cards on landing */
[data-style=pro] .land-grid,
[data-style=pro] .feat-grid {
  gap: 16px !important;
}
[data-style=pro] .land-card,
[data-style=pro] .feat-card {
  background: #f9fafb !important;
  border: 1px solid #f4f4f5 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 28px 24px !important;
  transition: border-color .15s !important;
}
[data-style=pro] .land-card:hover,
[data-style=pro] .feat-card:hover {
  border-color: #e4e4e7 !important;
  box-shadow: none !important;
  transform: none !important;
}
[data-style=pro] .land-card h3,
[data-style=pro] .feat-card h3 {
  color: #18181b !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}
[data-style=pro] .land-card p,
[data-style=pro] .feat-card p {
  color: #52525b !important;
  font-size: .875rem;
  line-height: 1.6;
}

/* Section headings on landing */
[data-style=pro] .land-h2 {
  color: #18181b !important;
  font-weight: 700 !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  letter-spacing: -.02em !important;
  text-shadow: none !important;
}
[data-style=pro] .land-sub {
  color: #71717a !important;
}

/* Landing sections — white bg, spacious */
[data-style=pro] section {
  border-color: #eee !important;
}
[data-style=pro] .wrap {
  max-width: 1100px !important;
}

/* Stats row on landing */
[data-style=pro] .land-stats .stat {
  background: #f7f7f7 !important;
  border: 1px solid #eee !important;
  border-radius: 6px !important;
}

/* Terminal preview on landing — clean card */
[data-style=pro] .term-window,
[data-style=pro] .hero-terminal,
[data-style=pro] .hero-demo {
  background: #f7f7f7 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.06) !important;
  animation: none !important;
}
[data-style=pro] .term-dots span {
  background: #ccc !important;
  box-shadow: none !important;
}

/* Footer — clean */
[data-style=pro] body.landing footer,
[data-style=pro] .land-footer {
  background: #fff !important;
  border-top: 1px solid #eee !important;
  color: #71717a !important;
}
[data-style=pro] .land-footer a {
  color: #52525b !important;
  text-decoration: none !important;
}
[data-style=pro] .land-footer a:hover {
  color: #18181b !important;
}
[data-style=pro] .land-footer-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 32px 0 !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
[data-style=pro] .land-footer-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
[data-style=pro] .land-footer-brand {
  color: #18181b !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}
[data-style=pro] .land-footer-copy {
  color: #71717a !important;
  font-size: .82rem !important;
}
[data-style=pro] .land-footer-links {
  display: flex !important;
  gap: 20px !important;
  padding-right: 56px !important;
}
[data-style=pro] .land-footer-links a {
  color: #52525b !important;
  font-size: .85rem !important;
  text-decoration: none !important;
}
[data-style=pro] .land-footer-links a:hover {
  color: #18181b !important;
}

/* CTA banner at bottom */
[data-style=pro] .land-cta-section {
  background: #f7f7f7 !important;
  border-radius: 12px !important;
  border: none !important;
}
[data-style=pro] .land-cta-section h2 {
  color: #18181b !important;
}

/* Remove any cyber effects from landing */
[data-style=pro] .hero-orb,
[data-style=pro] .hero-particles,
[data-style=pro] .hero-glow,
[data-style=pro] .land-glow,
[data-style=pro] .land-grid-bg {
  display: none !important;
}

/* Bento cards */
[data-style=pro] .bento-card {
  background: #f9fafb !important;
  border: 1px solid #f4f4f5 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 28px 24px !important;
}
[data-style=pro] .bento-card:hover {
  border-color: #e4e4e7 !important;
  transform: none !important;
  box-shadow: none !important;
}
[data-style=pro] .bento-card h3 {
  color: #18181b !important;
  font-weight: 600;
}
[data-style=pro] .bento-card p {
  color: #52525b !important;
  font-size: .875rem;
  line-height: 1.6;
}
[data-style=pro] .bento-icon {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
}
[data-style=pro] .bento-icon svg {
  color: #18181b !important;
}
[data-style=pro] .bento-tag {
  color: #52525b !important;
  background: #fff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 6px !important;
  font-size: .75rem;
  font-weight: 500;
}

/* Section labels and titles */
[data-style=pro] .sec-label {
  color: #71717a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #71717a !important;
}
[data-style=pro] .sec-title {
  color: #18181b !important;
}
[data-style=pro] .sec-sub {
  color: #71717a !important;
}

/* Trust row */
[data-style=pro] .trust-n,
[data-style=pro] .trust-n-static {
  color: #18181b !important;
}
[data-style=pro] .trust-l {
  color: #71717a !important;
}
[data-style=pro] .trust-sep {
  background: #e4e4e7 !important;
}

/* Built-with pills */
[data-style=pro] .built-label {
  color: #71717a !important;
}
[data-style=pro] .built-pill {
  background: #f4f4f5 !important;
  color: #52525b !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: .8rem;
  font-weight: 500;
  padding: 4px 10px;
}

/* Reveal animation cleanup — no transform delay in pro */
[data-style=pro] .sec-title.revealed,
[data-style=pro] .feat-card.revealed,
[data-style=pro] .bento-card.revealed,
[data-style=pro] .product-card.revealed,
[data-style=pro] .step.revealed {
  transform: none !important;
}

/* Enterprise card */
[data-style=pro] .enterprise-card,
[data-style=pro] .land-enterprise {
  background: #e8e8e8 !important;
  border-radius: 12px !important;
  border: none !important;
  color: #18181b !important;
}

/* Accent color for highlighted words */
[data-style=pro] .text-accent,
[data-style=pro] .land-accent {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

/* Dashboard overrides — see main dash section above */
[data-style=pro] .home-grid .card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
}
[data-style=pro] .home-grid .card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}

/* Landing nav — dropdown menus */
.nav-dd {
  position: relative;
}
.nav-dd-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 500;
  color: #52525b;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: var(--btn-radius, 4px);
  transition: color .12s, background .12s;
}
.nav-dd-btn:hover,
.nav-dd.open .nav-dd-btn {
  color: #18181b;
  background: #f5f5f5;
}
.nav-dd-btn svg {
  transition: transform .2s;
}
.nav-dd.open .nav-dd-btn svg {
  transform: rotate(180deg);
}
.nav-dd-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 280px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.06);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(4px);
  transition: opacity .15s, transform .15s, visibility .15s;
  z-index: 1000;
}
.nav-dd.open .nav-dd-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.nav-dd-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  text-decoration: none !important;
  color: #18181b !important;
  transition: background .12s;
}
.nav-dd-item:hover {
  background: #f5f5f5;
}
.nav-dd-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 6px;
  color: #52525b;
}
.nav-dd-icon svg {
  width: 16px;
  height: 16px;
}
.nav-dd-item strong {
  display: block;
  font-size: .85rem;
  font-weight: 600;
  color: #18181b;
}
.nav-dd-desc {
  display: block;
  font-size: .75rem;
  color: #71717a;
  margin-top: 1px;
}
[data-style=pro] .nav-spacer {
  flex: 1;
}
[data-style=pro] #user-slot {
  display: flex;
  align-items: center;
  gap: 4px;
}
[data-style=pro] body.landing #topbar {
  display: flex;
  align-items: center;
  padding: 0 24px;
  height: 56px;
}
[data-style=pro] body.landing #user-slot {
  flex: 1;
  justify-content: flex-end;
  gap: 4px;
}

/* Dark style dropdown overrides */
[data-style=dark] .nav-dd-btn {
  color: #71717a;
}
[data-style=dark] .nav-dd-btn:hover,
[data-style=dark] .nav-dd.open .nav-dd-btn {
  color: #fff;
  background: #111;
}
[data-style=dark] .nav-dd-menu {
  background: #111;
  border-color: #222;
  box-shadow: 0 8px 30px rgba(0,0,0,.5);
}
[data-style=dark] .nav-dd-item {
  color: #e5e5e5 !important;
}
[data-style=dark] .nav-dd-item:hover {
  background: #1a1a1a;
}
[data-style=dark] .nav-dd-icon {
  background: #1a1a1a;
  color: #71717a;
}
[data-style=dark] .nav-dd-item strong {
  color: #e5e5e5;
}
[data-style=dark] .nav-dd-desc {
  color: #52525b;
}

/* Classic/default theme dropdown fallback */
[data-style=classic] .nav-dd-btn {
  color: var(--mut);
}
[data-style=classic] .nav-dd-btn:hover,
[data-style=classic] .nav-dd.open .nav-dd-btn {
  color: var(--txt);
  background: var(--card);
}
[data-style=classic] .nav-dd-menu {
  background: var(--card);
  border: 1px solid var(--line);
  box-shadow: 0 8px 30px rgba(0,0,0,.5);
}
[data-style=classic] .nav-dd-item {
  color: var(--txt) !important;
}
[data-style=classic] .nav-dd-item:hover {
  background: var(--card2);
}
[data-style=classic] .nav-dd-icon {
  background: var(--card2);
  color: var(--acc);
}
[data-style=classic] .nav-dd-item strong {
  color: var(--txt);
}
[data-style=classic] .nav-dd-desc {
  color: var(--mut);
}

@media (max-width: 768px) {
  .nav-dd-btn { font-size: .8rem; padding: 4px 8px; }
  .nav-dd-menu { min-width: 240px; left: auto; right: 0; transform: translateY(4px); }
  .nav-dd.open .nav-dd-menu { transform: translateY(0); }
}
@media (max-width: 560px) {
  body.landing .nav-dd { display: none !important; }
  body.landing .nav-link { font-size: .78rem; padding: 4px 8px; margin-right: 4px; }
  body.landing .btn { font-size: .78rem; padding: 6px 12px; }
  #topbar { padding-left: 12px; padding-right: 12px; gap: 6px; }
}
/* Topbar auth buttons must stay on one line; the !important pro rules above
   otherwise win over the compact sizes and "Log in"/"Get Started" wrap. */
body.landing #nav-signin,
body.landing #nav-start { white-space: nowrap !important; flex-shrink: 0; }
@media (max-width: 560px) {
  [data-style=pro] body.landing #nav-signin,
  [data-style=pro] body.landing #nav-start { font-size: .8rem !important; padding: 6px 10px !important; margin-right: 0 !important; }
  [data-style=pro] body.landing #user-slot { gap: 6px !important; }
}

/* ============================================================
   Landing — Section structure
   ============================================================ */
[data-style=pro] .section {
  background: #fff !important;
  padding: 54px 24px !important;
  border: none !important;
}
[data-style=pro] .integ-band {
  padding: 34px 24px !important;
}
[data-style=pro] .section.alt {
  background: #f9fafb !important;
  border-top: 1px solid #f0f0f0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
[data-style=pro] .section::before,
[data-style=pro] .section::after {
  display: none !important;
}
[data-style=pro] .sec-label {
  color: #2563eb !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  background: none !important;
  border: none !important;
  -webkit-text-fill-color: #2563eb !important;
  margin-bottom: 12px !important;
}
[data-style=pro] .sec-title {
  color: #18181b !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
  -webkit-text-fill-color: #18181b !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}
[data-style=pro] .sec-sub {
  color: #52525b !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* ============================================================
   Landing — Hero trust stats & built-with
   ============================================================ */
[data-style=pro] .hero-trust {
  background: none !important;
  border: none !important;
  gap: 24px !important;
}
[data-style=pro] .trust-item {
  background: none !important;
}
[data-style=pro] .trust-n {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
  font-weight: 700 !important;
  background: none !important;
  filter: none !important;
}
[data-style=pro] .trust-l {
  color: #71717a !important;
}
[data-style=pro] .trust-sep {
  background: #e5e5e5 !important;
}
[data-style=pro] .hero-built-with {
  border: none !important;
  background: none !important;
}
[data-style=pro] .built-label {
  color: #a1a1aa !important;
}
[data-style=pro] .built-pill {
  background: #f5f5f5 !important;
  color: #52525b !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* ============================================================
   Landing — Products bento cards
   ============================================================ */
[data-style=pro] .bento {
  gap: 16px !important;
}
[data-style=pro] .bento-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 28px 24px !important;
  transition: border-color .15s !important;
}
[data-style=pro] .bento-card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  transform: none !important;
}
[data-style=pro] .bento-card h3 {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .bento-card p {
  color: #52525b !important;
}
[data-style=pro] .bento-icon {
  color: #18181b !important;
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
[data-style=pro] .bento-tag {
  background: #f5f5f5 !important;
  color: #52525b !important;
  border-radius: 6px !important;
  border: none !important;
}

/* ============================================================
   Landing — Darknode OS cards
   ============================================================ */
[data-style=pro] .os-grid {
  gap: 24px !important;
}
[data-style=pro] .os-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 32px 28px !important;
}
[data-style=pro] .os-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .os-card-icon {
  color: #18181b !important;
  background: none !important;
  filter: none !important;
}
[data-style=pro] .os-card-title {
  color: #18181b !important;
}
[data-style=pro] .os-card-desc {
  color: #52525b !important;
}
[data-style=pro] .os-features {
  color: #52525b !important;
}
[data-style=pro] .os-features li {
  color: #52525b !important;
}
[data-style=pro] .os-features li::before {
  color: #22c55e !important;
}
[data-style=pro] .os-card-meta {
  color: #a1a1aa !important;
}
[data-style=pro] .os-dl {
  border-radius: 6px !important;
}
[data-style=pro] .os-coming-soon {
  background: #f5f5f5 !important;
  color: #a1a1aa !important;
  border: 1px solid #e5e5e5 !important;
  cursor: default !important;
}
[data-style=pro] .os-boot-preview .term-window {
  max-width: 700px !important;
  margin: 40px auto 0 !important;
}

/* ============================================================
   Landing — Timeline (How it works)
   ============================================================ */
[data-style=pro] .timeline-v {
  border-color: #e5e5e5 !important;
}
[data-style=pro] .timeline-v::before {
  background: #e5e5e5 !important;
}
[data-style=pro] .tlv-num {
  background: #111 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
[data-style=pro] .tlv-step {
  border: none !important;
}
[data-style=pro] .tlv-body h3 {
  color: #18181b !important;
}
[data-style=pro] .tlv-body p {
  color: #52525b !important;
}
[data-style=pro] .tlv-visual .term-window {
  background: #1a1a2e !important;
  border: 1px solid #e5e5e5 !important;
}
[data-style=pro] .demo-term .tw-body {
  color: #e5e5e5 !important;
  background: #1a1a2e !important;
}

/* ============================================================
   Landing — Feature rows
   ============================================================ */
[data-style=pro] .feature-rows {
  gap: 64px !important;
}
[data-style=pro] .feature-row {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}
[data-style=pro] .feature-text h3 {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .feature-text p {
  color: #52525b !important;
}
[data-style=pro] .feature-visual .term-window {
  background: #1a1a2e !important;
  border: 1px solid #e5e5e5 !important;
}

/* Lab grid in features */
[data-style=pro] .lab-grid {
  gap: 10px !important;
}
[data-style=pro] .lab-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  color: #18181b !important;
  box-shadow: none !important;
}
[data-style=pro] .lab-port {
  color: #71717a !important;
}
[data-style=pro] .lab-status.on {
  background: #22c55e !important;
  box-shadow: none !important;
}
[data-style=pro] .lab-status.off {
  background: #d4d4d4 !important;
}

/* ============================================================
   Landing — Metrics grid
   ============================================================ */
[data-style=pro] .metrics-grid {
  gap: 16px !important;
}
[data-style=pro] .metric-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
}
[data-style=pro] .metric-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .metric-n {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
  font-weight: 700 !important;
  background: none !important;
  filter: none !important;
}
[data-style=pro] .metric-l {
  color: #71717a !important;
}

/* ============================================================
   Landing — Comparison table
   ============================================================ */
[data-style=pro] .cmp-scroll {
  border-radius: 8px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
}
[data-style=pro] .cmp-landing {
  color: #18181b !important;
  background: #fff !important;
}
[data-style=pro] .cmp-landing thead {
  background: #fff !important;
  border-bottom: 2px solid #e5e5e5 !important;
}
[data-style=pro] .cmp-landing th {
  color: #18181b !important;
  font-weight: 600 !important;
  background: #fff !important;
  border-bottom: 2px solid #e5e5e5 !important;
}
[data-style=pro] .cmp-landing td {
  border-bottom: 1px solid #f0f0f0 !important;
  color: #52525b !important;
}
[data-style=pro] .cmp-dn {
  color: #18181b !important;
  font-weight: 600 !important;
  background: #f7f9ff !important;
}
[data-style=pro] .cmp-dn-col {
  background: #f7f9ff !important;
}
[data-style=pro] .cmp-highlight {
  color: #2563eb !important;
  font-weight: 700 !important;
  background: none !important;
  -webkit-text-fill-color: #2563eb !important;
}
[data-style=pro] .cmp-check {
  color: #22c55e !important;
}
[data-style=pro] .cmp-x {
  color: #d4d4d4 !important;
}

/* ============================================================
   Landing — Tool showcase
   ============================================================ */
[data-style=pro] .ts-tabs {
  gap: 6px !important;
  border: none !important;
  background: none !important;
}
[data-style=pro] .ts-tab {
  background: #f5f5f5 !important;
  color: #52525b !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: var(--btn-radius, 4px) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  padding: 6px 14px !important;
}
[data-style=pro] .ts-tab.on {
  background: #111 !important;
  color: #fff !important;
  border-color: #18181b !important;
}
[data-style=pro] .ts-tab:hover:not(.on) {
  border-color: #ccc !important;
}
[data-style=pro] .ts-grid {
  gap: 12px !important;
}
[data-style=pro] .ts-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 20px !important;
}
[data-style=pro] .ts-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .ts-name {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .ts-desc {
  color: #52525b !important;
}
[data-style=pro] .ts-badge {
  font-size: .7rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
}
[data-style=pro] .ts-badge.cat-recon {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
[data-style=pro] .ts-badge.cat-exploit,
[data-style=pro] .ts-badge.cat-testing {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
[data-style=pro] .ts-badge.cat-defense {
  background: #dcfce7 !important;
  color: #15803d !important;
}
[data-style=pro] .ts-badge.cat-post,
[data-style=pro] .ts-badge.cat-advanced {
  background: #fef3c7 !important;
  color: #92400e !important;
}
[data-style=pro] .ts-badge.cat-analysis {
  background: #f3e8ff !important;
  color: #7c3aed !important;
}
[data-style=pro] .ts-mode {
  color: #a1a1aa !important;
}

/* ============================================================
   Landing — Nexus AI engine
   ============================================================ */
[data-style=pro] .nx-section {
  background: #fff !important;
}
[data-style=pro] .nx-section-glow,
[data-style=pro] .nx-hero::after {
  display: none !important;
  content: none !important;
}
[data-style=pro] .nx-arch {
  background: none !important;
  border: none !important;
}
[data-style=pro] .nx-arch-layer {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  box-shadow: none !important;
}
[data-style=pro] .nx-arch-header {
  color: #18181b !important;
}
[data-style=pro] .nx-arch-label {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .nx-arch-tag {
  color: #71717a !important;
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
}
[data-style=pro] .nx-arch-pill {
  background: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  font-size: .8rem !important;
  box-shadow: none !important;
}
[data-style=pro] .nx-arch-connector {
  background: #e5e5e5 !important;
  width: 1px !important;
  height: 20px !important;
  margin: 0 auto !important;
}
[data-style=pro] .nx-arch-footer-band {
  color: #71717a !important;
  background: none !important;
}
[data-style=pro] .nx-highlights {
  gap: 24px !important;
}
[data-style=pro] .nx-hl {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  box-shadow: none !important;
}
[data-style=pro] .nx-hl:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .nx-hl-icon {
  color: #18181b !important;
  background: #f5f5f5 !important;
  border-radius: 6px !important;
}
[data-style=pro] .nx-hl h3 {
  color: #18181b !important;
}
[data-style=pro] .nx-hl p {
  color: #52525b !important;
}
[data-style=pro] .nx-details {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
}
[data-style=pro] .nx-details summary {
  color: #18181b !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
[data-style=pro] .nx-modules {
  border-top: 1px solid #e5e5e5 !important;
}
[data-style=pro] .nx-group h4 {
  color: #18181b !important;
}
[data-style=pro] .nx-group span {
  background: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
}

/* ============================================================
   Landing — Security RAG
   ============================================================ */
[data-style=pro] .rag-tabs {
  gap: 6px !important;
  border: none !important;
}
[data-style=pro] .rag-tab {
  background: #f5f5f5 !important;
  color: #52525b !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
[data-style=pro] .rag-tab.active {
  background: #111 !important;
  color: #fff !important;
  border-color: #18181b !important;
}
[data-style=pro] .rag-grid {
  gap: 16px !important;
}
[data-style=pro] .rag-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
}
[data-style=pro] .rag-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .rag-card h4 {
  color: #18181b !important;
}
[data-style=pro] .rag-card p {
  color: #52525b !important;
}
[data-style=pro] .rag-code {
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  color: #18181b !important;
}
[data-style=pro] .sev {
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: .7rem !important;
}
[data-style=pro] .sev.critical {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
[data-style=pro] .sev.high {
  background: #fef3c7 !important;
  color: #92400e !important;
}
[data-style=pro] .sev.medium {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

/* ============================================================
   Landing — Practice labs
   ============================================================ */
[data-style=pro] .plab-grid {
  gap: 16px !important;
}
[data-style=pro] .plab-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
}
[data-style=pro] .plab-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .plab-top {
  color: #71717a !important;
}
[data-style=pro] .plab-status {
  background: #22c55e !important;
  box-shadow: none !important;
}
[data-style=pro] .plab-runtime {
  color: #71717a !important;
  background: #f5f5f5 !important;
  border-radius: 6px !important;
}
[data-style=pro] .plab-name {
  color: #18181b !important;
}
[data-style=pro] .plab-desc {
  color: #52525b !important;
}
[data-style=pro] .plab-diff {
  border-radius: 6px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
}
[data-style=pro] .plab-diff.beginner {
  background: #dcfce7 !important;
  color: #15803d !important;
}
[data-style=pro] .plab-diff.intermediate {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
[data-style=pro] .plab-diff.advanced {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
[data-style=pro] .plab-note {
  color: #71717a !important;
}

/* ============================================================
   Landing — Demo showcase
   ============================================================ */
[data-style=pro] .showcase-tabs {
  gap: 6px !important;
  border: none !important;
}
[data-style=pro] .showcase-tab {
  background: #f5f5f5 !important;
  color: #52525b !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
[data-style=pro] .showcase-tab.active {
  background: #111 !important;
  color: #fff !important;
  border-color: #18181b !important;
}
[data-style=pro] .showcase-window .term-window {
  background: #1a1a2e !important;
  border: 1px solid #e5e5e5 !important;
}
[data-style=pro] .showcase-term .tw-body {
  color: #e5e5e5 !important;
  background: #1a1a2e !important;
}
[data-style=pro] .showcase-dot {
  background: #d4d4d4 !important;
  border: none !important;
  box-shadow: none !important;
}
[data-style=pro] .showcase-dot.active {
  background: #111 !important;
}
[data-style=pro] .showcase-hint {
  color: #71717a !important;
}

/* ============================================================
   Landing — GitHub cards
   ============================================================ */
[data-style=pro] .gh-cards {
  gap: 16px !important;
}
[data-style=pro] .gh-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
  text-decoration: none !important;
  transition: border-color .15s !important;
}
[data-style=pro] .gh-card:hover {
  border-color: #ccc !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
[data-style=pro] .gh-name {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .gh-desc {
  color: #52525b !important;
}

/* ============================================================
   Landing — Testimonials
   ============================================================ */
[data-style=pro] .testimonial-grid {
  gap: 16px !important;
}
[data-style=pro] .testimonial-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 28px 24px !important;
}
[data-style=pro] .testimonial-card:hover {
  border-color: #ccc !important;
  transform: none !important;
}
[data-style=pro] .testimonial-quote {
  color: #e5e5e5 !important;
  font-size: 2.5rem !important;
  line-height: 1 !important;
}
[data-style=pro] .testimonial-text {
  color: #333 !important;
  font-style: normal !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
}
[data-style=pro] .testimonial-role {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .testimonial-org {
  color: #71717a !important;
}

/* ============================================================
   Landing — Pricing
   ============================================================ */
[data-style=pro] .pricing-grid {
  gap: 16px !important;
}
[data-style=pro] .price-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 32px 28px !important;
}
[data-style=pro] .price-card:hover {
  border-color: #ccc !important;
}
[data-style=pro] .price-card.featured {
  border: 2px solid #111 !important;
  box-shadow: none !important;
}
[data-style=pro] .price-badge {
  background: #111 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}
[data-style=pro] .price-tier {
  color: #18181b !important;
  font-weight: 700 !important;
}
[data-style=pro] .price-amount {
  color: #18181b !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  -webkit-text-fill-color: #18181b !important;
  background: none !important;
}
[data-style=pro] .price-period {
  color: #71717a !important;
  font-weight: 400 !important;
  -webkit-text-fill-color: #71717a !important;
}
[data-style=pro] .price-desc {
  color: #52525b !important;
}
[data-style=pro] .price-features {
  color: #52525b !important;
}
[data-style=pro] .price-features.compact {
  gap: 2px !important;
}
[data-style=pro] .price-features.compact li {
  font-size: .8rem !important;
  padding: 3px 0 !important;
}
[data-style=pro] .price-features li {
  color: #52525b !important;
  border: none !important;
}
[data-style=pro] .price-features .feat-section {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .price-card .btn {
  width: 100% !important;
}
[data-style=pro] .price-card .btn:disabled {
  background: #f5f5f5 !important;
  color: #a1a1aa !important;
  border-color: #e5e5e5 !important;
  cursor: default !important;
  opacity: 1 !important;
}
[data-style=pro] .pricing-note {
  color: #71717a !important;
  font-size: .85rem !important;
  line-height: 1.6 !important;
}
[data-style=pro] .pricing-note strong {
  color: #18181b !important;
}

/* ============================================================
   Landing — FAQ accordion
   ============================================================ */
[data-style=pro] .faq-list {
  max-width: 720px !important;
  margin: 0 auto !important;
}
[data-style=pro] .faq-item {
  border-bottom: 1px solid #e5e5e5 !important;
  background: none !important;
  border-radius: 0 !important;
}
[data-style=pro] .faq-q {
  color: #18181b !important;
  font-weight: 500 !important;
  background: none !important;
  padding: 18px 0 !important;
}
[data-style=pro] .faq-q:hover {
  color: #000 !important;
  background: none !important;
}
[data-style=pro] .faq-q-text {
  color: #18181b !important;
}
[data-style=pro] .faq-toggle {
  color: #71717a !important;
}
[data-style=pro] .faq-a {
  color: #52525b !important;
  background: none !important;
}
[data-style=pro] .faq-a-inner {
  color: #52525b !important;
  padding-bottom: 18px !important;
}

/* ============================================================
   Landing — CTA final
   ============================================================ */
[data-style=pro] .cta-final {
  background: #fff !important;
  border-top: 1px solid #f0f0f0 !important;
  padding: 80px 24px !important;
  text-align: center !important;
}
[data-style=pro] .cta-final::before,
[data-style=pro] .cta-final::after,
[data-style=pro] .cta-mesh,
[data-style=pro] .cta-grid-bg {
  display: none !important;
}
[data-style=pro] .cta-inner h2 {
  color: #18181b !important;
  font-weight: 700 !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  -webkit-text-fill-color: #18181b !important;
  background: none !important;
}
[data-style=pro] .cta-sub {
  color: #52525b !important;
}
[data-style=pro] .cta-divider {
  background: #e5e5e5 !important;
  height: 1px !important;
  border: none !important;
  margin: 40px auto !important;
  max-width: 200px !important;
}
[data-style=pro] .cta-notify-h {
  color: #18181b !important;
  font-weight: 600 !important;
}
[data-style=pro] .cta-form {
  gap: 8px !important;
}
[data-style=pro] .cta-email {
  background: #fff !important;
  border: 1px solid #d4d4d4 !important;
  color: #18181b !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}
[data-style=pro] .cta-email:focus {
  border-color: #18181b !important;
  box-shadow: 0 0 0 1px #111 !important;
}
[data-style=pro] .cta-reassure {
  color: #71717a !important;
}
[data-style=pro] .cta-reassure-ok {
  color: #22c55e !important;
}
[data-style=pro] .cta-reassure-err {
  color: #dc2626 !important;
}

/* ============================================================
   Landing — Back to top
   ============================================================ */
[data-style=pro] .btt {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  color: #18181b !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
[data-style=pro] .btt:hover {
  border-color: #ccc !important;
  background: #f5f5f5 !important;
}

/* ============================================================
   Landing — Terminal window overrides (keep dark terminals)
   ============================================================ */
[data-style=pro] .tw-bar {
  background: #1a1a2e !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
[data-style=pro] .tw-title {
  color: #71717a !important;
}
[data-style=pro] .tw-body {
  background: #1a1a2e !important;
  color: #e5e5e5 !important;
}
[data-style=pro] .term-bar {
  background: #1a1a2e !important;
}
[data-style=pro] .term-title {
  color: #71717a !important;
}
[data-style=pro] .term-body {
  background: #1a1a2e !important;
  color: #e5e5e5 !important;
}

/* ============================================================
   Landing — Reveal animation overrides
   ============================================================ */
[data-style=pro] .sec-label,
[data-style=pro] .sec-title,
[data-style=pro] .sec-sub,
[data-style=pro] .bento-card,
[data-style=pro] .price-card,
[data-style=pro] .feature-row,
[data-style=pro] .tlv-step,
[data-style=pro] .gh-card,
[data-style=pro] .testimonial-card,
[data-style=pro] .faq-item,
[data-style=pro] .ts-card,
[data-style=pro] .nx-arch-layer,
[data-style=pro] .nx-hl,
[data-style=pro] .metric-card,
[data-style=pro] .rag-card,
[data-style=pro] .plab-card,
[data-style=pro] .os-card {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .45s ease, transform .45s ease;
}
[data-style=pro] .revealed {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ============================================================
   Auth page — clean white, no grid background
   ============================================================ */
[data-style=pro] body:not(.landing):not(.app)::before {
  display: none !important;
}
[data-style=pro] body:not(.landing):not(.app) {
  background: #fff !important;
}
/* Auth page — premium centered layout */
[data-style=pro] .auth-page {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #f0fdf4 100%) !important;
  padding: 24px !important;
}
[data-style=pro] .auth-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04), 0 16px 40px rgba(0,0,0,.06) !important;
  max-width: 420px !important;
  width: 100% !important;
  padding: 36px 32px 28px !important;
  margin: 0 !important;
}
[data-style=pro] .auth-logo {
  text-align: center !important;
  margin-bottom: 20px !important;
}
[data-style=pro] .auth-logo img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
[data-style=pro] .auth-card h1 {
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 4px !important;
  letter-spacing: -0.5px !important;
}
[data-style=pro] .auth-subtitle,
[data-style=pro] .auth-card > .muted {
  text-align: center !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
}
[data-style=pro] .auth-back {
  color: #9ca3af !important;
  font-size: 13px !important;
}
[data-style=pro] .auth-back:hover {
  color: #2563eb !important;
}
[data-style=pro] .auth-card .btn.google,
[data-style=pro] .auth-card .btn.github {
  background: #fff !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
  border-radius: var(--btn-radius, 4px) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 11px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: all .15s ease !important;
}
[data-style=pro] .auth-card .btn.google:hover {
  border-color: #9ca3af !important;
  background: #f9fafb !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  transform: translateY(-1px) !important;
}
[data-style=pro] .auth-card .btn.github {
  background: #24292f !important;
  color: #fff !important;
  border-color: #24292f !important;
}
[data-style=pro] .auth-card .btn.github:hover {
  background: #1b1f23 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
  transform: translateY(-1px) !important;
}
[data-style=pro] .auth-card .or {
  color: #d1d5db !important;
  font-size: 12px !important;
  margin: 18px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
[data-style=pro] .auth-card .or span {
  background: #e5e7eb !important;
}
[data-style=pro] .auth-card #pwform input {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  color: #111827 !important;
  font-size: 14px !important;
  padding: 11px 14px !important;
  transition: all .15s ease !important;
}
[data-style=pro] .auth-card #pwform input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
[data-style=pro] .auth-card #pwform input::placeholder {
  color: #9ca3af !important;
}
[data-style=pro] .auth-card #pwform .btn {
  background: #2563eb !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--btn-radius, 4px) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 11px 16px !important;
  transition: all .15s ease !important;
}
[data-style=pro] .auth-card #pwform .btn:hover {
  background: #1d4ed8 !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.25) !important;
  transform: translateY(-1px) !important;
}
[data-style=pro] .auth-links {
  justify-content: center !important;
  margin-top: 16px !important;
}
[data-style=pro] .auth-links a {
  color: #6b7280 !important;
  font-size: 13px !important;
  transition: color .15s !important;
}
[data-style=pro] .auth-links a:hover {
  color: #2563eb !important;
}
[data-style=pro] .auth-links a strong {
  color: #2563eb !important;
  font-weight: 600 !important;
}
[data-style=pro] .auth-err {
  text-align: center !important;
  color: #dc2626 !important;
  font-size: 13px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}
[data-style=pro] .auth-err:empty {
  display: none !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
[data-style=pro] .auth-test {
  text-align: center !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #f3f4f6 !important;
}
[data-style=pro] .auth-test a {
  font-size: 12px !important;
  color: #9ca3af !important;
  cursor: pointer !important;
  transition: color .15s !important;
}
[data-style=pro] .auth-test a:hover {
  color: #6b7280 !important;
}
[data-style=pro] .auth-footer {
  margin-top: 24px !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  letter-spacing: 0.5px !important;
}

/* ============================================================
   Settings page — clean, sharp
   ============================================================ */
[data-style=pro] .set-layout {
  gap: 28px;
}
[data-style=pro] .set-nav {
  border-right: 1px solid #e5e5e5 !important;
}
[data-style=pro] .set-tab {
  color: #64748b !important;
  border-radius: 6px !important;
  border-left: 3px solid transparent !important;
  font-weight: 400;
  transition: all .12s;
}
[data-style=pro] .set-tab:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-left-color: #cbd5e1 !important;
}
[data-style=pro] .set-tab.active {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-left-color: #2563eb !important;
  font-weight: 600;
  box-shadow: none !important;
}
[data-style=pro] .set-panel-h {
  color: #18181b !important;
  border-bottom: 1px solid #e5e5e5 !important;
  font-weight: 700;
}
[data-style=pro] .set-row {
  border-bottom-color: #f0f0f0 !important;
  color: #18181b !important;
}
[data-style=pro] .set-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
[data-style=pro] .set-card:hover {
  border-color: #ccc !important;
  box-shadow: none !important;
}
[data-style=pro] .swatch {
  border-radius: 6px !important;
  box-shadow: none !important;
  border: 2px solid transparent !important;
}
[data-style=pro] .swatch:hover,
[data-style=pro] .swatch.on {
  border-color: #18181b !important;
}
[data-style=pro] .logo-pick {
  border-radius: 6px !important;
  border: 1px solid #e5e5e5 !important;
  background: #f5f5f5 !important;
}
[data-style=pro] .logo-pick.on {
  border-color: #18181b !important;
  background: #111 !important;
}
[data-style=pro] .nexus-code-row input {
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  color: #18181b !important;
}

/* ============================================================
   Tab bars — all tool tabs, clean black/white
   ============================================================ */
[data-style=pro] .tab-bar .tab,
[data-style=pro] .ca-tab,[data-style=pro] .pc-tab,[data-style=pro] .mf-tab,
[data-style=pro] .hy-tab,[data-style=pro] .wl-tab,[data-style=pro] .cr-tab,[data-style=pro] .adv-tab,
[data-style=pro] .ag-tab,[data-style=pro] .api-tab,
[data-style=pro] .cc-tab,[data-style=pro] .cmp-tab,
[data-style=pro] .ct-tab,[data-style=pro] .dl-tab,[data-style=pro] .doc-tab,
[data-style=pro] .enc-tab,[data-style=pro] .ft-tab,[data-style=pro] .hs-tab,[data-style=pro] .rag-tab,
[data-style=pro] .rx-tab,[data-style=pro] .tm-tab,
[data-style=pro] .ts-tab {
  border: 1px solid #e4e4e7 !important;
  border-radius: var(--btn-radius, 4px) !important;
  background: #fff !important;
  color: #71717a !important;
  box-shadow: none !important;
  font-weight: 500;
  font-size: .8rem;
  padding: 6px 14px !important;
  transition: background .12s, color .12s, border-color .12s;
}
[data-style=pro] .tab-bar .tab:hover,
[data-style=pro] .ca-tab:hover,[data-style=pro] .pc-tab:hover,
[data-style=pro] .mf-tab:hover,[data-style=pro] .hy-tab:hover,
[data-style=pro] .wl-tab:hover,[data-style=pro] .cr-tab:hover,
[data-style=pro] .adv-tab:hover,[data-style=pro] .ag-tab:hover,
[data-style=pro] .api-tab:hover,
[data-style=pro] .cc-tab:hover,[data-style=pro] .cmp-tab:hover,[data-style=pro] .ct-tab:hover,
[data-style=pro] .dl-tab:hover,[data-style=pro] .doc-tab:hover,
[data-style=pro] .enc-tab:hover,[data-style=pro] .ft-tab:hover,
[data-style=pro] .hs-tab:hover,[data-style=pro] .rag-tab:hover,[data-style=pro] .rx-tab:hover,[data-style=pro] .tm-tab:hover,
[data-style=pro] .ts-tab:hover {
  border-color: #d4d4d8 !important;
  color: #18181b !important;
  background: #f4f4f5 !important;
}
[data-style=pro] .tab-bar .tab.active,[data-style=pro] .tab-bar .tab.on,
[data-style=pro] .ca-tab.active,[data-style=pro] .ca-tab.on,
[data-style=pro] .pc-tab.active,[data-style=pro] .pc-tab.on,
[data-style=pro] .mf-tab.active,[data-style=pro] .mf-tab.on,
[data-style=pro] .hy-tab.active,[data-style=pro] .hy-tab.on,
[data-style=pro] .wl-tab.active,[data-style=pro] .wl-tab.on,
[data-style=pro] .cr-tab.active,[data-style=pro] .cr-tab.on,
[data-style=pro] .adv-tab.active,[data-style=pro] .adv-tab.on,
[data-style=pro] .ag-tab.active,[data-style=pro] .ag-tab.on,
[data-style=pro] .api-tab.active,[data-style=pro] .api-tab.on,
[data-style=pro] .cc-tab.active,[data-style=pro] .cc-tab.on,
[data-style=pro] .cmp-tab.active,[data-style=pro] .cmp-tab.on,
[data-style=pro] .ct-tab.active,[data-style=pro] .ct-tab.on,
[data-style=pro] .dl-tab.active,[data-style=pro] .dl-tab.on,
[data-style=pro] .doc-tab.active,[data-style=pro] .doc-tab.on,
[data-style=pro] .enc-tab.active,[data-style=pro] .enc-tab.on,
[data-style=pro] .ft-tab.active,[data-style=pro] .ft-tab.on,
[data-style=pro] .hs-tab.active,[data-style=pro] .hs-tab.on,
[data-style=pro] .rag-tab.active,[data-style=pro] .rag-tab.on,
[data-style=pro] .rx-tab.active,[data-style=pro] .rx-tab.on,
[data-style=pro] .tm-tab.active,[data-style=pro] .tm-tab.on,
[data-style=pro] .ts-tab.active,[data-style=pro] .ts-tab.on {
  background: #18181b !important;
  color: #fff !important;
  border-color: #18181b !important;
  box-shadow: none !important;
  font-weight: 500;
  border-radius: var(--btn-radius, 4px) !important;
}

/* ============================================================
   Tool cards — all tool-specific card classes
   ============================================================ */
[data-style=pro] .pc-tpl-card,[data-style=pro] .wl-atk-card,
[data-style=pro] .wl-vuln-card,[data-style=pro] .wl-bt-card,
[data-style=pro] .cr-chal,
[data-style=pro] .dw-paste-card,
[data-style=pro] .ca-section,[data-style=pro] .mf-section,
[data-style=pro] .tk-section,[data-style=pro] .ct-card,[data-style=pro] .ed-card,
[data-style=pro] .enc-card,[data-style=pro] .ft-card,
[data-style=pro] .gh-card,[data-style=pro] .hs-card,[data-style=pro] .lab-card,
[data-style=pro] .mod-card,[data-style=pro] .mode-card,
[data-style=pro] .nx-card,[data-style=pro] .os-card,
[data-style=pro] .plab-card,[data-style=pro] .rag-card,
[data-style=pro] .rc-card,
[data-style=pro] .steg-card,
[data-style=pro] .tk-card,[data-style=pro] .thl-card,
[data-style=pro] .vl-card,[data-style=pro] .as-card,[data-style=pro] .dlapp-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #18181b !important;
}
[data-style=pro] .pc-tpl-card:hover,[data-style=pro] .wl-atk-card:hover,
[data-style=pro] .cr-chal:hover,[data-style=pro] .tk-card:hover,
[data-style=pro] .dlapp-card:hover,
[data-style=pro] .lab-card:hover,[data-style=pro] .mod-card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  transform: none !important;
}

/* ============================================================
   Progress bars — clean
   ============================================================ */
[data-style=pro] .progress {
  background: #f0f0f0 !important;
  border-radius: 6px !important;
}
[data-style=pro] .progress-bar {
  background: #111 !important;
  border-radius: 6px !important;
}

/* ============================================================
   Page headings — no gradient text
   ============================================================ */
[data-style=pro] .pg-h1 {
  color: #0f172a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #0f172a !important;
  filter: none !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}
[data-style=pro] .pg-sub {
  color: #64748b !important;
}

/* ============================================================
   Dashboard — clean hero and home grid
   ============================================================ */
/* dash-hero — see main dashboard section */
[data-style=pro] .home-grid .card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
[data-style=pro] .home-grid .card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  transform: none !important;
}

/* ============================================================
   Misc UI — tooltips, tables, code blocks, labels
   ============================================================ */
[data-style=pro] .hy-node-tooltip {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  color: #18181b !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
}
[data-style=pro] table {
  border-color: #e5e5e5 !important;
}
[data-style=pro] th {
  background: #f7f7f7 !important;
  color: #18181b !important;
  border-color: #e5e5e5 !important;
}
[data-style=pro] td {
  border-color: #f0f0f0 !important;
  color: #18181b !important;
}
[data-style=pro] tr:hover td {
  background: #fff !important;
}
[data-style=pro] pre {
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  color: #18181b !important;
}
[data-style=pro] .label,[data-style=pro] .tag {
  background: #f0f0f0 !important;
  color: #52525b !important;
  border-radius: 6px !important;
}
[data-style=pro] .admin-card {
  border-color: #e5e5e5 !important;
  background: #f7f7f7 !important;
}

/* ============================================================
   Tool outputs / terminals inside tools
   ============================================================ */
[data-style=pro] .tool-output,
[data-style=pro] .nx-output,
[data-style=pro] .term-output,
[data-style=pro] .sh-output,
[data-style=pro] .console-output {
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  color: #18181b !important;
  border-radius: 6px !important;
}

/* ============================================================
   Animations — tone down in pro mode
   ============================================================ */
[data-style=pro] .card,
[data-style=pro] .set-card,
[data-style=pro] .tk-card {
  animation: none !important;
}

/* ============================================================
   Dark Professional — additional auth/settings overrides
   ============================================================ */
[data-style=dark] body:not(.landing):not(.app)::before {
  display: none !important;
}
[data-style=dark] body:not(.landing):not(.app) {
  background: #000 !important;
}
[data-style=dark] .auth-card {
  background: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.5) !important;
}
[data-style=dark] .auth-logo img {
  box-shadow: none !important;
}
[data-style=dark] .auth-back {
  color: #52525b !important;
}
[data-style=dark] .auth-links a {
  color: #71717a !important;
}
[data-style=dark] .auth-card .or {
  color: #444 !important;
}
[data-style=dark] .auth-card .or span {
  background: #333 !important;
}
[data-style=dark] .set-nav {
  border-right: 1px solid #1a1a1a !important;
}
[data-style=dark] .set-tab {
  color: #71717a !important;
  border-left: 2px solid transparent !important;
}
[data-style=dark] .set-tab:hover {
  background: #111 !important;
  color: #e5e5e5 !important;
}
[data-style=dark] .set-tab.active {
  background: #1a1a1a !important;
  color: #fff !important;
  border-left-color: #fff !important;
  box-shadow: none !important;
}
[data-style=dark] .set-panel-h {
  border-bottom: 1px solid #222 !important;
}
[data-style=dark] .set-row {
  border-bottom-color: #1a1a1a !important;
}
[data-style=dark] .set-card {
  background: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}
[data-style=dark] .progress {
  background: #1a1a1a !important;
}
[data-style=dark] .progress-bar {
  background: #fff !important;
}
[data-style=dark] .pg-h1 {
  color: #fff !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #fff !important;
}
[data-style=dark] .dash-hero {
  background: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}
[data-style=dark] .dash-hero::before {
  display: none !important;
}
[data-style=dark] .home-grid .card {
  background: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}
[data-style=dark] .home-grid .card:hover {
  border-color: #333 !important;
  transform: none !important;
}
[data-style=dark] .tab-bar .tab,
[data-style=dark] [class*="-tab"] {
  border: 1px solid #333 !important;
  background: transparent !important;
  color: #71717a !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
[data-style=dark] .tab-bar .tab:hover,
[data-style=dark] [class*="-tab"]:hover {
  border-color: #52525b !important;
  color: #e5e5e5 !important;
  background: #111 !important;
}
[data-style=dark] .tab-bar .tab.active,
[data-style=dark] .tab-bar .tab.on,
[data-style=dark] [class*="-tab"].active,
[data-style=dark] [class*="-tab"].on {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  font-weight: 600;
}
[data-style=dark] pre {
  background: #0a0a0a !important;
  border: 1px solid #222 !important;
  color: #e5e5e5 !important;
}
[data-style=dark] table { border-color: #222 !important; }
[data-style=dark] th { background: #0a0a0a !important; border-color: #222 !important; }
[data-style=dark] td { border-color: #1a1a1a !important; }
[data-style=dark] .card,
[data-style=dark] .set-card,
[data-style=dark] .tk-card {
  animation: none !important;
}
[data-style=dark] .admin-card {
  border-color: #222 !important;
  background: #0a0a0a !important;
}
[data-style=dark].crt::before,
[data-style=dark].crt::after,
html[data-style=dark].crt body::before,
html[data-style=dark].crt body::after {
  display: none !important;
  content: none !important;
}

/* Access-granted transition — clean, no CRT */
[data-style=pro] #xfer {
  background: #fff !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}
[data-style=pro] #xfer::after {
  display: none !important;
  content: none !important;
}
[data-style=pro] #xfer .xgrid {
  display: none !important;
}
[data-style=pro] #xfer .xring {
  border-color: #e5e5e5 !important;
  box-shadow: none !important;
}
[data-style=pro] #xfer .xring.b {
  border-color: #f4f4f5 !important;
  box-shadow: none !important;
}
[data-style=pro] #xfer .xgranted {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #18181b !important;
  filter: none !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}
[data-style=pro] #xfer .xwho {
  color: #71717a !important;
  letter-spacing: .08em !important;
}
[data-style=pro] #xfer .xflash {
  display: none !important;
}

/* Dedicated page header (back link on /faq, /pricing, etc.) */
.dedicated-page-header {
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px 24px 0;
}
.dedicated-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .875rem;
  font-weight: 500;
  color: var(--mut, #71717a);
  text-decoration: none;
  transition: color .15s;
}
.dedicated-back:hover {
  color: var(--txt, #18181b);
}
/* Public tool page (e.g. /crosswalk signed out): full width, with a sign-in prompt. */
.dn-pubtool { padding-top: 0 !important; }
.dn-pubtool .dedicated-page-header.dn-pubbar { max-width: none; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; padding: 24px 0 8px; }
.dn-pubbar .dn-pubnote { margin-left: auto; font-size: .875rem; color: var(--mut, #71717a); }

/* ============================================================
   GLOBAL POLISH — smoother interactions across pro theme
   ============================================================ */

/* Smoother scrollbars */
[data-style=pro] *::-webkit-scrollbar-thumb {
  background: #d4d4d8 !important;
  border-radius: 99px !important;
}
[data-style=pro] *::-webkit-scrollbar-thumb:hover {
  background: #a1a1aa !important;
}

/* Selection color */
[data-style=pro] ::selection {
  background: rgba(24,24,27,.12) !important;
  color: #18181b !important;
}

/* Smoother link transitions */
[data-style=pro] a {
  transition: color .2s cubic-bezier(.4,0,.2,1), opacity .2s;
}

/* Focus-visible ring for accessibility */
[data-style=pro] .btn:focus-visible,
[data-style=pro] input:focus-visible,
[data-style=pro] textarea:focus-visible,
[data-style=pro] select:focus-visible,
[data-style=pro] .side-item:focus-visible,
[data-style=pro] .tk-card:focus-visible {
  outline: 2px solid #18181b !important;
  outline-offset: 2px !important;
}

/* Smoother stat cards in pro */
[data-style=pro] .stat {
  border-radius: 10px !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .stat:hover {
  border-color: #d4d4d8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.08) !important;
  transform: translateY(-2px) !important;
}

/* Smoother qa cards */
[data-style=pro] .qa {
  border-radius: 10px !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .qa:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important;
  transform: translateY(-1px) !important;
}

/* Auth card polish */
[data-style=pro] .auth-card {
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06) !important;
}

/* Data table polish */
[data-style=pro] .data-table tr {
  transition: background .15s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .data-table tr:hover {
  background: #fafafa !important;
}

/* Tool card polish */
[data-style=pro] .tk-card {
  border-radius: 10px !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .tk-card:hover {
  border-color: #d4d4d8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.08) !important;
  transform: translateY(-2px) !important;
}

/* Smoother dropdown menus */
[data-style=pro] .menu {
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06), 0 16px 40px rgba(0,0,0,.1) !important;
  border: 1px solid #e5e5e5 !important;
}
[data-style=pro] .menu-item {
  transition: background .15s cubic-bezier(.4,0,.2,1) !important;
  border-radius: 6px !important;
}

/* Landing section polish */
[data-style=pro] .section {
  border-color: rgba(0,0,0,.04) !important;
}
[data-style=pro] .section.alt {
  background: #fafafa !important;
  border-top-color: rgba(0,0,0,.04) !important;
  border-bottom-color: rgba(0,0,0,.04) !important;
}

/* Smoother back-to-top button */
[data-style=pro] .btt {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .btt:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
  transform: translateY(-2px) !important;
}

/* Price card polish */
[data-style=pro] .price-card {
  border-radius: 12px !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .price-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  transform: translateY(-3px) !important;
}

/* FAQ item smooth open/close */
[data-style=pro] .faq-item {
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .faq-a {
  transition: max-height .35s cubic-bezier(.4,0,.2,1), opacity .25s !important;
}

/* OS card smooth hover */
[data-style=pro] .os-card {
  border-radius: 12px !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .os-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  transform: translateY(-3px) !important;
}

/* Testimonial card hover */
[data-style=pro] .testimonial-card {
  border-radius: 12px !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .testimonial-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
  transform: translateY(-2px) !important;
}

/* Comparison table polish */
[data-style=pro] .cmp-landing {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Toast polish */
[data-style=pro] .toast {
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
  border-color: #e5e5e5 !important;
}

/* Smooth image transitions */
[data-style=pro] img {
  transition: opacity .3s cubic-bezier(.4,0,.2,1);
}

/* Admin user rows — pro */
[data-style=pro] .ur-initials { background: rgba(24,24,27,.06); color: #18181b; }
[data-style=pro] .ur-prov.google { background: rgba(66,133,244,.1); color: #4285f4; }
[data-style=pro] .ur-prov.github { background: rgba(24,24,27,.08); color: #18181b; }
[data-style=pro] .ur-prov.email { background: rgba(113,113,122,.1); color: #71717a; }
[data-style=pro] .ur-details { background: #fafafa; border-radius: 6px; margin: 0 0 8px; padding: 12px 16px 12px 52px; }

/* Sidebar search — pro theme */
[data-style=pro] .side-search-wrap {
  padding: 0 10px 12px !important;
}
[data-style=pro] .side-search {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  padding: 8px 12px 8px 32px !important;
  border-radius: 8px !important;
  font-size: .78rem !important;
}
[data-style=pro] .side-search:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
[data-style=pro] .side-search::placeholder { color: #94a3b8 !important; }
[data-style=pro] .side-search-icon {
  left: 20px !important;
  color: #94a3b8 !important;
}

/* Sidebar badges — pro theme */
[data-style=pro] .side-badge.live { background: rgba(22,163,74,.1); color: #16a34a; }
[data-style=pro] .side-badge.new { background: rgba(37,99,235,.1); color: #2563eb; }
[data-style=pro] .side-badge.hot { background: rgba(217,119,6,.1); color: #d97706; }
[data-style=pro] .side-badge.beta { background: rgba(139,92,246,.1); color: #7c3aed; }
[data-style=pro] .side-badge.ai { background: rgba(37,99,235,.1); color: #2563eb; }
[data-style=pro] .side-badge.beta { background: rgba(202,138,4,.08); color: #ca8a04; }
[data-style=pro] .side-badge.ai { background: rgba(124,58,237,.1); color: #7c3aed; }

/* Threat level pips — pro */
[data-style=pro] .dash-threat-label { color: #ca8a04; }

/* Changelog — pro theme */
[data-style=pro] .dash-changelog { background: #fff; border-color: #e4e4e7; }
[data-style=pro] .cl-tag.new { background: rgba(24,24,27,.06); color: #18181b; }
[data-style=pro] .cl-tag.imp { background: rgba(22,163,74,.08); color: #16a34a; }
[data-style=pro] .cl-tag.fix { background: rgba(113,113,122,.1); color: #71717a; }

/* Admin panel spacing — pro */
[data-style=pro] .adm-cols .panel { border-radius: 10px; }
[data-style=pro] .panel>.btn,
[data-style=pro] .panel>button { margin-left: 18px; margin-right: 18px; }

/* ================================================================
   GLOBAL INLINE-STYLE OVERRIDES — fixes 35+ tool pages at once
   These tools inject inline style="background:#0a0e14;color:#c8d6e5"
   wrappers that stay dark in pro mode. Attribute selectors fix them
   all without touching each JS file.
   ================================================================ */

/* Dark wrapper backgrounds → white */
[data-style=pro] [style*="background:#0a0e"],
[data-style=pro] [style*="background:#0b0f"],
[data-style=pro] [style*="background:#0d11"],
[data-style=pro] [style*="background:#0c15"],
[data-style=pro] [style*="background:#0c10"],
[data-style=pro] [style*="background:#0a12"],
[data-style=pro] [style*="background:#050a"],
[data-style=pro] [style*="background:#080c"],
[data-style=pro] [style*="background:#080b"],
[data-style=pro] [style*="background:#060a"],
[data-style=pro] [style*="background:#0f17"],
[data-style=pro] [style*="background:#0f12"],
[data-style=pro] [style*="background:#0a10"],
[data-style=pro] [style*="background:#0c14"],
[data-style=pro] [style*="background:#0a1a"],
[data-style=pro] [style*="background:#0a16"],
[data-style=pro] [style*="background:#0a0f"],
[data-style=pro] [style*="background:#0a0a"],
[data-style=pro] [style*="background:#070d"],
[data-style=pro] [style*="background:#0d0d"],
[data-style=pro] [style*="background:#1a0a"],
[data-style=pro] [style*="background: #0a0e"],
[data-style=pro] [style*="background: #0d11"],
[data-style=pro] [style*="background: #050a"],
[data-style=pro] [style*="background: #080c"],
[data-style=pro] [style*="background: #060a"],
[data-style=pro] [style*="background: #0f17"] {
  background: #fff !important;
}

/* Dark inner panels → light gray */
[data-style=pro] [style*="background:#1118"],
[data-style=pro] [style*="background:#141c"],
[data-style=pro] [style*="background:#1a23"],
[data-style=pro] [style*="background:#0d21"],
[data-style=pro] [style*="background:#111a"],
[data-style=pro] [style*="background:#1212"],
[data-style=pro] [style*="background:#131b"],
[data-style=pro] [style*="background:#1e29"],
[data-style=pro] [style*="background:#1a2a"],
[data-style=pro] [style*="background:#1a3a"],
[data-style=pro] [style*="background: #1118"],
[data-style=pro] [style*="background: #141c"],
[data-style=pro] [style*="background: #1e29"],
[data-style=pro] [style*="background: #1a2a"] {
  background: #fafafa !important;
}

/* Light-on-dark text → dark text */
[data-style=pro] [style*="color:#c8d6"],
[data-style=pro] [style*="color:#c8d8"],
[data-style=pro] [style*="color:#e2e8"],
[data-style=pro] [style*="color:#d6e2"],
[data-style=pro] [style*="color:#eee"],
[data-style=pro] [style*="color:#e6ee"],
[data-style=pro] [style*="color:#e5e5"],
[data-style=pro] [style*="color: #c8d"],
[data-style=pro] [style*="color: #e2e8"] {
  color: #18181b !important;
}

/* Muted text */
[data-style=pro] [style*="color:#8899"],
[data-style=pro] [style*="color:#889"],
[data-style=pro] [style*="color:#6677"],
[data-style=pro] [style*="color:#667"],
[data-style=pro] [style*="color:#5a7"],
[data-style=pro] [style*="color:#4a6a"],
[data-style=pro] [style*="color:#556"],
[data-style=pro] [style*="color:#3a5a"],
[data-style=pro] [style*="color:#8ab4"],
[data-style=pro] [style*="color:#6a8a"],
[data-style=pro] [style*="color:#4a7a"],
[data-style=pro] [style*="color:#b0c4"],
[data-style=pro] [style*="color:#6474"],
[data-style=pro] [style*="color:#94a3"],
[data-style=pro] [style*="color:#445"],
[data-style=pro] [style*="color:#888"] {
  color: #71717a !important;
}

/* Neon green → pro green */
[data-style=pro] [style*="color:#00ff88"],
[data-style=pro] [style*="color:#00ff44"],
[data-style=pro] [style*="color:#00e676"],
[data-style=pro] [style*="color:#00e5ff"],
[data-style=pro] [style*="color:#22c55e"],
[data-style=pro] [style*="color:#00cc88"],
[data-style=pro] [style*="color:#00cc66"],
[data-style=pro] [style*="color:#2ee6"],
[data-style=pro] [style*="color: #00ff88"],
[data-style=pro] [style*="color: #00e5ff"] {
  color: #16a34a !important;
}

/* Neon blue → pro blue */
[data-style=pro] [style*="color:#00aaff"],
[data-style=pro] [style*="color:#00ddff"],
[data-style=pro] [style*="color:#00ccff"],
[data-style=pro] [style*="color:#00bfff"],
[data-style=pro] [style*="color:#00d4ff"],
[data-style=pro] [style*="color: #00aaff"],
[data-style=pro] [style*="color: #00d4ff"] {
  color: #3b82f6 !important;
}

/* Neon red → pro red */
[data-style=pro] [style*="color:#ff2244"],
[data-style=pro] [style*="color:#ff4444"],
[data-style=pro] [style*="color:#ff6644"],
[data-style=pro] [style*="color:#ff6688"],
[data-style=pro] [style*="color:#ff1744"],
[data-style=pro] [style*="color:#ff8866"],
[data-style=pro] [style*="color:#f44336"],
[data-style=pro] [style*="color:#ef4444"],
[data-style=pro] [style*="color:#ff5c6c"],
[data-style=pro] [style*="color:#cc0000"],
[data-style=pro] [style*="color: #ff2244"],
[data-style=pro] [style*="color: #ff4444"] {
  color: #dc2626 !important;
}

/* Neon amber/orange → pro amber */
[data-style=pro] [style*="color:#ffaa00"],
[data-style=pro] [style*="color:#ff6622"],
[data-style=pro] [style*="color:#ff6600"],
[data-style=pro] [style*="color:#ff9100"],
[data-style=pro] [style*="color:#ff8800"],
[data-style=pro] [style*="color:#ffd600"],
[data-style=pro] [style*="color:#ffcc00"],
[data-style=pro] [style*="color:#ffc107"],
[data-style=pro] [style*="color:#f5b041"],
[data-style=pro] [style*="color:#eab308"],
[data-style=pro] [style*="color: #ffaa00"],
[data-style=pro] [style*="color: #ff9100"] {
  color: #ca8a04 !important;
}

/* Class-based neon badges (colors set in injected <style> blocks, so the
   inline [style*=] overrides above can't reach them) — Threat Hunt Lab
   difficulty chips read as bright neon on the light theme's white cards. */
[data-style=pro] .thl-diff-Easy { color: #16a34a !important; }
[data-style=pro] .thl-diff-Medium { color: #ca8a04 !important; }
[data-style=pro] .thl-diff-Hard { color: #ea580c !important; }
[data-style=pro] .thl-diff-Expert { color: #dc2626 !important; }

/* Purple/violet → pro purple */
[data-style=pro] [style*="color:#aa66ff"],
[data-style=pro] [style*="color:#cc44ff"],
[data-style=pro] [style*="color:#7c5cff"],
[data-style=pro] [style*="color:#9966ff"] {
  color: #7c3aed !important;
}

/* Dark borders → light borders */
[data-style=pro] [style*="border:1px solid #1a"],
[data-style=pro] [style*="border:1px solid #0d"],
[data-style=pro] [style*="border:1px solid #1e"],
[data-style=pro] [style*="border:1px solid #11"],
[data-style=pro] [style*="border:1px solid #0f"],
[data-style=pro] [style*="border:1px solid #2a"],
[data-style=pro] [style*="border:1px solid #33"],
[data-style=pro] [style*="border:2px solid #1a"],
[data-style=pro] [style*="border:2px solid #0d"],
[data-style=pro] [style*="border: 1px solid #1a"],
[data-style=pro] [style*="border: 1px solid #1e"],
[data-style=pro] [style*="border: 1px solid #0f"],
[data-style=pro] [style*="border-color:#1a"],
[data-style=pro] [style*="border-color:#1e"],
[data-style=pro] [style*="border-color:#0d"],
[data-style=pro] [style*="border-color:#11"],
[data-style=pro] [style*="border-bottom:1px solid #1a"],
[data-style=pro] [style*="border-bottom:1px solid #0d"],
[data-style=pro] [style*="border-bottom:1px solid #11"],
[data-style=pro] [style*="border-bottom:1px solid #1e"],
[data-style=pro] [style*="border-bottom:1px solid #0f"],
[data-style=pro] [style*="border-bottom:1px solid #3a"],
[data-style=pro] [style*="border-bottom:2px solid #1a"],
[data-style=pro] [style*="border-top:1px solid #1a"],
[data-style=pro] [style*="border-top:1px solid #1e"],
[data-style=pro] [style*="border-top:1px solid #11"],
[data-style=pro] [style*="border-left:3px solid #00"],
[data-style=pro] [style*="border-left:3px solid #ff"],
[data-style=pro] [style*="border-left: 3px solid #"] {
  border-color: #e4e4e7 !important;
}

/* Monospace fonts → system sans in pro */
[data-style=pro] [style*="font-family:'Courier"],
[data-style=pro] [style*='font-family:"Courier'],
[data-style=pro] [style*="font-family:monospace"] {
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}

/* Dark linear-gradient backgrounds */
[data-style=pro] [style*="linear-gradient"][style*="#0a0e"],
[data-style=pro] [style*="linear-gradient"][style*="#0d11"],
[data-style=pro] [style*="linear-gradient"][style*="#080c"],
[data-style=pro] [style*="linear-gradient"][style*="#0c10"],
[data-style=pro] [style*="linear-gradient"][style*="#0f17"],
[data-style=pro] [style*="linear-gradient"][style*="#060a"],
[data-style=pro] [style*="linear-gradient"][style*="rgba(0,170,255"] {
  background: #fff !important;
}

/* Dark box-shadows with neon glow → subtle shadow */
[data-style=pro] [style*="box-shadow:0 0"][style*="rgba(0,255"],
[data-style=pro] [style*="box-shadow:0 0"][style*="rgba(0,170"],
[data-style=pro] [style*="box-shadow: 0 0"][style*="rgba(255,34"],
[data-style=pro] [style*="text-shadow:0 0"] {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Black text on accent backgrounds → white text (invisible button fix) */
[data-style=pro] [style*="color:#000"][style*="background:#00d4ff"],
[data-style=pro] [style*="color:#000"][style*="background:var(--acc"],
[data-style=pro] [style*="color:#000"][style*="background:#00aaff"],
[data-style=pro] [style*="color:#000"][style*="background:#00ddff"] {
  color: #fff !important;
}

/* Neon-colored backgrounds (badges, status indicators) */
[data-style=pro] [style*="background:#00ff88"],
[data-style=pro] [style*="background: #00ff88"] {
  background: #dcfce7 !important;
  color: #16a34a !important;
}
[data-style=pro] [style*="background:#ff2244"],
[data-style=pro] [style*="background:#ff4444"],
[data-style=pro] [style*="background: #ff2244"] {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}
[data-style=pro] [style*="background:#00aaff"],
[data-style=pro] [style*="background: #00aaff"] {
  background: #eff6ff !important;
  color: #3b82f6 !important;
}
[data-style=pro] [style*="background:#ffaa00"],
[data-style=pro] [style*="background:#ff9100"],
[data-style=pro] [style*="background: #ffaa00"] {
  background: #fefce8 !important;
  color: #ca8a04 !important;
}
[data-style=pro] [style*="background:#aa66ff"],
[data-style=pro] [style*="background:#7c5cff"],
[data-style=pro] [style*="background: #aa66ff"] {
  background: #f5f3ff !important;
  color: #7c3aed !important;
}
[data-style=pro] [style*="background:#00d4ff"],
[data-style=pro] [style*="background:#00ddff"],
[data-style=pro] [style*="background: #00d4ff"] {
  background: #eff6ff !important;
  color: #3b82f6 !important;
}
[data-style=pro] [style*="background:#ef4444"],
[data-style=pro] [style*="background:#f44336"],
[data-style=pro] [style*="background:#cc0000"] {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}
[data-style=pro] [style*="background:#22c55e"],
[data-style=pro] [style*="background:#00e676"] {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

/* =====================================================================
   SENTINEL EYE — Pro Theme Overrides (.se-* and .gw-* classes)
   ===================================================================== */

/* --- Main wrapper & header --- */
[data-style=pro] .se-wrapper {
  background: #f8fafc !important;
  color: #18181b !important;
}
[data-style=pro] .se-wrapper::after {
  display: none !important;
}
[data-style=pro] .se-header {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .se-header-title {
  color: #18181b !important;
}
[data-style=pro] .se-header-subtitle {
  color: #71717a !important;
}
[data-style=pro] .se-classif-banner {
  background: #dc2626 !important;
}

/* --- Status bar --- */
[data-style=pro] .se-status-bar {
  background: #fff !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .se-status-label {
  color: #71717a !important;
}
[data-style=pro] .se-status-value {
  color: #2563eb !important;
}
[data-style=pro] .se-status-value.se-critical { color: #dc2626 !important; }
[data-style=pro] .se-status-value.se-warning { color: #ca8a04 !important; }
[data-style=pro] .se-status-value.se-safe { color: #16a34a !important; }

/* --- DEFCON badges --- */
[data-style=pro] .se-defcon-1 { background: rgba(220,38,38,0.1) !important; color: #dc2626 !important; border-color: #dc2626 !important; }
[data-style=pro] .se-defcon-2 { background: rgba(234,88,12,0.1) !important; color: #ea580c !important; border-color: #ea580c !important; }
[data-style=pro] .se-defcon-3 { background: rgba(202,138,4,0.1) !important; color: #ca8a04 !important; border-color: #ca8a04 !important; }
[data-style=pro] .se-defcon-4 { background: rgba(37,99,235,0.1) !important; color: #2563eb !important; border-color: #2563eb !important; }
[data-style=pro] .se-defcon-5 { background: rgba(22,163,106,0.1) !important; color: #16a34a !important; border-color: #16a34a !important; }

/* --- Ticker bar --- */
[data-style=pro] .se-ticker-wrap {
  background: #fff !important;
  border-top-color: #e4e4e7 !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .se-ticker-item {
  color: #3f3f46 !important;
}
[data-style=pro] .se-ticker-item span[style*="color:#c8d8e8"],
[data-style=pro] .se-ticker-item span[style*="color:#c8d6e5"] {
  color: #3f3f46 !important;
}
[data-style=pro] .se-ticker-sep {
  color: #d4d4d8 !important;
}
[data-style=pro] .se-alert-ticker {
  background: #fff !important;
  border-color: #e4e4e7 !important;
  color: #3f3f46 !important;
}

/* --- Sentinel Eye inline style overrides (space-after-colon + gradients) --- */
[data-style=pro] .se-wrapper [style*="background: #0"],
[data-style=pro] .se-wrapper [style*="background: #1"] {
  background: #fff !important;
}
[data-style=pro] .se-wrapper [style*="background:linear-gradient(135deg,#0"],
[data-style=pro] .se-wrapper [style*="background:linear-gradient(145deg,#0"],
[data-style=pro] .se-wrapper [style*="background:linear-gradient(135deg,#1"],
[data-style=pro] .se-wrapper [style*="background:linear-gradient(180deg,#0"] {
  background: #fff !important;
}
[data-style=pro] .se-wrapper [style*="background:linear-gradient(135deg,rgba(0,170,255"] {
  background: #f8fafc !important;
}
[data-style=pro] .se-wrapper [style*="color:#c8d8e8"],
[data-style=pro] .se-wrapper [style*="color:#c8d6e5"],
[data-style=pro] .se-wrapper [style*="color:#c8d8e5"],
[data-style=pro] .se-wrapper [style*="color: #c8d"] {
  color: #3f3f46 !important;
}
[data-style=pro] .se-wrapper [style*="color:#5a7a9a"],
[data-style=pro] .se-wrapper [style*="color:#4a6a8a"],
[data-style=pro] .se-wrapper [style*="color:#3a5a7a"],
[data-style=pro] .se-wrapper [style*="color:#4a7a9a"],
[data-style=pro] .se-wrapper [style*="color:#6a8aaa"],
[data-style=pro] .se-wrapper [style*="color:#8ab4d4"],
[data-style=pro] .se-wrapper [style*="color:#8aa8c8"] {
  color: #71717a !important;
}
[data-style=pro] .se-wrapper [style*="color:#00aaff"],
[data-style=pro] .se-wrapper [style*="color:#00ddff"],
[data-style=pro] .se-wrapper [style*="color:#44aaff"] {
  color: #2563eb !important;
}
[data-style=pro] .se-wrapper [style*="color:#00ff88"],
[data-style=pro] .se-wrapper [style*="color:#00e676"],
[data-style=pro] .se-wrapper [style*="color:#44ff88"] {
  color: #16a34a !important;
}
[data-style=pro] .se-wrapper [style*="color:#ff2244"],
[data-style=pro] .se-wrapper [style*="color:#ff4444"],
[data-style=pro] .se-wrapper [style*="color:#ff6688"],
[data-style=pro] .se-wrapper [style*="color:#ff4466"] {
  color: #dc2626 !important;
}
[data-style=pro] .se-wrapper [style*="color:#ffaa00"],
[data-style=pro] .se-wrapper [style*="color:#ffcc44"],
[data-style=pro] .se-wrapper [style*="color:#ffcc66"] {
  color: #ca8a04 !important;
}
[data-style=pro] .se-wrapper [style*="color:#ff6432"],
[data-style=pro] .se-wrapper [style*="color:#ff6632"],
[data-style=pro] .se-wrapper [style*="color:#ff8866"] {
  color: #ea580c !important;
}
[data-style=pro] .se-wrapper [style*="border:1px solid #1a"],
[data-style=pro] .se-wrapper [style*="border:2px solid #1a"],
[data-style=pro] .se-wrapper [style*="border:1px solid #0f"],
[data-style=pro] .se-wrapper [style*="border:1px solid #111"] {
  border-color: #e4e4e7 !important;
}
[data-style=pro] .se-wrapper [style*="border-bottom:1px solid #1a"],
[data-style=pro] .se-wrapper [style*="border-bottom:1px solid #11"],
[data-style=pro] .se-wrapper [style*="border-top:1px solid #1a"] {
  border-color: #e4e4e7 !important;
}

/* --- Tab bar --- */
[data-style=pro] .se-tab-bar {
  background: #fff !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .se-tab-bar::-webkit-scrollbar-track { background: #f4f4f5 !important; }
[data-style=pro] .se-tab-bar::-webkit-scrollbar-thumb { background: #d4d4d8 !important; }
[data-style=pro] .se-tab {
  color: #71717a !important;
}
[data-style=pro] .se-tab:hover {
  color: #2563eb !important;
  background: rgba(37,99,235,0.04) !important;
}
[data-style=pro] .se-tab.se-active {
  color: #2563eb !important;
  border-bottom-color: #2563eb !important;
  background: rgba(37,99,235,0.06) !important;
}

/* --- Content area --- */
[data-style=pro] .se-content {
  background: #f8fafc !important;
}
[data-style=pro] .se-content::-webkit-scrollbar-track,
[data-style=pro] .se-scroll-y::-webkit-scrollbar-track { background: #f4f4f5 !important; }
[data-style=pro] .se-content::-webkit-scrollbar-thumb,
[data-style=pro] .se-scroll-y::-webkit-scrollbar-thumb { background: #d4d4d8 !important; }

/* --- Cards --- */
[data-style=pro] .se-card {
  background: #fff !important;
  border-color: #e4e4e7 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}
[data-style=pro] .se-card:hover {
  border-color: #2563eb !important;
  box-shadow: 0 4px 12px rgba(37,99,235,0.1) !important;
}
[data-style=pro] .se-card-title {
  color: #18181b !important;
}
[data-style=pro] .se-card-body {
  color: #3f3f46 !important;
}
[data-style=pro] .se-card-3d {
  background: linear-gradient(145deg, #fff 0%, #fafafa 100%) !important;
  border-color: #e4e4e7 !important;
}
[data-style=pro] .se-card-3d:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important;
}
[data-style=pro] .se-card-hostile {
  border-color: #fecaca !important;
  background: linear-gradient(145deg, #fff 0%, #fef2f2 100%) !important;
}
[data-style=pro] .se-card-hostile:hover {
  border-color: #dc2626 !important;
}

/* --- Badges --- */
[data-style=pro] .se-badge { color: #3f3f46 !important; }
[data-style=pro] .se-badge-critical { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .se-badge-high { background: #fff7ed !important; color: #ea580c !important; border-color: #fed7aa !important; }
[data-style=pro] .se-badge-medium { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; }
[data-style=pro] .se-badge-low { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }
[data-style=pro] .se-badge-info { background: #f4f4f5 !important; color: #71717a !important; border-color: #d4d4d8 !important; }
[data-style=pro] .se-badge-safe { background: #dcfce7 !important; color: #16a34a !important; border-color: #bbf7d0 !important; }
[data-style=pro] .se-badge-hostile { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .se-badge-allied { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }
[data-style=pro] .se-badge-neutral { background: #f4f4f5 !important; color: #71717a !important; border-color: #d4d4d8 !important; }
[data-style=pro] .se-badge-tier1 { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .se-badge-tier2 { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; }
[data-style=pro] .se-badge-tier3 { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }
[data-style=pro] .se-badge-classified { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }

/* --- Tables --- */
[data-style=pro] .se-table-wrap {
  border-color: #e4e4e7 !important;
}
[data-style=pro] .se-table th {
  background: #f4f4f5 !important;
  color: #18181b !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .se-table td {
  color: #3f3f46 !important;
  border-bottom-color: #f4f4f5 !important;
}
[data-style=pro] .se-table tr:hover td {
  background: rgba(37,99,235,0.03) !important;
}
[data-style=pro] .se-table tr:nth-child(even) td {
  background: #fafafa !important;
}

/* --- Buttons --- */
[data-style=pro] .se-btn {
  border-color: #d4d4d8 !important;
  color: #3f3f46 !important;
  background: #fff !important;
}
[data-style=pro] .se-btn-primary { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
[data-style=pro] .se-btn-primary:hover { background: #1d4ed8 !important; }
[data-style=pro] .se-btn-danger { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; }
[data-style=pro] .se-btn-danger:hover { background: #b91c1c !important; }
[data-style=pro] .se-btn-warning { background: #ca8a04 !important; color: #fff !important; border-color: #ca8a04 !important; }
[data-style=pro] .se-btn-warning:hover { background: #a16207 !important; }
[data-style=pro] .se-btn-neutral { background: #f4f4f5 !important; color: #3f3f46 !important; border-color: #d4d4d8 !important; }

/* --- Progress bars --- */
[data-style=pro] .se-progress-wrap {
  background: #f4f4f5 !important;
  border-color: #e4e4e7 !important;
}
[data-style=pro] .se-progress-critical { background: linear-gradient(90deg, #dc2626, #ef4444) !important; }
[data-style=pro] .se-progress-high { background: linear-gradient(90deg, #ea580c, #f97316) !important; }
[data-style=pro] .se-progress-warning { background: linear-gradient(90deg, #ca8a04, #eab308) !important; }
[data-style=pro] .se-progress-info { background: linear-gradient(90deg, #2563eb, #3b82f6) !important; }
[data-style=pro] .se-progress-safe { background: linear-gradient(90deg, #16a34a, #22c55e) !important; }

/* --- Filter & search --- */
[data-style=pro] .se-filter-bar {
  background: transparent !important;
}
[data-style=pro] .se-filter-label {
  color: #71717a !important;
}
[data-style=pro] .se-search-box {
  background: #fff !important;
  color: #18181b !important;
  border-color: #d4d4d8 !important;
}
[data-style=pro] .se-search-box:focus {
  border-color: #2563eb !important;
}

/* --- Tags --- */
[data-style=pro] .se-tag-red { color: #dc2626 !important; background: #fef2f2 !important; border-color: #fecaca !important; }
[data-style=pro] .se-tag-blue { color: #2563eb !important; background: #eff6ff !important; border-color: #bfdbfe !important; }
[data-style=pro] .se-tag-green { color: #16a34a !important; background: #dcfce7 !important; border-color: #bbf7d0 !important; }
[data-style=pro] .se-tag-yellow { color: #ca8a04 !important; background: #fefce8 !important; border-color: #fef08a !important; }

/* --- Utility text colors --- */
[data-style=pro] .se-muted { color: #71717a !important; }
[data-style=pro] .se-highlight { color: #2563eb !important; }
[data-style=pro] .se-danger { color: #dc2626 !important; }
[data-style=pro] .se-warning-text { color: #ca8a04 !important; }
[data-style=pro] .se-success-text { color: #16a34a !important; }

/* --- MITRE grid --- */
[data-style=pro] .se-mitre-header { background: #f4f4f5 !important; color: #18181b !important; }
[data-style=pro] .se-mitre-active { background: rgba(220,38,38,0.12) !important; color: #dc2626 !important; }
[data-style=pro] .se-mitre-known { background: rgba(202,138,4,0.12) !important; color: #ca8a04 !important; }
[data-style=pro] .se-mitre-empty { background: #fafafa !important; color: #a1a1aa !important; }
[data-style=pro] .se-mitre-cell { border-color: #e4e4e7 !important; }

/* --- Divider, list, correlation --- */
[data-style=pro] .se-divider { border-top-color: #e4e4e7 !important; }
[data-style=pro] .se-list-item {
  border-bottom-color: #f4f4f5 !important;
  color: #3f3f46 !important;
}
[data-style=pro] .se-list-item:hover { background: rgba(37,99,235,0.03) !important; }
[data-style=pro] .se-correlation { border-left-color: #d4d4d8 !important; }
[data-style=pro] .se-correlation.se-high-conf { border-left-color: #dc2626 !important; }
[data-style=pro] .se-correlation.se-med-conf { border-left-color: #ca8a04 !important; }
[data-style=pro] .se-correlation.se-low-conf { border-left-color: #2563eb !important; }

/* --- Footer --- */
[data-style=pro] .se-footer {
  background: #fff !important;
  border-top-color: #e4e4e7 !important;
}

/* --- Modal --- */
[data-style=pro] .se-modal-overlay {
  background: rgba(0,0,0,0.3) !important;
}
[data-style=pro] .se-modal {
  background: #fff !important;
  border-color: #e4e4e7 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}
[data-style=pro] .se-modal-close { color: #71717a !important; }
[data-style=pro] .se-modal-close:hover { color: #dc2626 !important; }

/* --- Classification text --- */
[data-style=pro] .se-class-ts { color: #dc2626 !important; }
[data-style=pro] .se-class-s { color: #ea580c !important; }
[data-style=pro] .se-class-c { color: #ca8a04 !important; }
[data-style=pro] .se-class-u { color: #16a34a !important; }

/* --- Phase indicators --- */
[data-style=pro] .se-phase-dot { border-color: #d4d4d8 !important; color: #71717a !important; }
[data-style=pro] .se-phase-dot.se-phase-active { border-color: #2563eb !important; color: #2563eb !important; background: rgba(37,99,235,0.08) !important; }
[data-style=pro] .se-phase-dot.se-phase-done { border-color: #16a34a !important; color: #16a34a !important; background: rgba(22,163,106,0.08) !important; }
[data-style=pro] .se-phase-line { background: #d4d4d8 !important; }
[data-style=pro] .se-phase-line.se-phase-done { background: #16a34a !important; }

/* --- Operation status --- */
[data-style=pro] .se-op-active { color: #16a34a !important; }
[data-style=pro] .se-op-planning { color: #2563eb !important; }
[data-style=pro] .se-op-complete { color: #71717a !important; }
[data-style=pro] .se-op-aborted { color: #dc2626 !important; }

/* =====================================================================
   GLOBAL WATCH (Globe) — Pro Theme Overrides (.gw-* classes)
   ===================================================================== */

[data-style=pro] .gw-wrap {
  background: #f8fafc !important;
  color: #18181b !important;
}
[data-style=pro] .gw-header {
  background: #fff !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .gw-title {
  color: #18181b !important;
}
[data-style=pro] .gw-subtitle {
  color: #71717a !important;
}
[data-style=pro] .gw-layer-btn {
  background: #f4f4f5 !important;
  border-color: #d4d4d8 !important;
  color: #71717a !important;
}
[data-style=pro] .gw-layer-btn:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
[data-style=pro] .gw-layer-btn.gw-on {
  background: #eff6ff !important;
  border-color: #2563eb !important;
  color: #2563eb !important;
  box-shadow: none !important;
}
[data-style=pro] .gw-controls {
  background: #fff !important;
  border-top-color: #e4e4e7 !important;
}
[data-style=pro] .gw-ctrl-label {
  color: #71717a !important;
}
[data-style=pro] .gw-fly-btn {
  background: #f4f4f5 !important;
  border-color: #d4d4d8 !important;
  color: #3f3f46 !important;
}
[data-style=pro] .gw-fly-btn:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: #eff6ff !important;
}
[data-style=pro] .gw-speed-ctrl {
  background: #f4f4f5 !important;
  border-color: #d4d4d8 !important;
  color: #3f3f46 !important;
}
[data-style=pro] .gw-popup {
  background: rgba(255,255,255,0.97) !important;
  border-color: #e4e4e7 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.1) !important;
}
[data-style=pro] .gw-popup-title {
  color: #18181b !important;
  border-bottom-color: #e4e4e7 !important;
}
[data-style=pro] .gw-popup-row { color: #3f3f46 !important; }
[data-style=pro] .gw-popup-label { color: #71717a !important; }
[data-style=pro] .gw-popup-close { color: #71717a !important; }
[data-style=pro] .gw-popup-close:hover { color: #dc2626 !important; }
[data-style=pro] .gw-hostile { color: #dc2626 !important; }
[data-style=pro] .gw-allied { color: #2563eb !important; }
[data-style=pro] .gw-neutral { color: #71717a !important; }
[data-style=pro] .gw-tier-1 { background: #fef2f2 !important; color: #dc2626 !important; border-color: #dc2626 !important; }
[data-style=pro] .gw-tier-2 { background: #fefce8 !important; color: #ca8a04 !important; border-color: #ca8a04 !important; }
[data-style=pro] .gw-loading-overlay { background: rgba(248,250,252,0.95) !important; }
[data-style=pro] .gw-loading-text { color: #2563eb !important; }
[data-style=pro] .gw-dark-toggle {
  background: #f4f4f5 !important;
  border-color: #d4d4d8 !important;
  color: #3f3f46 !important;
}
[data-style=pro] .gw-legend {
  background: rgba(255,255,255,0.95) !important;
  border-color: #e4e4e7 !important;
}
[data-style=pro] .gw-legend-item { color: #3f3f46 !important; }

/* =====================================================================
   PHASE 2 — TOOL MODULE OVERRIDES (comprehensive)
   Per-tool class overrides for JS-injected <style> blocks.
   Each tool gets wrap, tab, panel, card, btn, input, result, header,
   badge, table, text, and status overrides.
   ===================================================================== */

/* --- Threat Dashboard (.td-*) --- */
[data-style=pro] .td-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .td-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .td-tab { color: #64748b !important; }
[data-style=pro] .td-tab:hover { color: #0f172a !important; }
[data-style=pro] .td-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; }
[data-style=pro] .td-input, [data-style=pro] .td-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .td-input:focus, [data-style=pro] .td-select:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }

/* --- Exploit Database Browser (.edb-*) — already comprehensive, kept --- */
[data-style=pro] .edb-tag-critical { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .edb-tag-high { background: #fff7ed !important; color: #ea580c !important; border-color: #fed7aa !important; }
[data-style=pro] .edb-tag-medium { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; }
[data-style=pro] .edb-tag-low { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }

/* --- Crypto Playground (.cp-*) --- */
[data-style=pro] .cp-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }

/* --- Subnet Visualizer (.sv-*) --- */
[data-style=pro] .sv-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }

/* --- CVE Timeline (.tl-*) — already good, kept + enhanced --- */
[data-style=pro] .tl-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .tl-header h2 { background: none !important; -webkit-background-clip: unset !important; color: #0f172a !important; }
[data-style=pro] .tl-header p { color: #64748b !important; }
[data-style=pro] .tl-filters { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .tl-filter-group label { color: #0f172a !important; }
[data-style=pro] .tl-chip { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .tl-chip:hover { border-color: #cbd5e1 !important; background: #f1f5f9 !important; }
[data-style=pro] .tl-chip.active { color: #fff !important; border-color: transparent !important; background: var(--chip-color, #2563eb) !important; }
[data-style=pro] .tl-main { background: #fff !important; border-radius: 10px !important; }
[data-style=pro] .tl-main::-webkit-scrollbar-thumb { background: #cbd5e1 !important; border-radius: 4px !important; }
[data-style=pro] .tl-year-group::before { background: #e2e8f0 !important; }
[data-style=pro] .tl-year-marker { background: #f8fafc !important; color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .tl-event:hover { background: #f8fafc !important; }
[data-style=pro] .tl-event.selected { background: #eff6ff !important; }
[data-style=pro] .tl-event-dot { background: #e2e8f0 !important; }
[data-style=pro] .tl-event-date { color: #94a3b8 !important; }
[data-style=pro] .tl-event-title { color: #0f172a !important; }
[data-style=pro] .tl-badge-type { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .tl-detail { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .tl-detail h3 { color: #0f172a !important; }
[data-style=pro] .tl-detail-empty { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #94a3b8 !important; border-radius: 10px !important; }
[data-style=pro] .tl-detail-row { color: #475569 !important; }
[data-style=pro] .tl-detail-row b { color: #0f172a !important; }
[data-style=pro] .tl-detail-impact { color: #475569 !important; border-top: 1px solid #e2e8f0 !important; }
[data-style=pro] .tl-stats { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .tl-stats h4 { color: #0f172a !important; }
[data-style=pro] .tl-badge { color: #fff !important; }
[data-style=pro] .tl-badge.tl-badge-type { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .tl-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .tl-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }

/* --- Forensics Toolkit (.ft-*) --- */
[data-style=pro] .ft-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ft-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ft-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ft-tab { color: #64748b !important; border: none !important; background: transparent !important; }
[data-style=pro] .ft-tab:hover { color: #0f172a !important; background: #f8fafc !important; }
[data-style=pro] .ft-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .ft-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ft-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ft-btn.ghost, [data-style=pro] .ft-btn-ghost { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
[data-style=pro] .ft-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ft-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .ft-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ft-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 8px !important; }
[data-style=pro] .ft-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .ft-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ft-input:focus { border-color: #2563eb !important; }
[data-style=pro] .ft-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ft-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .ft-output { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .ft-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }

/* ---------------------------------------------------------------------------
   Padding safeguard — text must never touch its box border. A tool "header"
   banner gets a card background in the pro theme, so its title can't sit flush
   against the edge. Give every single-class *-header container horizontal
   breathing room (vertical padding stays with each tool). The attribute-suffix
   match only hits single-class headers, so sub-elements like -header-title,
   -header-subtitle and -header-row are left alone.
   --------------------------------------------------------------------------- */
[data-style=pro] [class$="-header"] { padding-left: 24px !important; padding-right: 24px !important; }

/* --- AEGIS (.ag-*) --- */
[data-style=pro] .ag-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ag-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ag-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ag-tab { color: #64748b !important; background: transparent !important; border: none !important; }
[data-style=pro] .ag-tab:hover { color: #0f172a !important; background: #f8fafc !important; }
[data-style=pro] .ag-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .ag-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ag-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ag-btn.ghost { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
[data-style=pro] .ag-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ag-panel-hdr { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ag-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ag-stat:hover { box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .ag-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .ag-input, [data-style=pro] .ag-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ag-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ag-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ag-grid { background: transparent !important; }
[data-style=pro] .ag-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ag-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Webshell (.ws-*) — terminal stays dark intentionally --- */

/* --- Hydra Engine (.hy-*) — already comprehensive, kept as-is --- */
[data-style=pro] .hy-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
[data-style=pro] .hy-header { border-bottom-color: #2563eb !important; }
[data-style=pro] .hy-header::after { background: #2563eb !important; }
[data-style=pro] .hy-title { color: #0f172a !important; text-shadow: none !important; }
[data-style=pro] .hy-subtitle { color: #64748b !important; }
[data-style=pro] .hy-btn { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }
[data-style=pro] .hy-btn:hover { background: #1d4ed8 !important; box-shadow: 0 2px 8px rgba(37,99,235,.25) !important; }
[data-style=pro] .hy-btn-ghost { background: transparent !important; border-color: #d4d4d8 !important; color: #3f3f46 !important; }
[data-style=pro] .hy-btn-ghost:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; box-shadow: none !important; }
[data-style=pro] .hy-panel { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .hy-panel-head { background: #f8fafc !important; color: #475569 !important; border-bottom-color: #e2e8f0 !important; }
[data-style=pro] .hy-panel-head .hy-accent { color: #2563eb !important; }
[data-style=pro] .hy-grid { background: transparent !important; gap: 16px !important; }
[data-style=pro] .hy-stat { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .hy-stat-label { color: #64748b !important; }
[data-style=pro] .hy-log-entry { color: #334155 !important; border-radius: 0 4px 4px 0 !important; }
[data-style=pro] .hy-log-entry:hover { background: #f1f5f9 !important; }
[data-style=pro] .hy-tab { color: #64748b !important; }
[data-style=pro] .hy-tab:hover { color: #0f172a !important; background: #f1f5f9 !important; }
[data-style=pro] .hy-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; text-shadow: none !important; }
[data-style=pro] .hy-select { background: #fff !important; border-color: #d4d4d8 !important; color: #0f172a !important; }
[data-style=pro] .hy-select:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important; }
[data-style=pro] .hy-node-tooltip { background: rgba(255,255,255,.97) !important; border-color: #e2e8f0 !important; color: #0f172a !important; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; }
[data-style=pro] .hy-comm { background: #f8fafc !important; color: #334155 !important; }
[data-style=pro] .hy-agent-toggle { color: #475569 !important; }
[data-style=pro] .hy-agent-toggle:hover { background: #f1f5f9 !important; border-color: #e2e8f0 !important; }
[data-style=pro] .hy-apt-card { background: #fff !important; border-color: #e2e8f0 !important; }
[data-style=pro] .hy-apt-card:hover { border-color: #2563eb !important; box-shadow: 0 4px 16px rgba(37,99,235,.1) !important; }
[data-style=pro] .hy-apt-name { color: #0f172a !important; }
[data-style=pro] .hy-apt-desc { color: #64748b !important; }
[data-style=pro] .hy-threat-gauge { border-color: #e2e8f0 !important; }
[data-style=pro] .hy-scanline { display: none !important; }

/* --- VM Lab (.vl-*) --- */
[data-style=pro] .vl-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .vl-header { background: #fff !important; }
[data-style=pro] .vl-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .vl-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .vl-grid { background: transparent !important; }
[data-style=pro] .vl-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .vl-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .vl-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .vl-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .vl-tab { color: #64748b !important; }
[data-style=pro] .vl-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; }
[data-style=pro] .vl-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .vl-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }

/* --- Attack Simulator (.as-*) --- */
[data-style=pro] .as-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .as-header { background: #fff !important; }
[data-style=pro] .as-grid { background: transparent !important; }
[data-style=pro] .as-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .as-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .as-detail { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .as-stat-box { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .as-nav { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .as-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .as-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .as-tab { color: #64748b !important; }
[data-style=pro] .as-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; }
[data-style=pro] .as-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .as-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .as-input, [data-style=pro] .as-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .as-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }

/* --- Encoding Toolkit (.enc-*) --- */
[data-style=pro] .enc-wrap { background: #fff !important; color: #0f172a !important; }
[data-style=pro] .enc-header { background: #fff !important; }
[data-style=pro] .enc-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .enc-tab { color: #64748b !important; background: transparent !important; }
[data-style=pro] .enc-tab:hover { color: #0f172a !important; }
[data-style=pro] .enc-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .enc-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .enc-btn:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .enc-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .enc-input, [data-style=pro] .enc-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .enc-input:focus, [data-style=pro] .enc-textarea:focus { border-color: #2563eb !important; }
[data-style=pro] .enc-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .enc-label { color: #64748b !important; }
[data-style=pro] .enc-output { background: #1e293b !important; border-radius: 8px !important; }

/* --- HTTP Inspector (.hti-*) --- */
[data-style=pro] .hti-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .hti-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .hti-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .hti-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .hti-header-row { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .hti-output { background: #1e293b !important; border-radius: 8px !important; }

/* --- Packet Analyzer (.pka-*) --- */
[data-style=pro] .pka-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pka-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pka-tab { color: #64748b !important; background: transparent !important; }
[data-style=pro] .pka-tab:hover { color: #0f172a !important; }
[data-style=pro] .pka-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .pka-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pka-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .pka-stats { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pka-input, [data-style=pro] .pka-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .pka-input:focus { border-color: #2563eb !important; }
[data-style=pro] .pka-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pka-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pka-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pka-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pka-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .pka-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .pka-output { background: #1e293b !important; border-radius: 8px !important; }

/* --- Password Tools (.pwt-*) --- */
[data-style=pro] .pwt-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pwt-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pwt-badge { background: #f1f5f9 !important; color: #475569 !important; }

/* --- Steganography (.steg-*) --- */
[data-style=pro] .steg-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .steg-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .steg-tab { color: #64748b !important; background: transparent !important; }
[data-style=pro] .steg-tab:hover { color: #0f172a !important; }
[data-style=pro] .steg-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .steg-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .steg-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .steg-grid { background: transparent !important; }
[data-style=pro] .steg-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .steg-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .steg-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .steg-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .steg-badge { background: #f1f5f9 !important; color: #475569 !important; }

/* --- Regex Lab (.rx-*) --- */
[data-style=pro] .rx-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .rx-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .rx-tab { color: #64748b !important; background: transparent !important; }
[data-style=pro] .rx-tab:hover { color: #0f172a !important; }
[data-style=pro] .rx-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .rx-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .rx-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rx-result-box { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .rx-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .rx-input:focus { border-color: #2563eb !important; }
[data-style=pro] .rx-table { background: #fff !important; }
[data-style=pro] .rx-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .rx-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .rx-table tr:hover td { background: #f8fafc !important; }
[data-style=pro] .rx-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rx-badge { background: #f1f5f9 !important; color: #475569 !important; }

/* --- Risk Calculator (.rc- / .cvss-*) --- */
[data-style=pro] .rc-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .rc-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .rc-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rc-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rc-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .rc-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .cvss-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cvss-score { color: #0f172a !important; }

/* --- Cyber Briefing (.cb-*) --- */
[data-style=pro] .cb-wrap { background: #fff !important; color: #0f172a !important; }
[data-style=pro] .cb-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cb-tab { color: #64748b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .cb-tab:hover { background: #f1f5f9 !important; color: #0f172a !important; }
[data-style=pro] .cb-tab.active, [data-style=pro] .cb-tab.on { background: #eff6ff !important; color: #2563eb !important; border-color: #2563eb !important; }
[data-style=pro] .cb-panel, [data-style=pro] .cb-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cb-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .cb-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .cb-input, [data-style=pro] .cb-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .cb-hdr, [data-style=pro] .cb-head { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cb-result, [data-style=pro] .cb-output { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }
[data-style=pro] .cb-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .cb-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .cb-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .cb-banner { background: #0f172a !important; }

/* --- Vuln Triage (.vt-*) --- */
[data-style=pro] .vt-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .vt-hdr, [data-style=pro] .vt-head { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .vt-result, [data-style=pro] .vt-output { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }

/* --- Incident Cost Calculator (.ic-*) --- */
[data-style=pro] .ic-wrap { background: #fff !important; color: #0f172a !important; }
[data-style=pro] .ic-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ic-tab { color: #64748b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .ic-tab:hover { background: #f1f5f9 !important; color: #0f172a !important; }
[data-style=pro] .ic-tab.active, [data-style=pro] .ic-tab.on { background: #eff6ff !important; color: #2563eb !important; border-color: #2563eb !important; }
[data-style=pro] .ic-panel, [data-style=pro] .ic-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ic-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ic-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ic-input, [data-style=pro] .ic-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ic-hdr { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ic-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }
[data-style=pro] .ic-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ic-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ic-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Federal Compliance (.fc-*) --- */
[data-style=pro] .fc-wrap { background: #fff !important; color: #0f172a !important; }
[data-style=pro] .fc-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .fc-tab { color: #64748b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .fc-tab:hover { background: #f1f5f9 !important; color: #0f172a !important; }
[data-style=pro] .fc-tab.active, [data-style=pro] .fc-tab.on { background: #eff6ff !important; color: #2563eb !important; border-color: #2563eb !important; }
[data-style=pro] .fc-panel, [data-style=pro] .fc-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .fc-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .fc-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .fc-input, [data-style=pro] .fc-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .fc-hdr { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .fc-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }
[data-style=pro] .fc-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .fc-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .fc-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .fc-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }

/* --- Adversary Playbook (.ap-*) --- */
[data-style=pro] .ap-wrap { background: #fff !important; color: #0f172a !important; }
[data-style=pro] .ap-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ap-tab { color: #64748b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .ap-tab:hover { background: #f1f5f9 !important; color: #0f172a !important; }
[data-style=pro] .ap-tab.active, [data-style=pro] .ap-tab.on { background: #eff6ff !important; color: #2563eb !important; border-color: #2563eb !important; }
[data-style=pro] .ap-panel, [data-style=pro] .ap-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ap-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ap-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ap-input, [data-style=pro] .ap-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ap-hdr { background: #f8fafc !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ap-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }
[data-style=pro] .ap-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .ap-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ap-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Adversary AI (.ai-*) --- */
[data-style=pro] .ai-container { background: #fff !important; color: #0f172a !important; border-color: #e2e8f0 !important; }
[data-style=pro] .ai-title { color: #0f172a !important; }
[data-style=pro] .ai-subtitle { color: #64748b !important; }
[data-style=pro] .ai-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .ai-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .ai-input-section { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ai-history-item { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .ai-history-item:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .ai-api-key-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ai-btn-investigate { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ai-btn-investigate:hover { background: #1d4ed8 !important; }
[data-style=pro] .ai-results { background: #fff !important; border-radius: 10px !important; }
[data-style=pro] .ai-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ai-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- Breach Simulator (.bs-*) --- */
[data-style=pro] .bs-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .bs-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .bs-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }

/* --- Compliance Checker (.cc-*) --- */
[data-style=pro] .cc-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .cc-tabs { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cc-tab { color: #64748b !important; }
[data-style=pro] .cc-tab.active { color: #2563eb !important; }
[data-style=pro] .cc-ctrl { color: #334155 !important; }
[data-style=pro] .cc-bar-bg { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .cc-status-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .cc-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cc-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cc-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }

/* --- Credential Auditor (.ca-*) --- */
[data-style=pro] .ca-tab { color: #64748b !important; }
[data-style=pro] .ca-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .ca-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ca-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ca-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ca-result { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; color: #0f172a !important; }
[data-style=pro] .ca-stat { color: #334155 !important; }
[data-style=pro] .ca-grid { background: transparent !important; }
[data-style=pro] .ca-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ca-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- Darkweb OSINT (.dw-* / .dwo-*) --- */
[data-style=pro] .dw-wrap, [data-style=pro] .dwo-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .dw-btn, [data-style=pro] .dwo-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .dwo-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .dwo-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .dw-card, [data-style=pro] .dwo-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- DNS Toolkit (.dn-* / .dns-*) --- */
[data-style=pro] .dn-wrap, [data-style=pro] .dns-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .dn-tab, [data-style=pro] .dns-tab { color: #64748b !important; }
[data-style=pro] .dn-tab.active, [data-style=pro] .dns-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .dns-btn, [data-style=pro] .dn-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .dns-btn:hover, [data-style=pro] .dn-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .dn-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .dn-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .dns-panel, [data-style=pro] .dn-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .dn-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .dns-table th, [data-style=pro] .dn-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .dns-table td, [data-style=pro] .dn-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Exploit Framework (.ef-*) --- */
[data-style=pro] .ef-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ef-tab { color: #64748b !important; }
[data-style=pro] .ef-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .ef-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .ef-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .ef-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ef-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ef-input, [data-style=pro] .ef-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .ef-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ef-output { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .ef-badge { background: #f1f5f9 !important; color: #475569 !important; }

/* --- Memory Forensics (.mf-*) --- */
[data-style=pro] .mf-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .mf-tab { color: #64748b !important; }
[data-style=pro] .mf-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .mf-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .mf-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .mf-btn.mf-btn-sec { background: #f8fafc !important; color: #374151 !important; border: 1px solid #d1d5db !important; }
[data-style=pro] .mf-btn.mf-btn-sec:hover { background: #f1f5f9 !important; border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .mf-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .mf-result { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; color: #0f172a !important; }
[data-style=pro] .mf-section { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .mf-pre { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .mf-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .mf-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .mf-table th { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .mf-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Payload Gen (.pg-*) --- */
[data-style=pro] .pg-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pg-h2 { color: #0f172a !important; }
[data-style=pro] .pg-item { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pg-item:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .pg-code { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .pg-panel-inner { background: #fff !important; }
[data-style=pro] .pg-list { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pg-stats-row { color: #334155 !important; }
[data-style=pro] .pg-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .pg-input, [data-style=pro] .pg-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .pg-tab { color: #64748b !important; }
[data-style=pro] .pg-tab.active { color: #2563eb !important; }
[data-style=pro] .pg-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- Threat Hunt Lab (.th-* / .thl-*) --- */
[data-style=pro] .th-wrap, [data-style=pro] .thl-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .thl-header { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .thl-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .thl-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .thl-log-line { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .thl-log-line:hover { background: #f8fafc !important; }
[data-style=pro] .thl-tools-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .thl-btn, [data-style=pro] .th-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .thl-input, [data-style=pro] .th-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .thl-tab, [data-style=pro] .th-tab { color: #64748b !important; }
[data-style=pro] .thl-tab.active, [data-style=pro] .th-tab.active { color: #2563eb !important; }
[data-style=pro] .thl-badge { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .thl-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- VANGUARD (.vg-*) --- */
[data-style=pro] .vg-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .vg-tab { color: #64748b !important; }
[data-style=pro] .vg-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .vg-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .vg-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .vg-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .vg-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .vg-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }

/* --- Adversary (adv-) standalone overrides --- */
[data-style=pro] .adv-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .adv-tab { color: #64748b !important; }
[data-style=pro] .adv-tab.active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .adv-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .adv-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .adv-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .adv-label { color: #334155 !important; }
[data-style=pro] .adv-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .adv-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }

/* --- Dashboard stat cards --- */
[data-style=pro] .stat {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: none !important;
  border-image: none !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .stat:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,.07) !important;
  transform: translateY(-2px) !important;
}
[data-style=pro] .stat-n { color: #2563eb !important; font-weight: 800 !important; }
[data-style=pro] .stat-l { color: #64748b !important; }
[data-style=pro] .stat-s { color: #94a3b8 !important; }

/* --- Global inline-style dark background overrides --- */
[data-style=pro] [style*="background:#0c10"],
[data-style=pro] [style*="background:#080b"],
[data-style=pro] [style*="background:#060a"],
[data-style=pro] [style*="background:#0f17"],
[data-style=pro] [style*="background:#0a10"],
[data-style=pro] [style*="background:#0c14"],
[data-style=pro] [style*="background:#0a1a"],
[data-style=pro] [style*="background:#0a0e"],
[data-style=pro] [style*="background:#0a0a"],
[data-style=pro] [style*="background:#0d0d"],
[data-style=pro] [style*="background:#070d"],
[data-style=pro] [style*="background: #0c10"],
[data-style=pro] [style*="background: #080b"],
[data-style=pro] [style*="background: #0f17"],
[data-style=pro] [style*="background: #0a0e"],
[data-style=pro] [style*="background: #0d11"],
[data-style=pro] [style*="background: #0a0a"] {
  background: #fff !important;
}
[data-style=pro] [style*="background:#111a"],
[data-style=pro] [style*="background:#1212"],
[data-style=pro] [style*="background:#131b"],
[data-style=pro] [style*="background:#1e29"],
[data-style=pro] [style*="background:#1a2a"],
[data-style=pro] [style*="background:#1a3a"],
[data-style=pro] [style*="background: #111a"],
[data-style=pro] [style*="background: #1e29"],
[data-style=pro] [style*="background: #1a2a"] {
  background: #f8fafc !important;
}
[data-style=pro] [style*="color:#e2e8"],
[data-style=pro] [style*="color:#d6e2"],
[data-style=pro] [style*="color:#c8d6"],
[data-style=pro] [style*="color: #e2e8"],
[data-style=pro] [style*="color: #c8d6"],
[data-style=pro] [style*="color:#eee"] {
  color: #0f172a !important;
}
[data-style=pro] [style*="color:#667"],
[data-style=pro] [style*="color:#556"],
[data-style=pro] [style*="color:#8ab"],
[data-style=pro] [style*="color:#6a8"],
[data-style=pro] [style*="color:#4a7"],
[data-style=pro] [style*="color:#b0c"],
[data-style=pro] [style*="color:#445"],
[data-style=pro] [style*="color:#888"],
[data-style=pro] [style*="color: #667"],
[data-style=pro] [style*="color: #556"],
[data-style=pro] [style*="color: #888"] {
  color: #64748b !important;
}
[data-style=pro] [style*="border-color:#1e"],
[data-style=pro] [style*="border-color:#0f"],
[data-style=pro] [style*="border-color:#2a"],
[data-style=pro] [style*="border-color:#11"],
[data-style=pro] [style*="border: 1px solid #1"],
[data-style=pro] [style*="border: 1px solid #2a"],
[data-style=pro] [style*="border:1px solid #1"],
[data-style=pro] [style*="border:1px solid #2a"] {
  border-color: #e2e8f0 !important;
}

/* =====================================================================
   SPACING & LAYOUT — Neat, airy, professional rhythm
   ===================================================================== */

/* Main content area — match base horizontal padding, pro vertical spacing */
[data-style=pro] .app-main {
  padding: 18px 16px !important;
}

/* Breadcrumbs — more breathing room */
[data-style=pro] .crumbs {
  margin: 0 0 20px !important;
  padding: 2px 0 !important;
  font-size: .8125rem !important;
}
[data-style=pro] .crumb {
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}
[data-style=pro] .crumb:hover {
  color: #2563eb !important;
  background: #eff6ff !important;
}
[data-style=pro] .crumb.cur {
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Page headings — tighter letter-spacing, more margin */
[data-style=pro] .pg-h1 {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  letter-spacing: -.025em !important;
  color: #0f172a !important;
}
[data-style=pro] .pg-h2 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  margin: 32px 0 16px !important;
  color: #0f172a !important;
  letter-spacing: -.01em !important;
}
[data-style=pro] .pg-sub {
  margin: 0 0 28px !important;
  font-size: .875rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  max-width: 720px;
}

/* Dashboard spacing — see main dashboard section above */

/* Section spacing for tool wrappers — universal breathing room */
[data-style=pro] [class$="-wrap"] {
  padding: 4px 0 !important;
}
[data-style=pro] [class$="-wrap"] > h1,
[data-style=pro] [class$="-wrap"] > h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Panel/card spacing in tools */
[data-style=pro] .panel,
[data-style=pro] [class$="-panel"] {
  margin-bottom: 20px !important;
}
[data-style=pro] .card,
[data-style=pro] [class$="-card"] {
  margin-bottom: 16px !important;
}

/* Tab bars — more space around them */
[data-style=pro] [class$="-tabs"] {
  margin-bottom: 24px !important;
  padding: 4px 0 !important;
  gap: 6px !important;
}
[data-style=pro] [class$="-tab"] {
  padding: 8px 16px !important;
}

/* Grid layouts in tools — consistent gaps */
[data-style=pro] [class$="-grid"] {
  gap: 16px !important;
}
[data-style=pro] [class*="-grid-2"] {
  gap: 16px !important;
}
[data-style=pro] [class*="-grid-3"] {
  gap: 16px !important;
}
[data-style=pro] [class*="-grid-4"] {
  gap: 14px !important;
}

/* Tables — cell padding consistency */
[data-style=pro] table {
  margin-bottom: 20px !important;
}
[data-style=pro] th {
  padding: 12px 16px !important;
}
[data-style=pro] td {
  padding: 10px 16px !important;
}

/* Form elements — consistent spacing */
[data-style=pro] input[type=text],
[data-style=pro] input[type=email],
[data-style=pro] input[type=password],
[data-style=pro] input[type=search],
[data-style=pro] input[type=url],
[data-style=pro] input[type=number],
[data-style=pro] textarea {
  margin-bottom: 4px !important;
}
[data-style=pro] select {
  margin-bottom: 4px !important;
}
[data-style=pro] label {
  margin-bottom: 4px !important;
}

/* Button groups — gaps */
[data-style=pro] .hero-actions {
  gap: 10px !important;
  margin-top: 20px !important;
}

/* Panels header padding */
[data-style=pro] [class$="-panel-hdr"],
[data-style=pro] [class$="-panel-head"] {
  padding: 14px 18px !important;
}

/* Panel body padding */
[data-style=pro] [class$="-body"],
[data-style=pro] [class$="-content"] {
  padding: 20px !important;
}
/* ...but the landing timeline body is a layout grid, not a panel: the generic
   20px padding above let the step number badge overlap the step title on mobile. */
[data-style=pro] .tlv-body { padding: 0 !important; }
@media (max-width: 860px) {
  [data-style=pro] .tlv-body { padding: 0 0 0 58px !important; }
}

/* Footer spacing */
[data-style=pro] footer,
[data-style=pro] .app-footer {
  margin-top: 40px !important;
  padding: 20px 32px !important;
}

/* Sidebar — better vertical rhythm */
[data-style=pro] .side-group {
  padding: 20px 12px 6px !important;
}
[data-style=pro] .side-item {
  margin: 1px 8px !important;
  padding: 8px 14px !important;
}

/* Controls row — padding/gap */
[data-style=pro] [class$="-controls"] {
  gap: 10px !important;
  padding: 14px 0 !important;
}

/* Stat bars */
[data-style=pro] [class$="-stat-bar"] {
  gap: 12px !important;
  padding: 12px 0 !important;
}

/* Info cards / metric cards */
[data-style=pro] [class$="-metric"] {
  padding: 18px 20px !important;
  margin-bottom: 12px !important;
}

/* Responsive override — keep spacing on smaller screens but pull in slightly */
@media (max-width: 1024px) {
  [data-style=pro] .app-main {
    padding: 28px 32px 40px !important;
  }
}
/* qa-grid uses auto-fill from base theme — no pro override needed */
@media (max-width: 768px) {
  [data-style=pro] .app-main {
    padding: 20px 16px 32px !important;
  }
  [data-style=pro] .dash-hero {
    padding: 24px 20px !important;
    border-radius: 14px !important;
  }
  [data-style=pro] .dash-hero-top {
    flex-direction: column !important;
    gap: 10px !important;
  }
  [data-style=pro] .stat-row {
    gap: 10px !important;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  }
  [data-style=pro] .qa-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  [data-style=pro] .dash-changelog {
    padding: 20px !important;
    border-radius: 12px !important;
  }
  [data-style=pro] .dash-extras {
    flex-direction: column !important;
  }
  [data-style=pro] .dash-cl-header {
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }
}
@media (max-width: 500px) {
  [data-style=pro] .qa-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* =====================================================================
   PHASE 2B — Dramatic Visual Upgrade
   Massive overhaul: dashboard, inline-style overrides, tables,
   scrollbar, command palette, sidebar, code blocks, and more.
   ===================================================================== */

/* --- 1. Dashboard Welcome Banner --- */
[data-style=pro] .dash-welcome {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #eff6ff 100%) !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 16px !important;
  padding: 32px !important;
  position: relative;
  overflow: hidden;
}
[data-style=pro] .dash-welcome::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(37,99,235,.06) 0%, transparent 70%);
  pointer-events: none;
}

/* --- 2. Stat Cards — gradient top accent --- */
[data-style=pro] .stat {
  border-top: 3px solid #2563eb !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .stat:hover {
  box-shadow: 0 8px 25px -5px rgba(37,99,235,.12), 0 4px 10px rgba(0,0,0,.04) !important;
  transform: translateY(-2px) !important;
}
[data-style=pro] .stat-n {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #2563eb !important;
  line-height: 1.2;
}
[data-style=pro] .stat-l {
  font-size: .7rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-top: 4px;
}

/* --- 3. Jump-in / QA Cards — colored left borders --- */
[data-style=pro] .qa {
  border-left: 4px solid #2563eb !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .qa:nth-child(4n+2) { border-left-color: #8b5cf6 !important; }
[data-style=pro] .qa:nth-child(4n+3) { border-left-color: #059669 !important; }
[data-style=pro] .qa:nth-child(4n+4) { border-left-color: #d97706 !important; }
[data-style=pro] .qa:hover {
  transform: translateX(4px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
  background: #fafbff !important;
}
[data-style=pro] .qa-title {
  font-size: .875rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}
[data-style=pro] .qa-desc {
  font-size: .78rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

/* --- 4. Sidebar Upgrade --- */
[data-style=pro] .sidebar {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}
[data-style=pro] .side-group {
  color: #2563eb !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  padding: 16px 12px 6px !important;
  position: relative;
}
[data-style=pro] .side-cnt {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-radius: 6px !important;
  font-size: .65rem !important;
  padding: 1px 6px !important;
  font-weight: 600 !important;
}
[data-style=pro] .side-badge {
  font-size: .6rem !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-weight: 600 !important;
}
[data-style=pro] .side-badge.new {
  background: #dcfce7 !important;
  color: #16a34a !important;
}
[data-style=pro] .side-badge.live {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

/* --- 5. Changelog / What's-New Items --- */
[data-style=pro] .changelog-item,
[data-style=pro] .wn-item {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 12px 0 !important;
}
[data-style=pro] .wn-tag {
  font-size: .65rem !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  letter-spacing: .04em;
}

/* --- 6. Massive Inline-Style Dark Background Overrides --- */
/* Dark backgrounds → white */
[data-style=pro] [style*="background:#0"],
[data-style=pro] [style*="background: #0"],
[data-style=pro] [style*="background:#1"],
[data-style=pro] [style*="background: #1"] {
  background: #fff !important;
  color: #0f172a !important;
}
/* Slightly tinted inner panels */
[data-style=pro] [style*="background:rgba(0,0,0"],
[data-style=pro] [style*="background: rgba(0,0,0"],
[data-style=pro] [style*="background:rgba(0, 0, 0"] {
  background: #f8fafc !important;
}
/* Dark card2/inner backgrounds */
[data-style=pro] [style*="background:var(--card2"],
[data-style=pro] [style*="background: var(--card2"] {
  background: #f8fafc !important;
}
/* Light text on dark → dark text */
[data-style=pro] [style*="color:#c"],
[data-style=pro] [style*="color: #c"],
[data-style=pro] [style*="color:#d"],
[data-style=pro] [style*="color: #d"],
[data-style=pro] [style*="color:#e"],
[data-style=pro] [style*="color: #e"] {
  color: #0f172a !important;
}
/* Muted/secondary text */
[data-style=pro] [style*="color:#6"],
[data-style=pro] [style*="color: #6"],
[data-style=pro] [style*="color:#7"],
[data-style=pro] [style*="color: #7"],
[data-style=pro] [style*="color:#8"],
[data-style=pro] [style*="color: #8"],
[data-style=pro] [style*="color:#9"],
[data-style=pro] [style*="color: #9"],
[data-style=pro] [style*="color:#4"],
[data-style=pro] [style*="color: #4"],
[data-style=pro] [style*="color:#5"],
[data-style=pro] [style*="color: #5"],
[data-style=pro] [style*="color:#3"],
[data-style=pro] [style*="color: #3"] {
  color: #64748b !important;
}
/* Dark borders → light */
[data-style=pro] [style*="border-color:#1"],
[data-style=pro] [style*="border-color: #1"],
[data-style=pro] [style*="border-color:#2"],
[data-style=pro] [style*="border-color: #2"],
[data-style=pro] [style*="border:1px solid #1"],
[data-style=pro] [style*="border:1px solid #2"],
[data-style=pro] [style*="border: 1px solid #1"],
[data-style=pro] [style*="border: 1px solid #2"] {
  border-color: #e2e8f0 !important;
}
/* Neon green → professional green */
[data-style=pro] [style*="color:#00ff"],
[data-style=pro] [style*="color: #00ff"],
[data-style=pro] [style*="color:#0f0"],
[data-style=pro] [style*="color: #0f0"],
[data-style=pro] [style*="color:#00e6"],
[data-style=pro] [style*="color: #00e6"] {
  color: #16a34a !important;
}
/* Neon red → professional red */
[data-style=pro] [style*="color:#ff1"],
[data-style=pro] [style*="color: #ff1"],
[data-style=pro] [style*="color:#ff4"],
[data-style=pro] [style*="color: #ff4"],
[data-style=pro] [style*="color:#f44"],
[data-style=pro] [style*="color: #f44"] {
  color: #dc2626 !important;
}
/* Neon cyan/blue accents → brand blue */
[data-style=pro] [style*="color:#00d4"],
[data-style=pro] [style*="color: #00d4"],
[data-style=pro] [style*="color:#00aa"],
[data-style=pro] [style*="color: #00aa"],
[data-style=pro] [style*="color:#00e5"],
[data-style=pro] [style*="color: #00e5"] {
  color: #2563eb !important;
}

/* --- 7. Better Tables Globally --- */
[data-style=pro] table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
[data-style=pro] th {
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-weight: 600 !important;
  font-size: .75rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 14px !important;
  border-bottom: 2px solid #e2e8f0 !important;
}
[data-style=pro] td {
  padding: 10px 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155 !important;
  font-size: .8125rem;
}
[data-style=pro] tbody tr:hover td {
  background: #f8fafc !important;
}
[data-style=pro] tbody tr:last-child td {
  border-bottom: none !important;
}

/* --- 8. Custom Scrollbar --- */
[data-style=pro] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-style=pro] ::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
[data-style=pro] ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
  border: 2px solid #f1f5f9;
}
[data-style=pro] ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* --- 9. Better Command Palette --- */
[data-style=pro] .cmd-palette {
  border-radius: 16px !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25) !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  max-width: 640px !important;
}
[data-style=pro] .cmd-input {
  font-size: 1rem !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
[data-style=pro] .cmd-item {
  padding: 10px 20px !important;
  border-radius: 8px !important;
  margin: 2px 8px !important;
}
[data-style=pro] .cmd-item:hover,
[data-style=pro] .cmd-item.active {
  background: #eff6ff !important;
  color: #2563eb !important;
}

/* --- 10. App-main background --- */
[data-style=pro] .app-main {
  background: #f8fafc !important;
}
[data-style=pro] .app-main > div {
  max-width: none;
}

/* --- 11. Pro-theme topbar search --- */
[data-style=pro] .search-trigger {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #64748b !important;
  padding: 6px 14px !important;
  font-size: .8125rem !important;
  transition: all .15s ease !important;
}
[data-style=pro] .search-trigger:hover {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}
[data-style=pro] .search-trigger kbd {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-size: .7rem !important;
  color: #94a3b8 !important;
}

/* --- 12. Breadcrumb styling --- */
[data-style=pro] .breadcrumb {
  font-size: .8125rem !important;
  color: #94a3b8 !important;
}
[data-style=pro] .breadcrumb button,
[data-style=pro] .breadcrumb a {
  color: #64748b !important;
  font-weight: 500 !important;
}
[data-style=pro] .breadcrumb button:hover,
[data-style=pro] .breadcrumb a:hover {
  color: #2563eb !important;
}

/* --- 13. Settings page tabs --- */
[data-style=pro] .settings-tab {
  border-radius: 8px !important;
  padding: 10px 16px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  transition: all .15s ease !important;
}
[data-style=pro] .settings-tab:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
[data-style=pro] .settings-tab.active {
  background: #eff6ff !important;
  color: #2563eb !important;
  font-weight: 600 !important;
  border-left: 3px solid #2563eb !important;
}

/* --- 14. Code blocks in pro theme --- */
[data-style=pro] code,
[data-style=pro] pre {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
}
[data-style=pro] pre {
  padding: 16px !important;
  line-height: 1.6 !important;
  overflow-x: auto;
}
[data-style=pro] code {
  padding: 2px 6px !important;
  font-size: .85em !important;
}

/* --- 15. Tooltip/popover upgrade --- */
[data-style=pro] [data-tooltip]::after {
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: .78rem !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.12) !important;
}

/* --- 16. Footer --- */
[data-style=pro] footer,
[data-style=pro] .app-footer {
  background: #fff !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #94a3b8 !important;
  font-size: .78rem !important;
}
[data-style=pro] footer a,
[data-style=pro] .app-footer a {
  color: #64748b !important;
}
[data-style=pro] footer a:hover,
[data-style=pro] .app-footer a:hover {
  color: #2563eb !important;
}

/* --- 17. Loading / skeleton shimmer --- */
[data-style=pro] .skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%) !important;
  background-size: 200% 100% !important;
  animation: pro-shimmer 1.5s infinite !important;
  border-radius: 6px !important;
}
@keyframes pro-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* --- 18. Checkbox/toggle styling --- */
[data-style=pro] input[type="checkbox"] {
  accent-color: #2563eb;
  width: 16px;
  height: 16px;
}

/* --- 19. Better hr/dividers --- */
[data-style=pro] hr {
  border: none !important;
  height: 1px !important;
  background: #e2e8f0 !important;
  margin: 16px 0 !important;
}

/* --- 20. Alert/notification cards --- */
[data-style=pro] .alert,
[data-style=pro] .notification {
  border-radius: 10px !important;
  padding: 14px 18px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* --- 21. Dashboard security-console card --- */
[data-style=pro] .security-console,
[data-style=pro] .console-card {
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.05), 0 10px 15px -3px rgba(0,0,0,.04) !important;
  background: #fff !important;
  overflow: hidden;
}

/* --- 22. Eyebrow / section labels --- */
[data-style=pro] .eyebrow,
[data-style=pro] .section-label {
  color: #2563eb !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

/* --- 23. Threat-level badge colors --- */
[data-style=pro] .threat-elevated,
[data-style=pro] .threat-badge-elevated {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fde68a !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
}
[data-style=pro] .threat-high,
[data-style=pro] .threat-badge-high {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fecaca !important;
  border-radius: 9999px !important;
}
[data-style=pro] .threat-low,
[data-style=pro] .threat-badge-low {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 9999px !important;
}

/* --- 24. CVE severity pills --- */
[data-style=pro] .cve-critical {
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  font-weight: 700 !important;
  font-size: .65rem !important;
}
[data-style=pro] .cve-high {
  background: #ea580c !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  font-weight: 700 !important;
  font-size: .65rem !important;
}

/* --- 25. Checklist / security-hygiene --- */
[data-style=pro] .hygiene-item,
[data-style=pro] .security-checklist label {
  padding: 10px 14px !important;
  border-radius: 8px !important;
  transition: background .15s ease !important;
}
[data-style=pro] .hygiene-item:hover,
[data-style=pro] .security-checklist label:hover {
  background: #f1f5f9 !important;
}

/* --- 26. Target / quick-action bar --- */
[data-style=pro] .target-bar,
[data-style=pro] .quick-actions {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

/* --- 27. Activity / recent-actions --- */
[data-style=pro] .recent-action,
[data-style=pro] .activity-item {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 10px 0 !important;
  color: #334155 !important;
}
[data-style=pro] .recent-action:last-child,
[data-style=pro] .activity-item:last-child {
  border-bottom: none !important;
}

/* --- 28. Progress bars --- */
[data-style=pro] .progress-bar,
[data-style=pro] .progress {
  background: #e2e8f0 !important;
  border-radius: 9999px !important;
  height: 6px !important;
  overflow: hidden;
}
[data-style=pro] .progress-fill,
[data-style=pro] .progress-bar-fill {
  background: linear-gradient(90deg, #2563eb, #3b82f6) !important;
  border-radius: 9999px !important;
}

/* --- 29. Tab underline pattern (generic) --- */
[data-style=pro] .tab-underline {
  border-bottom: 2px solid transparent !important;
  color: #64748b !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  transition: all .15s ease !important;
}
[data-style=pro] .tab-underline:hover {
  color: #0f172a !important;
  border-bottom-color: #cbd5e1 !important;
}
[data-style=pro] .tab-underline.active {
  color: #2563eb !important;
  border-bottom-color: #2563eb !important;
  font-weight: 600 !important;
}

/* --- 30. Empty-state illustrations --- */
[data-style=pro] .empty-state {
  color: #94a3b8 !important;
  text-align: center;
  padding: 48px 24px !important;
}
[data-style=pro] .empty-state h3 {
  color: #475569 !important;
  font-weight: 600 !important;
}

/* ═══ Nexus AI Chat — Premium Pro Theme ═══ */
[data-style=pro] .ai-wrap { max-width: 920px !important; }
[data-style=pro] .ai-header { margin-bottom: 16px !important; }
[data-style=pro] .ai-title { color: #0f172a !important; font-size: 1.5rem !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
[data-style=pro] .ai-controls { gap: 10px !important; }
[data-style=pro] .ai-sel { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; padding: 8px 14px !important; border-radius: 10px !important; font-size: .84rem !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; transition: all .15s !important; }
[data-style=pro] .ai-sel:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .ai-sel:hover { border-color: #94a3b8 !important; }
[data-style=pro] .ai-status { color: #64748b !important; font-size: .8rem !important; padding: 2px 0 !important; }
[data-style=pro] #aiByokHint { background: #fef2f2 !important; border-bottom: 1px solid #fecaca !important; border-radius: 8px !important; margin-bottom: 8px !important; }
[data-style=pro] .ai-chat {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.02) !important;
}
[data-style=pro] .ai-chat::-webkit-scrollbar { width: 5px !important; }
[data-style=pro] .ai-chat::-webkit-scrollbar-track { background: transparent !important; }
[data-style=pro] .ai-chat::-webkit-scrollbar-thumb { background: #cbd5e1 !important; border-radius: 3px !important; }
[data-style=pro] .ai-chat::-webkit-scrollbar-thumb:hover { background: #94a3b8 !important; }
[data-style=pro] .ai-empty { color: #94a3b8 !important; font-size: 1rem !important; font-weight: 500 !important; }
[data-style=pro] .msg {
  font-size: .9rem !important;
  line-height: 1.7 !important;
  max-width: 82% !important;
  animation: proMsgIn .25s ease-out !important;
}
@keyframes proMsgIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
[data-style=pro] .msg.you {
  background: #2563eb !important;
  color: #fff !important;
  border: none !important;
  border-radius: 18px 18px 4px 18px !important;
  padding: 12px 18px !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.18) !important;
}
[data-style=pro] .msg.ai {
  background: #f8fafc !important;
  color: #1e293b !important;
  border: none !important;
  border-left: 3px solid #2563eb !important;
  border-radius: 18px 18px 18px 4px !important;
  padding: 14px 18px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
[data-style=pro] .msg.ai code {
  background: rgba(37,99,235,.08) !important;
  color: #1e40af !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: .84rem !important;
}
[data-style=pro] .msg.ai strong { color: #0f172a !important; }
[data-style=pro] .msg.ai .code-block {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin: 10px 0 !important;
}
[data-style=pro] .msg.ai .code-block code {
  color: #e2e8f0 !important;
  font-size: .83rem !important;
  background: none !important;
  padding: 0 !important;
}
[data-style=pro] .msg.ai .cb-copy {
  background: #334155 !important;
  color: #94a3b8 !important;
  border: 1px solid #475569 !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: .7rem !important;
  transition: all .15s !important;
}
[data-style=pro] .msg.ai .cb-copy:hover {
  background: #475569 !important;
  color: #fff !important;
  border-color: #64748b !important;
}
[data-style=pro] .ai-input-row { margin-top: 14px !important; gap: 10px !important; }
[data-style=pro] .ai-input {
  background: #fff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  font-size: .9rem !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: all .15s !important;
}
[data-style=pro] .ai-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1), 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .ai-input::placeholder { color: #94a3b8 !important; }
[data-style=pro] .ai-input-row .btn {
  border-radius: var(--btn-radius, 4px) !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
}
[data-style=pro] .ai-input-row .btn.sm {
  padding: 10px 14px !important;
}
[data-style=pro] .ai-presets {
  gap: 8px !important;
  margin: 10px 0 0 !important;
}
[data-style=pro] .ai-presets .btn,
[data-style=pro] .ai-presets button {
  background: #fff !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--btn-radius, 4px) !important;
  padding: 6px 14px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
  transition: all .15s !important;
}
[data-style=pro] .ai-presets .btn:hover,
[data-style=pro] .ai-presets button:hover {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-color: #2563eb !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(37,99,235,.1) !important;
}
[data-style=pro] .ai-thumbs { margin-top: 8px !important; }
[data-style=pro] .ai-thumbs img,
[data-style=pro] .ai-thumbs .ai-thumb {
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
}

/* =====================================================================
   ADVANCED CSS — Cutting-edge techniques for premium feel
   ===================================================================== */

/* 1. @property animated gradients */
@property --pro-grad-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #eff6ff;
}
@property --pro-grad-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: #dbeafe;
}
@property --pro-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 135deg;
}

[data-style=pro] .dash-hero {
  background: linear-gradient(var(--pro-angle), var(--pro-grad-1), var(--pro-grad-2)) !important;
  animation: proDashShift 20s ease infinite !important;
}
@keyframes proDashShift {
  0%, 100% { --pro-angle: 135deg; --pro-grad-1: #eff6ff; --pro-grad-2: #dbeafe; }
  33% { --pro-angle: 200deg; --pro-grad-1: #faf5ff; --pro-grad-2: #f3e8ff; }
  66% { --pro-angle: 260deg; --pro-grad-1: #f0fdf4; --pro-grad-2: #dcfce7; }
}

/* 2. Advanced glassmorphism — topbar + sidebar */
[data-style=pro] #topbar {
  background: rgba(255,255,255,0.72) !important;
  backdrop-filter: blur(24px) saturate(200%) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05) !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 0 0 1px rgba(0,0,0,0.02) !important;
}
[data-style=pro] .sidebar {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

/* 3. Micro-interactions — spring curves */
[data-style=pro] .side-item {
  position: relative !important;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
[data-style=pro] .side-item:hover {
  transform: translateX(3px) !important;
}
[data-style=pro] .side-item.active {
  transform: translateX(0) !important;
}

/* 4. Layered glow on interactive hover elements only */
[data-style=pro] .qa:hover,
[data-style=pro] .stat:hover {
  box-shadow:
    0 4px 6px -1px rgba(0,0,0,0.05),
    0 10px 15px -3px rgba(0,0,0,0.05),
    0 0 0 1px rgba(37,99,235,0.08) !important;
  transition: box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 5. Fluid typography with clamp() */
[data-style=pro] .pg-h1 { font-size: clamp(1.5rem, 2.5vw, 2rem) !important; letter-spacing: -0.02em !important; }
[data-style=pro] .pg-h2 { font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important; letter-spacing: -0.01em !important; }
[data-style=pro] .pg-sub { font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important; }

/* 6. Active sidebar indicator — gradient pill */
[data-style=pro] .side-item.active::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 60% !important;
  background: linear-gradient(180deg, #2563eb, #60a5fa) !important;
  border-radius: 0 4px 4px 0 !important;
  animation: proIndicatorIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
@keyframes proIndicatorIn {
  from { height: 0; opacity: 0; }
  to { height: 60%; opacity: 1; }
}

/* 7. Advanced scrollbar — appears on hover */
[data-style=pro] .sidebar::-webkit-scrollbar { width: 4px !important; }
[data-style=pro] .sidebar::-webkit-scrollbar-track { background: transparent !important; }
[data-style=pro] .sidebar::-webkit-scrollbar-thumb { background: transparent !important; border-radius: 4px !important; }
[data-style=pro] .sidebar:hover::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1) !important; }
[data-style=pro] .app-main::-webkit-scrollbar { width: 6px !important; }
[data-style=pro] .app-main::-webkit-scrollbar-track { background: transparent !important; }
[data-style=pro] .app-main::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.08) !important; border-radius: 6px !important; }
[data-style=pro] .app-main:hover::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.14) !important; }

/* 8. Shimmer loading effect */
@keyframes proShimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
[data-style=pro] .skeleton,
[data-style=pro] [data-loading] {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%) !important;
  background-size: 200% 100% !important;
  animation: proShimmer 1.5s ease infinite !important;
  border-radius: 8px !important;
}

/* 9. Focus-visible ring — modern a11y */
[data-style=pro] input:focus-visible,
[data-style=pro] textarea:focus-visible,
[data-style=pro] select:focus-visible,
[data-style=pro] button:focus-visible {
  outline: none !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12), 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* 10. Selection color */
[data-style=pro] ::selection {
  background: rgba(37,99,235,0.15) !important;
  color: #111827 !important;
}

/* 11. Smooth page content transitions */
[data-style=pro] .app-main > div {
  animation: proPageIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes proPageIn {
  from { opacity: 0; transform: translateY(12px) scale(0.998); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* 12. Table row hover highlight */
[data-style=pro] table tbody tr {
  transition: background 0.15s ease, box-shadow 0.15s ease !important;
}
[data-style=pro] table tbody tr:hover {
  background: #f8fafc !important;
  box-shadow: inset 3px 0 0 #2563eb !important;
}

/* 13. Button press effect */
[data-style=pro] .btn:active,
[data-style=pro] button:active {
  transform: scale(0.97) !important;
  transition-duration: 0.05s !important;
}

/* 14. Container queries for stat cards */
[data-style=pro] .stat-row {
  container-type: inline-size !important;
}
@container (max-width: 600px) {
  [data-style=pro] .stat { min-width: calc(50% - 8px) !important; }
}
@container (max-width: 400px) {
  [data-style=pro] .stat { min-width: 100% !important; }
}

/* 15. Smooth color transitions on theme-aware elements */
[data-style=pro] .side-badge {
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;
}
[data-style=pro] .side-item:hover .side-badge {
  transform: scale(1.05) !important;
}

/* 16. Subtle border animation on focused cards */
@keyframes proFocusPulse {
  0%, 100% { border-color: rgba(37,99,235,0.3); }
  50% { border-color: rgba(37,99,235,0.6); }
}
[data-style=pro] .ai-input:focus {
  animation: proFocusPulse 2s ease infinite !important;
}

/* 17. Tooltip arrows using clip-path */
[data-style=pro] .tooltip::after,
[data-style=pro] [data-tooltip]::after {
  clip-path: polygon(50% 100%, 0 0, 100% 0) !important;
}

/* 18. Stat card — no top border, colored numbers instead */
[data-style=pro] .stat { border-image: none !important; border: 1px solid #e2e8f0 !important; border-top: none !important; border-radius: 10px !important; }

/* 19. Color-mix for dynamic hover tints */
[data-style=pro] .qa:hover {
  background: color-mix(in srgb, #2563eb 4%, #fff) !important;
}
[data-style=pro] .side-item:hover {
  background: color-mix(in srgb, #2563eb 5%, #fff) !important;
}

/* 20. Subgrid for consistent card alignment (where supported) */
@supports (grid-template-rows: subgrid) {
  [data-style=pro] .qa-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  }
  [data-style=pro] .qa-grid > .qa {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
  }
}

/* 21. View transitions API prep */
[data-style=pro] .app-main {
  view-transition-name: main-content !important;
}

/* 22. text-wrap balance for headings */
[data-style=pro] .pg-h1,
[data-style=pro] .pg-h2,
[data-style=pro] .sec-title,
[data-style=pro] .hero-h1 {
  text-wrap: balance !important;
}

/* 23. Logical properties for better i18n */
[data-style=pro] .side-item {
  padding-inline: 14px !important;
  margin-inline: 10px !important;
}
[data-style=pro] .side-item.active::before {
  inset-inline-start: 0 !important;
}

/* =====================================================================
   PHASE 7 — Mobile Pro Theme Overrides
   ===================================================================== */

@media (max-width: 768px) {
  [data-style=pro] #topbar { padding: 8px 12px; }
  [data-style=pro] .brand-wordmark { height: 14px !important; }
  [data-style=pro] .se-header { padding: 10px 12px !important; }
  [data-style=pro] .se-header-title { font-size: 16px !important; letter-spacing: 2px !important; }
  [data-style=pro] .se-content { padding: 12px !important; }
  [data-style=pro] .se-tab { padding: 8px 10px !important; font-size: 10px !important; }
  [data-style=pro] .se-card { padding: 12px !important; }
  [data-style=pro] .se-grid-2,
  [data-style=pro] .se-grid-3,
  [data-style=pro] .se-grid-4 { grid-template-columns: minmax(0, 1fr) !important; }
  [data-style=pro] .gw-header { padding: 4px 10px !important; }
  [data-style=pro] .gw-controls { padding: 4px 8px !important; }
  [data-style=pro] .section { padding: 40px 16px !important; }
}

@media (max-width: 480px) {
  [data-style=pro] .se-status-bar { flex-wrap: wrap !important; padding: 6px 12px !important; font-size: 10px !important; }
  [data-style=pro] .se-tab-bar { gap: 0 !important; }
  [data-style=pro] .se-header-title { font-size: 14px !important; }
  [data-style=pro] .tl-layout { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ═══ DNS Enumeration ═══ */
[data-style=pro] .de-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .de-header { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .de-header h2 { color: #1e293b !important; }
[data-style=pro] .de-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .de-tab { background: transparent !important; color: #64748b !important; border: none !important; }
[data-style=pro] .de-tab.active, [data-style=pro] .de-tab:hover { background: #fff !important; color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .de-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .de-input, [data-style=pro] .de-select { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .de-btn { background: #2563eb !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .de-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .de-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #18181b !important; }
[data-style=pro] .de-record { background: #fff !important; border: 1px solid #e2e8f0 !important; padding: 10px 14px !important; border-radius: 6px !important; }
[data-style=pro] .de-badge { background: #eff6ff !important; color: #2563eb !important; border-radius: 4px !important; }
[data-style=pro] .de-table th { background: #f1f5f9 !important; color: #475569 !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .de-table td { border-bottom: 1px solid #f1f5f9 !important; color: #18181b !important; }

/* ═══ Malware Sandbox ═══ */
[data-style=pro] .ms-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .ms-header { background: linear-gradient(135deg, #fef2f2, #fee2e2) !important; border-bottom: 1px solid #fecaca !important; }
[data-style=pro] .ms-header h2 { color: #991b1b !important; }
[data-style=pro] .ms-tab { background: transparent !important; color: #64748b !important; border: none !important; }
[data-style=pro] .ms-tab.active, [data-style=pro] .ms-tab:hover { background: #fff !important; color: #dc2626 !important; border-bottom: 2px solid #dc2626 !important; }
[data-style=pro] .ms-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ms-input, [data-style=pro] .ms-textarea { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .ms-btn { background: #dc2626 !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .ms-btn:hover { background: #b91c1c !important; }
[data-style=pro] .ms-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #18181b !important; }
[data-style=pro] .ms-score { border-radius: 8px !important; }
[data-style=pro] .ms-score.high { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #991b1b !important; }
[data-style=pro] .ms-score.medium { background: #fffbeb !important; border: 1px solid #fde68a !important; color: #92400e !important; }
[data-style=pro] .ms-score.low { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; color: #166534 !important; }
[data-style=pro] .ms-table th { background: #f1f5f9 !important; color: #475569 !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .ms-table td { border-bottom: 1px solid #f1f5f9 !important; color: #18181b !important; }
[data-style=pro] .ms-badge { background: #fef2f2 !important; color: #dc2626 !important; border-radius: 4px !important; }

/* ═══ Firewall Rules ═══ */
[data-style=pro] .fw-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .fw-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .fw-textarea { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .fw-result, [data-style=pro] .fw-rule { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #18181b !important; }
[data-style=pro] .fw-rule.allow { border-left: 3px solid #16a34a !important; }
[data-style=pro] .fw-rule.deny { border-left: 3px solid #dc2626 !important; }
[data-style=pro] .fw-rule.drop { border-left: 3px solid #f59e0b !important; }
[data-style=pro] .fw-code { background: #f1f5f9 !important; color: #18181b !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; font-family: 'JetBrains Mono', monospace !important; }
[data-style=pro] .fw-conflict { background: #fffbeb !important; border: 1px solid #fde68a !important; border-radius: 6px !important; color: #92400e !important; }

/* ═══ SSL Certificate Analyzer ═══ */
[data-style=pro] .sc-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #18181b !important; }
[data-style=pro] .sc-grade { border-radius: 8px !important; font-weight: 700 !important; }
[data-style=pro] .sc-grade.a { background: #f0fdf4 !important; color: #166534 !important; }
[data-style=pro] .sc-grade.b { background: #eff6ff !important; color: #1e40af !important; }
[data-style=pro] .sc-grade.c { background: #fffbeb !important; color: #92400e !important; }
[data-style=pro] .sc-grade.f { background: #fef2f2 !important; color: #991b1b !important; }
[data-style=pro] .sc-chain-node { background: #faf5ff !important; border: 1px solid #e9d5ff !important; border-radius: 6px !important; }

/* ═══ API Fuzzer ═══ */
[data-style=pro] .af-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .af-header { background: linear-gradient(135deg, #fff7ed, #ffedd5) !important; border-bottom: 1px solid #fed7aa !important; }
[data-style=pro] .af-header h2 { color: #9a3412 !important; }
[data-style=pro] .af-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .af-tab { background: transparent !important; color: #64748b !important; border: none !important; }
[data-style=pro] .af-tab.active, [data-style=pro] .af-tab:hover { background: #fff !important; color: #ea580c !important; border-bottom: 2px solid #ea580c !important; }
[data-style=pro] .af-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .af-input, [data-style=pro] .af-select, [data-style=pro] .af-textarea { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .af-btn { background: #ea580c !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .af-btn:hover { background: #c2410c !important; }
[data-style=pro] .af-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #18181b !important; }
[data-style=pro] .af-payload { background: #f1f5f9 !important; color: #18181b !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; font-family: 'JetBrains Mono', monospace !important; padding: 8px 12px !important; }
[data-style=pro] .af-payload.sqli { border-left: 3px solid #dc2626 !important; }
[data-style=pro] .af-payload.xss { border-left: 3px solid #ea580c !important; }
[data-style=pro] .af-payload.cmdi { border-left: 3px solid #7c3aed !important; }
[data-style=pro] .af-payload.path { border-left: 3px solid #2563eb !important; }
[data-style=pro] .af-table th { background: #f1f5f9 !important; color: #475569 !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .af-table td { border-bottom: 1px solid #f1f5f9 !important; color: #18181b !important; }
[data-style=pro] .af-badge { background: #fff7ed !important; color: #ea580c !important; border-radius: 4px !important; }
[data-style=pro] .af-checklist-item { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 10px 14px !important; }
[data-style=pro] .af-checklist-item.pass { border-left: 3px solid #16a34a !important; }
[data-style=pro] .af-checklist-item.fail { border-left: 3px solid #dc2626 !important; }

/* ═══ Incident Response ═══ */
[data-style=pro] .ir-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .ir-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ir-select, [data-style=pro] .ir-textarea { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .ir-playbook { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 16px !important; }
[data-style=pro] .ir-playbook:hover { border-color: #2563eb !important; box-shadow: 0 2px 8px rgba(37,99,235,0.1) !important; }
[data-style=pro] .ir-phase { border-left: 3px solid #e2e8f0 !important; padding-left: 16px !important; margin-bottom: 16px !important; }
[data-style=pro] .ir-phase.active { border-left-color: #2563eb !important; }
[data-style=pro] .ir-phase.done { border-left-color: #16a34a !important; }
[data-style=pro] .ir-timeline-entry { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 10px 14px !important; }
[data-style=pro] .ir-severity.p1 { background: #fef2f2 !important; color: #991b1b !important; }
[data-style=pro] .ir-severity.p2 { background: #fff7ed !important; color: #9a3412 !important; }
[data-style=pro] .ir-severity.p3 { background: #fffbeb !important; color: #92400e !important; }
[data-style=pro] .ir-severity.p4 { background: #eff6ff !important; color: #1e40af !important; }
[data-style=pro] .ir-severity.p5 { background: #f0fdf4 !important; color: #166534 !important; }
[data-style=pro] .ir-template { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; font-family: 'JetBrains Mono', monospace !important; }
[data-style=pro] .ir-badge { background: #eff6ff !important; color: #2563eb !important; border-radius: 4px !important; }

/* ═══ Network Traffic Analyzer ═══ */
[data-style=pro] .nt-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .nt-packet { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; padding: 6px 10px !important; }
[data-style=pro] .nt-packet.suspicious { border-left: 3px solid #dc2626 !important; background: #fef2f2 !important; }
[data-style=pro] .nt-table th { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .nt-table td { border-bottom: 1px solid #f1f5f9 !important; color: #18181b !important; }
[data-style=pro] .nt-badge { border-radius: 4px !important; }
[data-style=pro] .nt-badge.tcp { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] .nt-badge.udp { background: #f0fdf4 !important; color: #16a34a !important; }
[data-style=pro] .nt-badge.icmp { background: #fffbeb !important; color: #ca8a04 !important; }

/* ═══ Hash Toolkit ═══ */
[data-style=pro] .ht-hash-row { padding: 8px 12px !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .ht-nomatch { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #991b1b !important; }

/* ═══ Privilege Escalation ═══ */
[data-style=pro] .pe-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .pe-header { background: linear-gradient(135deg, #fef2f2, #fee2e2) !important; border-bottom: 1px solid #fecaca !important; }
[data-style=pro] .pe-header h2 { color: #991b1b !important; }
[data-style=pro] .pe-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pe-tab { background: transparent !important; color: #64748b !important; }
[data-style=pro] .pe-tab.active { background: #fff !important; color: #dc2626 !important; border-bottom: 2px solid #dc2626 !important; }
[data-style=pro] .pe-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pe-input, [data-style=pro] .pe-select { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .pe-btn { background: #dc2626 !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .pe-vector { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 14px !important; }
[data-style=pro] .pe-vector:hover { border-color: #dc2626 !important; }
[data-style=pro] .pe-vector.critical { border-left: 3px solid #dc2626 !important; }
[data-style=pro] .pe-vector.high { border-left: 3px solid #ea580c !important; }
[data-style=pro] .pe-vector.medium { border-left: 3px solid #ca8a04 !important; }
[data-style=pro] .pe-cmd { background: #f1f5f9 !important; color: #18181b !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; font-family: 'JetBrains Mono', monospace !important; padding: 8px 12px !important; }
[data-style=pro] .pe-checklist label { color: #374151 !important; }
[data-style=pro] .pe-table th { background: #f1f5f9 !important; color: #475569 !important; }
[data-style=pro] .pe-table td { border-bottom: 1px solid #f1f5f9 !important; color: #18181b !important; }
[data-style=pro] .pe-badge { background: #fef2f2 !important; color: #dc2626 !important; border-radius: 4px !important; }

/* ═══ Reverse Shell Generator ═══ */
[data-style=pro] .rs-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .rs-header { background: linear-gradient(135deg, #fef2f2, #fee2e2) !important; border-bottom: 1px solid #fecaca !important; }
[data-style=pro] .rs-header h2 { color: #991b1b !important; }
[data-style=pro] .rs-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .rs-tab { background: transparent !important; color: #64748b !important; }
[data-style=pro] .rs-tab.active { background: #fff !important; color: #dc2626 !important; border-bottom: 2px solid #dc2626 !important; }
[data-style=pro] .rs-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .rs-input { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .rs-btn { background: #dc2626 !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .rs-shell { background: #f1f5f9 !important; color: #18181b !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; font-family: 'JetBrains Mono', monospace !important; padding: 12px !important; }
[data-style=pro] .rs-shell-label { color: #64748b !important; font-weight: 600 !important; }
[data-style=pro] .rs-copy { background: #f8fafc !important; color: #2563eb !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .rs-badge { border-radius: 4px !important; }

/* ═══ XSS Lab ═══ */
[data-style=pro] .xl-wrap { background: #fff !important; color: #18181b !important; }
[data-style=pro] .xl-header { background: linear-gradient(135deg, #fff7ed, #ffedd5) !important; border-bottom: 1px solid #fed7aa !important; }
[data-style=pro] .xl-header h2 { color: #9a3412 !important; }
[data-style=pro] .xl-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .xl-tab { background: transparent !important; color: #64748b !important; }
[data-style=pro] .xl-tab.active { background: #fff !important; color: #ea580c !important; border-bottom: 2px solid #ea580c !important; }
[data-style=pro] .xl-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .xl-input, [data-style=pro] .xl-textarea, [data-style=pro] .xl-select { background: #f8fafc !important; color: #18181b !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; }
[data-style=pro] .xl-btn { background: #ea580c !important; color: #fff !important; border: none !important; border-radius: 6px !important; }
[data-style=pro] .xl-payload { background: #f1f5f9 !important; color: #18181b !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; font-family: 'JetBrains Mono', monospace !important; padding: 8px 12px !important; }
[data-style=pro] .xl-category { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 14px !important; }
[data-style=pro] .xl-result { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .xl-badge { background: #fff7ed !important; color: #ea580c !important; border-radius: 4px !important; }

/* ═══ OSINT Email Intelligence ═══ */
[data-style=pro] .oe-breach { background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; padding: 10px 14px !important; }
[data-style=pro] .oe-permutation { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; padding: 6px 10px !important; }
[data-style=pro] .oe-social { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 12px !important; }
[data-style=pro] .oe-dork { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; font-family: 'JetBrains Mono', monospace !important; padding: 8px 12px !important; }

/* ═══ Docs Full Page ═══ */
[data-style=pro] .dc-wrap { color: #18181b !important; }
[data-style=pro] .dc-back { background: #f8fafc !important; color: #2563eb !important; border-color: #e2e8f0 !important; }
[data-style=pro] .dc-back:hover { background: #2563eb !important; color: #fff !important; }
[data-style=pro] .dc-title { color: #18181b !important; }
[data-style=pro] .dc-sub { color: #64748b !important; }
[data-style=pro] .dc-tabs { border-bottom-color: #e2e8f0 !important; }
[data-style=pro] .dc-tab { color: #64748b !important; }
[data-style=pro] .dc-tab:hover { color: #18181b !important; }
[data-style=pro] .dc-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; }
[data-style=pro] .dc-card { background: #f8fafc !important; border-color: #e2e8f0 !important; }
[data-style=pro] .dc-table td { border-bottom-color: #f1f5f9 !important; }
[data-style=pro] .dc-code { background: #f1f5f9 !important; color: #2563eb !important; }
[data-style=pro] .dc-pre { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #18181b !important; }
[data-style=pro] .dc-details { background: #f8fafc !important; border-color: #e2e8f0 !important; }
[data-style=pro] .dc-details summary { color: #18181b !important; }
[data-style=pro] .dc-details summary::before { color: #2563eb !important; }
[data-style=pro] .dc-details[open] { border-color: #bfdbfe !important; }
[data-style=pro] .dc-breadcrumb a { color: #2563eb !important; }
[data-style=pro] .dc-ol li strong, [data-style=pro] .dc-ul li strong { color: #18181b !important; }

/* =====================================================================
   PREMIUM SHELL — Sidebar, Topbar & Layout Polish (final authority)
   ===================================================================== */

/* --- Topbar: taller, cleaner, frosted glass --- */
[data-style=pro] #topbar {
  background: rgba(255,255,255,.95) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.8) !important;
  backdrop-filter: blur(20px) saturate(1.8) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
  min-height: 56px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: box-shadow .2s ease, background .2s ease !important;
  z-index: 100 !important;
}
[data-style=pro] #topbar .brand-wordmark {
  height: 20px !important;
  opacity: .9 !important;
}

/* --- Shell / main content area --- */
[data-style=pro] .shell {
  background: #f8fafc !important;
}
[data-style=pro] .app-main {
  background: #f8fafc !important;
}

/* --- Sidebar: premium white with soft gradient --- */
[data-style=pro] .sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
  box-shadow: 1px 0 4px rgba(0,0,0,.03) !important;
  transition: box-shadow .2s ease !important;
}

/* Sidebar scrollbar — thin, appear on hover */
[data-style=pro] .sidebar::-webkit-scrollbar {
  width: 4px !important;
}
[data-style=pro] .sidebar::-webkit-scrollbar-track {
  background: transparent !important;
}
[data-style=pro] .sidebar::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 4px !important;
  transition: background .2s ease !important;
}
[data-style=pro] .sidebar:hover::-webkit-scrollbar-thumb {
  background: #d1d5db !important;
}
[data-style=pro] .sidebar::-webkit-scrollbar-thumb:hover {
  background: #9ca3af !important;
}

/* Sidebar search — clean with focus ring */
[data-style=pro] .side-search-wrap {
  padding: 8px 12px 12px !important;
  display: flex !important;
  align-items: center !important;
}
[data-style=pro] .side-search {
  background: #f3f4f6 !important;
  border: 1.5px solid #e5e7eb !important;
  color: #111827 !important;
  padding: 9px 12px 9px 34px !important;
  border-radius: 10px !important;
  font-size: .8rem !important;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}
[data-style=pro] .side-search:focus {
  background: #fff !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
[data-style=pro] .side-search::placeholder {
  color: #9ca3af !important;
}
[data-style=pro] .side-search-icon {
  color: #9ca3af !important;
  transition: color .15s ease !important;
  top: calc(50% - 3px) !important;
}
[data-style=pro] .side-search:focus ~ .side-search-icon,
[data-style=pro] .side-search-wrap:focus-within .side-search-icon {
  color: #2563eb !important;
}

/* Section headers — refined typography */
[data-style=pro] .side-group {
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  padding: 22px 16px 6px !important;
  margin-top: 4px !important;
}
[data-style=pro] .side-cnt {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  border-radius: 6px !important;
  font-size: .62rem !important;
  padding: 1px 5px !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
}

/* Sidebar items — smooth, spacious, interactive */
[data-style=pro] .side-item {
  color: #4b5563 !important;
  font-weight: 450 !important;
  font-size: .8125rem !important;
  padding: 9px 14px !important;
  margin: 1px 10px !important;
  border-radius: var(--btn-radius, 4px) !important;
  border-left: 3px solid transparent !important;
  transition: all .15s cubic-bezier(.4,0,.2,1) !important;
  position: relative !important;
}
[data-style=pro] .side-item:hover {
  color: #111827 !important;
  background: #f3f4f6 !important;
  border-left-color: #d1d5db !important;
  box-shadow: none !important;
}
[data-style=pro] .side-item.active {
  color: #2563eb !important;
  background: #eff6ff !important;
  border-left-color: #2563eb !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
[data-style=pro] .side-item:focus-visible {
  outline: 2px solid #2563eb !important;
  outline-offset: -2px !important;
}

/* Badges — refined pill styles */
[data-style=pro] .side-badge {
  font-size: .58rem !important;
  border-radius: 5px !important;
  padding: 2px 6px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: 1.3 !important;
}
[data-style=pro] .side-badge.new {
  background: #dcfce7 !important;
  color: #166534 !important;
}
[data-style=pro] .side-badge.live {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  animation: none !important;
}
[data-style=pro] .side-badge.hot {
  background: #fff7ed !important;
  color: #c2410c !important;
}
[data-style=pro] .side-badge.beta {
  background: #faf5ff !important;
  color: #7c3aed !important;
}
[data-style=pro] .side-badge.ai {
  background: #eff6ff !important;
  color: #2563eb !important;
}

/* --- Global interactive transitions --- */
[data-style=pro] .btn,
[data-style=pro] .side-item,
[data-style=pro] .qa,
[data-style=pro] .stat,
[data-style=pro] .panel,
[data-style=pro] .card {
  transition: all .15s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=pro] .btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.18) !important;
}
[data-style=pro] .btn.ghost:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
}
[data-style=pro] .qa:hover,
[data-style=pro] .card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}
[data-style=pro] .stat:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.06) !important;
}

/* ══════════════════════════════════════════════════════════════
   GLOBAL TOOL PAGE CONSISTENCY — headers, cards, buttons,
   tabs, tables, inputs, scrollbars
   ══════════════════════════════════════════════════════════════ */

/* --- Page headers --- */
[data-style=pro] .pg-h1 {
  font-size: 28px !important;
  color: #111827 !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.25 !important;
}
[data-style=pro] .pg-h2 {
  font-size: 20px !important;
  color: #1f2937 !important;
  font-weight: 600 !important;
  margin-top: 32px !important;
  letter-spacing: -0.3px !important;
  line-height: 1.3 !important;
}
[data-style=pro] .pg-sub {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  max-width: 600px !important;
}

/* --- Cards & panels --- */
[data-style=pro] .card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 20px !important;
}
[data-style=pro] .panel {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
[data-style=pro] .panel-h {
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 14px 20px !important;
  background: #fafbfc !important;
}

/* --- Buttons --- */
[data-style=pro] .btn {
  background: #2563eb !important;
  color: #fff !important;
  border: 1px solid #2563eb !important;
  border-radius: var(--btn-radius, 4px) !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  cursor: pointer !important;
}
[data-style=pro] .btn:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
[data-style=pro] .btn.ghost {
  background: transparent !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
}
[data-style=pro] .btn.ghost:hover {
  color: #2563eb !important;
  border-color: #2563eb !important;
  background: #eff6ff !important;
}
[data-style=pro] .btn.sm {
  padding: 6px 14px !important;
  font-size: .8rem !important;
}

/* --- Tabs --- */
[data-style=pro] .tab-bar {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: transparent !important;
  margin-bottom: 20px !important;
}
[data-style=pro] .tab-bar button,
[data-style=pro] .tab-bar .tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: #6b7280 !important;
  padding: 10px 18px !important;
  font-weight: 500 !important;
  font-size: .875rem !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
}
[data-style=pro] .tab-bar button:hover,
[data-style=pro] .tab-bar .tab:hover {
  color: #374151 !important;
  background: #f9fafb !important;
}
[data-style=pro] .tab-bar button.active,
[data-style=pro] .tab-bar button.on,
[data-style=pro] .tab-bar .tab.active,
[data-style=pro] .tab-bar .tab.on {
  color: #2563eb !important;
  border-bottom: 2px solid #2563eb !important;
  font-weight: 600 !important;
}

/* --- Tables --- */
[data-style=pro] .app-main table {
  border-collapse: collapse !important;
  width: 100% !important;
}
[data-style=pro] .app-main table th {
  background: #f9fafb !important;
  color: #6b7280 !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 10px 14px !important;
  text-align: left !important;
  border-bottom: 2px solid #e5e7eb !important;
}
[data-style=pro] .app-main table td {
  padding: 10px 14px !important;
  color: #374151 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  font-size: .875rem !important;
}
[data-style=pro] .app-main table tbody tr:hover {
  background: #f9fafb !important;
}
[data-style=pro] .app-main table tbody tr:nth-child(even) {
  background: #fafbfc !important;
}
[data-style=pro] .app-main table tbody tr:nth-child(even):hover {
  background: #f3f4f6 !important;
}

/* --- Inputs --- */
[data-style=pro] .app-main input[type="text"],
[data-style=pro] .app-main input[type="search"],
[data-style=pro] .app-main input[type="number"],
[data-style=pro] .app-main input[type="url"],
[data-style=pro] .app-main input[type="email"],
[data-style=pro] .app-main input[type="password"] {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #111827 !important;
  padding: 9px 14px !important;
  font-size: .875rem !important;
  transition: border-color .15s, box-shadow .15s !important;
}
[data-style=pro] .app-main input[type="text"]:focus,
[data-style=pro] .app-main input[type="search"]:focus,
[data-style=pro] .app-main input[type="number"]:focus,
[data-style=pro] .app-main input[type="url"]:focus,
[data-style=pro] .app-main input[type="email"]:focus,
[data-style=pro] .app-main input[type="password"]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
[data-style=pro] .app-main textarea {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #111827 !important;
  padding: 10px 14px !important;
  font-size: .875rem !important;
  transition: border-color .15s, box-shadow .15s !important;
}
[data-style=pro] .app-main textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
[data-style=pro] .app-main select {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #111827 !important;
  padding: 9px 14px !important;
  font-size: .875rem !important;
  cursor: pointer !important;
}
[data-style=pro] .app-main select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}

/* --- Breadcrumbs & eyebrow --- */
[data-style=pro] .eyebrow {
  color: #9ca3af !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
}
[data-style=pro] .breadcrumb {
  color: #9ca3af !important;
  font-size: .8rem !important;
}
[data-style=pro] .breadcrumb a {
  color: #6b7280 !important;
  text-decoration: none !important;
}
[data-style=pro] .breadcrumb a:hover {
  color: #2563eb !important;
}

/* --- Muted text & loading --- */
[data-style=pro] .muted {
  color: #9ca3af !important;
}

/* --- App-main scrollbars --- */
[data-style=pro] .app-main::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
[data-style=pro] .app-main::-webkit-scrollbar-track {
  background: transparent !important;
}
[data-style=pro] .app-main::-webkit-scrollbar-thumb {
  background: #d1d5db !important;
  border-radius: 3px !important;
}
[data-style=pro] .app-main::-webkit-scrollbar-thumb:hover {
  background: #9ca3af !important;
}
[data-style=pro] .app-main {
  scrollbar-width: thin !important;
  scrollbar-color: #d1d5db transparent !important;
}

/* --- Code blocks in tool outputs --- */
[data-style=pro] .app-main pre,
[data-style=pro] .app-main .code-block {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border: 1px solid #334155 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-size: .82rem !important;
}
[data-style=pro] .app-main code {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace !important;
}

/* --- Badges generic --- */
[data-style=pro] .badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 9999px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}

/* --- Alert/notice blocks --- */
[data-style=pro] .alert,
[data-style=pro] .notice {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: .875rem !important;
}

/* --- Tooltip --- */
[data-style=pro] .tooltip,
[data-style=pro] [role="tooltip"] {
  background: #1f2937 !important;
  color: #f9fafb !important;
  border-radius: 6px !important;
  font-size: .78rem !important;
  padding: 6px 10px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   SETTINGS PAGE — Premium polish
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .set-layout {
  gap: 36px !important;
  max-width: 960px !important;
}
[data-style=pro] .set-nav {
  border-right: 1px solid #e2e8f0 !important;
  padding-right: 28px !important;
  min-width: 190px !important;
}
[data-style=pro] .set-tab {
  color: #64748b !important;
  border-radius: 8px !important;
  border-left: 3px solid transparent !important;
  font-weight: 400 !important;
  padding: 10px 16px !important;
  font-size: .88rem !important;
  transition: all .15s ease !important;
}
[data-style=pro] .set-tab:hover {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border-left-color: #94a3b8 !important;
}
[data-style=pro] .set-tab.active {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-left-color: #2563eb !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.08) !important;
}
[data-style=pro] .set-panel-h {
  color: #0f172a !important;
  border-bottom: 2px solid #e2e8f0 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
}
[data-style=pro] .set-row {
  border-bottom: 1px solid #f1f5f9 !important;
  color: #1e293b !important;
  padding: 12px 0 !important;
  font-size: .88rem !important;
}
[data-style=pro] .set-row .muted {
  color: #64748b !important;
  font-weight: 500 !important;
}
[data-style=pro] #set-apikeys-form .set-row {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin-bottom: 4px !important;
}
[data-style=pro] #set-apikeys-form h3 {
  color: #374151 !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-style=pro] .tk-f,
[data-style=pro] #set-apikeys-form input[type="password"] {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  padding: 10px 14px !important;
  font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace !important;
  font-size: .84rem !important;
  transition: border-color .15s, box-shadow .15s !important;
}
[data-style=pro] .tk-f:focus,
[data-style=pro] #set-apikeys-form input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
[data-style=pro] .seg {
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}
[data-style=pro] .seg button {
  color: #64748b !important;
  font-weight: 500 !important;
  padding: .45rem 1rem !important;
  transition: all .15s !important;
}
[data-style=pro] .seg button.on {
  background: #2563eb !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(37,99,235,.3) !important;
}
[data-style=pro] .seg button:not(.on):hover {
  background: #e2e8f0 !important;
  color: #1e293b !important;
}
[data-style=pro] .swatch {
  border-radius: 8px !important;
  width: 28px !important;
  height: 28px !important;
  border: 2px solid #e2e8f0 !important;
  transition: all .15s !important;
}
[data-style=pro] .swatch:hover {
  transform: scale(1.15) !important;
  border-color: #94a3b8 !important;
}
[data-style=pro] .owner-badge {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  font-size: .68rem !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
[data-style=pro] .nexus-code-row input {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  border-radius: 8px !important;
  font-family: 'JetBrains Mono', monospace !important;
}
[data-style=pro] .nexus-code-row .btn {
  border-radius: var(--btn-radius, 4px) !important;
}
[data-style=pro] #ak-save {
  background: #2563eb !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
}
[data-style=pro] #ak-save:hover {
  background: #1d4ed8 !important;
}
[data-style=pro] #ak-clear {
  background: transparent !important;
  color: #64748b !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
}
[data-style=pro] #ak-clear:hover {
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
  background: #fef2f2 !important;
}

/* ═══════════════════════════════════════════════════════════════
   CHEAT SHEETS — Premium cards
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .cs-grid {
  gap: 16px !important;
}
[data-style=pro] .cs-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: all .2s ease !important;
}
[data-style=pro] .cs-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 8px 24px -4px rgba(37,99,235,.08), 0 2px 6px rgba(0,0,0,.04) !important;
  transform: translateY(-2px) !important;
}
[data-style=pro] .cs-head {
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
[data-style=pro] .cs-head h3 {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}
[data-style=pro] .cs-head .chip {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-color: #bfdbfe !important;
  font-weight: 600 !important;
}
[data-style=pro] .cs-label {
  color: #64748b !important;
  font-weight: 500 !important;
  font-size: .76rem !important;
}
[data-style=pro] .cs-cmd code {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
  font-size: .8rem !important;
}
[data-style=pro] .cs-copy {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  transition: all .15s !important;
}
[data-style=pro] .cs-copy:hover {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
[data-style=pro] .cs-filter {
  gap: 8px !important;
  margin-bottom: 20px !important;
}
[data-style=pro] .cs-filter .chip {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}
[data-style=pro] .cs-filter .chip:hover {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #2563eb !important;
}
[data-style=pro] .cs-filter .chip.on {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 6px rgba(37,99,235,.25) !important;
}

/* ═══════════════════════════════════════════════════════════════
   COMMAND PALETTE — Frosted glass upgrade
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .cmdk {
  background: rgba(15,23,42,.3) !important;
  backdrop-filter: blur(12px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.5) !important;
}
[data-style=pro] .cmdk-box {
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.03) !important;
}
[data-style=pro] .cmdk-input {
  border-bottom: 1px solid #f1f5f9 !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: .95rem !important;
  padding: 16px 20px !important;
  font-weight: 400 !important;
}
[data-style=pro] .cmdk-input::placeholder {
  color: #94a3b8 !important;
}
[data-style=pro] .cmdk-list {
  padding: 6px !important;
}
[data-style=pro] .cmdk-item {
  color: #1e293b !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  transition: all .12s ease !important;
}
[data-style=pro] .cmdk-item:hover {
  background: #f8fafc !important;
}
[data-style=pro] .cmdk-item.sel {
  background: #eff6ff !important;
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.1) !important;
}
[data-style=pro] .cmdk-name {
  color: #0f172a !important;
  font-weight: 600 !important;
}
[data-style=pro] .cmdk-desc {
  color: #94a3b8 !important;
}
[data-style=pro] .cmdk-empty {
  color: #94a3b8 !important;
}
[data-style=pro] .cmdk-badge {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: .65rem !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
}
[data-style=pro] .cmdk-foot {
  border-top: 1px solid #f1f5f9 !important;
  color: #94a3b8 !important;
  padding: 10px 16px !important;
}
[data-style=pro] .cmdk-foot kbd {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  border-radius: 5px !important;
  padding: 1px 6px !important;
  font-size: .7rem !important;
}
[data-style=pro] .cmdk-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #64748b !important;
  border-radius: var(--btn-radius, 4px) !important;
  transition: all .15s !important;
}
[data-style=pro] .cmdk-btn:hover {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #2563eb !important;
}

/* ═══════════════════════════════════════════════════════════════
   TOAST / NOTIFICATION — Clean rounded with colored accents
   ═══════════════════════════════════════════════════════════════ */
/* NOTE: target the toast ELEMENT only (.toast / .toast-item), never
   [class*="toast"] — that greedily matched every child (.toast-msg,
   .toast-label, .toast-x, .toast-bar) and painted each as its own card,
   producing nested boxes. */
[data-style=pro] .toast,
[data-style=pro] .notification,
[data-style=pro] .toast-item {
  background: #fff !important;
  color: #1e293b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.04) !important;
  font-size: .88rem !important;
  border-left: 4px solid var(--toast-c, #2563eb) !important;
  padding: 14px 18px !important;
}
[data-style=pro] .toast.success,
[data-style=pro] .toast-item.success {
  border-left-color: #16a34a !important;
}
[data-style=pro] .toast.error,
[data-style=pro] .toast-item.error {
  border-left-color: #dc2626 !important;
}
[data-style=pro] .toast.warning,
[data-style=pro] .toast-item.warning {
  border-left-color: #f59e0b !important;
}

/* ═══════════════════════════════════════════════════════════════
   GENERAL CHIPS — Everywhere
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .chip {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
}

/* ═══════════════════════════════════════════════════════════════
   RESOURCE CARDS (Learn & Resources)
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   PAGE HEADERS — Consistent clean typography
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .pg-h1 {
  color: #0f172a !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}
[data-style=pro] .pg-h2 {
  color: #1e293b !important;
  font-weight: 700 !important;
}
[data-style=pro] .pg-sub {
  color: #64748b !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
}

/* ═══════════════════════════════════════════════════════════════
   DOWNLOAD / SETUP CARDS
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .dl-cmd {
  background: #1e293b !important;
  color: #67e8f9 !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'JetBrains Mono', monospace !important;
}
[data-style=pro] .dl-copy {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  color: #64748b !important;
  transition: all .15s !important;
}
[data-style=pro] .dl-copy:hover {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}

/* ═══════════════════════════════════════════════════════════════
   AI CHAT — Premium overrides
   ═══════════════════════════════════════════════════════════════ */
[data-style=pro] .ai-wrap { max-width: 960px !important; }
[data-style=pro] .ai-header { margin-bottom: 16px !important; }
[data-style=pro] .ai-title { color: #0f172a !important; font-weight: 800 !important; }
[data-style=pro] .ai-sel {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  color: #1e293b !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  font-size: .84rem !important;
  transition: border-color .15s, box-shadow .15s !important;
}
[data-style=pro] .ai-sel:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
[data-style=pro] .ai-chat {
  background: #fafafa !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
}
[data-style=pro] .msg {
  border-radius: 12px !important;
  font-size: .9rem !important;
  line-height: 1.65 !important;
}
[data-style=pro] .msg.you {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e293b !important;
}
[data-style=pro] .msg.ai {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .msg.ai .code-block {
  background: #1e293b !important;
  border: none !important;
  border-radius: 10px !important;
}
[data-style=pro] .msg.ai .code-block code {
  color: #e2e8f0 !important;
}
[data-style=pro] .msg.ai .cb-copy {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #94a3b8 !important;
  border-radius: 6px !important;
}
[data-style=pro] .msg.ai .cb-copy:hover {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
[data-style=pro] .msg.ai code {
  background: #f1f5f9 !important;
  color: #be185d !important;
  padding: 2px 6px !important;
  border-radius: 5px !important;
}
[data-style=pro] .ai-input {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  color: #0f172a !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
}
[data-style=pro] .ai-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
[data-style=pro] .ai-status {
  color: #64748b !important;
}
[data-style=pro] .ai-empty {
  color: #94a3b8 !important;
}
[data-style=pro] .ai-presets {
  gap: 6px !important;
}
[data-style=pro] #aiByokHint {
  background: #fef2f2 !important;
  border-bottom: 1px solid #fecaca !important;
  border-radius: 8px 8px 0 0 !important;
  color: #dc2626 !important;
  font-size: .82rem !important;
  padding: 8px 16px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   ADVANCED PRO-THEME — cutting-edge CSS (2026)
   ═══════════════════════════════════════════════════════════════════ */

/* oklch-based accent palette for richer color mixing */
[data-style=pro] { --pro-acc: oklch(0.55 0.22 264); --pro-acc-soft: oklch(0.95 0.03 264); --pro-surface: oklch(0.985 0.003 264); }

/* Animated gradient angle for hero/dashboard hero */
[data-style=pro] .dash-hero {
  background: linear-gradient(var(--grad-angle), #eff6ff, #dbeafe, #e0e7ff, #ede9fe) !important;
  animation: gradRotate 25s linear infinite;
}
[data-style=pro] .hero {
  background: linear-gradient(var(--grad-angle), #fff, #f0f5ff, #eff0ff, #fff) !important;
  animation: gradRotate 30s linear infinite;
}
@keyframes gradRotate { to { --grad-angle: 495deg; } }

/* Scroll-driven section entrance (pro theme) */
@supports (animation-timeline: view()) {
  [data-style=pro] .section:not(.hero) {
    animation: proSectionIn linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 20%;
  }
}
@keyframes proSectionIn {
  from { opacity: 0; transform: translateY(30px); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

/* Spring-eased hover on all pro-theme interactive cards */
[data-style=pro] .bento-card,
[data-style=pro] .ts-card,
[data-style=pro] .price-card,
[data-style=pro] .qa,
[data-style=pro] .os-card {
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, border-color .25s ease, filter .3s ease !important;
}
[data-style=pro] .bento-card:hover,
[data-style=pro] .ts-card:hover,
[data-style=pro] .os-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px -8px rgba(37,99,235,.1), 0 0 0 1px rgba(37,99,235,.06) !important;
}
[data-style=pro] .qa:hover {
  transform: translateX(3px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
}

/* Active micro-feedback */
[data-style=pro] .bento-card:active,
[data-style=pro] .ts-card:active,
[data-style=pro] .qa:active,
[data-style=pro] .btn:active {
  transform: translateY(-2px) scale(0.99) !important;
  transition-duration: .08s !important;
}

/* Container query for pro-theme stat grid */
[data-style=pro] .stat-row { container-type: inline-size; }
@container (max-width: 600px) { [data-style=pro] .stat-row { grid-template-columns: repeat(2, 1fr) !important; } }
@container (max-width: 380px) { [data-style=pro] .stat-row { grid-template-columns: minmax(0, 1fr) !important; } }

/* Glass morphism on topbar — layered filters */
[data-style=pro] #topbar {
  background: color-mix(in srgb, #fff 92%, transparent) !important;
  backdrop-filter: blur(24px) saturate(200%) contrast(1.02) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) contrast(1.02) !important;
}

/* Pro-theme selection in oklch */
[data-style=pro] ::selection { background: color-mix(in oklch, #2563eb 25%, transparent) !important; }

/* Balanced text in pro theme */
[data-style=pro] .pg-h1, [data-style=pro] .pg-h2, [data-style=pro] .sec-title { text-wrap: balance !important; }
[data-style=pro] .pg-sub, [data-style=pro] .sec-sub { text-wrap: pretty !important; }

/* Subtle noise texture on pro surfaces (data URI, 1x1 repeating) */
[data-style=pro] .dash-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  border-radius: inherit;
  mix-blend-mode: multiply;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  [data-style=pro] .dash-hero,
  [data-style=pro] .hero,
  [data-style=pro] .section { animation: none !important; }
  [data-style=pro] .bento-card:hover,
  [data-style=pro] .ts-card:hover,
  [data-style=pro] .qa:hover { transform: none !important; filter: none !important; }
}


/* ═══════════════════════════════════════════════════════════════════════
   SECTION B — pro-theme.css ADDITIONS (light professional polish)
   ═══════════════════════════════════════════════════════════════════════ */

/* --- B1. Selection Styling --- */
[data-style=pro] ::selection {
  background: rgba(37, 99, 235, .18);
  color: #0f172a;
}

/* --- B2. Focus-Within for Form Groups --- */
[data-style=pro] .form-group:focus-within,
[data-style=pro] fieldset:focus-within {
  border-color: #2563eb !important;
  background: #fafbff !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .06) !important;
}

/* --- B3. Card Entrance Animation --- */
@keyframes proCardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
[data-style=pro] .app-main > div .card,
[data-style=pro] .app-main > div .panel,
[data-style=pro] .app-main > div [class$="-card"],
[data-style=pro] .app-main > div .stat {
  animation: proCardIn .4s cubic-bezier(.16, 1, .3, 1) both;
}
[data-style=pro] .app-main > div .card:nth-child(2),
[data-style=pro] .app-main > div .stat:nth-child(2) { animation-delay: 50ms; }
[data-style=pro] .app-main > div .card:nth-child(3),
[data-style=pro] .app-main > div .stat:nth-child(3) { animation-delay: 100ms; }
[data-style=pro] .app-main > div .card:nth-child(4),
[data-style=pro] .app-main > div .stat:nth-child(4) { animation-delay: 150ms; }
[data-style=pro] .app-main > div .card:nth-child(n+5),
[data-style=pro] .app-main > div .stat:nth-child(n+5) { animation-delay: 200ms; }

/* --- B4. Table Zebra Striping --- */
[data-style=pro] tbody tr:nth-child(even) td:not([style*="background"]) { /* keep cells that paint their own fill (heatmaps) */
  background: #fafbff !important;
}
[data-style=pro] tbody tr:hover td:not([style*="background"]) {
  background: #eff6ff !important;
}

/* --- B5. Modal / Overlay Backdrop --- */
[data-style=pro] .tk-modal,
[data-style=pro] .cmdk,
/* The walkthrough's dim/spotlight comes from .tour-hole's huge box-shadow, which
   leaves a clear hole over the highlighted element. Putting a background or a
   backdrop-filter ON the full-viewport overlay blurs the WHOLE page (the target
   included) and can't be cut through — that's why the tour showed only the popup
   with nothing highlighted. Keep the overlay transparent so the spotlight works. */
[data-style=pro] .tour-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Brighten the callout for the light theme so it reads on the dimmed page. */
[data-style=pro] .tour-callout {
  background: #fff !important;
  border: 1px solid var(--acc, #2563eb) !important;
  color: #0f172a !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, .35) !important;
}
[data-style=pro] .tk-modal-box,
[data-style=pro] .cmdk-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .03) !important;
}
[data-style=pro] .tk-modal-hd {
  background: #fff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #0f172a !important;
}

/* --- B6. Toast / Notification Upgrade --- */
[data-style=pro] .toast,
[data-style=pro] .notification-toast {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .03) !important;
  color: #0f172a !important;
  padding: 14px 18px !important;
  font-size: .85rem !important;
}
[data-style=pro] .toast.success { border-left: 4px solid #16a34a !important; }
[data-style=pro] .toast.error { border-left: 4px solid #dc2626 !important; }
[data-style=pro] .toast.warning { border-left: 4px solid #d97706 !important; }
[data-style=pro] .toast.info { border-left: 4px solid #2563eb !important; }

/* --- B7. Range Input Styling --- */
[data-style=pro] input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 0 !important;
}
[data-style=pro] input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2563eb;
  border: 3px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  cursor: pointer;
  transition: transform .15s ease;
}
[data-style=pro] input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 2px 8px rgba(37, 99, 235, .3);
}
[data-style=pro] input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2563eb;
  border: 3px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  cursor: pointer;
}
[data-style=pro] input[type="range"]::-moz-range-track {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  border: none;
}

/* --- B8. Custom Checkbox / Radio --- */
[data-style=pro] input[type="checkbox"]:not([role]),
[data-style=pro] input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  background: #fff;
  cursor: pointer;
  transition: all .15s ease;
  flex-shrink: 0;
  position: relative;
}
[data-style=pro] input[type="checkbox"]:not([role]) {
  border-radius: 5px;
}
[data-style=pro] input[type="radio"] {
  border-radius: 50%;
}
[data-style=pro] input[type="checkbox"]:not([role]):checked {
  background: #2563eb;
  border-color: #2563eb;
}
[data-style=pro] input[type="checkbox"]:not([role]):checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
[data-style=pro] input[type="radio"]:checked {
  border-color: #2563eb;
  background: #fff;
}
[data-style=pro] input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2563eb;
}
[data-style=pro] input[type="checkbox"]:not([role]):hover,
[data-style=pro] input[type="radio"]:hover {
  border-color: #2563eb;
}
[data-style=pro] input[type="checkbox"]:not([role]):focus-visible,
[data-style=pro] input[type="radio"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

/* --- B9. Loading Spinner --- */
@keyframes proSpin {
  to { transform: rotate(360deg); }
}
[data-style=pro] .spinner,
[data-style=pro] .loading-spinner {
  width: 20px;
  height: 20px;
  border: 2.5px solid #e2e8f0;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: proSpin .6s linear infinite;
}

/* --- B10. Empty State --- */
[data-style=pro] .empty-state::before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border: 1px solid #bfdbfe;
  position: relative;
}
[data-style=pro] .empty-state p {
  color: #94a3b8 !important;
  font-size: .85rem !important;
  line-height: 1.6 !important;
  max-width: 400px;
  margin: 0 auto;
}

/* --- B11. Print Styles --- */
@media print {
  [data-style=pro] .sidebar,
  [data-style=pro] #topbar,
  [data-style=pro] .ai-input-row,
  [data-style=pro] .cmdk,
  [data-style=pro] .tour-overlay,
  [data-style=pro] .hero-mesh,
  [data-style=pro] #bootscreen,
  [data-style=pro] .side-search-wrap,
  [data-style=pro] .hero-actions,
  [data-style=pro] .app-main::after { display: none !important; }

  [data-style=pro] body { background: #fff !important; color: #000 !important; }
  [data-style=pro] .app-main { padding: 0 !important; margin: 0 !important; }
  [data-style=pro] .card,
  [data-style=pro] .panel { box-shadow: none !important; border: 1px solid #ccc !important; break-inside: avoid; }
  [data-style=pro] a { color: #000 !important; text-decoration: underline !important; }
  [data-style=pro] a::after { content: " (" attr(href) ") "; font-size: .7em; color: #666; }
  [data-style=pro] .btn { box-shadow: none !important; border: 1px solid #999 !important; }
}

/* --- B12. Placeholder Consistency --- */
[data-style=pro] ::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}
[data-style=pro] :focus::placeholder {
  color: #cbd5e1 !important;
}

/* --- B13. Code Block Syntax Colors (light theme, dark bg retained) --- */
[data-style=pro] .code-block,
[data-style=pro] pre:not(.msg pre) {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
}
[data-style=pro] .code-block code {
  color: #e2e8f0 !important;
  background: none !important;
  border: none !important;
}
[data-style=pro] .code-block .cb-copy {
  background: #334155 !important;
  color: #94a3b8 !important;
  border: 1px solid #475569 !important;
}
[data-style=pro] .code-block .cb-copy:hover {
  background: #475569 !important;
  color: #fff !important;
}

/* --- B14. Improved Auth Page --- */
[data-style=pro] .auth-page {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%) !important;
}
[data-style=pro] .auth-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .03) !important;
  padding: 32px !important;
}
[data-style=pro] .auth-card h1 {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
}
[data-style=pro] .auth-subtitle {
  color: #64748b !important;
}
[data-style=pro] .auth-logo img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08) !important;
  border-radius: 14px !important;
}
[data-style=pro] body:not(.landing):not(.app)::before {
  background-image:
    linear-gradient(#e2e8f0 1px, transparent 1px),
    linear-gradient(90deg, #e2e8f0 1px, transparent 1px) !important;
  opacity: .25 !important;
}
[data-style=pro] .or span {
  background: #e2e8f0 !important;
}
[data-style=pro] .or {
  color: #94a3b8 !important;
}

/* --- B15. Hamburger Menu Mobile --- */
@media (max-width: 720px) {
  [data-style=pro] .sidebar {
    background: #fff !important;
    box-shadow: 8px 0 30px rgba(0, 0, 0, .1) !important;
    border-right: 1px solid #e2e8f0 !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   SECTION C — DARK PROFESSIONAL THEME [data-style=dark]
   Same Devin-style design language, adapted for dark backgrounds
   ═══════════════════════════════════════════════════════════════════════ */

[data-style=dark] {
  --acc: #3b82f6;
  --acc-2: #60a5fa;
  --acc-soft: rgba(59, 130, 246, .08);
  --acc-line: #1e3a5f;
  --radius: 10px;
  --card: #1e293b;
  --card2: #0f172a;
  --line: #334155;
  --bg: #0f172a;
  --txt: #e2e8f0;
  --txt-2: #94a3b8;
  --mut: #64748b;
  --placeholder: #475569;
  --ok: #22c55e;
  --bad: #ef4444;
  --warn: #f59e0b;
  --on-acc: #fff;
  --code-bg: #0c1221;
  --code-fg: #e2e8f0;
  --bg2: #1e293b;
  --line-2: #475569;
  --overlay-bg: rgba(0, 0, 0, .6);
  --surface: #1e293b;
  --border: #334155;
  --bg-alt: #1e293b;
  --txt-dim: #94a3b8;
  --grad-acc: linear-gradient(135deg, #3b82f6, #60a5fa);
  --sh-1: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);
  --sh-2: 0 4px 6px -1px rgba(0,0,0,.3), 0 10px 20px -5px rgba(0,0,0,.2);
  --sh-hover: 0 8px 25px -5px rgba(0,0,0,.4), 0 4px 10px rgba(0,0,0,.2);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

[data-style=dark] body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}

/* Kill CRT/scanline overlays */
[data-style=dark] #bootscreen::after,
[data-style=dark].crt #bootscreen::after,
html[data-style=dark].crt body::after,
html[data-style=dark] .boot-grid,
html[data-style=dark] .boot-sweep {
  display: none !important;
  content: none !important;
}

/* --- Dark Pro: Buttons --- */
[data-style=dark] .btn {
  border-radius: var(--btn-radius, 4px) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  background: #3b82f6 !important;
  color: #fff !important;
  border: 1px solid #3b82f6 !important;
  font-weight: 500;
  font-size: .8125rem;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  letter-spacing: 0;
  padding: 6px 14px;
  line-height: 1.4;
  transition: all .15s cubic-bezier(.4,0,.2,1);
}
[data-style=dark] .btn:hover {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 4px 12px -2px rgba(59, 130, 246, .35) !important;
  transform: translateY(-1px) !important;
}
[data-style=dark] .btn:active {
  background: #1d4ed8 !important;
  transform: translateY(0) scale(.98) !important;
  box-shadow: none !important;
}
[data-style=dark] .btn:disabled {
  background: #334155 !important;
  color: #64748b !important;
  border-color: #334155 !important;
}
[data-style=dark] .btn.ghost {
  background: transparent !important;
  color: #e2e8f0 !important;
  border: 1px solid #475569 !important;
}
[data-style=dark] .btn.ghost:hover {
  border-color: #3b82f6 !important;
  color: #60a5fa !important;
  background: rgba(59, 130, 246, .08) !important;
}
[data-style=dark] .btn.danger {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}
[data-style=dark] .btn.danger:hover {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}

/* --- Dark Pro: Cards --- */
[data-style=dark] .card,
[data-style=dark] .feat-card,
[data-style=dark] .cs-card,
[data-style=dark] .arse-card,
[data-style=dark] .panel {
  border-radius: 10px !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.2) !important;
  background: #1e293b !important;
  color: #e2e8f0 !important;
  transition: all .2s cubic-bezier(.4,0,.2,1) !important;
}
[data-style=dark] .card:hover,
[data-style=dark] .feat-card:hover {
  border-color: #1e3a5f !important;
  box-shadow: 0 8px 25px -5px rgba(59, 130, 246, .1) !important;
  transform: translateY(-2px) !important;
}

/* --- Dark Pro: Sidebar --- */
[data-style=dark] .sidebar {
  background: #0f172a !important;
  border-right: 1px solid #1e293b !important;
}
[data-style=dark] .side-brand {
  color: #60a5fa !important;
  text-shadow: none !important;
}
[data-style=dark] .side-item {
  border-radius: var(--btn-radius, 4px) !important;
  color: #94a3b8 !important;
  font-weight: 400;
  font-size: .8125rem;
  padding: 7px 12px !important;
  border-left: 3px solid transparent !important;
}
[data-style=dark] .side-item:hover {
  color: #e2e8f0 !important;
  background: #1e293b !important;
  border-left-color: #475569 !important;
}
[data-style=dark] .side-item.active {
  color: #60a5fa !important;
  background: rgba(59, 130, 246, .08) !important;
  border-left-color: #3b82f6 !important;
  font-weight: 600;
}
[data-style=dark] .side-group {
  color: #64748b !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .68rem !important;
  font-weight: 600;
}

/* --- Dark Pro: Topbar --- */
[data-style=dark] #topbar {
  background: rgba(15, 23, 42, .92) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.5) !important;
  backdrop-filter: blur(16px) saturate(1.5) !important;
  border-bottom: 1px solid #1e293b !important;
}
[data-style=dark] .brand-wordmark {
  filter: none !important;
}

/* --- Dark Pro: Inputs --- */
[data-style=dark] input[type=text],
[data-style=dark] input[type=email],
[data-style=dark] input[type=password],
[data-style=dark] input[type=search],
[data-style=dark] input[type=url],
[data-style=dark] input[type=number],
[data-style=dark] textarea,
[data-style=dark] select {
  border-radius: 6px !important;
  border: 1px solid #334155 !important;
  background: #0f172a !important;
  box-shadow: none !important;
  color: #e2e8f0 !important;
  font-size: .8125rem;
  padding: 8px 12px !important;
}
[data-style=dark] input:focus,
[data-style=dark] textarea:focus,
[data-style=dark] select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15) !important;
  outline: none;
}
[data-style=dark] ::placeholder {
  color: #475569 !important;
}

/* --- Dark Pro: Dashboard --- */
[data-style=dark] .dash-hero {
  background: linear-gradient(135deg, #1e293b 0%, rgba(59, 130, 246, .06) 50%, #1e293b 100%) !important;
  border: 1px solid #334155 !important;
  border-radius: 16px !important;
}
[data-style=dark] .pg-h1 {
  color: #e2e8f0 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  filter: none !important;
}
[data-style=dark] .pg-sub {
  color: #94a3b8 !important;
}
[data-style=dark] .stat {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
  border-top: 3px solid #3b82f6 !important;
}
[data-style=dark] .stat:hover {
  box-shadow: 0 8px 25px -5px rgba(59, 130, 246, .12) !important;
  transform: translateY(-2px) !important;
}
[data-style=dark] .stat-n { color: #60a5fa !important; font-weight: 700 !important; }
[data-style=dark] .stat-l { color: #94a3b8 !important; }
[data-style=dark] .eyebrow { color: #3b82f6 !important; }

/* --- Dark Pro: QA Cards --- */
[data-style=dark] .qa {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-left: 4px solid #3b82f6 !important;
  border-radius: 10px !important;
}
[data-style=dark] .qa:hover {
  background: #253449 !important;
  transform: translateX(4px) !important;
}
[data-style=dark] .qa:nth-child(4n+2) { border-left-color: #8b5cf6 !important; }
[data-style=dark] .qa:nth-child(4n+3) { border-left-color: #22c55e !important; }
[data-style=dark] .qa:nth-child(4n+4) { border-left-color: #f59e0b !important; }

/* --- Dark Pro: Tables --- */
[data-style=dark] table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
[data-style=dark] th {
  background: #162033 !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #334155 !important;
}
[data-style=dark] td {
  color: #cbd5e1 !important;
  border-bottom: 1px solid #1e293b !important;
}
[data-style=dark] tbody tr:hover td {
  background: #162033 !important;
}

/* --- Dark Pro: Scrollbar --- */
[data-style=dark] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-style=dark] ::-webkit-scrollbar-track { background: #0f172a; }
[data-style=dark] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
[data-style=dark] ::-webkit-scrollbar-thumb:hover { background: #475569; }

/* --- Dark Pro: Selection --- */
[data-style=dark] ::selection {
  background: rgba(59, 130, 246, .25);
  color: #e2e8f0;
}

/* --- Dark Pro: Modal --- */
[data-style=dark] .tk-modal,
[data-style=dark] .cmdk {
  background: rgba(0, 0, 0, .55) !important;
  backdrop-filter: blur(6px) !important;
}
[data-style=dark] .tk-modal-box,
[data-style=dark] .cmdk-box {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, .5) !important;
}
[data-style=dark] .cmdk-input {
  background: transparent !important;
  color: #e2e8f0 !important;
  border-bottom: 1px solid #334155 !important;
}
[data-style=dark] .cmdk-item.sel {
  background: rgba(59, 130, 246, .1) !important;
}

/* --- Dark Pro: Auth Page --- */
[data-style=dark] .auth-page {
  background: #0f172a !important;
}
[data-style=dark] .auth-card {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, .4) !important;
}
[data-style=dark] .auth-card h1 { color: #e2e8f0 !important; }
[data-style=dark] .auth-subtitle { color: #94a3b8 !important; }
[data-style=dark] body:not(.landing):not(.app)::before {
  background-image:
    linear-gradient(#1e293b 1px, transparent 1px),
    linear-gradient(90deg, #1e293b 1px, transparent 1px) !important;
  opacity: .15 !important;
}

/* --- Dark Pro: Code blocks --- */
[data-style=dark] code,
[data-style=dark] pre {
  background: #0c1221 !important;
  color: #e2e8f0 !important;
  border: 1px solid #1e293b !important;
  border-radius: 6px !important;
}

/* --- Dark Pro: Menu / Dropdown --- */
[data-style=dark] .menu {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .5) !important;
}
[data-style=dark] .menu-item:hover {
  background: #0f172a !important;
}
[data-style=dark] .menu-hd {
  color: #64748b !important;
  border-bottom-color: #334155 !important;
}
[data-style=dark] .menu-div {
  background: #334155 !important;
}

/* --- Dark Pro: Segmented Controls --- */
[data-style=dark] .seg {
  border: 1px solid #334155 !important;
  background: #0f172a !important;
}
[data-style=dark] .seg button {
  color: #94a3b8 !important;
}
[data-style=dark] .seg button.on {
  background: #3b82f6 !important;
  color: #fff !important;
}

/* --- Dark Pro: Badges --- */
[data-style=dark] .badge.badge-info { background: rgba(59, 130, 246, .15) !important; color: #60a5fa !important; }
[data-style=dark] .badge.badge-ok { background: rgba(34, 197, 94, .15) !important; color: #22c55e !important; }
[data-style=dark] .badge.badge-warn { background: rgba(245, 158, 11, .15) !important; color: #f59e0b !important; }
[data-style=dark] .badge.badge-bad { background: rgba(239, 68, 68, .15) !important; color: #ef4444 !important; }

/* --- Dark Pro: Panel headers --- */
[data-style=dark] .panel-h {
  background: #162033 !important;
  border-bottom: 1px solid #334155 !important;
}

/* --- Dark Pro: Chip/Sev badges --- */
[data-style=dark] .chip {
  color: #60a5fa !important;
  background: rgba(59, 130, 246, .1) !important;
  border-color: #1e3a5f !important;
}
[data-style=dark] .sev.critical { background: rgba(239, 68, 68, .18) !important; color: #ef4444 !important; }
[data-style=dark] .sev.high { background: rgba(245, 158, 11, .18) !important; color: #f59e0b !important; }
[data-style=dark] .sev.medium { background: rgba(59, 130, 246, .18) !important; color: #60a5fa !important; }
[data-style=dark] .sev.low { background: rgba(34, 197, 94, .18) !important; color: #22c55e !important; }

/* --- Dark Pro: Footer --- */
[data-style=dark] footer,
[data-style=dark] .app-footer {
  background: #0f172a !important;
  border-top: 1px solid #1e293b !important;
  color: #64748b !important;
}
[data-style=dark] footer a { color: #94a3b8 !important; }
[data-style=dark] footer a:hover { color: #60a5fa !important; }

/* --- Dark Pro: Changelog --- */
[data-style=dark] .dash-changelog {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
}
[data-style=dark] .cl-tag.new { background: rgba(59, 130, 246, .15) !important; color: #60a5fa !important; }
[data-style=dark] .cl-tag.imp { background: rgba(34, 197, 94, .15) !important; color: #22c55e !important; }
[data-style=dark] .cl-tag.fix { background: rgba(100, 116, 139, .15) !important; color: #94a3b8 !important; }

/* --- Dark Pro: Settings --- */
[data-style=dark] .set-card {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
}
[data-style=dark] .set-tab {
  color: #94a3b8 !important;
}
[data-style=dark] .set-tab:hover {
  background: #162033 !important;
  color: #e2e8f0 !important;
}
[data-style=dark] .set-tab.active {
  background: rgba(59, 130, 246, .1) !important;
  color: #60a5fa !important;
  border-left: 3px solid #3b82f6 !important;
}

/* --- Dark Pro: AI Chat --- */
[data-style=dark] .ai-chat {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
}
[data-style=dark] .msg.you {
  background: #3b82f6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 18px 18px 4px 18px !important;
}
[data-style=dark] .msg.ai {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border: none !important;
  border-left: 3px solid #3b82f6 !important;
  border-radius: 18px 18px 18px 4px !important;
}
[data-style=dark] .ai-input {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #e2e8f0 !important;
}
[data-style=dark] .ai-input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15) !important;
}

/* --- Dark Pro: Landing Page --- */
[data-style=dark] .hero {
  background:
    radial-gradient(1000px 520px at 78% -10%, rgba(59, 130, 246, .12), transparent 60%),
    radial-gradient(760px 480px at 0% 8%, rgba(96, 165, 250, .08), transparent 55%) !important;
}
[data-style=dark] .section.alt {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-style=dark] .cta-band {
  background: linear-gradient(120deg, rgba(59, 130, 246, .1), #0f172a) !important;
  border-top: 1px solid #334155 !important;
}

/* --- Dark Pro: Hamburger drawer --- */
@media (max-width: 720px) {
  [data-style=dark] .sidebar {
    background: #0f172a !important;
    box-shadow: 8px 0 30px rgba(0, 0, 0, .4) !important;
  }
}

/* --- Dark Pro: All tool-specific generic overrides --- */
[data-style=dark] [class$="-wrap"] {
  color: #e2e8f0 !important;
}
[data-style=dark] [class$="-card"],
[data-style=dark] [class$="-panel"] {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
}
[data-style=dark] [class$="-btn"]:not(.ghost):not([class*="sec"]):not([class*="ghost"]):not([class*="danger"]) {
  background: #3b82f6 !important;
  color: #fff !important;
  border-radius: 6px !important;
}
[data-style=dark] [class$="-input"],
[data-style=dark] [class$="-select"],
[data-style=dark] [class$="-textarea"] {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #e2e8f0 !important;
}
[data-style=dark] [class$="-tab"] {
  color: #94a3b8 !important;
}
[data-style=dark] [class$="-tab"]:hover {
  color: #e2e8f0 !important;
}
[data-style=dark] [class$="-tab"].active,
[data-style=dark] [class$="-tab"].on {
  color: #60a5fa !important;
  border-bottom-color: #3b82f6 !important;
}
[data-style=dark] [class$="-badge"] {
  background: rgba(59, 130, 246, .1) !important;
  color: #60a5fa !important;
}
[data-style=dark] [class$="-result"],
[data-style=dark] [class$="-output"] {
  background: #162033 !important;
  border: 1px solid #334155 !important;
  color: #e2e8f0 !important;
}
[data-style=dark] [class$="-header"],
[data-style=dark] [class$="-hdr"] {
  border-bottom-color: #334155 !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   SECTION D — RESPONSIVE IMPROVEMENTS
   ═══════════════════════════════════════════════════════════════════════ */

/* --- D1. Better Mobile Sidebar --- */
@media (max-width: 720px) {
  body.app .sidebar {
    position: fixed !important;
    z-index: 60 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 260px !important;
    transform: translateX(-100%);
    transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  }
  body.app .sidebar.open {
    transform: translateX(0);
  }
  body.app .app-main {
    padding: 16px 12px 24px !important;
  }
  body.app .pg-h1 {
    font-size: 1.15rem !important;
  }
}

/* --- D2. Form Layout Mobile --- */
@media (max-width: 560px) {
  .tk-row{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .tk-row .btn{
    width: 100% !important;
    justify-content: center;
  }
  .hero-cta {
    flex-direction: column !important;
  }
  .hero-cta .btn {
    width: 100%;
    justify-content: center;
  }
  .auth-card {
    margin: 4vh 12px !important;
  }
}

/* --- D3. Better Small Screen Stats --- */
@media (max-width: 360px) {
  .stat-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .stat {
    padding: 12px !important;
  }
  .stat-n {
    font-size: 1.2rem !important;
  }
}

/* --- D4. Tool Wrapper Mobile --- */
@media (max-width: 720px) {
  [class$="-tabs"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  [class$="-tabs"]::-webkit-scrollbar {
    display: none;
  }
  [class$="-grid"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* =====================================================================
   PHASE 2C — MISSING TOOL MODULE OVERRIDES
   Pro-theme overrides for 9 tools with <style> blocks but zero coverage.
   ===================================================================== */

/* --- Email Header Analyzer (.eh-*) --- */
[data-style=pro] .eh-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .eh-title { color: #0f172a !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #0f172a !important; }
[data-style=pro] .eh-sub { color: #64748b !important; }
[data-style=pro] .eh-tabs { border-bottom: 1px solid #e2e8f0 !important; background: transparent !important; }
[data-style=pro] .eh-tab { color: #64748b !important; background: transparent !important; border: none !important; }
[data-style=pro] .eh-tab:hover { color: #0f172a !important; background: #f8fafc !important; }
[data-style=pro] .eh-tab.active, [data-style=pro] .eh-tab.on { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .eh-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .eh-btn:hover { background: #1d4ed8 !important; box-shadow: 0 4px 12px -2px rgba(37,99,235,.3) !important; }
[data-style=pro] .eh-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .eh-textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .eh-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; }
[data-style=pro] .eh-panel-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .eh-grid { background: transparent !important; }
[data-style=pro] .eh-field { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .eh-field-name { color: #64748b !important; font-weight: 600 !important; }
[data-style=pro] .eh-field-val { color: #0f172a !important; }
[data-style=pro] .eh-row { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .eh-hop { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .eh-hop:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .eh-hop-num { background: #eff6ff !important; color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .eh-hop-server { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .eh-hop-info { color: #475569 !important; }
[data-style=pro] .eh-hop-detail { color: #64748b !important; }
[data-style=pro] .eh-hop-arrow { color: #cbd5e1 !important; }
[data-style=pro] .eh-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .eh-alert { background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 8px !important; color: #dc2626 !important; }
[data-style=pro] .eh-alert-icon { color: #dc2626 !important; }
[data-style=pro] .eh-risk { font-weight: 700 !important; }
[data-style=pro] .eh-table { border-collapse: collapse !important; }
[data-style=pro] .eh-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .eh-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .eh-table tr:hover td { background: #f8fafc !important; }

/* --- IOC Extractor (.ioc-*) --- */
[data-style=pro] .ioc-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ioc-title { color: #0f172a !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #0f172a !important; }
[data-style=pro] .ioc-sub { color: #64748b !important; }
[data-style=pro] .ioc-tabs { border-bottom: 1px solid #e2e8f0 !important; background: transparent !important; }
[data-style=pro] .ioc-tab { color: #64748b !important; background: transparent !important; border: none !important; }
[data-style=pro] .ioc-tab:hover { color: #0f172a !important; background: #f8fafc !important; }
[data-style=pro] .ioc-tab.active, [data-style=pro] .ioc-tab.on { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
[data-style=pro] .ioc-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .ioc-btn:hover { background: #1d4ed8 !important; box-shadow: 0 4px 12px -2px rgba(37,99,235,.3) !important; }
[data-style=pro] .ioc-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .ioc-textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .ioc-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; }
[data-style=pro] .ioc-panel-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .ioc-group { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ioc-group:hover { border-color: #bfdbfe !important; }
[data-style=pro] .ioc-group-head { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .ioc-group-icon { color: #2563eb !important; }
[data-style=pro] .ioc-group-label { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .ioc-group-count { background: #eff6ff !important; color: #2563eb !important; font-weight: 700 !important; border-radius: 12px !important; }
[data-style=pro] .ioc-item { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .ioc-item:hover { background: #f8fafc !important; }
[data-style=pro] .ioc-item-val { color: #0f172a !important; font-family: ui-monospace, monospace !important; }
[data-style=pro] .ioc-row { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .ioc-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; border-top: 3px solid #2563eb !important; }
[data-style=pro] .ioc-stat:hover { box-shadow: 0 4px 12px rgba(37,99,235,.08) !important; }
[data-style=pro] .ioc-stat-num { color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .ioc-stat-label { color: #64748b !important; }
[data-style=pro] .ioc-copy { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .ioc-copy:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .ioc-empty { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #94a3b8 !important; border-radius: 10px !important; }
[data-style=pro] .ioc-export-area { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 8px !important; }
[data-style=pro] .ioc-switch { color: #64748b !important; }
[data-style=pro] .ioc-toggle { background: #e2e8f0 !important; border-radius: 12px !important; }
[data-style=pro] .ioc-toggle.on { background: #2563eb !important; }

/* --- Log Forensics (.lf-*) --- */

/* --- Packet Inspector (.pi-*) --- */
/* hex viewer stays dark for readability */

/* --- Password Analyzer (.pa-*) --- */

/* --- Recon Planner (.rp-*) --- */
[data-style=pro] .rp-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .rp-title { color: #0f172a !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #0f172a !important; }
[data-style=pro] .rp-sub { color: #64748b !important; }
[data-style=pro] .rp-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .rp-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .rp-btn:hover { background: #1d4ed8 !important; box-shadow: 0 4px 12px -2px rgba(37,99,235,.3) !important; }
[data-style=pro] .rp-btn-ghost { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
[data-style=pro] .rp-btn-ghost:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .rp-btn-danger { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; border-radius: 6px !important; }
[data-style=pro] .rp-btn-danger:hover { background: #b91c1c !important; }
[data-style=pro] .rp-btn-sm { font-size: .75rem !important; padding: 4px 10px !important; }
[data-style=pro] .rp-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; }
[data-style=pro] .rp-panel-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .rp-phase { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rp-phase:hover { border-color: #bfdbfe !important; }
[data-style=pro] .rp-phases { background: transparent !important; }
[data-style=pro] .rp-phase-dot { background: #e2e8f0 !important; }
[data-style=pro] .rp-phase-dot.active { background: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important; }
[data-style=pro] .rp-phase-dot.done { background: #16a34a !important; }
[data-style=pro] .rp-checklist { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .rp-check { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .rp-check:hover { background: #f8fafc !important; }
[data-style=pro] .rp-task { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .rp-task:hover { border-color: #bfdbfe !important; }
[data-style=pro] .rp-task-list { background: transparent !important; }
[data-style=pro] .rp-task-body { color: #334155 !important; }
[data-style=pro] .rp-task-tool { background: #eff6ff !important; color: #2563eb !important; border-radius: 4px !important; font-weight: 600 !important; }
[data-style=pro] .rp-task-cmd { background: #1e293b !important; border-radius: 6px !important; font-family: ui-monospace, monospace !important; }
[data-style=pro] .rp-task-notes { color: #64748b !important; }
[data-style=pro] .rp-task-status { border-radius: 4px !important; font-weight: 600 !important; }
[data-style=pro] .rp-task-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .rp-task-input:focus { border-color: #2563eb !important; }
[data-style=pro] .rp-stat-row { background: transparent !important; }
[data-style=pro] .rp-stat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; border-top: 3px solid #2563eb !important; }
[data-style=pro] .rp-stat:hover { box-shadow: 0 4px 12px rgba(37,99,235,.08) !important; }
[data-style=pro] .rp-stat-val { color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .rp-stat-label { color: #64748b !important; }
[data-style=pro] .rp-finding { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rp-finding:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .rp-finding-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .rp-finding-desc { color: #64748b !important; }
[data-style=pro] .rp-sev.critical { background: #fef2f2 !important; color: #dc2626 !important; }
[data-style=pro] .rp-sev.high { background: #fff7ed !important; color: #ea580c !important; }
[data-style=pro] .rp-sev.medium { background: #fefce8 !important; color: #ca8a04 !important; }
[data-style=pro] .rp-sev.low { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] .rp-templates { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .rp-tmpl-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .rp-tmpl-btn:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .rp-add-row { background: transparent !important; }
[data-style=pro] .rp-add-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .rp-add-input:focus { border-color: #2563eb !important; }
[data-style=pro] .rp-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .rp-textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .rp-empty { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #94a3b8 !important; border-radius: 10px !important; }

/* --- SIEM Dashboard (.sd-*) --- */
[data-style=pro] .sd-tabs { border-bottom: 1px solid #e2e8f0 !important; background: transparent !important; }
[data-style=pro] .sd-alert-notes { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .sd-src-dot { border-radius: 50% !important; }
[data-style=pro] .sd-status-sel { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .sd-toggle { cursor: pointer !important; }
[data-style=pro] .sd-toggle-track { background: #e2e8f0 !important; border-radius: 12px !important; }
[data-style=pro] .sd-toggle-track.on { background: #2563eb !important; }
[data-style=pro] .sd-toggle-thumb { background: #fff !important; border-radius: 50% !important; box-shadow: 0 1px 3px rgba(0,0,0,.1) !important; }
[data-style=pro] .sd-live-dot { background: #16a34a !important; box-shadow: 0 0 6px #16a34a !important; }

/* --- Subdomain Scanner (.ss-*) --- */
[data-style=pro] .ss-port { font-family: ui-monospace, monospace !important; color: #2563eb !important; }
[data-style=pro] .ss-ssl { border-radius: 4px !important; font-weight: 600 !important; }

/* --- Pentest Console (.pt-*) — terminal/output stays dark intentionally --- */
[data-style=pro] .pt-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pt-auth-bar { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-target { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .pt-target:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .pt-conn { color: #64748b !important; }
[data-style=pro] .pt-conn-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pt-conn-btn:hover { background: #1d4ed8 !important; box-shadow: 0 4px 12px -2px rgba(37,99,235,.3) !important; }
[data-style=pro] .pt-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .pt-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .pt-cards { background: transparent !important; }
[data-style=pro] .pt-card-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-card-desc { color: #64748b !important; }
[data-style=pro] .pt-card-time { color: #94a3b8 !important; }
/* terminal output stays dark */
[data-style=pro] .pt-output { background: #1e293b !important; border-radius: 8px !important; border: 1px solid #334155 !important; }
[data-style=pro] .pt-output-wrap { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .pt-output-header { background: #0f172a !important; border-bottom: 1px solid #334155 !important; border-radius: 8px 8px 0 0 !important; color: #94a3b8 !important; }
[data-style=pro] .pt-output-cmd { color: #22c55e !important; font-family: ui-monospace, monospace !important; }
[data-style=pro] .pt-output-timer { color: #64748b !important; }
[data-style=pro] .pt-port { font-family: ui-monospace, monospace !important; color: #2563eb !important; background: #eff6ff !important; border-radius: 4px !important; }
[data-style=pro] .pt-hint { background: #eff6ff !important; border: 1px solid #bfdbfe !important; border-radius: 8px !important; color: #1d4ed8 !important; }
[data-style=pro] .pt-guide { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-guide-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-guide-dl { color: #334155 !important; }
[data-style=pro] .pt-history { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-history-title { color: #0f172a !important; font-weight: 600 !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pt-history-list { background: transparent !important; }
[data-style=pro] .pt-hist-item { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .pt-hist-item:hover { background: #f8fafc !important; }
[data-style=pro] .pt-hist-head { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-hist-body { color: #475569 !important; }
[data-style=pro] .pt-alert { background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 8px !important; color: #dc2626 !important; }
[data-style=pro] .pt-err { color: #dc2626 !important; }


/* =====================================================================
   PROMETHEUS WEB (.pm-*) — Extended Pro-Theme Overrides
   Covers PM_CSS_EXT classes not handled by inline overrides.
   Sections: cards/panels, intelligence, cascade, engagement, wargame,
   supply chain, BDA, reports, deception, forms, misc UI.
   ===================================================================== */

/* --- Flow & Compliance Cards --- */
[data-style=pro] .pm-flow-line { border-bottom-color: #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .pm-flow-anomaly { background: #fef2f2 !important; border-left-color: #dc2626 !important; }
[data-style=pro] .pm-compliance-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-compliance-bar { color: #334155 !important; }

/* --- Nation / Tier Cards --- */
[data-style=pro] .pm-nation-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-nation-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-tier-1 { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .pm-tier-2 { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; }
[data-style=pro] .pm-tier-3 { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }

/* --- Inject Cards --- */
[data-style=pro] .pm-inject-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-inject-card:hover { border-color: #2563eb !important; }

/* --- MITRE Cells --- */
[data-style=pro] .pm-mitre-cell { border-color: #e2e8f0 !important; color: #334155 !important; }
[data-style=pro] .pm-mitre-used { background: #fff7ed !important; color: #ea580c !important; border-color: #fed7aa !important; }
[data-style=pro] .pm-mitre-unused { background: #f8fafc !important; color: #94a3b8 !important; }

/* --- Risk Gauge --- */
[data-style=pro] .pm-risk-gauge { background: #e2e8f0 !important; }
[data-style=pro] .pm-risk-badge { border-radius: 4px !important; }

/* --- Sector Cards --- */
[data-style=pro] .pm-sector-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-sector-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-sector-name { color: #0f172a !important; }
[data-style=pro] .pm-sector-count { color: #2563eb !important; }
[data-style=pro] .pm-sector-stats { color: #64748b !important; }
[data-style=pro] .pm-sector-affected { color: #ea580c !important; }
[data-style=pro] .pm-sector-sep { color: #cbd5e1 !important; }
[data-style=pro] .pm-sector-total { color: #94a3b8 !important; }
[data-style=pro] .pm-sector-pct { color: #64748b !important; }
[data-style=pro] .pm-sector-bar-bg { background: #e2e8f0 !important; }
[data-style=pro] .pm-sector-bar { background: #2563eb !important; }
[data-style=pro] .pm-sector-health-bar { background: #e2e8f0 !important; }
[data-style=pro] .pm-sector-health-text { color: #64748b !important; }

/* --- Domain Grid --- */
[data-style=pro] .pm-domain-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-domain-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-domain-name { color: #0f172a !important; }
[data-style=pro] .pm-domain-text { color: #64748b !important; }
[data-style=pro] .pm-domain-row { border-bottom-color: #f1f5f9 !important; }
[data-style=pro] .pm-domain-row:hover { background: #f8fafc !important; border-left-color: #2563eb !important; }
[data-style=pro] .pm-domain-status { color: #334155 !important; }

/* --- Mission Rows --- */
[data-style=pro] .pm-mission-row { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-mission-row:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-mission-name { color: #0f172a !important; }
[data-style=pro] .pm-mission-type { color: #64748b !important; }
[data-style=pro] .pm-mission-pct { color: #64748b !important; }
[data-style=pro] .pm-mission-progress { background: #e2e8f0 !important; }
[data-style=pro] .pm-mission-progress-fill { background: #2563eb !important; box-shadow: none !important; }

/* --- Node Elements --- */
[data-style=pro] .pm-node { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #334155 !important; border-radius: 6px !important; }
[data-style=pro] .pm-node-crit { border-color: #dc2626 !important; }
[data-style=pro] .pm-node-warn { border-color: #ca8a04 !important; }
[data-style=pro] .pm-node-ok { border-color: #16a34a !important; }

/* --- KPI --- */
[data-style=pro] .pm-kpi { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-kpi-value { color: #2563eb !important; }
[data-style=pro] .pm-kpi-label { color: #64748b !important; }
[data-style=pro] .pm-kpi-trend { color: #334155 !important; }

/* --- Charts / Canvas --- */
[data-style=pro] .pm-chart { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-dep-graph { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-dep-node { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #334155 !important; border-radius: 6px !important; }
[data-style=pro] .pm-dep-node:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .pm-dep-node.selected { background: #eff6ff !important; border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .pm-dep-node.failed { background: #fef2f2 !important; border-color: #dc2626 !important; color: #dc2626 !important; }
[data-style=pro] .pm-dep-node.degraded { background: #fefce8 !important; border-color: #ca8a04 !important; color: #ca8a04 !important; }

/* --- Sparklines --- */
[data-style=pro] .pm-spark-label { color: #64748b !important; }

/* --- Clock --- */
[data-style=pro] .pm-clock { color: #64748b !important; }
[data-style=pro] .pm-clock-time { color: #0f172a !important; text-shadow: none !important; }
[data-style=pro] .pm-clock-label { color: #94a3b8 !important; }
[data-style=pro] .pm-clock-item { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; color: #334155 !important; }

/* --- DEFCON Buttons --- */
[data-style=pro] .pm-defcon-1 { color: #0f172a !important; text-shadow: none !important; }
[data-style=pro] .pm-defcon-2 { color: #dc2626 !important; text-shadow: none !important; }
[data-style=pro] .pm-defcon-3 { color: #ca8a04 !important; text-shadow: none !important; }
[data-style=pro] .pm-defcon-4 { color: #16a34a !important; text-shadow: none !important; }
[data-style=pro] .pm-defcon-5 { color: #2563eb !important; text-shadow: none !important; }
[data-style=pro] .pm-defcon-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #64748b !important; box-shadow: 0 1px 3px rgba(0,0,0,.04) !important; }
[data-style=pro] .pm-defcon-btn:hover { border-color: #2563eb !important; color: #2563eb !important; box-shadow: 0 4px 12px rgba(37,99,235,.08) !important; transform: translateY(-1px) !important; }
[data-style=pro] .pm-defcon-btn-active { background: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; box-shadow: 0 4px 12px rgba(220,38,38,.2) !important; text-shadow: none !important; }

/* --- Gauge --- */
[data-style=pro] .pm-gauge-text { color: #64748b !important; }

/* --- Separator --- */
[data-style=pro] .pm-separator { border-top-color: #e2e8f0 !important; }

/* --- ROE Elements --- */
[data-style=pro] .pm-roe-item { border-bottom-color: #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .pm-roe-pass { color: #16a34a !important; }
[data-style=pro] .pm-roe-fail { color: #dc2626 !important; }
[data-style=pro] .pm-roe-rule { color: #0f172a !important; }
[data-style=pro] .pm-roe-desc { color: #64748b !important; }
[data-style=pro] .pm-roe-icon { color: #64748b !important; }

/* --- Score Bar --- */
[data-style=pro] .pm-score-red { background: #dc2626 !important; }
[data-style=pro] .pm-score-blue { background: #2563eb !important; }
[data-style=pro] .pm-score-panel { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-score-team-name { color: #0f172a !important; }
[data-style=pro] .pm-score-total { color: #2563eb !important; }
[data-style=pro] .pm-score-breakdown { color: #64748b !important; }
[data-style=pro] .pm-score-item-row { color: #334155 !important; }
[data-style=pro] .pm-score-item { color: #64748b !important; }

/* --- Evidence --- */
[data-style=pro] .pm-evidence-item { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }

/* --- Tag --- */
[data-style=pro] .pm-tag { background: #f1f5f9 !important; border-color: #e2e8f0 !important; color: #475569 !important; border-radius: 4px !important; }

/* --- Ladder --- */
[data-style=pro] .pm-ladder-step { border-color: #e2e8f0 !important; color: #334155 !important; }
[data-style=pro] .pm-ladder-step.active { background: #eff6ff !important; border-color: #2563eb !important; }
[data-style=pro] .pm-ladder-step .pm-ladder-num { color: #2563eb !important; }

/* --- Stat Cards & Metric Cards (EXT) --- */
[data-style=pro] .pm-stat-box { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-stat-value { color: #0f172a !important; }
[data-style=pro] .pm-stat-label { color: #64748b !important; }
[data-style=pro] .pm-stat-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-stat-val { color: #2563eb !important; }
[data-style=pro] .pm-metric-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-metric-value { color: #0f172a !important; text-shadow: none !important; }
[data-style=pro] .pm-metric-label { color: #64748b !important; }
[data-style=pro] .pm-metric-unit { color: #94a3b8 !important; }
[data-style=pro] .pm-metric-sm { color: #0f172a !important; }
[data-style=pro] .pm-metric { color: #0f172a !important; }

/* --- SIGINT Panels --- */
[data-style=pro] .pm-intel-class-banner { border-radius: 8px 8px 0 0 !important; }
[data-style=pro] .pm-intel-header { background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pm-intel-type-badge { border-radius: 4px !important; }
[data-style=pro] .pm-intel-id { color: #94a3b8 !important; }
[data-style=pro] .pm-intel-timestamp { color: #94a3b8 !important; }
[data-style=pro] .pm-intel-source { color: #64748b !important; }
[data-style=pro] .pm-intel-summary { color: #334155 !important; }
[data-style=pro] .pm-intel-product { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }

/* --- Filter Bar --- */
[data-style=pro] .pm-filter-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .pm-filter-btn:hover { background: #f8fafc !important; border-color: #cbd5e1 !important; }
[data-style=pro] .pm-filter-btn.active { background: #eff6ff !important; border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .pm-filter-label { color: #64748b !important; }

/* --- Section Headers --- */
[data-style=pro] .pm-section-sub { color: #2563eb !important; }
[data-style=pro] .pm-section-title { color: #0f172a !important; border-bottom-color: #e2e8f0 !important; text-shadow: none !important; }

/* --- Classification Badges (extended) --- */
[data-style=pro] .pm-badge-ts { background: #faf5ff !important; color: #7c3aed !important; border-color: #ddd6fe !important; }
[data-style=pro] .pm-badge-secret { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .pm-badge-conf { background: #eff6ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }
[data-style=pro] .pm-badge-unclass { background: #dcfce7 !important; color: #16a34a !important; border-color: #bbf7d0 !important; }

/* --- CVSS Severity --- */
[data-style=pro] .pm-vuln-cvss-critical { color: #dc2626 !important; }
[data-style=pro] .pm-vuln-cvss-high { color: #ea580c !important; }
[data-style=pro] .pm-vuln-cvss-medium { color: #ca8a04 !important; }
[data-style=pro] .pm-vuln-cvss-low { color: #2563eb !important; }

/* --- Predict Cards --- */
[data-style=pro] .pm-predict-card-header { color: #0f172a !important; }
[data-style=pro] .pm-predict-horizon-badge { color: #fff !important; }
[data-style=pro] .pm-predict-status { color: #334155 !important; }
[data-style=pro] .pm-predict-name { color: #0f172a !important; }
[data-style=pro] .pm-predict-ring { border-color: #e2e8f0 !important; }
[data-style=pro] .pm-predict-detail { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-predict-field { color: #334155 !important; }
[data-style=pro] .pm-predict-expand { background: #fff !important; border-color: #e2e8f0 !important; color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pm-predict-expand:hover { background: #eff6ff !important; border-color: #2563eb !important; }

/* --- Accuracy Bar --- */
[data-style=pro] .pm-accuracy-bar { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-accuracy-label { color: #64748b !important; }
[data-style=pro] .pm-accuracy-value { color: #0f172a !important; }

/* --- Probability / Risk --- */
[data-style=pro] .pm-prob-bar-container { background: #e2e8f0 !important; }
[data-style=pro] .pm-risk-high { color: #dc2626 !important; }
[data-style=pro] .pm-risk-benefit { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-rb-ratio { color: #ca8a04 !important; }

/* --- What-If Panel (extended) --- */
[data-style=pro] .pm-whatif-scenario-desc { color: #334155 !important; }
[data-style=pro] .pm-whatif-assessment { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; color: #334155 !important; }

/* --- Cascade Panel (extended) --- */
[data-style=pro] .pm-cascade { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-cascade-timeline { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-cascade-timeline-container { background: transparent !important; }
[data-style=pro] .pm-cascade-event { background: #f8fafc !important; border-bottom-color: #f1f5f9 !important; border-left-color: #e2e8f0 !important; border-radius: 6px !important; }
[data-style=pro] .pm-cascade-time { color: #2563eb !important; }
[data-style=pro] .pm-cascade-node { color: #0f172a !important; }
[data-style=pro] .pm-cascade-impact { color: #334155 !important; }
[data-style=pro] .pm-cascade-cause { color: #94a3b8 !important; }
[data-style=pro] .pm-cascade-sector { color: #64748b !important; }
[data-style=pro] .pm-cascade-controls { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }

/* --- Path Attack --- */
[data-style=pro] .pm-path-arrow { color: #2563eb !important; }
[data-style=pro] .pm-path-result { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-path-meta { color: #64748b !important; }
[data-style=pro] .pm-path-hop { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-path-hop-num { color: #2563eb !important; }
[data-style=pro] .pm-path-hop-name { color: #0f172a !important; }
[data-style=pro] .pm-path-hop-action { color: #ca8a04 !important; }
[data-style=pro] .pm-path-hop-sector { color: #64748b !important; }
[data-style=pro] .pm-path-connector { color: #cbd5e1 !important; }

/* --- Engagement Tab --- */
[data-style=pro] .pm-engage-target { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-engage-collateral { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-target-info { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-target-name { color: #0f172a !important; }
[data-style=pro] .pm-target-field { color: #334155 !important; }

/* --- Phase Timeline --- */
[data-style=pro] .pm-phase-step { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-phase-name { color: #0f172a !important; }
[data-style=pro] .pm-phase-duration { color: #64748b !important; }
[data-style=pro] .pm-phase-connector { color: #cbd5e1 !important; }

/* --- Operations Timeline --- */
[data-style=pro] .pm-op-tl-days { color: #fff !important; }
[data-style=pro] .pm-op-total { color: #ca8a04 !important; }

/* --- Wargame Tab --- */
[data-style=pro] .pm-scenario-name { color: #0f172a !important; }
[data-style=pro] .pm-scenario-desc { color: #64748b !important; }
[data-style=pro] .pm-scenario-meta { color: #94a3b8 !important; }
[data-style=pro] .pm-wargame-scenarios { gap: 12px !important; }

/* --- Team Cards --- */
[data-style=pro] .pm-team-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; border-top: 3px solid #2563eb !important; }
[data-style=pro] .pm-team-name { color: #0f172a !important; }
[data-style=pro] .pm-team-role { color: #64748b !important; }
[data-style=pro] .pm-team-desc { color: #94a3b8 !important; }

/* --- Exercise Controls --- */
[data-style=pro] .pm-exercise-status { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; color: #334155 !important; }
[data-style=pro] .pm-ex-event { border-bottom-color: #f1f5f9 !important; }
[data-style=pro] .pm-ex-event-time { color: #2563eb !important; }
[data-style=pro] .pm-ex-event-team { color: #0f172a !important; }
[data-style=pro] .pm-ex-event-content { color: #334155 !important; }

/* --- Speed Controls --- */
[data-style=pro] .pm-speed-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .pm-speed-btn:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .pm-speed-btn.active { background: #eff6ff !important; border-color: #2563eb !important; color: #2563eb !important; }

/* --- Simulation --- */
[data-style=pro] .pm-sim-results { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-sim-impact-item { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-sim-impact-val { color: #0f172a !important; }
[data-style=pro] .pm-sim-impact-label { color: #64748b !important; }

/* --- Service Bars --- */
[data-style=pro] .pm-svc-bar-label { color: #0f172a !important; }
[data-style=pro] .pm-svc-bar-track { background: #e2e8f0 !important; }
[data-style=pro] .pm-svc-bar-count { color: #64748b !important; }
[data-style=pro] .pm-svc-badge { background: #f1f5f9 !important; border-color: #e2e8f0 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .pm-heat-cell { border-color: #f1f5f9 !important; color: #334155 !important; }

/* --- Exposure / Factor Bars --- */
[data-style=pro] .pm-exposure-bar-wrap { background: #e2e8f0 !important; }
[data-style=pro] .pm-exposure-val { color: #0f172a !important; }
[data-style=pro] .pm-exposure-factor { color: #334155 !important; }
[data-style=pro] .pm-factor-name { color: #0f172a !important; }
[data-style=pro] .pm-factor-bar-wrap { background: #e2e8f0 !important; }
[data-style=pro] .pm-factor-score { color: #64748b !important; }

/* --- CI Reports --- */
[data-style=pro] .pm-ci-report-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-ci-report-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-ci-report-id { color: #2563eb !important; }
[data-style=pro] .pm-ci-report-title { color: #0f172a !important; }
[data-style=pro] .pm-ci-report-date { color: #94a3b8 !important; }
[data-style=pro] .pm-ci-report-summary { color: #64748b !important; }
[data-style=pro] .pm-ci-report-full { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-ci-report-fulltext { color: #334155 !important; }

/* --- Deception Cards --- */
[data-style=pro] .pm-deception-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-deception-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-deception-name { color: #0f172a !important; }
[data-style=pro] .pm-deception-type { color: #2563eb !important; }
[data-style=pro] .pm-deception-detail { color: #64748b !important; }
[data-style=pro] .pm-deception-desc { color: #94a3b8 !important; }

/* --- Correlation Alerts --- */
[data-style=pro] .pm-corr-alert { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-corr-alert:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-corr-header { color: #0f172a !important; }
[data-style=pro] .pm-corr-id { color: #94a3b8 !important; }
[data-style=pro] .pm-corr-confidence { color: #0f172a !important; }
[data-style=pro] .pm-corr-title { color: #0f172a !important; }
[data-style=pro] .pm-corr-src-label { color: #94a3b8 !important; }
[data-style=pro] .pm-corr-src-tag { background: #f1f5f9 !important; border-color: #e2e8f0 !important; color: #2563eb !important; border-radius: 4px !important; }
[data-style=pro] .pm-corr-timestamp { color: #94a3b8 !important; }
[data-style=pro] .pm-corr-action { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-corr-action-label { color: #ca8a04 !important; }
[data-style=pro] .pm-corr-action-text { color: #334155 !important; }
[data-style=pro] .pm-corr-expand-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pm-corr-expand-btn:hover { background: #eff6ff !important; border-color: #2563eb !important; }

/* --- Comparison --- */
[data-style=pro] .pm-comp-panel { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-comp-title { color: #0f172a !important; }
[data-style=pro] .pm-comp-stat { color: #334155 !important; }
[data-style=pro] .pm-comp-delta { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #0f172a !important; border-radius: 8px !important; }
[data-style=pro] .pm-pop-impact { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }

/* --- Reports --- */
[data-style=pro] .pm-report-template { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-report-title { color: #0f172a !important; }
[data-style=pro] .pm-report-line { color: #334155 !important; }
[data-style=pro] .pm-report-hr { border-top-color: #e2e8f0 !important; }
[data-style=pro] .pm-report-body { color: #334155 !important; }
[data-style=pro] .pm-report-output { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-report-classification { background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important; }
[data-style=pro] .pm-report-type { color: #2563eb !important; }
[data-style=pro] .pm-report-section { color: #2563eb !important; }
[data-style=pro] .pm-report-divider { border-top-color: #e2e8f0 !important; }
[data-style=pro] .pm-report-footer { color: #dc2626 !important; border-top-color: #e2e8f0 !important; }
[data-style=pro] .pm-product-placeholder { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #94a3b8 !important; border-radius: 8px !important; }

/* --- Killswitch --- */
[data-style=pro] .pm-killswitch-warning { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; border-radius: 8px !important; }
[data-style=pro] .pm-ks-name { color: #dc2626 !important; }
[data-style=pro] .pm-ks-desc { color: #334155 !important; }
[data-style=pro] .pm-ks-status { color: #64748b !important; }
[data-style=pro] .pm-ks-confirm { background: #fef2f2 !important; border-color: #fecaca !important; border-radius: 8px !important; }
[data-style=pro] .pm-ks-confirm-text { color: #dc2626 !important; }
[data-style=pro] .pm-ks-activated { background: #dcfce7 !important; border-color: #16a34a !important; border-radius: 8px !important; }
[data-style=pro] .pm-ks-time { color: #64748b !important; }

/* --- Timeline Content (EXT) --- */
[data-style=pro] .pm-timeline-content { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-timeline-label { color: #0f172a !important; }
[data-style=pro] .pm-timeline-labels { color: #94a3b8 !important; }
[data-style=pro] .pm-timeline-track { background: #e2e8f0 !important; }
[data-style=pro] .pm-timeline-detail { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-timeline-detail-inner { background: #f8fafc !important; border-radius: 6px !important; }
[data-style=pro] .pm-timeline-connector { background: #e2e8f0 !important; }

/* --- Timeline Dot (EXT) --- */
[data-style=pro] .pm-tl-dot { background: #2563eb !important; }
[data-style=pro] .pm-tl-content { color: #334155 !important; }
[data-style=pro] .pm-tl-time { color: #2563eb !important; }
[data-style=pro] .pm-tl-action { color: #334155 !important; }
[data-style=pro] .pm-tl-detail { color: #64748b !important; }

/* --- Dep Tree (EXT) --- */
[data-style=pro] .pm-dep-category { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-dep-category:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-dep-name { color: #0f172a !important; }
[data-style=pro] .pm-dep-ver { color: #64748b !important; }
[data-style=pro] .pm-dep-vendor { color: #94a3b8 !important; }
[data-style=pro] .pm-dep-child { color: #64748b !important; }
[data-style=pro] .pm-dep-none { color: #94a3b8 !important; }
[data-style=pro] .pm-dep-item-name { color: #334155 !important; }
[data-style=pro] .pm-dep-item-sector { color: #64748b !important; }
[data-style=pro] .pm-dep-hdr { color: #2563eb !important; border-bottom-color: #e2e8f0 !important; }

/* --- BDA (Battle Damage Assessment) --- */
[data-style=pro] .pm-bda-form { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-bda-quad-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-bda-quad-label { color: #64748b !important; }
[data-style=pro] .pm-bda-quad-count { color: #0f172a !important; }
[data-style=pro] .pm-bda-quad-pct { color: #64748b !important; }
[data-style=pro] .pm-bda-quad-ring { border-color: #e2e8f0 !important; }

/* --- Attr Detail --- */
[data-style=pro] .pm-attr-detail { background: #f8fafc !important; }
[data-style=pro] .pm-attr-detail-content { color: #334155 !important; }
[data-style=pro] .pm-attr-row { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Recovery Timeline --- */
[data-style=pro] .pm-recovery-timeline { border-color: #e2e8f0 !important; }
[data-style=pro] .pm-rt-step { border-bottom-color: #f1f5f9 !important; }
[data-style=pro] .pm-rt-marker { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] .pm-rt-name { color: #0f172a !important; }
[data-style=pro] .pm-rt-time { color: #2563eb !important; }
[data-style=pro] .pm-rt-desc { color: #64748b !important; }

/* --- Escalation Ladder --- */
[data-style=pro] .pm-esc-number { background: #f8fafc !important; border-color: #e2e8f0 !important; color: #ea580c !important; }
[data-style=pro] .pm-esc-name { color: #0f172a !important; }
[data-style=pro] .pm-esc-desc { color: #64748b !important; }
[data-style=pro] .pm-esc-approval { color: #ca8a04 !important; }
[data-style=pro] .pm-esc-examples { color: #94a3b8 !important; border-bottom-color: #e2e8f0 !important; }
[data-style=pro] .pm-esc-connector { background: #e2e8f0 !important; }

/* --- Auth --- */
[data-style=pro] .pm-auth-check { color: #16a34a !important; }
[data-style=pro] .pm-auth-x { color: #dc2626 !important; }
[data-style=pro] .pm-auth-cond { color: #ca8a04 !important; border-color: #fef08a !important; }

/* --- Allied Cards (EXT) --- */
[data-style=pro] .pm-allied-detail { color: #64748b !important; }
[data-style=pro] .pm-allied-expand-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pm-allied-expand-content { background: #f8fafc !important; border-color: #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pm-allied-expand-detail { color: #64748b !important; }

/* --- Forms (EXT) --- */
[data-style=pro] .pm-form-group { color: #334155 !important; }
[data-style=pro] .pm-form-label { color: #64748b !important; }
[data-style=pro] .pm-form-row { color: #334155 !important; }
[data-style=pro] .pm-radio-label { background: #fff !important; border-color: #e2e8f0 !important; color: #334155 !important; border-radius: 8px !important; }
[data-style=pro] .pm-radio-label:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-radio-desc { color: #64748b !important; }
[data-style=pro] .pm-checkbox-label { background: #fff !important; border-color: #e2e8f0 !important; color: #334155 !important; border-radius: 6px !important; }
[data-style=pro] .pm-checkbox-label:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-range { accent-color: #2563eb !important; }
[data-style=pro] .pm-slider { accent-color: #2563eb !important; }

/* --- Modal (EXT) --- */
[data-style=pro] .pm-modal { background: rgba(0,0,0,.4) !important; }
[data-style=pro] .pm-modal-content { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 16px !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,.15) !important; }
[data-style=pro] .pm-modal-title { color: #0f172a !important; border-bottom-color: #e2e8f0 !important; }
[data-style=pro] .pm-modal-header { background: #f8fafc !important; border-bottom-color: #e2e8f0 !important; border-radius: 16px 16px 0 0 !important; }
[data-style=pro] .pm-modal-close { color: #64748b !important; }
[data-style=pro] .pm-modal-close:hover { color: #dc2626 !important; }

/* --- Content / Footer --- */
[data-style=pro] .pm-content { color: #334155 !important; }
[data-style=pro] .pm-footer { background: #f8fafc !important; border-top-color: #e2e8f0 !important; color: #94a3b8 !important; }
[data-style=pro] .pm-no-data { color: #94a3b8 !important; }

/* --- Alert severity border overrides --- */
[data-style=pro] .pm-alert-critical { border-left-color: #dc2626 !important; }
[data-style=pro] .pm-alert-high { border-left-color: #ea580c !important; }
[data-style=pro] .pm-alert-medium { border-left-color: #ca8a04 !important; }
[data-style=pro] .pm-alert-low { border-left-color: #2563eb !important; }
[data-style=pro] .pm-alert-info { border-left-color: #16a34a !important; }
[data-style=pro] .pm-alert-box-title { background: #fefce8 !important; color: #ca8a04 !important; border-color: #fef08a !important; border-radius: 8px !important; }
[data-style=pro] .pm-alert-line { border-bottom-color: #f1f5f9 !important; color: #334155 !important; }

/* --- Result Box --- */
[data-style=pro] .pm-result-box { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-result-title { color: #2563eb !important; }
[data-style=pro] .pm-result-detail { color: #334155 !important; }
[data-style=pro] .pm-result-success { background: #dcfce7 !important; border-color: #16a34a !important; color: #16a34a !important; border-radius: 8px !important; }
[data-style=pro] .pm-result-error { background: #fef2f2 !important; border-color: #dc2626 !important; color: #dc2626 !important; border-radius: 8px !important; }

/* --- Prop Steps --- */
[data-style=pro] .pm-prop-step { color: #334155 !important; }
[data-style=pro] .pm-prop-step-label { color: #2563eb !important; }

/* --- License Bar --- */
[data-style=pro] .pm-license-bar { border-radius: 6px !important; }

/* --- Status Overrides (EXT) --- */
[data-style=pro] .pm-status-dim { color: #94a3b8 !important; }
[data-style=pro] .pm-dot-red { background: #dc2626 !important; box-shadow: none !important; }
[data-style=pro] .pm-dot-blue { background: #2563eb !important; box-shadow: none !important; }
[data-style=pro] .pm-dot-gray { background: #94a3b8 !important; }

/* --- Containment (EXT) --- */
[data-style=pro] .pm-containment-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-contain-icon { filter: none !important; }
[data-style=pro] .pm-contain-name { color: #0f172a !important; }
[data-style=pro] .pm-contain-status { color: #334155 !important; }
[data-style=pro] .pm-contain-detail { color: #64748b !important; }
[data-style=pro] .pm-contain-scope { color: #94748b !important; }
[data-style=pro] .pm-contain-toggle { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .pm-contain-toggle:hover { background: #1d4ed8 !important; }

/* --- Playbook (EXT) --- */
[data-style=pro] .pm-playbook-card { background: #fff !important; border-color: #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pm-playbook-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .pm-playbook-name { color: #0f172a !important; }
[data-style=pro] .pm-playbook-team { color: #64748b !important; }
[data-style=pro] .pm-playbook-steps { color: #64748b !important; }
[data-style=pro] .pm-playbook-step { border-color: #e2e8f0 !important; }
[data-style=pro] .pm-playbook-step .step-num { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] .pm-playbook-auto { color: #16a34a !important; border-color: #bbf7d0 !important; }
[data-style=pro] .pm-playbook-manual { color: #ca8a04 !important; border-color: #fef08a !important; }

/* --- Scrollbar for PM wrap --- */
[data-style=pro] .pm-wrap ::-webkit-scrollbar-track { background: #f8fafc !important; }
[data-style=pro] .pm-wrap ::-webkit-scrollbar-thumb { background: #cbd5e1 !important; }
[data-style=pro] .pm-wrap ::-webkit-scrollbar-thumb:hover { background: #94a3b8 !important; }

/* --- Suppress glow/neon in pro mode --- */
[data-style=pro] .pm-card-glow { box-shadow: none !important; }
[data-style=pro] .pm-blink { animation: none !important; }
[data-style=pro] .pm-pulse-ring { animation: none !important; box-shadow: none !important; }
[data-style=pro] .pm-scanline { display: none !important; }


/* =====================================================================
   PHASE 2C — LOW/ZERO COVERAGE TOOL OVERRIDES
   Tools that have zero or minimal pro-theme CSS coverage.
   ===================================================================== */

/* --- Binary Analyzer (.ba-*) --- */
[data-style=pro] .ba-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .ba-upload { background: #fff !important; border: 2px dashed #e2e8f0 !important; border-radius: 12px !important; color: #64748b !important; transition: all .2s cubic-bezier(.4,0,.2,1) !important; }
[data-style=pro] .ba-upload:hover { border-color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .ba-upload-icon { color: #94a3b8 !important; }
[data-style=pro] .ba-upload-text { color: #0f172a !important; }
[data-style=pro] .ba-upload-sub { color: #64748b !important; }
[data-style=pro] .ba-overview { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-ov-grid { gap: 14px !important; }
[data-style=pro] .ba-ov-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 16px !important; }
[data-style=pro] .ba-ov-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .ba-ov-label { color: #64748b !important; font-size: .75rem !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
[data-style=pro] .ba-ov-val { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .ba-ov-warn { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; }
[data-style=pro] .ba-ov-wide { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-fname { color: #0f172a !important; font-weight: 700 !important; }
[data-style=pro] .ba-fsize { color: #64748b !important; }
[data-style=pro] .ba-file-info { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-hashes { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-hash-note { color: #64748b !important; }
[data-style=pro] .ba-headers { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-sections { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-sec-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .ba-sec-off { color: #94a3b8 !important; }
[data-style=pro] .ba-imports { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-imp-dll { color: #2563eb !important; font-weight: 600 !important; }
[data-style=pro] .ba-imp-list { color: #334155 !important; }
[data-style=pro] .ba-iocs { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-hex-view { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .ba-hex-controls { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-hex-goto { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .ba-hex-off { color: #94a3b8 !important; }
[data-style=pro] .ba-hex-ascii { color: #64748b !important; }
[data-style=pro] .ba-hex-page { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .ba-disasm { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .ba-disasm-controls { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-dis-table { color: #334155 !important; }
[data-style=pro] .ba-dis-note { color: #64748b !important; }
[data-style=pro] .ba-ent { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-ent-bar { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .ba-ent-legend { color: #64748b !important; }
[data-style=pro] .ba-ent-note { color: #64748b !important; }
[data-style=pro] .ba-ent-chunk { border-radius: 2px !important; }
[data-style=pro] .ba-str-controls { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-str-val { color: #334155 !important; }
[data-style=pro] .ba-yara { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-yara-code { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .ba-yara-note { color: #64748b !important; }
[data-style=pro] .ba-packers { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .ba-packer-card { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .ba-packer-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .ba-packer-desc { color: #475569 !important; }
[data-style=pro] .ba-packer-warn { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #dc2626 !important; border-radius: 6px !important; }
[data-style=pro] .ba-new-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .ba-new-btn:hover { background: #1d4ed8 !important; }

/* --- Learn Hub (.lh-*) --- */
[data-style=pro] .lh-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .lh-grid { gap: 16px !important; }
[data-style=pro] .lh-c { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .lh-c:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .lh-sec { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .lh-st { color: #64748b !important; }
[data-style=pro] .lh-cnt { color: #94a3b8 !important; }
[data-style=pro] .lh-bar { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .lh-path { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .lh-path-progress { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .lh-chips { gap: 6px !important; }
[data-style=pro] .lh-ch { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .lh-ch:hover { border-color: #cbd5e1 !important; }
[data-style=pro] .lh-ch.active, [data-style=pro] .lh-ch.on { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
[data-style=pro] .lh-stats { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .lh-tp { color: #0f172a !important; }
[data-style=pro] .lh-xp { color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .lh-done { color: #16a34a !important; }
[data-style=pro] .lh-wild { color: #d97706 !important; }
[data-style=pro] .lh-bk { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .lh-code { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .lh-inp { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .lh-inp:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .lh-cb { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .lh-ck { color: #16a34a !important; }
[data-style=pro] .lh-df { color: #dc2626 !important; }
[data-style=pro] .lh-cp { color: #2563eb !important; }
[data-style=pro] .lh-qsel { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .lh-qsub { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .lh-qo { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #334155 !important; }
[data-style=pro] .lh-qo:hover { border-color: #cbd5e1 !important; background: #f8fafc !important; }

/* --- Network Mapper (.nm-*) --- */
[data-style=pro] .nm-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .nm-map-wrap { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-map-toolbar { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .nm-map-info { color: #64748b !important; }
[data-style=pro] .nm-canvas { background: #fff !important; }
[data-style=pro] .nm-hosts { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-detail { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-detail-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .nm-detail-grid { color: #334155 !important; }
[data-style=pro] .nm-subnet { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-subnet-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .nm-subnet-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .nm-templates { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-load-tpl { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .nm-load-tpl:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .nm-del-host, [data-style=pro] .nm-del-btn { color: #dc2626 !important; }
[data-style=pro] .nm-risk-summary { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-risk-card { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .nm-risk-badge { border-radius: 4px !important; }
[data-style=pro] .nm-risk-label { color: #64748b !important; }
[data-style=pro] .nm-risk-num { color: #0f172a !important; font-weight: 700 !important; }
[data-style=pro] .nm-vulns { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-vuln-item { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .nm-firewall { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-acl-summary { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .nm-flows { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-flow-diagram { background: #fff !important; }
[data-style=pro] .nm-flow-step { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #334155 !important; }
[data-style=pro] .nm-flow-arrow { color: #94a3b8 !important; }
[data-style=pro] .nm-flow-label { color: #64748b !important; }
[data-style=pro] .nm-flow-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .nm-flow-from, [data-style=pro] .nm-flow-to { color: #0f172a !important; }
[data-style=pro] .nm-flow-desc { color: #475569 !important; }
[data-style=pro] .nm-flow-line { color: #94a3b8 !important; }
[data-style=pro] .nm-export { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .nm-export:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .nm-import { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .nm-import:hover { background: #1d4ed8 !important; }
[data-style=pro] .nm-attacks { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-vlsm { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .nm-vlsm-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .nm-vlsm-row { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .nm-vlsm-del { color: #dc2626 !important; }

/* --- Security Awareness Quiz (.sa-*) --- */
[data-style=pro] .sa-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .sa-mod { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .sa-mod:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .sa-opt { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #334155 !important; cursor: pointer !important; }
[data-style=pro] .sa-opt:hover { border-color: #cbd5e1 !important; background: #f8fafc !important; }
[data-style=pro] .sa-opt.correct { border-color: #16a34a !important; background: #dcfce7 !important; color: #166534 !important; }
[data-style=pro] .sa-opt.wrong { border-color: #dc2626 !important; background: #fef2f2 !important; color: #991b1b !important; }
[data-style=pro] .sa-opt.selected { border-color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .sa-diff-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .sa-diff-btn:hover { border-color: #cbd5e1 !important; }
[data-style=pro] .sa-diff-btn.active { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }

/* --- Vulnerability Prioritizer (.vp-*) --- */
[data-style=pro] .vp-wrap { background: #f8fafc !important; color: #0f172a !important; }

/* --- Hash Suite (.hs-*) expanded --- */
[data-style=pro] .hs-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .hs-title { color: #0f172a !important; }
[data-style=pro] .hs-subtitle { color: #64748b !important; }
[data-style=pro] .hs-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .hs-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .hs-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .hs-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .hs-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .hs-textarea:focus { border-color: #2563eb !important; }
[data-style=pro] .hs-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .hs-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .hs-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .hs-btn-ghost { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
[data-style=pro] .hs-btn-ghost:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .hs-btn-primary { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .hs-output { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #0f172a !important; }
[data-style=pro] .hs-grid { gap: 16px !important; }
[data-style=pro] .hs-file-drop { background: #fff !important; border: 2px dashed #e2e8f0 !important; border-radius: 10px !important; color: #64748b !important; }
[data-style=pro] .hs-file-drop:hover { border-color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .hs-label { color: #334155 !important; font-weight: 500 !important; }
[data-style=pro] .hs-info-row { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .hs-info-label { color: #64748b !important; }
[data-style=pro] .hs-info-value { color: #0f172a !important; }
[data-style=pro] .hs-copy-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .hs-copy-btn:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .hs-compare-row { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .hs-match { background: #dcfce7 !important; color: #16a34a !important; border: 1px solid #bbf7d0 !important; border-radius: 6px !important; }
[data-style=pro] .hs-nomatch { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; }
[data-style=pro] .hs-meter { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .hs-meter-fill { border-radius: 4px !important; }
[data-style=pro] .hs-input-group { gap: 8px !important; }
[data-style=pro] .hs-slider { accent-color: #2563eb !important; }
[data-style=pro] .hs-slider-group { gap: 8px !important; }
[data-style=pro] .hs-slider-val { color: #2563eb !important; font-weight: 600 !important; }
[data-style=pro] .hs-badge { border-radius: 4px !important; }
[data-style=pro] .hs-badge-blue { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] .hs-badge-green { background: #dcfce7 !important; color: #16a34a !important; }
[data-style=pro] .hs-badge-red { background: #fef2f2 !important; color: #dc2626 !important; }
[data-style=pro] .hs-badge-yellow { background: #fefce8 !important; color: #ca8a04 !important; }
[data-style=pro] .hs-progress { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .hs-progress-bar { border-radius: 4px !important; }
[data-style=pro] .hs-results-table { background: #fff !important; }
[data-style=pro] .hs-results-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .hs-results-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }

/* --- Threat Model (.tm-*) expanded --- */

/* --- Reverse Engineering (.re-*) expanded --- */
[data-style=pro] .re-wrap { background: #f8fafc !important; color: #0f172a !important; }

/* --- Wireless Lab (.wl-*) expanded --- */
[data-style=pro] .wl-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .wl-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .wl-body { background: #fff !important; }
[data-style=pro] .wl-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .wl-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .wl-btn-sec { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; }
[data-style=pro] .wl-btn-sec:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .wl-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .wl-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .wl-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .wl-label { color: #334155 !important; font-weight: 500 !important; }
[data-style=pro] .wl-net-row { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .wl-ssid { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .wl-bssid { color: #94a3b8 !important; }
[data-style=pro] .wl-ch { color: #64748b !important; }
[data-style=pro] .wl-signal { color: #2563eb !important; }
[data-style=pro] .wl-sev { border-radius: 4px !important; }
[data-style=pro] .wl-sev-high { background: #fef2f2 !important; color: #dc2626 !important; }
[data-style=pro] .wl-sev-low { background: #dcfce7 !important; color: #16a34a !important; }
[data-style=pro] .wl-canvas { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-table { background: #fff !important; }
[data-style=pro] .wl-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .wl-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .wl-table-wrap { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; overflow: hidden !important; }
[data-style=pro] .wl-vuln-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-vuln-card:hover { border-color: #bfdbfe !important; }
[data-style=pro] .wl-vuln-cve { color: #2563eb !important; }
[data-style=pro] .wl-atk-desc { color: #475569 !important; }
[data-style=pro] .wl-atk-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .wl-atk-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .wl-atk-meta { color: #64748b !important; }
[data-style=pro] .wl-atk-tools { color: #475569 !important; }
[data-style=pro] .wl-atk-grid { gap: 14px !important; }
[data-style=pro] .wl-form-grid { gap: 12px !important; }
[data-style=pro] .wl-form-group { margin-bottom: 12px !important; }
[data-style=pro] .wl-output { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .wl-pre { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .wl-cmd-box { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .wl-cmd { color: #0f172a !important; }
[data-style=pro] .wl-cmd-label { color: #64748b !important; }
[data-style=pro] .wl-sim-panel { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-scan-bar { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .wl-scan-status { color: #64748b !important; }
[data-style=pro] .wl-sec-title { color: #0f172a !important; }
[data-style=pro] .wl-legend-item { color: #475569 !important; }
[data-style=pro] .wl-legend-dot { border-radius: 50% !important; }
[data-style=pro] .wl-mitre-tag { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .wl-tool-tag { background: #eff6ff !important; color: #2563eb !important; border-radius: 4px !important; }
[data-style=pro] .wl-defense-box { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-defense-list { color: #334155 !important; }
[data-style=pro] .wl-spectrum-legend { color: #64748b !important; }
[data-style=pro] .wl-spectrum-info { color: #475569 !important; }
[data-style=pro] .wl-bar { background: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .wl-pulse { display: none !important; }
[data-style=pro] .wl-footer { background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; }
[data-style=pro] .wl-hs-steps { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-hs-step { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .wl-hs-arrow { color: #94a3b8 !important; }
[data-style=pro] .wl-hs-4way { background: #fff !important; }
[data-style=pro] .wl-bt-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .wl-bt-grid { gap: 14px !important; }

/* --- Packet Crafter (.pc-*) expanded --- */
[data-style=pro] .pc-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pc-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pc-body { background: #fff !important; }
[data-style=pro] .pc-btn { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; border-radius: 6px !important; }
[data-style=pro] .pc-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .pc-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .pc-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .pc-select { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .pc-textarea { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .pc-label { color: #334155 !important; font-weight: 500 !important; }
[data-style=pro] .pc-layer { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-lh { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; }
[data-style=pro] .pc-fields { color: #334155 !important; }
[data-style=pro] .pc-flag-grid { gap: 6px !important; }
[data-style=pro] .pc-flag-row { color: #475569 !important; }
[data-style=pro] .pc-hex { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .pc-summary { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pc-size { color: #64748b !important; }
[data-style=pro] .pc-mtu { color: #64748b !important; }
[data-style=pro] .pc-export-code { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .pc-exp-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pc-atk-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pc-atk-desc { color: #475569 !important; }
[data-style=pro] .pc-atk-sev { border-radius: 4px !important; }
[data-style=pro] .pc-attacks { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-attacks-note { color: #64748b !important; }
[data-style=pro] .pc-ck-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-ck-grid { gap: 14px !important; }
[data-style=pro] .pc-ck-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pc-ck-ok { color: #16a34a !important; }
[data-style=pro] .pc-ck-fail { color: #dc2626 !important; }
[data-style=pro] .pc-ck-note { color: #64748b !important; }
[data-style=pro] .pc-chk-label { color: #475569 !important; }
[data-style=pro] .pc-tpl-grid { gap: 14px !important; }
[data-style=pro] .pc-tpl-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pc-tpl-desc { color: #475569 !important; }
[data-style=pro] .pc-tpl-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .pc-tpl-btn:hover { border-color: #2563eb !important; color: #2563eb !important; background: #eff6ff !important; }
[data-style=pro] .pc-table { background: #fff !important; }
[data-style=pro] .pc-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .pc-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .pc-pill { background: #f1f5f9 !important; color: #475569 !important; border-radius: 20px !important; }
[data-style=pro] .pc-seq { color: #334155 !important; }
[data-style=pro] .pc-seq-note { color: #64748b !important; }
[data-style=pro] .pc-sec { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-svc { color: #475569 !important; }
[data-style=pro] .pc-warn { background: #fefce8 !important; border: 1px solid #fef08a !important; color: #ca8a04 !important; border-radius: 6px !important; }
[data-style=pro] .pc-fn { color: #0f172a !important; }
[data-style=pro] .pc-ref-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .pc-ref-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pc-ws { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-ws-filter { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .pc-ws-note { color: #64748b !important; }
[data-style=pro] .pc-fsm { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pc-fsm-note { color: #64748b !important; }

/* --- Cyber Range (.cr-*) expanded --- */
[data-style=pro] .cr-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .cr-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cr-body { background: #fff !important; }
[data-style=pro] .cr-grid { gap: 16px !important; }
[data-style=pro] .cr-chal-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .cr-chal-desc { color: #475569 !important; }
[data-style=pro] .cr-chal-cat { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .cr-chal-diff { border-radius: 4px !important; }
[data-style=pro] .cr-chal-pts { color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .cr-chal-solves { color: #64748b !important; }
[data-style=pro] .cr-chal-footer { border-top: 1px solid #f1f5f9 !important; }
[data-style=pro] .cr-chal-top { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cr-chip { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .cr-chip:hover { border-color: #cbd5e1 !important; }
[data-style=pro] .cr-chip.active { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
[data-style=pro] .cr-chip-count { color: #94a3b8 !important; }
[data-style=pro] .cr-count { color: #64748b !important; }
[data-style=pro] .cr-filters { gap: 8px !important; }
[data-style=pro] .cr-filter-row { gap: 8px !important; }
[data-style=pro] .cr-flag-form { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cr-flag-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .cr-flag-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .cr-flag-submit { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .cr-flag-submit:hover { background: #1d4ed8 !important; }
[data-style=pro] .cr-flag-correct { background: #dcfce7 !important; color: #16a34a !important; border: 1px solid #bbf7d0 !important; border-radius: 6px !important; }
[data-style=pro] .cr-flag-wrong { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; }
[data-style=pro] .cr-hint { background: #fefce8 !important; border: 1px solid #fef08a !important; color: #854d0e !important; border-radius: 8px !important; }
[data-style=pro] .cr-hint-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .cr-hint-btn:hover { border-color: #cbd5e1 !important; }
[data-style=pro] .cr-solved-badge { background: #dcfce7 !important; color: #16a34a !important; border-radius: 4px !important; }
[data-style=pro] .cr-solved-big { color: #16a34a !important; }
[data-style=pro] .cr-lab { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cr-lab-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .cr-lab-title { color: #0f172a !important; }
[data-style=pro] .cr-lab-section { color: #334155 !important; }
[data-style=pro] .cr-no-lab { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #94a3b8 !important; border-radius: 10px !important; }
[data-style=pro] .cr-no-lab-icon { color: #cbd5e1 !important; }
[data-style=pro] .cr-terminal { background: #1e293b !important; border-radius: 8px !important; border: 1px solid #334155 !important; }
[data-style=pro] .cr-term-header { background: #0f172a !important; border-bottom: 1px solid #334155 !important; }
[data-style=pro] .cr-term-body { background: #1e293b !important; }
[data-style=pro] .cr-term-input-row { border-top: 1px solid #334155 !important; }
[data-style=pro] .cr-term-input { background: transparent !important; color: #e2e8f0 !important; }
[data-style=pro] .cr-term-prompt { color: #22c55e !important; }
[data-style=pro] .cr-term-line { color: #e2e8f0 !important; }
[data-style=pro] .cr-table { background: #fff !important; }
[data-style=pro] .cr-table th { background: #f8fafc !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; }
[data-style=pro] .cr-table td { color: #334155 !important; border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .cr-table-wrap { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; overflow: hidden !important; }
[data-style=pro] .cr-user-stats { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cr-ustat { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .cr-ustat-v { color: #2563eb !important; font-weight: 700 !important; }
[data-style=pro] .cr-ustat-l { color: #64748b !important; }
[data-style=pro] .cr-sb-rank { color: #0f172a !important; }
[data-style=pro] .cr-sb-pts { color: #2563eb !important; }
[data-style=pro] .cr-sb-you { background: #eff6ff !important; }
[data-style=pro] .cr-writeup { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .cr-writeup-text { color: #334155 !important; }

/* --- API Docs (.api-*) expanded --- */
[data-style=pro] .api-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .api-tabs { border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .api-endpoint { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; margin-bottom: 12px !important; }
[data-style=pro] .api-ep-header { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; border-radius: 10px 10px 0 0 !important; }
[data-style=pro] .api-ep-header:hover { background: #f1f5f9 !important; }
[data-style=pro] .api-ep-body { background: #fff !important; }
[data-style=pro] .api-ep-desc { color: #475569 !important; }
[data-style=pro] .api-ep-label { color: #64748b !important; font-weight: 500 !important; }
[data-style=pro] .api-ep-section { border-top: 1px solid #f1f5f9 !important; }
[data-style=pro] .api-ep-toggle { color: #94a3b8 !important; }
[data-style=pro] .api-method { border-radius: 4px !important; font-weight: 700 !important; }
[data-style=pro] .api-method-post { background: #dcfce7 !important; color: #16a34a !important; }
[data-style=pro] .api-path { color: #0f172a !important; }
[data-style=pro] .api-code-block { background: #1e293b !important; border-radius: 8px !important; }
[data-style=pro] .api-code-header { background: #0f172a !important; border-bottom: 1px solid #334155 !important; border-radius: 8px 8px 0 0 !important; }
[data-style=pro] .api-code-tabs { border-bottom: 1px solid #334155 !important; }
[data-style=pro] .api-code-copy { background: rgba(255,255,255,.1) !important; color: #e2e8f0 !important; border-radius: 4px !important; }
[data-style=pro] .api-key-section { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .api-key-input { background: #fff !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 6px !important; }
[data-style=pro] .api-key-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
[data-style=pro] .api-key-row { border-bottom: 1px solid #f1f5f9 !important; }
[data-style=pro] .api-tiers { gap: 16px !important; }
[data-style=pro] .api-tier { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .api-tier:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .api-tier-price { color: #0f172a !important; font-weight: 800 !important; }
[data-style=pro] .api-tier-calls { color: #64748b !important; }
[data-style=pro] .api-usage { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .api-meter { background: #e2e8f0 !important; border-radius: 4px !important; }

/* --- Admin Panel (.ur-*, .adm-*, .fb-*, .set-*) expanded --- */
[data-style=pro] .adm-main { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .adm-side { background: #fff !important; border-right: 1px solid #e2e8f0 !important; }
[data-style=pro] .adm-cols { gap: 16px !important; }
[data-style=pro] .adm-msg { background: #eff6ff !important; border: 1px solid #bfdbfe !important; color: #1e40af !important; border-radius: 8px !important; }
[data-style=pro] .adm-err { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #991b1b !important; border-radius: 8px !important; }
[data-style=pro] .ur-main { background: #fff !important; }
[data-style=pro] .user-row { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; margin-bottom: 8px !important; }
[data-style=pro] .user-row:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .ur-avatar { border-radius: 50% !important; }
[data-style=pro] .ur-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .ur-mail { color: #64748b !important; }
[data-style=pro] .ur-seen { color: #94a3b8 !important; }
[data-style=pro] .ur-meta { color: #64748b !important; }
[data-style=pro] .ur-actions { gap: 6px !important; }
[data-style=pro] .ur-detail-btn { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: 6px !important; }
[data-style=pro] .ur-detail-btn:hover { border-color: #2563eb !important; color: #2563eb !important; }
[data-style=pro] .ur-detail-grid { gap: 12px !important; }
[data-style=pro] .urd-item { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .urd-login { color: #64748b !important; }
[data-style=pro] .urd-logins { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .panel-h { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .set-row { border-bottom: 1px solid #f1f5f9 !important; padding: 12px 0 !important; }
[data-style=pro] .set-btns { gap: 8px !important; }
[data-style=pro] .fb-row { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; margin-bottom: 8px !important; }
[data-style=pro] .fb-row-h { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .fb-msg { color: #334155 !important; }
[data-style=pro] .fb-tag { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .fb-del { color: #dc2626 !important; }
[data-style=pro] .owner-badge { background: #eff6ff !important; color: #2563eb !important; border-radius: 4px !important; }
[data-style=pro] .wl-list { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .wl-item { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .wl-x { color: #dc2626 !important; }

/* --- Pentest Console (.pt-*) --- */
[data-style=pro] .pt-wrap { background: #f8fafc !important; color: #0f172a !important; }
[data-style=pro] .pt-cards { gap: 16px !important; }
[data-style=pro] .pt-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-card:hover { border-color: #bfdbfe !important; box-shadow: 0 4px 12px rgba(37,99,235,.06) !important; }
[data-style=pro] .pt-card-name { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-card-desc { color: #475569 !important; }
[data-style=pro] .pt-card-time { color: #94a3b8 !important; }
[data-style=pro] .pt-conn { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-conn-btn { background: #2563eb !important; color: #fff !important; border-radius: 6px !important; }
[data-style=pro] .pt-conn-btn:hover { background: #1d4ed8 !important; }
[data-style=pro] .pt-target { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #0f172a !important; }
[data-style=pro] .pt-port { color: #2563eb !important; }
[data-style=pro] .pt-auth-bar { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
[data-style=pro] .pt-badge { background: #f1f5f9 !important; color: #475569 !important; border-radius: 4px !important; }
[data-style=pro] .pt-output-wrap { background: #1e293b !important; border-radius: 8px !important; border: 1px solid #334155 !important; }
[data-style=pro] .pt-output-header { background: #0f172a !important; border-bottom: 1px solid #334155 !important; border-radius: 8px 8px 0 0 !important; }
[data-style=pro] .pt-output { background: #1e293b !important; }
[data-style=pro] .pt-output-cmd { color: #22c55e !important; }
[data-style=pro] .pt-output-timer { color: #94a3b8 !important; }
[data-style=pro] .pt-history { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-history-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-hist-head { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-style=pro] .pt-hist-body { background: #fff !important; }
[data-style=pro] .pt-hist-item { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; }
[data-style=pro] .pt-hist-item:hover { background: #f8fafc !important; }
[data-style=pro] .pt-history-list { background: #fff !important; }
[data-style=pro] .pt-guide { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; }
[data-style=pro] .pt-guide-title { color: #0f172a !important; font-weight: 600 !important; }
[data-style=pro] .pt-guide-dl { color: #334155 !important; }
[data-style=pro] .pt-alert { background: #fefce8 !important; border: 1px solid #fef08a !important; color: #854d0e !important; border-radius: 8px !important; }
[data-style=pro] .pt-err { background: #fef2f2 !important; color: #dc2626 !important; border-radius: 6px !important; }
[data-style=pro] .pt-hint { background: #eff6ff !important; border: 1px solid #bfdbfe !important; color: #1e40af !important; border-radius: 8px !important; }

/* =====================================================================
   LANDING & DASHBOARD VISUAL POLISH — Pro Theme Overnight Upgrade
   ===================================================================== */

/* --- Pro Hero Section --- */
[data-style=pro] .hero {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-style=pro] .hero-accent {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #2563eb !important;
  color: #2563eb !important;
  animation: none !important;
}
[data-style=pro] .hero-h1,
[data-style=pro] body.landing .hero h1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
  text-shadow: none !important;
  filter: none !important;
}
[data-style=pro] .hero-sub {
  color: #475569 !important;
}
[data-style=pro] .hero-note {
  color: #94a3b8 !important;
}
[data-style=pro] .hero-mesh {
  display: none !important;
}
[data-style=pro] .hero-grain {
  display: none !important;
}
[data-style=pro] .hero-trust {
  color: #94a3b8 !important;
}

/* --- Pro Landing Stat Cards --- */
[data-style=pro] body.landing .stat,
[data-style=pro] .landing-stats .stat {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #2563eb !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] body.landing .stat:hover {
  box-shadow: 0 8px 25px -5px rgba(37,99,235,.1) !important;
  border-top-color: #1d4ed8 !important;
  transform: translateY(-2px) !important;
}
[data-style=pro] body.landing .stat-n {
  color: #2563eb !important;
}
[data-style=pro] body.landing .stat-l {
  color: #64748b !important;
}

/* --- Pro Feature Cards --- */
[data-style=pro] .feat-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .feat-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 10px 30px -5px rgba(37,99,235,.1), 0 4px 10px rgba(0,0,0,.03) !important;
}
[data-style=pro] .feat-card h3 {
  color: #0f172a !important;
}
[data-style=pro] .feat-card:hover h3 {
  color: #2563eb !important;
}
[data-style=pro] .feat-card p {
  color: #475569 !important;
}

/* --- Pro Bento Cards --- */
[data-style=pro] .bento-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .bento-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 12px 35px -8px rgba(37,99,235,.1), 0 4px 12px rgba(0,0,0,.03) !important;
}
[data-style=pro] .bento-card::after { display: none !important; }
[data-style=pro] .bento-card h3 { color: #0f172a !important; }
[data-style=pro] .bento-card p { color: #475569 !important; }
[data-style=pro] .bento-icon {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}
[data-style=pro] .bento-icon svg { color: #2563eb !important; }
[data-style=pro] .bento-tag {
  color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

/* --- Pro Section Headers --- */
[data-style=pro] .sec-label {
  color: #2563eb !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  /* Pill hugs its text instead of stretching the full .wrap width */
  display: table !important;
  width: auto !important;
  margin: 0 auto 16px !important;
}
[data-style=pro] .sec-title {
  color: #0f172a !important;
}
[data-style=pro] .sec-sub {
  color: #475569 !important;
}

/* --- Pro CTA Section --- */
[data-style=pro] .cta-final {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 40%, #2563eb 100%) !important;
  border-top: none !important;
}
[data-style=pro] .cta-final::before {
  background: radial-gradient(circle at 30% 50%, rgba(59,130,246,.2) 0%, transparent 60%) !important;
}
[data-style=pro] .cta-final h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
}
[data-style=pro] .cta-final p {
  color: rgba(255,255,255,.75) !important;
}
[data-style=pro] .cta-final .btn {
  background: #fff !important;
  color: #1e40af !important;
  border-color: #fff !important;
}
[data-style=pro] .cta-final .btn:hover {
  background: #f0f9ff !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.15) !important;
  transform: translateY(-2px) !important;
}
[data-style=pro] .cta-final .btn.ghost {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  color: #fff !important;
}
[data-style=pro] .cta-final .btn.ghost:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,.1) !important;
}

/* --- Pro CTA Band --- */
[data-style=pro] .cta-band {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}
[data-style=pro] .cta-band h2 {
  color: #0f172a !important;
}
[data-style=pro] .cta-band p {
  color: #475569 !important;
}

/* --- Pro Pricing Cards --- */
[data-style=pro] .price-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
}
[data-style=pro] .price-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 20px 50px -16px rgba(37,99,235,.12) !important;
}
[data-style=pro] .price-card.featured {
  border-color: #2563eb !important;
  border-width: 2px !important;
  box-shadow: 0 4px 20px rgba(37,99,235,.1) !important;
}
[data-style=pro] .pricing-note {
  color: #64748b !important;
}

/* --- Pro FAQ Items --- */
[data-style=pro] .faq-item {
  border-bottom-color: #f1f5f9 !important;
}
[data-style=pro] .faq-q {
  color: #0f172a !important;
}
[data-style=pro] .faq-a {
  color: #475569 !important;
}
[data-style=pro] .faq-toggle {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}
[data-style=pro] .faq-item.open .faq-toggle {
  background: #eff6ff !important;
  border-color: #2563eb !important;
  color: #2563eb !important;
}

/* --- Pro Testimonials --- */
[data-style=pro] .tst-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}
[data-style=pro] .tst-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 8px 25px -5px rgba(37,99,235,.08) !important;
}
[data-style=pro] .tst-card::before {
  color: #bfdbfe !important;
}
[data-style=pro] .tst-quote {
  color: #334155 !important;
}
[data-style=pro] .tst-avatar {
  background: #eff6ff !important;
  color: #2563eb !important;
}
[data-style=pro] .tst-name {
  color: #0f172a !important;
}
[data-style=pro] .tst-role {
  color: #94a3b8 !important;
}

/* --- Pro Navigation Dropdown Enhancement --- */
[data-style=pro] .nav-dd-menu {
  box-shadow: 0 12px 40px -8px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.04) !important;
  border-radius: 14px !important;
}
[data-style=pro] .nav-dd-item {
  border-radius: 10px !important;
}
[data-style=pro] .nav-dd-item:hover {
  background: #f8fafc !important;
}
[data-style=pro] .nav-dd-icon {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}
[data-style=pro] .nav-dd-item:hover .nav-dd-icon {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
}
[data-style=pro] .nav-dd-item:hover .nav-dd-icon svg {
  color: #2563eb !important;
}

/* --- Pro Footer --- */
[data-style=pro] .app-footer,
[data-style=pro] footer {
  background: #fff !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}
[data-style=pro] .app-footer a,
[data-style=pro] footer a {
  color: #475569 !important;
}
[data-style=pro] .app-footer a:hover,
[data-style=pro] footer a:hover {
  color: #2563eb !important;
}

/* --- Pro Landing Tool Showcase --- */
[data-style=pro] body.landing .ts-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}
[data-style=pro] body.landing .ts-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 8px 25px -5px rgba(37,99,235,.08) !important;
  transform: translateY(-4px) !important;
}
[data-style=pro] body.landing .ts-name {
  color: #0f172a !important;
}
[data-style=pro] body.landing .ts-desc {
  color: #475569 !important;
}
[data-style=pro] body.landing .ts-tab {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}
[data-style=pro] body.landing .ts-tab:hover {
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
[data-style=pro] body.landing .ts-tab.on {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}

/* --- Pro Dashboard Welcome Banner Enhancement --- */
[data-style=pro] .dash-welcome {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 35%, #e0f2fe 70%, #eff6ff 100%) !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 16px !important;
  padding: 32px !important;
  position: relative;
  overflow: hidden;
}
[data-style=pro] .dash-welcome::before {
  content: '' !important;
  position: absolute !important;
  top: -60% !important;
  right: -15% !important;
  width: 450px !important;
  height: 450px !important;
  background: radial-gradient(circle, rgba(37,99,235,.06) 0%, transparent 65%) !important;
  pointer-events: none !important;
}

/* --- Pro QA Cards (Quick Access) Hover Lift --- */
[data-style=pro] .qa {
  transition: all .2s cubic-bezier(.2,.7,.3,1) !important;
}
[data-style=pro] .qa:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 30px -8px rgba(37,99,235,.12), 0 4px 8px rgba(0,0,0,.03) !important;
  border-color: #bfdbfe !important;
}
[data-style=pro] .qa::before {
  transition: height .2s cubic-bezier(.2,.7,.3,1) !important;
}
[data-style=pro] .qa:hover::before {
  height: 4px !important;
}

/* --- Pro Changelog Timeline Enhancement --- */
[data-style=pro] .dash-changelog {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.03) !important;
}
[data-style=pro] .cl-item {
  position: relative !important;
  padding-left: 24px !important;
}
[data-style=pro] .cl-item::before {
  content: '' !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #e2e8f0 !important;
  transform: translateY(-50%) !important;
}
[data-style=pro] .cl-item:first-child::before {
  background: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
}
[data-style=pro] .cl-items::before {
  content: '' !important;
  position: absolute !important;
  left: 9px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: #f1f5f9 !important;
}
[data-style=pro] .cl-items {
  position: relative !important;
}

/* --- Pro Feed Cards (Activity) --- */
[data-style=pro] .feed-row {
  border-radius: 8px !important;
}
[data-style=pro] .feed-row:hover {
  background: #f8fafc !important;
}

/* --- Gov Section Contrast Fix --- */
[data-style=pro] .gov-icon {
  color: #2563eb !important;
}

/* --- Style Toggle Button Pro Overrides --- */
[data-style=pro] .style-toggle {
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}
[data-style=pro] .style-toggle:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
[data-style=dark] .style-toggle {
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
[data-style=dark] .style-toggle:hover {
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}

/* --- Command Palette Pro Overrides --- */
[data-style=pro] .cmdk-badge.action {
  color: #7c3aed !important;
  background: rgba(124, 58, 237, 0.08) !important;
}
[data-style=pro] .cmdk-item mark {
  background: rgba(37, 99, 235, 0.12) !important;
}
[data-style=dark] .cmdk-badge.action {
  color: #a78bfa !important;
  background: rgba(167, 139, 250, 0.15) !important;
}

/* --- Threat Intel Feed Pro Overrides (.tf-) --- */

/* --- Security Checklist Pro Overrides (.sc-) --- */
[data-style=pro] .sc-evidence {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}
[data-style=pro] .sc-status {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}
[data-style=dark] .sc-evidence,
[data-style=dark] .sc-status {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

/* --- Mobile Bottom Nav Pro Overrides (.mnav-) --- */
[data-style=pro] .mnav-bar {
  background: #fff !important;
  border-top-color: #e2e8f0 !important;
  box-shadow: 0 -2px 8px rgba(0,0,0,.04) !important;
}
[data-style=pro] .mnav-item {
  color: #64748b !important;
}
[data-style=pro] .mnav-item.mnav-active {
  color: #2563eb !important;
}
[data-style=dark] .mnav-bar {
  background: #1e293b !important;
  border-top-color: #334155 !important;
}
[data-style=dark] .mnav-item {
  color: #94a3b8 !important;
}
[data-style=dark] .mnav-item.mnav-active {
  color: #3b82f6 !important;
}

/* --- Mobile Pro Landing Improvements --- */
@media (max-width: 768px) {
  [data-style=pro] .nav-dd-menu {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    width: auto !important;
  }
  [data-style=pro] .cta-final {
    border-radius: 0 !important;
    padding: 48px 20px !important;
  }
  [data-style=pro] .dash-hero {
    padding: 24px 20px !important;
    border-radius: 12px !important;
  }
}

/* ============================================================
   NEWLY WIRED TOOLS — Pro + Dark overrides
   ============================================================ */

/* === Chess === */


/* === Crypto Playground === */


/* === Crypto Toolkit === */
[data-style="pro"] .ct-content { background: #fff; }
[data-style="pro"] [class*="ct-"][class*="-input"] { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] [class*="ct-"][class*="-output"] { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] [class*="ct-"][class*="-run"],
[data-style="pro"] [class*="ct-"][class*="-btn"],
[data-style="pro"] [class*="ct-"][class*="-calc"],
[data-style="pro"] [class*="ct-"][class*="-genkey"] { background: #2563EB; color: #fff; border: none; border-radius: 8px; }

[data-style="dark"] .ct-content { background: #1e293b; }
[data-style="dark"] [class*="ct-"][class*="-input"] { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] [class*="ct-"][class*="-output"] { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] [class*="ct-"][class*="-run"],
[data-style="dark"] [class*="ct-"][class*="-btn"],
[data-style="dark"] [class*="ct-"][class*="-calc"],
[data-style="dark"] [class*="ct-"][class*="-genkey"] { background: #3b82f6; color: #fff; }

/* === CVE Timeline === */
[data-style="pro"] .tl-layout { background: #fff; }
[data-style="pro"] .tl-header { color: #0f172a; }
[data-style="pro"] .tl-filters { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .tl-chip { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .tl-chip.active { background: #2563EB; color: #fff; }
[data-style="pro"] .tl-events { border-left: 2px solid #e2e8f0; }
[data-style="pro"] .tl-event-title { color: #0f172a; }
[data-style="pro"] .tl-event-date { color: #64748b; }
[data-style="pro"] .tl-event-meta { color: #64748b; }
[data-style="pro"] .tl-event-dot { background: #2563EB; }
[data-style="pro"] .tl-badge { background: #dbeafe; color: #1e40af; }
[data-style="pro"] .tl-detail { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .tl-detail-row { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .tl-detail-meta { color: #64748b; }
[data-style="pro"] .tl-count { color: #64748b; }
[data-style="pro"] .tl-sev-dot { box-shadow: 0 0 0 2px #fff; }

[data-style="dark"] .tl-layout { background: #1e293b; }
[data-style="dark"] .tl-header { color: #e2e8f0; }
[data-style="dark"] .tl-filters { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .tl-chip { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .tl-chip.active { background: #3b82f6; color: #fff; }
[data-style="dark"] .tl-events { border-left: 2px solid #334155; }
[data-style="dark"] .tl-event-title { color: #e2e8f0; }
[data-style="dark"] .tl-event-date { color: #94a3b8; }
[data-style="dark"] .tl-event-meta { color: #94a3b8; }
[data-style="dark"] .tl-event-dot { background: #3b82f6; }
[data-style="dark"] .tl-badge { background: #1e3a5f; color: #93c5fd; }
[data-style="dark"] .tl-detail { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .tl-detail-row { border-bottom: 1px solid #334155; }
[data-style="dark"] .tl-detail-meta { color: #94a3b8; }
[data-style="dark"] .tl-count { color: #94a3b8; }
[data-style="dark"] .tl-sev-dot { box-shadow: 0 0 0 2px #1e293b; }

/* === Encoding Toolkit === */
[data-style="pro"] .enc-wrap { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; }
[data-style="pro"] .enc-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .enc-btn { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .enc-btn:hover { background: #1d4ed8; }
[data-style="pro"] .enc-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .enc-label { color: #64748b; }

[data-style="dark"] .enc-wrap { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .enc-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .enc-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .enc-btn:hover { background: #60a5fa; }
[data-style="dark"] .enc-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .enc-label { color: #94a3b8; }

/* === Exploit DB Browser === */
[data-style="pro"] .edb { background: #fff; }

[data-style="dark"] .edb { background: #1e293b; }

/* === Forensics Toolkit === */
[data-style="pro"] .ft-wrap { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; }
[data-style="pro"] .ft-h1 { color: #0f172a; }
[data-style="pro"] .ft-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .ft-tab { color: #64748b; }
[data-style="pro"] .ft-tab.active { color: #2563EB; border-bottom-color: #2563EB; }
[data-style="pro"] .ft-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .ft-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ft-btn { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .ft-btn:hover { background: #1d4ed8; }
[data-style="pro"] .ft-badge { background: #dbeafe; color: #1e40af; }
[data-style="pro"] .ft-label { color: #64748b; }
[data-style="pro"] .ft-sub { color: #64748b; }
[data-style="pro"] .ft-result { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ft-mono { font-family: 'JetBrains Mono', monospace; color: #0f172a; }
[data-style="pro"] .ft-val { color: #0f172a; }
[data-style="pro"] .ft-search { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ft-scroll { background: #f8fafc; }
[data-style="pro"] .ft-table th { background: #f1f5f9; color: #0f172a; border-bottom: 2px solid #e2e8f0; }
[data-style="pro"] .ft-table td { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .ft-row { border-bottom: 1px solid #e2e8f0; }

[data-style="dark"] .ft-wrap { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .ft-h1 { color: #e2e8f0; }
[data-style="dark"] .ft-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .ft-tab { color: #94a3b8; }
[data-style="dark"] .ft-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
[data-style="dark"] .ft-card { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .ft-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ft-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .ft-btn:hover { background: #60a5fa; }
[data-style="dark"] .ft-badge { background: #1e3a5f; color: #93c5fd; }
[data-style="dark"] .ft-label { color: #94a3b8; }
[data-style="dark"] .ft-sub { color: #94a3b8; }
[data-style="dark"] .ft-result { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ft-mono { color: #e2e8f0; }
[data-style="dark"] .ft-val { color: #e2e8f0; }
[data-style="dark"] .ft-search { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ft-scroll { background: #0f172a; }
[data-style="dark"] .ft-table th { background: #0f172a; color: #e2e8f0; border-bottom: 2px solid #334155; }
[data-style="dark"] .ft-table td { border-bottom: 1px solid #334155; }
[data-style="dark"] .ft-row { border-bottom: 1px solid #334155; }

/* === HTTP Inspector === */


/* === IP Tools === */
[data-style="pro"] .ip-row { border-bottom: 1px solid #e2e8f0; }

[data-style="dark"] .ip-row { border-bottom: 1px solid #334155; }

/* === Log Parser === */


/* === Packet Analyzer === */
[data-style="pro"] .pka-split { background: #fff; }
[data-style="pro"] .pka-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .pka-btn { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .pka-btn:hover { background: #1d4ed8; }
[data-style="pro"] .pka-samples { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="pro"] .pka-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .pka-tab { color: #64748b; }
[data-style="pro"] .pka-tab.active { color: #2563EB; border-bottom-color: #2563EB; }
[data-style="pro"] .pka-tree { background: #f8fafc; border: 1px solid #e2e8f0; }
[data-style="pro"] .pka-hex { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'JetBrains Mono', monospace; }
[data-style="pro"] .pka-stats { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="pro"] .pka-summary { color: #0f172a; }
[data-style="pro"] .pka-error { color: #dc2626; }
[data-style="pro"] .pk-layer { border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="pro"] .pk-layer-head { background: #f1f5f9; color: #0f172a; }
[data-style="pro"] .pk-fname { color: #64748b; }
[data-style="pro"] .pk-fval { color: #0f172a; }
[data-style="pro"] .pk-addr { color: #2563EB; }
[data-style="pro"] .pk-dim { color: #64748b; }
[data-style="pro"] .pk-hl { background: #dbeafe; }
[data-style="pro"] .pk-arrow { color: #64748b; }
[data-style="pro"] .pk-ascii { color: #64748b; }

[data-style="dark"] .pka-split { background: #1e293b; }
[data-style="dark"] .pka-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .pka-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .pka-btn:hover { background: #60a5fa; }
[data-style="dark"] .pka-samples { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .pka-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .pka-tab { color: #94a3b8; }
[data-style="dark"] .pka-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
[data-style="dark"] .pka-tree { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .pka-hex { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .pka-stats { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .pka-summary { color: #e2e8f0; }
[data-style="dark"] .pka-error { color: #f87171; }
[data-style="dark"] .pk-layer { border: 1px solid #334155; }
[data-style="dark"] .pk-layer-head { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .pk-fname { color: #94a3b8; }
[data-style="dark"] .pk-fval { color: #e2e8f0; }
[data-style="dark"] .pk-addr { color: #3b82f6; }
[data-style="dark"] .pk-dim { color: #94a3b8; }
[data-style="dark"] .pk-hl { background: #1e3a5f; }
[data-style="dark"] .pk-arrow { color: #94a3b8; }
[data-style="dark"] .pk-ascii { color: #94a3b8; }

/* === Password Tools === */


/* === Payload Generator === */
[data-style="pro"] .pg-h1 { color: #0f172a; }
[data-style="pro"] .pg-h2 { color: #0f172a; }
[data-style="pro"] .pg-list { background: #f8fafc; border: 1px solid #e2e8f0; }
[data-style="pro"] .pg-item { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .pg-item:hover { background: #f1f5f9; }
[data-style="pro"] .pg-item-top { color: #0f172a; }
[data-style="pro"] .pg-item-group { color: #64748b; }
[data-style="pro"] .pg-code { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'JetBrains Mono', monospace; border-radius: 8px; }
[data-style="pro"] .pg-copy { background: #2563EB; color: #fff; border: none; border-radius: 6px; }
[data-style="pro"] .pg-count-badge { background: #dbeafe; color: #1e40af; }
[data-style="pro"] .pg-empty { color: #64748b; }
[data-style="pro"] .pg-check-row { color: #0f172a; }
[data-style="pro"] .pg-sub { color: #64748b; }

[data-style="dark"] .pg-h1 { color: #e2e8f0; }
[data-style="dark"] .pg-h2 { color: #e2e8f0; }
[data-style="dark"] .pg-list { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .pg-item { border-bottom: 1px solid #334155; }
[data-style="dark"] .pg-item:hover { background: #1e293b; }
[data-style="dark"] .pg-item-top { color: #e2e8f0; }
[data-style="dark"] .pg-item-group { color: #94a3b8; }
[data-style="dark"] .pg-code { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .pg-copy { background: #3b82f6; color: #fff; }
[data-style="dark"] .pg-count-badge { background: #1e3a5f; color: #93c5fd; }
[data-style="dark"] .pg-empty { color: #94a3b8; }
[data-style="dark"] .pg-check-row { color: #e2e8f0; }
[data-style="dark"] .pg-sub { color: #94a3b8; }

/* === Report Builder === */


/* === Risk Calculator (CVSS) === */
[data-style="pro"] .cvss-vector { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'JetBrains Mono', monospace; border-radius: 6px; }

[data-style="dark"] .cvss-vector { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }

/* === Security Quiz === */
[data-style="pro"] .quiz-btn { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .quiz-btn:hover { background: #1d4ed8; }
[data-style="pro"] .quiz-option { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; color: #0f172a; cursor: pointer; }
[data-style="pro"] .quiz-option:hover { border-color: #2563EB; background: #f1f5f9; }

[data-style="dark"] .quiz-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .quiz-btn:hover { background: #60a5fa; }
[data-style="dark"] .quiz-option { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .quiz-option:hover { border-color: #3b82f6; background: #1e293b; }

/* === Security Scanner === */


/* === Subnet Visualizer === */


/* === Threat Dashboard === */


/* === Timeline Visualization === */
[data-style="pro"] .txt-dim { color: #64748b; }

[data-style="dark"] .txt-dim { color: #94a3b8; }

/* === Vulnerability Database === */
[data-style="pro"] .vdb-row { background: #fff; border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .vdb-row:hover { background: #f8fafc; }
[data-style="pro"] .vdb-sev { border-radius: 6px; }
[data-style="pro"] .vdb-sort { color: #64748b; cursor: pointer; }
[data-style="pro"] .vdb-sort:hover { color: #2563EB; }

[data-style="dark"] .vdb-row { background: #1e293b; border-bottom: 1px solid #334155; }
[data-style="dark"] .vdb-row:hover { background: #0f172a; }
[data-style="dark"] .vdb-sort { color: #94a3b8; }
[data-style="dark"] .vdb-sort:hover { color: #3b82f6; }

/* === Hash Suite === */
[data-style="pro"] .hs-panel { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .hs-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .hs-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .hs-input-group { border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="pro"] .hs-btn-primary { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .hs-btn-primary:hover { background: #1d4ed8; }
[data-style="pro"] .hs-btn-ghost { background: transparent; border: 1px solid #e2e8f0; color: #64748b; border-radius: 8px; }
[data-style="pro"] .hs-btn-ghost:hover { background: #f1f5f9; }
[data-style="pro"] .hs-btn { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; border-radius: 8px; }
[data-style="pro"] .hs-label { color: #64748b; }
[data-style="pro"] .hs-badge { background: #dbeafe; color: #1e40af; border-radius: 6px; }
[data-style="pro"] .hs-badge-green { background: #dcfce7; color: #166534; }
[data-style="pro"] .hs-badge-red { background: #fef2f2; color: #991b1b; }
[data-style="pro"] .hs-badge-yellow { background: #fefce8; color: #854d0e; }
[data-style="pro"] .hs-badge-blue { background: #dbeafe; color: #1e40af; }
[data-style="pro"] .hs-output { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'JetBrains Mono', monospace; border-radius: 8px; }
[data-style="pro"] .hs-copy-btn { background: #2563EB; color: #fff; border: none; border-radius: 6px; }
[data-style="pro"] .hs-match { color: #16a34a; }
[data-style="pro"] .hs-nomatch { color: #dc2626; }
[data-style="pro"] .hs-info-row { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .hs-info-label { color: #64748b; }
[data-style="pro"] .hs-info-value { color: #0f172a; }
[data-style="pro"] .hs-grid { gap: 16px; }
[data-style="pro"] .hs-meter { background: #e2e8f0; border-radius: 4px; }
[data-style="pro"] .hs-meter-fill { border-radius: 4px; }
[data-style="pro"] .hs-file-drop { background: #f8fafc; border: 2px dashed #e2e8f0; border-radius: 10px; color: #64748b; }
[data-style="pro"] .hs-file-drop:hover { border-color: #2563EB; }
[data-style="pro"] .hs-progress { background: #e2e8f0; border-radius: 4px; }
[data-style="pro"] .hs-progress-bar { border-radius: 4px; }
[data-style="pro"] .hs-results-table th { background: #f1f5f9; color: #0f172a; border-bottom: 2px solid #e2e8f0; }
[data-style="pro"] .hs-results-table td { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .hs-compare-row { border-bottom: 1px solid #e2e8f0; }

[data-style="dark"] .hs-panel { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .hs-card { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .hs-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .hs-input-group { border: 1px solid #334155; }
[data-style="dark"] .hs-btn-primary { background: #3b82f6; color: #fff; }
[data-style="dark"] .hs-btn-primary:hover { background: #60a5fa; }
[data-style="dark"] .hs-btn-ghost { background: transparent; border: 1px solid #334155; color: #94a3b8; }
[data-style="dark"] .hs-btn-ghost:hover { background: #0f172a; }
[data-style="dark"] .hs-btn { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .hs-label { color: #94a3b8; }
[data-style="dark"] .hs-badge { background: #1e3a5f; color: #93c5fd; }
[data-style="dark"] .hs-badge-green { background: #052e16; color: #86efac; }
[data-style="dark"] .hs-badge-red { background: #450a0a; color: #fca5a5; }
[data-style="dark"] .hs-badge-yellow { background: #422006; color: #fde68a; }
[data-style="dark"] .hs-badge-blue { background: #1e3a5f; color: #93c5fd; }
[data-style="dark"] .hs-output { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .hs-copy-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .hs-match { color: #4ade80; }
[data-style="dark"] .hs-nomatch { color: #f87171; }
[data-style="dark"] .hs-info-row { border-bottom: 1px solid #334155; }
[data-style="dark"] .hs-info-label { color: #94a3b8; }
[data-style="dark"] .hs-info-value { color: #e2e8f0; }
[data-style="dark"] .hs-meter { background: #334155; }
[data-style="dark"] .hs-file-drop { background: #0f172a; border: 2px dashed #334155; color: #94a3b8; }
[data-style="dark"] .hs-file-drop:hover { border-color: #3b82f6; }
[data-style="dark"] .hs-progress { background: #334155; }
[data-style="dark"] .hs-results-table th { background: #0f172a; color: #e2e8f0; border-bottom: 2px solid #334155; }
[data-style="dark"] .hs-results-table td { border-bottom: 1px solid #334155; }
[data-style="dark"] .hs-compare-row { border-bottom: 1px solid #334155; }

/* === CVE Search === */
[data-style="pro"] .cve-results { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .cve-detail { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .cve-query { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .cve-sev-btn { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; border-radius: 6px; }
[data-style="pro"] .cve-sev-btn.active { background: #2563EB; color: #fff; border-color: #2563EB; }

[data-style="dark"] .cve-results { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .cve-detail { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .cve-query { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .cve-sev-btn { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .cve-sev-btn.active { background: #3b82f6; color: #fff; border-color: #3b82f6; }

/* === Darknet Radar === */
[data-style="pro"] .dr-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .dr-tab { color: #64748b; }
[data-style="pro"] .dr-tab.active { color: #2563EB; border-bottom-color: #2563EB; }
[data-style="pro"] .dr-panel { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .dr-rg-detail { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }

[data-style="dark"] .dr-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .dr-tab { color: #94a3b8; }
[data-style="dark"] .dr-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
[data-style="dark"] .dr-panel { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .dr-rg-detail { background: #0f172a; border: 1px solid #334155; }

/* === Email Intel === */


/* === Hash Lookup === */


/* === Identity Matrix === */
[data-style="pro"] .im-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .im-tab { color: #64748b; }
[data-style="pro"] .im-tab.active { color: #2563EB; border-bottom-color: #2563EB; }
[data-style="pro"] .im-panel { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .im-jwt-input,
[data-style="pro"] .im-entropy-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .im-jwt-result,
[data-style="pro"] .im-entropy-result { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }

[data-style="dark"] .im-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .im-tab { color: #94a3b8; }
[data-style="dark"] .im-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
[data-style="dark"] .im-panel { background: #1e293b; border: 1px solid #334155; }
[data-style="dark"] .im-jwt-input,
[data-style="dark"] .im-entropy-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .im-jwt-result,
[data-style="dark"] .im-entropy-result { background: #0f172a; border: 1px solid #334155; }

/* === SSL Inspector === */
[data-style="pro"] .ssl-tabs { border-bottom: 1px solid #e2e8f0; }
[data-style="pro"] .ssl-tab { color: #64748b; }
[data-style="pro"] .ssl-tab.active { color: #2563EB; border-bottom-color: #2563EB; }
[data-style="pro"] .ssl-domain { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ssl-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }

[data-style="dark"] .ssl-tabs { border-bottom: 1px solid #334155; }
[data-style="dark"] .ssl-tab { color: #94a3b8; }
[data-style="dark"] .ssl-tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }
[data-style="dark"] .ssl-domain { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ssl-results { background: #0f172a; border: 1px solid #334155; }

/* === Non-prefixed tools: generic overrides by section context === */

/* ASN Explorer */
[data-style="pro"] .asn-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .asn-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="dark"] .asn-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .asn-results { background: #0f172a; border: 1px solid #334155; }

/* CORS Tester */
[data-style="pro"] .cors-url { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .cors-origin { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .cors-method { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .cors-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .cors-header { border-bottom: 1px solid #e2e8f0; }
[data-style="dark"] .cors-url { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .cors-origin { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .cors-method { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .cors-results { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .cors-header { border-bottom: 1px solid #334155; }

/* DNS Recon */

/* Header Analyzer */
[data-style="pro"] .ha-input { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ha-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .ha-raw { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'JetBrains Mono', monospace; }
[data-style="dark"] .ha-input { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ha-results { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .ha-raw { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }

/* HTTP Probe */

/* Network Scanner */
[data-style="pro"] .ns-target { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ns-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="pro"] .ns-port-grid { gap: 8px; }
[data-style="pro"] .ns-dns-info { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="pro"] .ns-scan-progress { background: #e2e8f0; border-radius: 4px; }
[data-style="dark"] .ns-target { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ns-results { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .ns-dns-info { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .ns-scan-progress { background: #334155; }

/* Tech Fingerprint */
[data-style="pro"] .tf-url { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .tf-results { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
[data-style="dark"] .tf-url { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .tf-results { background: #0f172a; border: 1px solid #334155; }

/* Threat Feed Aggregator */
[data-style="pro"] .tf-ioc,
[data-style="pro"] .tf-c2,
[data-style="pro"] .tf-malurl{ background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
[data-style="dark"] .tf-ioc,
[data-style="dark"] .tf-c2,
[data-style="dark"] .tf-malurl{ background: #0f172a; border: 1px solid #334155; }

/* Traffic Analyzer */

/* WebSocket Tester */
[data-style="pro"] .ws-url { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ws-connect-btn { background: #2563EB; color: #fff; border: none; border-radius: 8px; }
[data-style="pro"] .ws-connect-btn:hover { background: #1d4ed8; }
[data-style="pro"] .ws-message { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; }
[data-style="pro"] .ws-log { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; font-family: 'JetBrains Mono', monospace; }
[data-style="pro"] .ws-status { color: #64748b; }
[data-style="pro"] .ws-frame-count { color: #64748b; }
[data-style="dark"] .ws-url { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ws-connect-btn { background: #3b82f6; color: #fff; }
[data-style="dark"] .ws-connect-btn:hover { background: #60a5fa; }
[data-style="dark"] .ws-message { background: #0f172a; border: 1px solid #334155; color: #e2e8f0; }
[data-style="dark"] .ws-log { background: #0f172a; border: 1px solid #334155; }
[data-style="dark"] .ws-status { color: #94a3b8; }
[data-style="dark"] .ws-frame-count { color: #94a3b8; }

/* WHOIS Recon */

/* IP Geolocation */

/* =====================================================
   ORGANIZATION & STRUCTURE OVERRIDES
   ===================================================== */

/* === Sidebar group indicators (pro) === */
[data-style="pro"] .side-group { color: #64748b; }
[data-style="pro"] .side-group::before { opacity: .85; }
[data-style="pro"] .side-cnt { background: #e2e8f0; color: #475569; }
[data-style="pro"] .side-group:not(:first-child) { border-top-color: #e2e8f0; }

/* === Sidebar group indicators (dark) === */
[data-style="dark"] .side-group { color: #94a3b8; }
[data-style="dark"] .side-group::before { opacity: .75; }
[data-style="dark"] .side-cnt { background: #334155; color: #94a3b8; }
[data-style="dark"] .side-group:not(:first-child) { border-top-color: #1e293b; }

/* === Dashboard cards (pro) === */
[data-style="pro"] .qa-card { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .qa-card:hover { border-color: #93c5fd; box-shadow: 0 4px 12px rgba(37,99,235,.08); }
[data-style="pro"] .qa-card .qa-title { color: #0f172a; }
[data-style="pro"] .qa-card .qa-desc { color: #64748b; }

[data-style="dark"] .qa-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .qa-card:hover { border-color: #3b82f6; box-shadow: 0 4px 12px rgba(59,130,246,.12); }
[data-style="dark"] .qa-card .qa-title { color: #e2e8f0; }
[data-style="dark"] .qa-card .qa-desc { color: #94a3b8; }

/* === Tool header bar (pro) === */
[data-style="pro"] .tool-header { border-bottom-color: #e2e8f0; }
[data-style="pro"] .tool-header h1,
[data-style="pro"] .tool-header h2 { color: #0f172a; }

[data-style="dark"] .tool-header { border-bottom-color: #334155; }
[data-style="dark"] .tool-header h1,
[data-style="dark"] .tool-header h2 { color: #e2e8f0; }

/* === Buttons (pro) === */
[data-style="pro"] .btn { background: #2563EB; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
[data-style="pro"] .btn:hover:not(:disabled) { background: #1d4ed8; box-shadow: 0 4px 12px rgba(37,99,235,.2); }
[data-style="pro"] .btn.ghost { background: transparent; color: #0f172a; border-color: #e2e8f0; box-shadow: none; }
[data-style="pro"] .btn.ghost:hover:not(:disabled) { background: #f1f5f9; border-color: #93c5fd; color: #1d4ed8; }
[data-style="pro"] .btn.danger { background: #dc2626; }
[data-style="pro"] .btn.danger:hover:not(:disabled) { background: #b91c1c; }

[data-style="dark"] .btn { background: #3b82f6; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
[data-style="dark"] .btn:hover:not(:disabled) { background: #60a5fa; box-shadow: 0 4px 12px rgba(59,130,246,.25); }
[data-style="dark"] .btn.ghost { background: transparent; color: #e2e8f0; border-color: #334155; box-shadow: none; }
[data-style="dark"] .btn.ghost:hover:not(:disabled) { background: #1e293b; border-color: #3b82f6; color: #93c5fd; }

/* === Button groups (pro) === */
[data-style="pro"] .btn-group .btn+.btn { border-left-color: rgba(255,255,255,.2); }
[data-style="pro"] .btn-group .btn.ghost+.btn.ghost { border-left-color: #e2e8f0; }
[data-style="dark"] .btn-group .btn.ghost+.btn.ghost { border-left-color: #334155; }

/* === Tab bar (pro) === */
[data-style="pro"] .tab-bar { border-bottom-color: #e2e8f0; }
[data-style="pro"] .tab-bar .tab { color: #64748b; }
[data-style="pro"] .tab-bar .tab:hover { color: #0f172a; }
[data-style="pro"] .tab-bar .tab.active { color: #2563EB; border-bottom-color: #2563EB; }

[data-style="dark"] .tab-bar { border-bottom-color: #334155; }
[data-style="dark"] .tab-bar .tab { color: #94a3b8; }
[data-style="dark"] .tab-bar .tab:hover { color: #e2e8f0; }
[data-style="dark"] .tab-bar .tab.active { color: #3b82f6; border-bottom-color: #3b82f6; }

/* === Badges (pro) === */
[data-style="pro"] .badge.critical { background: #fef2f2; color: #991b1b; }
[data-style="pro"] .badge.high { background: #fff7ed; color: #9a3412; }
[data-style="pro"] .badge.medium { background: #fefce8; color: #854d0e; }
[data-style="pro"] .badge.low { background: #f0fdf4; color: #166534; }
[data-style="pro"] .badge.info { background: #dbeafe; color: #1e40af; }

[data-style="dark"] .badge.critical { background: #450a0a; color: #fca5a5; }
[data-style="dark"] .badge.high { background: #431407; color: #fdba74; }
[data-style="dark"] .badge.medium { background: #422006; color: #fde047; }
[data-style="dark"] .badge.low { background: #052e16; color: #86efac; }
[data-style="dark"] .badge.info { background: #1e3a5f; color: #93c5fd; }

/* === Stat cards (pro) === */
[data-style="pro"] .stat-card { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .stat-card .stat-value { color: #0f172a; }
[data-style="pro"] .stat-card .stat-label { color: #64748b; }

[data-style="dark"] .stat-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .stat-card .stat-value { color: #e2e8f0; }
[data-style="dark"] .stat-card .stat-label { color: #94a3b8; }

/* === Data table (pro) === */
[data-style="pro"] .data-table th { background: #f8fafc; color: #475569; border-bottom-color: #e2e8f0; }
[data-style="pro"] .data-table td { border-bottom-color: #f1f5f9; color: #0f172a; }
[data-style="pro"] .data-table tr:hover td { background: #f8fafc; }

[data-style="dark"] .data-table th { background: #0f172a; color: #94a3b8; border-bottom-color: #334155; }
[data-style="dark"] .data-table td { border-bottom-color: #1e293b; color: #e2e8f0; }
[data-style="dark"] .data-table tr:hover td { background: rgba(59,130,246,.04); }

/* === Code output (pro) === */
[data-style="pro"] .code-output { background: #f8fafc; border-color: #e2e8f0; color: #1e293b; }
[data-style="dark"] .code-output { background: #0f172a; border-color: #334155; color: #e2e8f0; }

/* === Input group (pro) === */
[data-style="pro"] .input-group input,
[data-style="pro"] .input-group select { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .input-group input:focus,
[data-style="pro"] .input-group select:focus { border-color: #93c5fd; }

[data-style="dark"] .input-group input,
[data-style="dark"] .input-group select { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .input-group input:focus,
[data-style="dark"] .input-group select:focus { border-color: #3b82f6; }

/* === Empty state (pro) === */
[data-style="pro"] .empty-state { color: #94a3b8; }
[data-style="pro"] .empty-state .empty-title { color: #475569; }

[data-style="dark"] .empty-state { color: #64748b; }
[data-style="dark"] .empty-state .empty-title { color: #94a3b8; }

/* === Dashboard category labels (pro) === */
[data-style="pro"] .dash-cat-label { color: #475569; }
[data-style="dark"] .dash-cat-label { color: #94a3b8; }

/* === Panel refinements (pro) === */
[data-style="pro"] .panel { background: #fff; border-color: #e2e8f0; border-radius: 10px; }
[data-style="pro"] .panel-h { background: #f8fafc; border-bottom-color: #e2e8f0; }
[data-style="dark"] .panel { background: #1e293b; border-color: #334155; border-radius: 10px; }
[data-style="dark"] .panel-h { background: #0f172a; border-bottom-color: #334155; }

/* === Billing toggle & pricing (pro) === */
[data-style="pro"] .billing-toggle label { color: #64748b; }
[data-style="pro"] .billing-toggle label.active { color: #0f172a; }
[data-style="pro"] .billing-switch { background: #e2e8f0; }
[data-style="pro"] .billing-save { color: #15803d; background: #dcfce7; }
[data-style="pro"] .price-saved { color: #15803d; background: #dcfce7; }
[data-style="pro"] .price-card { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .price-card:hover { border-color: #93c5fd; box-shadow: 0 20px 50px -16px rgba(37,99,235,.12); }
[data-style="pro"] .price-card.featured { border-color: #2563EB; background: linear-gradient(160deg, #eff6ff, #fff); }
[data-style="pro"] .price-badge { background: #2563EB; color: #fff; }
[data-style="pro"] .price-tier { color: #0f172a; }
[data-style="pro"] .price-amount { color: #0f172a; }
[data-style="pro"] .price-desc { color: #64748b; }
[data-style="pro"] .price-features li { border-bottom-color: #f1f5f9; color: #334155; }
[data-style="pro"] .pricing-note { color: #64748b; }

[data-style="dark"] .billing-toggle label { color: #94a3b8; }
[data-style="dark"] .billing-toggle label.active { color: #e2e8f0; }
[data-style="dark"] .billing-switch { background: #334155; }
[data-style="dark"] .billing-save { color: #22c55e; background: rgba(34,197,94,.12); }
[data-style="dark"] .price-saved { color: #22c55e; background: rgba(34,197,94,.12); }
[data-style="dark"] .price-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .price-card:hover { border-color: #3b82f6; box-shadow: 0 20px 50px -16px rgba(59,130,246,.15); }
[data-style="dark"] .price-card.featured { border-color: #3b82f6; background: linear-gradient(160deg, rgba(59,130,246,.08), #1e293b); }
[data-style="dark"] .price-badge { background: #3b82f6; color: #fff; }
[data-style="dark"] .price-tier { color: #e2e8f0; }
[data-style="dark"] .price-amount { color: #e2e8f0; }
[data-style="dark"] .price-features li { border-bottom-color: #1e293b; color: #cbd5e1; }
[data-style="dark"] .pricing-note { color: #94a3b8; }

/* === Tool intro (pro) === */
[data-style="pro"] .tool-intro { background: #f0f7ff; border-color: #bfdbfe; }
[data-style="pro"] .tool-intro h2 { color: #0f172a; }
[data-style="pro"] .tool-intro p { color: #475569; }
[data-style="pro"] .tool-intro .step-num { background: #2563EB; color: #fff; }
[data-style="pro"] .tool-intro .step-text { color: #334155; }
[data-style="pro"] .tool-intro .step-text strong { color: #0f172a; }

[data-style="dark"] .tool-intro { background: rgba(59,130,246,.06); border-color: rgba(59,130,246,.15); }
[data-style="dark"] .tool-intro h2 { color: #e2e8f0; }
[data-style="dark"] .tool-intro p { color: #94a3b8; }
[data-style="dark"] .tool-intro .step-num { background: #3b82f6; color: #fff; }
[data-style="dark"] .tool-intro .step-text { color: #94a3b8; }
[data-style="dark"] .tool-intro .step-text strong { color: #e2e8f0; }

/* === PHANTOM tool (pro) === */
[data-style="pro"] .ph-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .ph-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ph-title { color: #0f172a; }
[data-style="pro"] .ph-sub { color: #475569; }
[data-style="pro"] .ph-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] .ph-tab { color: #475569; background: transparent; }
[data-style="pro"] .ph-tab:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] .ph-tab.active { background: #2563EB; color: #fff; }
[data-style="pro"] .ph-panel { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .ph-panel-h { color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ph-panel-body { color: #334155; }
[data-style="pro"] .ph-stat { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ph-stat-n { color: #2563EB; }
[data-style="pro"] .ph-stat-l { color: #475569; }
[data-style="pro"] .ph-table { border-color: #e2e8f0; }
[data-style="pro"] .ph-table th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ph-table td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ph-table tr:hover td { background: #f8fafc; }
[data-style="pro"] .ph-btn { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .ph-btn:hover { background: #1d4ed8; }
[data-style="pro"] .ph-chip { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .ph-badge { color: #fff; }
[data-style="pro"] .ph-hex { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ph-tree { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ph-tree-key { color: #2563EB; }
[data-style="pro"] .ph-tree-val { color: #334155; }
[data-style="pro"] .ph-tree-head { color: #0f172a; }
[data-style="pro"] .ph-alert { border-color: #e2e8f0; background: #fefce8; }
[data-style="pro"] .ph-alert-head { color: #0f172a; }
[data-style="pro"] .ph-alert-desc { color: #475569; }
[data-style="pro"] .ph-grid { border-color: #e2e8f0; }
[data-style="pro"] .ph-empty { color: #94a3b8; }
[data-style="pro"] .ph-scroll { border-color: #e2e8f0; }
[data-style="pro"] .ph-file-input { background: #f8fafc; border-color: #e2e8f0; color: #334155; }

[data-style="dark"] .ph-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .ph-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ph-title { color: #e2e8f0; }
[data-style="dark"] .ph-sub { color: #94a3b8; }
[data-style="dark"] .ph-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ph-tab { color: #94a3b8; background: transparent; }
[data-style="dark"] .ph-tab:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] .ph-tab.active { background: #3b82f6; color: #fff; }
[data-style="dark"] .ph-panel { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ph-panel-h { color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ph-panel-body { color: #cbd5e1; }
[data-style="dark"] .ph-stat { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ph-stat-n { color: #3b82f6; }
[data-style="dark"] .ph-stat-l { color: #94a3b8; }
[data-style="dark"] .ph-table { border-color: #334155; }
[data-style="dark"] .ph-table th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ph-table td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ph-table tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .ph-btn { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .ph-btn:hover { background: #2563EB; }
[data-style="dark"] .ph-chip { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .ph-badge { color: #fff; }
[data-style="dark"] .ph-hex { background: #0f172a; border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ph-tree { background: #0f172a; border-color: #334155; }
[data-style="dark"] .ph-tree-key { color: #3b82f6; }
[data-style="dark"] .ph-tree-val { color: #cbd5e1; }
[data-style="dark"] .ph-tree-head { color: #e2e8f0; }
[data-style="dark"] .ph-alert { border-color: #334155; background: rgba(250,204,21,.06); }
[data-style="dark"] .ph-alert-head { color: #e2e8f0; }
[data-style="dark"] .ph-alert-desc { color: #94a3b8; }
[data-style="dark"] .ph-grid { border-color: #334155; }
[data-style="dark"] .ph-empty { color: #64748b; }
[data-style="dark"] .ph-scroll { border-color: #334155; }
[data-style="dark"] .ph-file-input { background: #0f172a; border-color: #334155; color: #e2e8f0; }

/* === SPECTRE tool (pro) === */
[data-style="pro"] .sp-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .sp-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .sp-title { color: #0f172a; }
[data-style="pro"] .sp-subtitle, [data-style="pro"] .sp-sub { color: #475569; }
[data-style="pro"] .sp-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] .sp-tab { color: #475569; background: transparent; }
[data-style="pro"] .sp-tab:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] .sp-tab.active { background: #2563EB; color: #fff; }
[data-style="pro"] .sp-card { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .sp-card-h { color: #0f172a; }
[data-style="pro"] .sp-btn { border-color: #e2e8f0; color: #334155; background: #f8fafc; }
[data-style="pro"] .sp-btn:hover { background: #e2e8f0; }
[data-style="pro"] .sp-btn-primary { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .sp-btn-primary:hover { background: #1d4ed8; }
[data-style="pro"] .sp-btn-active { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .sp-select { background: #fff; color: #334155; border-color: #e2e8f0; }
[data-style="pro"] .sp-table { border-color: #e2e8f0; }
[data-style="pro"] .sp-table th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .sp-table td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .sp-table tr:hover td { background: #f8fafc; }
[data-style="pro"] .sp-chip { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .sp-sev-badge { color: #fff; }
[data-style="pro"] .sp-status-badge { color: #fff; }
[data-style="pro"] .sp-gauge-wrap { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .sp-score-card { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .sp-score-detail { color: #475569; }
[data-style="pro"] .sp-filter-row { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .sp-comp-row { border-color: #e2e8f0; }
[data-style="pro"] .sp-comp-name { color: #0f172a; }
[data-style="pro"] .sp-comp-pct { color: #2563EB; }
[data-style="pro"] .sp-comp-bar-bg { background: #e2e8f0; }
[data-style="pro"] .sp-comp-bar-fill { background: #2563EB; }
[data-style="pro"] .sp-gap-item { background: #fefce8; border-color: #fde68a; color: #713f12; }
[data-style="pro"] .sp-textarea { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .sp-mono { background: #f8fafc; color: #334155; border-color: #e2e8f0; }
[data-style="pro"] .sp-tf-finding { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .sp-tf-finding-head { color: #0f172a; }
[data-style="pro"] .sp-tf-finding-issue { color: #dc2626; }
[data-style="pro"] .sp-tf-finding-fix { color: #16a34a; }
[data-style="pro"] .sp-tf-finding-code { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .sp-empty { color: #94a3b8; }
[data-style="pro"] .sp-meta-item { color: #475569; }
[data-style="pro"] .sp-h2 { color: #0f172a; }
[data-style="pro"] .sp-h3 { color: #1e293b; }
[data-style="pro"] .sp-iam-matrix { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .sp-iam-results { background: #f8fafc; border-color: #e2e8f0; }

[data-style="dark"] .sp-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .sp-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-title { color: #e2e8f0; }
[data-style="dark"] .sp-subtitle, [data-style="dark"] .sp-sub { color: #94a3b8; }
[data-style="dark"] .sp-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-tab { color: #94a3b8; background: transparent; }
[data-style="dark"] .sp-tab:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] .sp-tab.active { background: #3b82f6; color: #fff; }
[data-style="dark"] .sp-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-card-h { color: #e2e8f0; }
[data-style="dark"] .sp-btn { border-color: #334155; color: #cbd5e1; background: #1e293b; }
[data-style="dark"] .sp-btn:hover { background: #334155; }
[data-style="dark"] .sp-btn-primary { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .sp-btn-primary:hover { background: #2563EB; }
[data-style="dark"] .sp-btn-active { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .sp-select { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .sp-table { border-color: #334155; }
[data-style="dark"] .sp-table th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .sp-table td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .sp-table tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .sp-chip { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .sp-sev-badge { color: #fff; }
[data-style="dark"] .sp-status-badge { color: #fff; }
[data-style="dark"] .sp-gauge-wrap { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-score-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-score-detail { color: #94a3b8; }
[data-style="dark"] .sp-filter-row { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-comp-row { border-color: #334155; }
[data-style="dark"] .sp-comp-name { color: #e2e8f0; }
[data-style="dark"] .sp-comp-pct { color: #3b82f6; }
[data-style="dark"] .sp-comp-bar-bg { background: #334155; }
[data-style="dark"] .sp-comp-bar-fill { background: #3b82f6; }
[data-style="dark"] .sp-gap-item { background: rgba(250,204,21,.06); border-color: rgba(250,204,21,.2); color: #fde68a; }
[data-style="dark"] .sp-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .sp-mono { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .sp-tf-finding { background: #1e293b; border-color: #334155; }
[data-style="dark"] .sp-tf-finding-head { color: #e2e8f0; }
[data-style="dark"] .sp-tf-finding-issue { color: #f87171; }
[data-style="dark"] .sp-tf-finding-fix { color: #4ade80; }
[data-style="dark"] .sp-tf-finding-code { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .sp-empty { color: #64748b; }
[data-style="dark"] .sp-meta-item { color: #94a3b8; }
[data-style="dark"] .sp-h2 { color: #e2e8f0; }
[data-style="dark"] .sp-h3 { color: #cbd5e1; }
[data-style="dark"] .sp-iam-matrix { background: #0f172a; border-color: #334155; }
[data-style="dark"] .sp-iam-results { background: #0f172a; border-color: #334155; }

/* === CITADEL tool (pro) === */
[data-style="pro"] .ct-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .ct-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-title { color: #0f172a; }
[data-style="pro"] .ct-sub { color: #475569; }
[data-style="pro"] .ct-dot { background: #2563EB; box-shadow: 0 0 8px #2563EB; }
[data-style="pro"] .ct-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] [class*="ct-tab"] { color: #475569; }
[data-style="pro"] [class*="ct-tab"]:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] [class*="ct-tab"].on { background: #2563EB; color: #fff; }
[data-style="pro"] .ct-panel { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .ct-panel-h { color: #0f172a; border-color: #e2e8f0; background: #f8fafc; }
[data-style="pro"] .ct-panel-b { color: #334155; }
[data-style="pro"] .ct-stat { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-stat-v { color: #2563EB; }
[data-style="pro"] .ct-stat-l { color: #475569; }
[data-style="pro"] .ct-tbl { border-color: #e2e8f0; }
[data-style="pro"] .ct-tbl th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ct-tbl td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-tbl tr:hover td { background: #f8fafc; }
[data-style="pro"] .ct-btn { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .ct-btn:hover { background: #1d4ed8; }
[data-style="pro"] .ct-btn-ghost { background: transparent; color: #334155; border-color: #e2e8f0; }
[data-style="pro"] .ct-btn-ghost:hover { border-color: #2563EB; color: #2563EB; }
[data-style="pro"] .ct-btn-danger { background: #ef4444; border-color: #ef4444; }
[data-style="pro"] .ct-inp { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .ct-sel { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .ct-textarea { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .ct-badge { color: #fff; }
[data-style="pro"] .ct-tag { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .ct-log-line { color: #334155; border-bottom-color: #f1f5f9; }
[data-style="pro"] .ct-log-line:hover { background: #f8fafc; }
[data-style="pro"] .ct-log-ts { color: #64748b; }
[data-style="pro"] .ct-log-src { color: #2563EB; }
[data-style="pro"] .ct-log-msg { color: #0f172a; }
[data-style="pro"] .ct-log-detail { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-heatmap { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-filter-row { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-gauge { background: #e2e8f0; }
[data-style="pro"] .ct-gauge-fill { background: #2563EB; }
[data-style="pro"] .ct-feed-item { border-color: #e2e8f0; }
[data-style="pro"] .ct-feed-time { color: #64748b; }
[data-style="pro"] .ct-yaml { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-timeline { border-color: #e2e8f0; }
[data-style="pro"] .ct-tl-time { color: #64748b; }
[data-style="pro"] .ct-corr-event { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .ct-corr-flow { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-analyst { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-trend { background: #f8fafc; }
[data-style="pro"] .ct-trend-bar { background: #2563EB; }

[data-style="dark"] .ct-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .ct-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-title { color: #e2e8f0; }
[data-style="dark"] .ct-sub { color: #94a3b8; }
[data-style="dark"] .ct-dot { background: #3b82f6; box-shadow: 0 0 8px #3b82f6; }
[data-style="dark"] .ct-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] [class*="ct-tab"] { color: #94a3b8; }
[data-style="dark"] [class*="ct-tab"]:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] [class*="ct-tab"].on { background: #3b82f6; color: #fff; }
[data-style="dark"] .ct-panel { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-panel-h { color: #e2e8f0; border-color: #334155; background: rgba(255,255,255,.03); }
[data-style="dark"] .ct-panel-b { color: #cbd5e1; }
[data-style="dark"] .ct-stat { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-stat-v { color: #3b82f6; }
[data-style="dark"] .ct-stat-l { color: #94a3b8; }
[data-style="dark"] .ct-tbl { border-color: #334155; }
[data-style="dark"] .ct-tbl th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-tbl td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ct-tbl tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .ct-btn { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .ct-btn:hover { background: #2563EB; }
[data-style="dark"] .ct-btn-ghost { background: transparent; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-btn-ghost:hover { border-color: #3b82f6; color: #3b82f6; }
[data-style="dark"] .ct-btn-danger { background: #ef4444; border-color: #ef4444; }
[data-style="dark"] .ct-inp { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-sel { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-badge { color: #fff; }
[data-style="dark"] .ct-tag { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .ct-log-line { color: #cbd5e1; border-bottom-color: #334155; }
[data-style="dark"] .ct-log-line:hover { background: rgba(59,130,246,.06); }
[data-style="dark"] .ct-log-ts { color: #94a3b8; }
[data-style="dark"] .ct-log-src { color: #3b82f6; }
[data-style="dark"] .ct-log-msg { color: #e2e8f0; }
[data-style="dark"] .ct-log-detail { background: #0f172a; border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ct-heatmap { background: #0f172a; border-color: #334155; }
[data-style="dark"] .ct-filter-row { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-gauge { background: #334155; }
[data-style="dark"] .ct-gauge-fill { background: #3b82f6; }
[data-style="dark"] .ct-feed-item { border-color: #334155; }
[data-style="dark"] .ct-feed-time { color: #94a3b8; }
[data-style="dark"] .ct-yaml { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-timeline { border-color: #334155; }
[data-style="dark"] .ct-tl-time { color: #94a3b8; }
[data-style="dark"] .ct-corr-event { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-corr-flow { background: #0f172a; border-color: #334155; }
[data-style="dark"] .ct-analyst { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-trend { background: #1e293b; }
[data-style="dark"] .ct-trend-bar { background: #3b82f6; }

/* === ORACLE tool (pro) === */
[data-style="pro"] .or-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .or-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-title { color: #0f172a; }
[data-style="pro"] .or-sub { color: #475569; }
[data-style="pro"] .or-dot { background: #2563EB; box-shadow: 0 0 8px #2563EB; }
[data-style="pro"] .or-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] [class*="or-tab"] { color: #475569; }
[data-style="pro"] [class*="or-tab"]:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] [class*="or-tab"].on { background: #2563EB; color: #fff; }
[data-style="pro"] .or-panel { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .or-panel-h { color: #0f172a; border-color: #e2e8f0; background: #f8fafc; }
[data-style="pro"] .or-panel-b { color: #334155; }
[data-style="pro"] .or-stat { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-stat-v { color: #2563EB; }
[data-style="pro"] .or-stat-l { color: #475569; }
[data-style="pro"] .or-tbl { border-color: #e2e8f0; }
[data-style="pro"] .or-tbl th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .or-tbl td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-tbl tr:hover td { background: #f8fafc; }
[data-style="pro"] .or-btn { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .or-btn:hover { background: #1d4ed8; }
[data-style="pro"] .or-card { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .or-card-title { color: #0f172a; }
[data-style="pro"] .or-card-sub { color: #475569; }
[data-style="pro"] .or-inp { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .or-sel { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .or-textarea { background: #fff; border-color: #e2e8f0; color: #0f172a; }
[data-style="pro"] .or-badge { color: #fff; }
[data-style="pro"] [class*="or-chip"] { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .or-map { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-map-region { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .or-map-region-name { color: #0f172a; }
[data-style="pro"] .or-map-region-count { color: #2563EB; }
[data-style="pro"] .or-diamond { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-diamond-label { color: #64748b; }
[data-style="pro"] .or-diamond-text { color: #0f172a; }
[data-style="pro"] .or-killchain { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-kc-step { background: #fff; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-stix-graph { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-feed-item { border-color: #e2e8f0; }
[data-style="pro"] .or-feed-time { color: #64748b; }
[data-style="pro"] .or-report-preview { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-search-row { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-timeline-item { border-color: #e2e8f0; }

[data-style="dark"] .or-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .or-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-title { color: #e2e8f0; }
[data-style="dark"] .or-sub { color: #94a3b8; }
[data-style="dark"] .or-dot { background: #3b82f6; box-shadow: 0 0 8px #3b82f6; }
[data-style="dark"] .or-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] [class*="or-tab"] { color: #94a3b8; }
[data-style="dark"] [class*="or-tab"]:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] [class*="or-tab"].on { background: #3b82f6; color: #fff; }
[data-style="dark"] .or-panel { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-panel-h { color: #e2e8f0; border-color: #334155; background: rgba(255,255,255,.03); }
[data-style="dark"] .or-panel-b { color: #cbd5e1; }
[data-style="dark"] .or-stat { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-stat-v { color: #3b82f6; }
[data-style="dark"] .or-stat-l { color: #94a3b8; }
[data-style="dark"] .or-tbl { border-color: #334155; }
[data-style="dark"] .or-tbl th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .or-tbl td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .or-tbl tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .or-btn { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .or-btn:hover { background: #2563EB; }
[data-style="dark"] .or-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-card-title { color: #e2e8f0; }
[data-style="dark"] .or-card-sub { color: #94a3b8; }
[data-style="dark"] .or-inp { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-sel { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-badge { color: #fff; }
[data-style="dark"] [class*="or-chip"] { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .or-map { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-map-region { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-map-region-name { color: #e2e8f0; }
[data-style="dark"] .or-map-region-count { color: #3b82f6; }
[data-style="dark"] .or-diamond { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-diamond-label { color: #94a3b8; }
[data-style="dark"] .or-diamond-text { color: #e2e8f0; }
[data-style="dark"] .or-killchain { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-kc-step { background: #1e293b; border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .or-stix-graph { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-feed-item { border-color: #334155; }
[data-style="dark"] .or-feed-time { color: #94a3b8; }
[data-style="dark"] .or-report-preview { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-search-row { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-timeline-item { border-color: #334155; }

/* === CITADEL tool (pro) === */
[data-style="pro"] .ct-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .ct-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-title { color: #0f172a; }
[data-style="pro"] .ct-sub { color: #475569; }
[data-style="pro"] .ct-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] .ct-tab { color: #475569; background: transparent; }
[data-style="pro"] .ct-tab:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] .ct-tab.active { background: #2563EB; color: #fff; }
[data-style="pro"] .ct-panel { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .ct-panel-h { color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ct-panel-b { color: #334155; }
[data-style="pro"] .ct-stat { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-stat-v { color: #2563EB; }
[data-style="pro"] .ct-stat-l { color: #475569; }
[data-style="pro"] .ct-tbl { border-color: #e2e8f0; }
[data-style="pro"] .ct-tbl th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ct-tbl td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-tbl tr:hover td { background: #f8fafc; }
[data-style="pro"] .ct-btn { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .ct-btn:hover { background: #1d4ed8; }
[data-style="pro"] .ct-btn-ghost { background: transparent; color: #475569; border-color: #e2e8f0; }
[data-style="pro"] .ct-btn-danger { background: #dc2626; border-color: #dc2626; }
[data-style="pro"] .ct-inp { background: #fff; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .ct-sel { background: #fff; color: #334155; border-color: #e2e8f0; }
[data-style="pro"] .ct-tag { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .ct-badge { color: #fff; }
[data-style="pro"] .ct-feed-item { border-color: #e2e8f0; }
[data-style="pro"] .ct-feed-time { color: #94a3b8; }
[data-style="pro"] .ct-heatmap { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-gauge { background: #e2e8f0; }
[data-style="pro"] .ct-gauge-fill { background: #2563EB; }
[data-style="pro"] .ct-log-line { border-color: #e2e8f0; }
[data-style="pro"] .ct-log-ts { color: #94a3b8; }
[data-style="pro"] .ct-log-src { color: #2563EB; }
[data-style="pro"] .ct-log-msg { color: #334155; }
[data-style="pro"] .ct-rule-card { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-textarea { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-yaml { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-corr-event { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-corr-arrow { color: #94a3b8; }
[data-style="pro"] .ct-timeline { border-color: #e2e8f0; }
[data-style="pro"] .ct-tl-item { border-color: #e2e8f0; }
[data-style="pro"] .ct-tl-time { color: #94a3b8; }
[data-style="pro"] .ct-filter-row { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-score-ring { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-compliance-bar { background: #e2e8f0; }
[data-style="pro"] .ct-compliance-btn { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .ct-analyst { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-trend { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .ct-scanline { display: none; }

[data-style="dark"] .ct-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .ct-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-title { color: #e2e8f0; }
[data-style="dark"] .ct-sub { color: #94a3b8; }
[data-style="dark"] .ct-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-tab { color: #94a3b8; background: transparent; }
[data-style="dark"] .ct-tab:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-tab.active { background: #3b82f6; color: #fff; }
[data-style="dark"] .ct-panel { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-panel-h { color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-panel-b { color: #cbd5e1; }
[data-style="dark"] .ct-stat { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-stat-v { color: #3b82f6; }
[data-style="dark"] .ct-stat-l { color: #94a3b8; }
[data-style="dark"] .ct-tbl { border-color: #334155; }
[data-style="dark"] .ct-tbl th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-tbl td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ct-tbl tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .ct-btn { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .ct-btn:hover { background: #2563EB; }
[data-style="dark"] .ct-btn-ghost { background: transparent; color: #94a3b8; border-color: #334155; }
[data-style="dark"] .ct-btn-danger { background: #dc2626; border-color: #dc2626; }
[data-style="dark"] .ct-inp { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-sel { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .ct-tag { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .ct-badge { color: #fff; }
[data-style="dark"] .ct-feed-item { border-color: #334155; }
[data-style="dark"] .ct-feed-time { color: #64748b; }
[data-style="dark"] .ct-heatmap { background: #0f172a; border-color: #334155; }
[data-style="dark"] .ct-gauge { background: #334155; }
[data-style="dark"] .ct-gauge-fill { background: #3b82f6; }
[data-style="dark"] .ct-log-line { border-color: #334155; }
[data-style="dark"] .ct-log-ts { color: #64748b; }
[data-style="dark"] .ct-log-src { color: #3b82f6; }
[data-style="dark"] .ct-log-msg { color: #cbd5e1; }
[data-style="dark"] .ct-rule-card { background: #0f172a; border-color: #334155; }
[data-style="dark"] .ct-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-yaml { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .ct-corr-event { background: #1e293b; border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ct-corr-arrow { color: #64748b; }
[data-style="dark"] .ct-timeline { border-color: #334155; }
[data-style="dark"] .ct-tl-item { border-color: #334155; }
[data-style="dark"] .ct-tl-time { color: #64748b; }
[data-style="dark"] .ct-filter-row { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-score-ring { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-compliance-bar { background: #334155; }
[data-style="dark"] .ct-compliance-btn { background: #1e293b; border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .ct-analyst { background: #1e293b; border-color: #334155; }
[data-style="dark"] .ct-trend { background: #1e293b; border-color: #334155; }

/* === ORACLE tool (pro) === */
[data-style="pro"] .or-wrap { background: #fff; color: #0f172a; }
[data-style="pro"] .or-header { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-title { color: #0f172a; }
[data-style="pro"] .or-sub { color: #475569; }
[data-style="pro"] .or-tabs { background: #f1f5f9; border-color: #e2e8f0; }
[data-style="pro"] .or-tab { color: #475569; background: transparent; }
[data-style="pro"] .or-tab:hover { background: #e2e8f0; color: #0f172a; }
[data-style="pro"] .or-tab.active { background: #2563EB; color: #fff; }
[data-style="pro"] .or-panel { background: #fff; border-color: #e2e8f0; }
[data-style="pro"] .or-panel-h { color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .or-panel-b { color: #334155; }
[data-style="pro"] .or-stat { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-stat-v { color: #2563EB; }
[data-style="pro"] .or-stat-l { color: #475569; }
[data-style="pro"] .or-tbl { border-color: #e2e8f0; }
[data-style="pro"] .or-tbl th { background: #f1f5f9; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .or-tbl td { border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-tbl tr:hover td { background: #f8fafc; }
[data-style="pro"] .or-btn { background: #2563EB; color: #fff; border-color: #2563EB; }
[data-style="pro"] .or-btn:hover { background: #1d4ed8; }
[data-style="pro"] .or-inp { background: #fff; color: #0f172a; border-color: #e2e8f0; }
[data-style="pro"] .or-sel { background: #fff; color: #334155; border-color: #e2e8f0; }
[data-style="pro"] .or-card { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-card-title { color: #0f172a; }
[data-style="pro"] .or-card-sub { color: #475569; }
[data-style="pro"] .or-chip { background: #e0e7ff; color: #3730a3; border-color: #c7d2fe; }
[data-style="pro"] .or-badge { color: #fff; }
[data-style="pro"] .or-feed-item { border-color: #e2e8f0; }
[data-style="pro"] .or-feed-time { color: #94a3b8; }
[data-style="pro"] .or-map { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-map-region-name { color: #0f172a; }
[data-style="pro"] .or-map-region-count { color: #2563EB; }
[data-style="pro"] .or-diamond { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-diamond-label { color: #475569; }
[data-style="pro"] .or-diamond-text { color: #334155; }
[data-style="pro"] .or-diamond-node { fill: #2563EB; stroke: #1d4ed8; }
[data-style="pro"] .or-killchain { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-kc-step { background: #e2e8f0; color: #475569; }
[data-style="pro"] .or-kc-active { background: #2563EB; color: #fff; }
[data-style="pro"] .or-stix-graph { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-stix-node { stroke: #e2e8f0; }
[data-style="pro"] .or-search-row { background: #f8fafc; border-color: #e2e8f0; }
[data-style="pro"] .or-textarea { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-report-preview { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
[data-style="pro"] .or-content { color: #334155; }
[data-style="pro"] .or-timeline-item { border-color: #e2e8f0; }
[data-style="pro"] .or-phase-bar { background: #e2e8f0; }

[data-style="dark"] .or-wrap { background: #0f172a; color: #e2e8f0; }
[data-style="dark"] .or-header { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-title { color: #e2e8f0; }
[data-style="dark"] .or-sub { color: #94a3b8; }
[data-style="dark"] .or-tabs { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-tab { color: #94a3b8; background: transparent; }
[data-style="dark"] .or-tab:hover { background: #334155; color: #e2e8f0; }
[data-style="dark"] .or-tab.active { background: #3b82f6; color: #fff; }
[data-style="dark"] .or-panel { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-panel-h { color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .or-panel-b { color: #cbd5e1; }
[data-style="dark"] .or-stat { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-stat-v { color: #3b82f6; }
[data-style="dark"] .or-stat-l { color: #94a3b8; }
[data-style="dark"] .or-tbl { border-color: #334155; }
[data-style="dark"] .or-tbl th { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .or-tbl td { border-color: #334155; color: #cbd5e1; }
[data-style="dark"] .or-tbl tr:hover td { background: rgba(59,130,246,.06); }
[data-style="dark"] .or-btn { background: #3b82f6; color: #fff; border-color: #3b82f6; }
[data-style="dark"] .or-btn:hover { background: #2563EB; }
[data-style="dark"] .or-inp { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .or-sel { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-style="dark"] .or-card { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-card-title { color: #e2e8f0; }
[data-style="dark"] .or-card-sub { color: #94a3b8; }
[data-style="dark"] .or-chip { background: rgba(59,130,246,.15); color: #93c5fd; border-color: rgba(59,130,246,.25); }
[data-style="dark"] .or-badge { color: #fff; }
[data-style="dark"] .or-feed-item { border-color: #334155; }
[data-style="dark"] .or-feed-time { color: #64748b; }
[data-style="dark"] .or-map { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-map-region-name { color: #e2e8f0; }
[data-style="dark"] .or-map-region-count { color: #3b82f6; }
[data-style="dark"] .or-diamond { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-diamond-label { color: #94a3b8; }
[data-style="dark"] .or-diamond-text { color: #cbd5e1; }
[data-style="dark"] .or-diamond-node { fill: #3b82f6; stroke: #2563EB; }
[data-style="dark"] .or-killchain { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-kc-step { background: #334155; color: #94a3b8; }
[data-style="dark"] .or-kc-active { background: #3b82f6; color: #fff; }
[data-style="dark"] .or-stix-graph { background: #0f172a; border-color: #334155; }
[data-style="dark"] .or-stix-node { stroke: #334155; }
[data-style="dark"] .or-search-row { background: #1e293b; border-color: #334155; }
[data-style="dark"] .or-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-report-preview { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-style="dark"] .or-content { color: #cbd5e1; }
[data-style="dark"] .or-timeline-item { border-color: #334155; }
[data-style="dark"] .or-phase-bar { background: #334155; }

/* ═══════════════════════════════════════════════════════════════════
   FINAL OVERRIDES — highest cascade priority, end of file
   ═══════════════════════════════════════════════════════════════════ */

/* Dashboard stat row — 4-column grid so 7 cards flow as 4+3, not 6+1 */
html[data-style="pro"] .stat-row {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 900px) {
  html[data-style="pro"] .stat-row { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 640px) {
  html[data-style="pro"] .stat-row { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Dashboard stat cards — clean top-only accent border */
/* Pro stat cards consolidated in the September 2026 polish section below */

/* Dark theme stat row */
html[data-style="dark"] .stat-row {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 900px) {
  html[data-style="dark"] .stat-row { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 640px) {
  html[data-style="dark"] .stat-row { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Dark theme stat cards */
html[data-style="dark"] .stat-row .stat {
  border-image: none !important;
  border: 1px solid #334155 !important;
  border-top: 3px solid #3b82f6 !important;
  border-radius: 12px !important;
  background: #1e293b !important;
}
html[data-style="dark"] .stat-row .stat:nth-child(2) { border-top-color: #8b5cf6 !important; }
html[data-style="dark"] .stat-row .stat:nth-child(3) { border-top-color: #10b981 !important; }
html[data-style="dark"] .stat-row .stat:nth-child(4) { border-top-color: #f59e0b !important; }
html[data-style="dark"] .stat-row .stat:nth-child(5) { border-top-color: #ec4899 !important; }
html[data-style="dark"] .stat-row .stat:nth-child(6) { border-top-color: #06b6d4 !important; }
html[data-style="dark"] .stat-row .stat:nth-child(7) { border-top-color: #f97316 !important; }
html[data-style="dark"] .stat-row .stat .stat-n {
  color: #e2e8f0 !important;
}

/* Sidebar collapse — override all theme widths */
html .sidebar.collapsed {
  width: 52px !important;
  padding: 10px 4px !important;
  overflow: hidden !important;
}
html .sidebar.collapsed .side-brand,
html .sidebar.collapsed .side-search-wrap,
html .sidebar.collapsed .side-foot .side-user {
  display: none !important;
}
html .sidebar.collapsed .side-item {
  font-size: 0 !important;
  padding: 8px !important;
  border-left: none !important;
  border-radius: var(--btn-radius, 4px) !important;
  text-align: center !important;
  min-height: 32px !important;
}
html .sidebar.collapsed .side-item .side-badge {
  display: none !important;
}
html .sidebar.collapsed .side-group {
  font-size: 0 !important;
  padding: 6px 4px 2px !important;
  justify-content: center !important;
}
html .sidebar.collapsed .side-group .side-cnt,
html .sidebar.collapsed .side-collapse::after {
  display: none !important;
}
html .sidebar.collapsed .side-group::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  margin: 0 auto !important;
}

/* ====================================================================
   UI POLISH — September 2026
   Targeted refinements for visual quality, hierarchy, and consistency
   ==================================================================== */

/* --- Sidebar: Better group labels, refined spacing, cleaner active --- */
html[data-style="pro"] .sidebar {
  width: 240px !important;
  padding: 12px 10px !important;
  background: #fff !important;
  border-right: 1px solid #eef2f7 !important;
}
html[data-style="pro"] .side-group {
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: #94a3b8 !important;
  padding: 18px 10px 6px !important;
  margin-top: 0 !important;
  border-top: none !important;
  position: relative !important;
}
html[data-style="pro"] .side-group:not(:first-of-type)::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 8px !important;
  left: 10px !important;
  right: 10px !important;
  height: 1px !important;
  background: #f1f5f9 !important;
}
html[data-style="pro"] .side-group .side-cnt {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  font-size: .6rem !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
}
html[data-style="pro"] .side-item {
  font-size: .8rem !important;
  font-weight: 450 !important;
  padding: 6px 10px 6px 12px !important;
  border-radius: var(--btn-radius, 4px) !important;
  border-left: 2px solid transparent !important;
  color: #475569 !important;
  margin: 1px 0 !important;
  transition: all .12s ease !important;
}
html[data-style="pro"] .side-item:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-left-color: transparent !important;
}
html[data-style="pro"] .side-item.active {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
  border-left-color: #2563eb !important;
}
html[data-style="pro"] .side-item .side-badge {
  font-size: .58rem !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}
html[data-style="pro"] .side-badge.live {
  background: #dcfce7 !important;
  color: #15803d !important;
}
html[data-style="pro"] .side-badge.ai {
  background: #ede9fe !important;
  color: #6d28d9 !important;
}
html[data-style="pro"] .side-badge.beta {
  background: #fef3c7 !important;
  color: #92400e !important;
}
html[data-style="pro"] .side-search {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: .78rem !important;
  padding: 7px 10px 7px 30px !important;
  color: #0f172a !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
html[data-style="pro"] .side-search:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
  background: #fff !important;
}
html[data-style="pro"] .side-foot {
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 10px !important;
  margin-top: auto !important;
}
html[data-style="pro"] .side-toggle {
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
  border-radius: var(--btn-radius, 4px) !important;
  width: 30px !important;
  height: 30px !important;
}
html[data-style="pro"] .side-toggle:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: #eff6ff !important;
}

/* --- Topbar: Cleaner alignment, better search button --- */
html[data-style="pro"] #topbar {
  padding: 0 20px !important;
  min-height: 52px !important;
  background: rgba(255,255,255,.95) !important;
  border-bottom: 1px solid #eef2f7 !important;
  box-shadow: none !important;
}
html[data-style="pro"] .brand {
  gap: 8px !important;
}
html[data-style="pro"] .brand-wordmark {
  height: 15px !important;
}
html[data-style="pro"] #user-slot {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
html[data-style="pro"] .cmdk-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--btn-radius, 4px) !important;
  padding: 5px 12px !important;
  font-size: .78rem !important;
  color: #64748b !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: border-color .15s ease !important;
}
html[data-style="pro"] .cmdk-btn:hover {
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .cmdk-btn kbd {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-size: .65rem !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  color: #94a3b8 !important;
}
html[data-style="pro"] .style-toggle {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
}
html[data-style="pro"] .style-toggle:hover {
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .icon-btn {
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--btn-radius, 4px) !important;
  background: #f8fafc !important;
  color: #64748b !important;
  width: 34px !important;
  height: 34px !important;
  cursor: pointer !important;
  font-size: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s ease !important;
}
html[data-style="pro"] .icon-btn:hover {
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .profile-btn {
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--btn-radius, 4px) !important;
  background: #f8fafc !important;
  height: 34px !important;
  box-sizing: border-box !important;
  padding: 0 10px 0 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-size: .78rem !important;
  color: #334155 !important;
  transition: all .15s ease !important;
}
html[data-style="pro"] .profile-btn:hover {
  border-color: #cbd5e1 !important;
}
html[data-style="pro"] .p-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
  overflow: hidden !important;
  flex: none !important;
}
html[data-style="pro"] .p-initials {
  background: #2563eb !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- Dashboard hero: Cleaner layout --- */
html[data-style="pro"] .dash-hero {
  background: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 12px !important;
  padding: 28px 32px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.02) !important;
}
html[data-style="pro"] .dash-hero .eyebrow {
  font-size: .68rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  color: #2563eb !important;
  background: #eff6ff !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  border: 1px solid #bfdbfe !important;
}
html[data-style="pro"] .dash-hero .pg-h1 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
html[data-style="pro"] .dash-hero .pg-sub {
  font-size: .88rem !important;
  color: #64748b !important;
  margin: 0 0 12px !important;
}
html[data-style="pro"] .dash-status {
  font-size: .75rem !important;
  color: #16a34a !important;
  font-weight: 500 !important;
}
html[data-style="pro"] .dash-status-dot {
  background: #16a34a !important;
}
html[data-style="pro"] .hero-actions .btn {
  border-radius: var(--btn-radius, 4px) !important;
  font-size: .8rem !important;
  padding: 7px 16px !important;
}

/* --- Stat cards: Clean minimal design, colored numbers --- */
html[data-style="pro"] .stat-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}
html[data-style="pro"] body.app .stat-row .stat,
html[data-style="pro"] .stat-row .stat {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-image: none !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow .15s ease, transform .15s ease !important;
}
html[data-style="pro"] body.app .stat-row .stat::before,
html[data-style="pro"] .stat-row .stat::before {
  content: none !important;
  display: none !important;
}
html[data-style="pro"] body.app .stat-row .stat:hover,
html[data-style="pro"] .stat-row .stat:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.07) !important;
  border-color: #e2e8f0 !important;
}
html[data-style="pro"] body.app .stat .stat-n,
html[data-style="pro"] .stat-n {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #2563eb !important;
  display: block !important;
}
html[data-style="pro"] body.app .stat:nth-child(2) .stat-n { color: #7c3aed !important; }
html[data-style="pro"] body.app .stat:nth-child(3) .stat-n { color: #0891b2 !important; }
html[data-style="pro"] body.app .stat:nth-child(4) .stat-n { color: #d97706 !important; }
html[data-style="pro"] body.app .stat:nth-child(5) .stat-n { color: #059669 !important; }
html[data-style="pro"] body.app .stat:nth-child(6) .stat-n { color: #db2777 !important; }
html[data-style="pro"] body.app .stat:nth-child(7) .stat-n { color: #4f46e5 !important; }
html[data-style="pro"] body.app .stat .stat-l,
html[data-style="pro"] .stat-l {
  font-size: .68rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #64748b !important;
  margin-top: 4px !important;
}
html[data-style="pro"] body.app .stat .stat-s,
html[data-style="pro"] .stat-s {
  font-size: .65rem !important;
  color: #94a3b8 !important;
  margin-top: 2px !important;
}

/* --- Dashboard cards (qa) — refined left border and spacing --- */
html[data-style="pro"] .qa {
  border-left: 3px solid #e2e8f0 !important;
  padding: 14px 16px !important;
  border-radius: 8px !important;
  transition: all .15s ease !important;
}
html[data-style="pro"] .qa:hover {
  border-left-color: #2563eb !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.05) !important;
}
html[data-style="pro"] .qa-title {
  font-size: .88rem !important;
  font-weight: 600 !important;
}
html[data-style="pro"] .qa-desc {
  font-size: .78rem !important;
  line-height: 1.5 !important;
  margin-top: 3px !important;
}

/* --- Dashboard sections: Category labels --- */
html[data-style="pro"] .dash-cat-label {
  font-size: .68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #94a3b8 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

/* --- Changelog section --- */
html[data-style="pro"] .dash-changelog {
  background: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  margin-bottom: 24px !important;
}
html[data-style="pro"] .cl-tag {
  font-size: .6rem !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  letter-spacing: .03em !important;
}
html[data-style="pro"] .cl-tag.new { background: #dcfce7 !important; color: #15803d !important; }
html[data-style="pro"] .cl-tag.imp { background: #dbeafe !important; color: #1d4ed8 !important; }
html[data-style="pro"] .cl-tag.fix { background: #fef3c7 !important; color: #92400e !important; }

/* --- Command Palette refinement --- */
html[data-style="pro"] .cmdk {
  background: rgba(0,0,0,.4) !important;
}
html[data-style="pro"] .cmdk-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.2) !important;
  overflow: hidden !important;
}
html[data-style="pro"] .cmdk-input {
  border: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-radius: 0 !important;
  padding: 14px 18px !important;
  font-size: .95rem !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
html[data-style="pro"] .cmdk-input::placeholder {
  color: #94a3b8 !important;
}
html[data-style="pro"] .cmdk-list {
  max-height: 360px !important;
  background: #fff !important;
}
html[data-style="pro"] .cmdk-item {
  padding: 8px 16px !important;
  border-radius: 8px !important;
  margin: 2px 8px !important;
  font-size: .84rem !important;
  color: #334155 !important;
  transition: background .1s ease !important;
}
html[data-style="pro"] .cmdk-item:hover,
html[data-style="pro"] .cmdk-item.sel {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .cmdk-item.sel {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
html[data-style="pro"] .cmdk-foot {
  border-top: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
  padding: 8px 16px !important;
  font-size: .72rem !important;
  color: #94a3b8 !important;
}
html[data-style="pro"] .cmdk-foot kbd {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-size: .65rem !important;
  color: #64748b !important;
}

/* --- AI page: Cleaner chat layout --- */
html[data-style="pro"] .ai-wrap {
  background: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
html[data-style="pro"] .ai-header {
  padding: 14px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
}
html[data-style="pro"] .ai-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .ai-status {
  font-size: .75rem !important;
  color: #64748b !important;
  padding: 6px 18px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
html[data-style="pro"] .ai-chat {
  background: #fff !important;
  min-height: 300px !important;
  padding: 16px 18px !important;
}
html[data-style="pro"] .ai-empty {
  color: #94a3b8 !important;
  font-size: .88rem !important;
}
html[data-style="pro"] .msg.you {
  background: #eff6ff !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  color: #0f172a !important;
  font-size: .86rem !important;
  margin: 8px 0 !important;
}
html[data-style="pro"] .msg.ai {
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  color: #0f172a !important;
  font-size: .86rem !important;
  line-height: 1.65 !important;
  margin: 8px 0 !important;
}
html[data-style="pro"] .ai-input-row {
  border-top: 1px solid #f1f5f9 !important;
  padding: 10px 14px !important;
  background: #f8fafc !important;
}
html[data-style="pro"] .ai-input {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 10px 14px !important;
  font-size: .86rem !important;
  color: #0f172a !important;
  resize: none !important;
}
html[data-style="pro"] .ai-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}
html[data-style="pro"] .ai-sel {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: .8rem !important;
  padding: 6px 10px !important;
  color: #334155 !important;
}

/* --- Tool intro panel: Cleaner steps --- */
html[data-style="pro"] .tool-intro {
  background: #f8fafc !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  margin-bottom: 16px !important;
}
html[data-style="pro"] .tool-intro h2 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
html[data-style="pro"] .tool-intro p {
  font-size: .84rem !important;
  color: #64748b !important;
  margin: 0 0 14px !important;
}
html[data-style="pro"] .tool-steps {
  display: flex !important;
  gap: 20px !important;
}
html[data-style="pro"] .step-num {
  background: #2563eb !important;
  color: #fff !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* --- Breadcrumbs refinement --- */
html[data-style="pro"] .crumbs {
  margin: 0 0 12px !important;
}
html[data-style="pro"] .crumb {
  color: #94a3b8 !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
}
html[data-style="pro"] .crumb:hover {
  color: #2563eb !important;
}
html[data-style="pro"] .crumb.cur {
  color: #0f172a !important;
  font-weight: 600 !important;
}
html[data-style="pro"] .crumb-sep {
  color: #cbd5e1 !important;
  font-size: .7rem !important;
}

/* --- App footer refinement --- */
html[data-style="pro"] .app-foot {
  border-top: 1px solid #f1f5f9 !important;
  background: #fff !important;
  padding: 16px 0 !important;
  margin-top: 40px !important;
}
html[data-style="pro"] .app-foot-brand {
  color: #0f172a !important;
  font-weight: 700 !important;
}
html[data-style="pro"] .app-foot-ver {
  color: #94a3b8 !important;
  font-size: .72rem !important;
}
html[data-style="pro"] .app-foot-links a {
  color: #64748b !important;
  font-size: .78rem !important;
}
html[data-style="pro"] .app-foot-links a:hover {
  color: #2563eb !important;
}
html[data-style="pro"] .app-foot-fine {
  color: #94a3b8 !important;
  font-size: .72rem !important;
}

/* --- Profile and more menus --- */
html[data-style="pro"] .menu {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
  padding: 4px !important;
}
html[data-style="pro"] .menu-item {
  border-radius: 6px !important;
  padding: 7px 12px !important;
  font-size: .82rem !important;
  color: #334155 !important;
  transition: background .1s ease !important;
}
html[data-style="pro"] .menu-item:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .menu-div {
  margin: 3px 8px !important;
  border-color: #f1f5f9 !important;
}

/* --- Page heading system: Consistent across all views --- */
html[data-style="pro"] .pg-h1 {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #0f172a !important;
  margin: 0 0 4px !important;
}
html[data-style="pro"] .pg-sub {
  font-size: .86rem !important;
  color: #64748b !important;
  margin: 0 0 20px !important;
}
html[data-style="pro"] .pg-h2 {
  font-size: .95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 8px !important;
  margin: 24px 0 14px !important;
}

/* --- Table refinement --- */
html[data-style="pro"] .data-table th {
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
html[data-style="pro"] .data-table td {
  font-size: .82rem !important;
  color: #334155 !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
html[data-style="pro"] .data-table tr:hover {
  background: #f8fafc !important;
}

/* --- Panel heading refinement --- */
html[data-style="pro"] .panel-h,
html[data-style="pro"] .panel .panel-h {
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
  border-radius: 10px 10px 0 0 !important;
}

/* --- Global hover taming: Reduce aggressive card hover transforms --- */
html[data-style="pro"] .card:hover,
html[data-style="pro"] .feat-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}
html[data-style="pro"] button.card:hover,
html[data-style="pro"] a.card:hover,
html[data-style="pro"] .card[onclick]:hover,
html[data-style="pro"] .card[role="button"]:hover {
  transform: translateY(-2px) !important;
}

/* --- Toast refinement --- */
html[data-style="pro"] .toast {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-radius: 10px !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.2) !important;
}

/* --- Settings page refinement --- */
html[data-style="pro"] .set-layout {
  background: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  min-height: 560px !important;
}
html[data-style="pro"] .set-nav {
  background: #f8fafc !important;
  border-right: 1px solid #f1f5f9 !important;
  min-width: 200px !important;
  padding: 14px !important;
}
html[data-style="pro"] .set-tab {
  color: #64748b !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  transition: all .1s ease !important;
}
html[data-style="pro"] .set-tab:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .set-tab.active {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}
html[data-style="pro"] .set-panel {
  padding: 28px 32px !important;
}
html[data-style="pro"] .set-panel-h {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 18px !important;
}
html[data-style="pro"] .set-row {
  padding: 10px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: .84rem !important;
}

/* --- Feedback modal refinement --- */
html[data-style="pro"] .fb-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.2) !important;
}
html[data-style="pro"] .fb-h {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
html[data-style="pro"] .fb-type {
  border-radius: 6px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  padding: 5px 14px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  color: #64748b !important;
}
html[data-style="pro"] .fb-type.on {
  background: #0f172a !important;
  color: #fff !important;
  border-color: #0f172a !important;
}

/* --- Focus states: Accessible and consistent --- */
html[data-style="pro"] *:focus-visible {
  outline: 2px solid #2563eb !important;
  outline-offset: 2px !important;
}
html[data-style="pro"] .side-item:focus-visible {
  outline-offset: -2px !important;
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  html[data-style="pro"] * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ====================================================================
   UI POLISH PASS 2 — September 2026
   Responsive fixes, mobile overflow, micro-polish
   ==================================================================== */

/* --- Mobile: prevent sidebar text leak --- */
@media (max-width: 720px) {
  html[data-style="pro"] body.app {
    overflow-x: hidden !important;
  }
  html[data-style="pro"] body.app .sidebar:not(.open) {
    visibility: hidden !important;
  }
  html[data-style="pro"] body.app .sidebar.open {
    visibility: visible !important;
    background: #fff !important;
  }
}

/* --- Tablet (768px): Tighter sidebar + content balance --- */
@media (max-width: 900px) and (min-width: 721px) {
  html[data-style="pro"] .sidebar {
    width: 200px !important;
    padding: 10px 8px !important;
  }
  html[data-style="pro"] .side-item {
    font-size: .76rem !important;
    padding: 5px 8px 5px 10px !important;
  }
  html[data-style="pro"] .side-group {
    font-size: .6rem !important;
    padding: 14px 8px 5px !important;
  }
}

/* --- AI quick prompt pills: Cleaner compact style --- */
html[data-style="pro"] .ai-presets .chip {
  font-size: .72rem !important;
  padding: 5px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #475569 !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .12s ease !important;
  letter-spacing: .01em !important;
}
html[data-style="pro"] .ai-presets .chip:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: #eff6ff !important;
}
html[data-style="pro"] .ai-presets {
  gap: 6px !important;
  margin: 0 0 8px !important;
  padding: 8px 16px !important;
}

/* --- Tool accordion: Cleaner expand state --- */
html[data-style="pro"] .tool-row {
  border: 1px solid #eef2f7 !important;
  border-radius: 8px !important;
  margin-bottom: 4px !important;
  background: #fff !important;
  transition: border-color .12s ease !important;
}
html[data-style="pro"] .tool-row:hover {
  border-color: #e2e8f0 !important;
}
html[data-style="pro"] .tool-row.open {
  border-color: #bfdbfe !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.06) !important;
}
html[data-style="pro"] .tool-head {
  padding: 10px 14px !important;
  font-size: .84rem !important;
  color: #0f172a !important;
}
html[data-style="pro"] .tool-name {
  font-weight: 600 !important;
}
html[data-style="pro"] .tool-desc {
  color: #64748b !important;
  font-size: .78rem !important;
}
html[data-style="pro"] .tool-badge {
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}

/* --- Category headers in tools page --- */
html[data-style="pro"] .tool-cat {
  font-size: .68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #94a3b8 !important;
  padding: 16px 0 6px !important;
  margin: 0 !important;
  border: none !important;
}
html[data-style="pro"] .tool-cat-cnt {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  font-size: .6rem !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  margin-left: 6px !important;
}

/* --- Scrollbar: Subtler for pro theme --- */
html[data-style="pro"] *::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
html[data-style="pro"] *::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  border-radius: 10px !important;
}
html[data-style="pro"] *::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
  background-clip: padding-box !important;
}
html[data-style="pro"] *::-webkit-scrollbar-track {
  background: transparent !important;
}

/* --- Hover transform consistency: Ensure tame hovers win --- */
html[data-style="pro"] .stat:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(37,99,235,.08) !important;
}
html[data-style="pro"] .qa:hover {
  transform: translateY(-1px) !important;
}

/* --- Selection color --- */
html[data-style="pro"] ::selection {
  background: #bfdbfe !important;
  color: #0f172a !important;
}

/* --- Mobile bottom nav refinement --- */
@media (max-width: 720px) {
  html[data-style="pro"] .mob-nav {
    background: rgba(255,255,255,.96) !important;
    border-top: 1px solid #eef2f7 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 -1px 3px rgba(0,0,0,.03) !important;
  }
  html[data-style="pro"] .mob-tab {
    color: #94a3b8 !important;
    font-size: .62rem !important;
    font-weight: 500 !important;
  }
  html[data-style="pro"] .mob-tab.active {
    color: #2563eb !important;
    font-weight: 600 !important;
  }
}

/* --- Landing page stat card refinement --- */
html[data-style="pro"] .land-stats .stat {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-right: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
  padding: 8px 24px !important;
}
html[data-style="pro"] .land-stats .stat:last-child {
  border-right: none !important;
}
html[data-style="pro"] .land-stats .stat:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* --- Inputs and textareas: Consistent styling --- */
html[data-style="pro"] .tool-input,
html[data-style="pro"] .tool-area {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: .84rem !important;
  padding: 8px 12px !important;
  transition: border-color .12s ease, box-shadow .12s ease !important;
}
html[data-style="pro"] .tool-input:focus,
html[data-style="pro"] .tool-area:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
  outline: none !important;
}

/* --- Links in content: Blue, no underline until hover --- */
html[data-style="pro"] .app-main a:not(.btn):not(.qa):not(.card):not(.crumb):not(.side-item) {
  color: #2563eb !important;
  text-decoration: none !important;
}
html[data-style="pro"] .app-main a:not(.btn):not(.qa):not(.card):not(.crumb):not(.side-item):hover {
  text-decoration: underline !important;
}

/* --- Empty states: Clean centered text --- */
html[data-style="pro"] .empty-state {
  color: #94a3b8 !important;
  font-size: .88rem !important;
  text-align: center !important;
  padding: 40px 20px !important;
}

/* --- Mobile responsive: 480px and below --- */
@media (max-width: 480px) {
  html[data-style="pro"] .stat-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  html[data-style="pro"] .stat-row .stat {
    padding: 12px 10px !important;
  }
  html[data-style="pro"] .stat-n {
    font-size: 1.25rem !important;
  }
  html[data-style="pro"] .qa-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  html[data-style="pro"] .dash-hero {
    padding: 18px 16px !important;
    border-radius: 10px !important;
  }
  html[data-style="pro"] .pg-h1 {
    font-size: 1.15rem !important;
  }
  html[data-style="pro"] .ai-chips {
    gap: 4px !important;
  }
  html[data-style="pro"] .ai-chip {
    font-size: .65rem !important;
    padding: 4px 8px !important;
  }
}

/* ====================================================================
   PROFESSIONAL (LIGHT) FIX-UPS — September 2026, pass 3
   Default pro style without a skin. Scoped with :not([data-skin="command"])
   (theme-command.css was the retired Command Center skin; data-skin is never set now, so these
   :not([data-skin]) guards are inert and can be dropped in a later cleanup.)
   a. Sidebar group headers  b. Sidebar header  c. Dashboard hero  d. Stat row
   ==================================================================== */

/* --- a. Sidebar group headers: one line, dot + label + count + "+"/"−" --- */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  margin: 6px 0 0 !important;
  padding: 12px 8px 6px 10px !important;
  border-top: 1px solid #eef2f7 !important;
  border-radius: 0 !important;
  position: relative !important;
  color: #94a3b8 !important;
  transition: color .12s ease !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-nav > button.side-item:first-of-type + .side-group {
  border-top: 0 !important;
  margin-top: 4px !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group::before {
  content: "" !important;
  display: inline-block !important;
  position: static !important;
  flex: none !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--group-color, #94a3b8) !important;
  opacity: .85 !important;
  margin: 0 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group .side-cnt {
  margin-left: auto !important;
  flex: none !important;
  border-radius: 4px !important;
  line-height: 1.4 !important;
}
/* Replace the stray absolutely-positioned divider/triangle with an inline text indicator */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse::after {
  content: "+" !important;
  display: inline-block !important;
  position: static !important;
  inset: auto !important;
  flex: none !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  transform: none !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse:not(:has(.side-cnt))::after {
  margin-left: auto !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse[data-open="1"]::after,
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse.open::after {
  content: "\2212" !important;
  color: #2563eb !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse:hover { color: #0f172a !important; }
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse:hover::after {
  background: #f1f5f9 !important;
  color: #2563eb !important;
}

/* --- b. Sidebar header: toggle on the left, brand label beside it --- */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar > div:has(> .side-toggle) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  padding: 0 4px 10px !important;
  border-bottom: 1px solid #eef2f7 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-toggle {
  margin: 0 !important;
  flex: none !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-brand {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  text-align: left !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Collapsed icon-rail: keep the pass-3 rules from reopening the labels */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed > div:has(> .side-toggle) {
  justify-content: center !important;
  padding: 0 0 10px !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-brand,
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-group .side-cnt,
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-group.side-collapse::after {
  display: none !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-group {
  font-size: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 8px 4px !important;
  margin: 4px 0 0 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-group::before {
  width: 8px !important;
  height: 8px !important;
  margin: 0 auto !important;
}

/* --- c. Dashboard hero: one column; badge + date + status on one row --- */
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero {
  display: block !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-hero-top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 12px !important;
  margin: 0 0 16px !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-hero-left,
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important; /* nowrap pushed the date chip / threat meter off-screen on phones */
  max-width: 100% !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  font-size: .66rem !important;
  letter-spacing: .1em !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-clock {
  display: inline-flex !important;
  align-items: center !important;
  flex: none !important;
  width: auto !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-status {
  white-space: nowrap !important;
  line-height: 1.4 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .dash-threat-level {
  margin-left: 2px !important;
  white-space: nowrap !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .pg-h1 {
  margin: 0 0 6px !important;
  text-align: left !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .pg-sub {
  margin: 0 0 18px !important;
  max-width: 680px !important;
  text-align: left !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .dash-hero .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* --- d. Stat row: 7 across on wide screens, 4+3 mid, 2-up on phones --- */
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (min-width: 1200px) {
  html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat {
    padding: 16px 12px !important;
    min-width: 0 !important;
  }
  html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat .stat-n {
    font-size: 1.45rem !important;
  }
  html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat .stat-l {
    font-size: .64rem !important;
    letter-spacing: .05em !important;
  }
}
@media (max-width: 640px) {
  html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* ==================== end PROFESSIONAL FIX-UPS pass 3 ==================== */

/* ====================================================================
   THEME LAYOUT UNIFICATION — September 2026
   Themes must differ only in color, never in geometry. Dark and Classic
   here inherit the Professional structural dimensions (sidebar width,
   sidebar rhythm, stat-row columns) so switching style causes no reflow.
   Colors are left to each theme's own rules. Command Center is a separate
   SKIN (data-skin=command) and intentionally keeps its own layout.
   ==================================================================== */
html[data-style="dark"]:not([data-skin="command"]) body.app .sidebar,
html[data-style="classic"]:not([data-skin="command"]) body.app .sidebar {
  width: 240px !important;
  padding: 12px 10px !important;
}
html[data-style="dark"]:not([data-skin="command"]) body.app .side-group,
html[data-style="classic"]:not([data-skin="command"]) body.app .side-group {
  padding: 18px 10px 6px !important;
  margin-top: 0 !important;
}
html[data-style="dark"]:not([data-skin="command"]) body.app .side-item,
html[data-style="classic"]:not([data-skin="command"]) body.app .side-item {
  padding: 6px 10px 6px 12px !important;
  margin: 1px 0 !important;
}
html[data-style="dark"]:not([data-skin="command"]) body.app .stat-row,
html[data-style="classic"]:not([data-skin="command"]) body.app .stat-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (min-width: 1200px) {
  html[data-style="dark"]:not([data-skin="command"]) body.app .stat-row,
  html[data-style="classic"]:not([data-skin="command"]) body.app .stat-row {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  html[data-style="dark"]:not([data-skin="command"]) body.app .stat-row .stat,
  html[data-style="classic"]:not([data-skin="command"]) body.app .stat-row .stat {
    padding: 16px 12px !important;
    min-width: 0 !important;
  }
}
@media (max-width: 900px) {
  html[data-style="dark"]:not([data-skin="command"]) body.app .stat-row,
  html[data-style="classic"]:not([data-skin="command"]) body.app .stat-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  html[data-style="dark"]:not([data-skin="command"]) body.app .stat-row,
  html[data-style="classic"]:not([data-skin="command"]) body.app .stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* ==================== end THEME LAYOUT UNIFICATION ==================== */

/* ============================================================
   ENTERPRISE DENSITY PASS — Professional dashboard
   Turns the big rounded "AI cards" into a dense operations
   console: compact header, metric strip, paired ops band,
   compact service tiles. Appended last so it wins by source order.
   ============================================================ */
/* Compact console header (was a 275px gradient hero) */
[data-style=pro] .dash-hero{
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:10px !important;
  padding:16px 20px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
}
[data-style=pro] .dash-hero::before,[data-style=pro] .dash-hero::after{display:none !important}
[data-style=pro] .dash-hero-top{margin-bottom:12px !important}
[data-style=pro] .dash-hero-main{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:20px !important}
[data-style=pro] .dash-hero .pg-h1{font-size:1.3rem !important;margin-bottom:2px !important}
[data-style=pro] .dash-hero .pg-sub{font-size:.82rem !important;line-height:1.45 !important;margin:0 !important;max-width:none !important}
[data-style=pro] .dash-hero .hero-actions{margin-top:0 !important;flex-shrink:0 !important}
[data-style=pro] .dash-hero .hero-actions .btn{padding:7px 15px !important;font-size:.77rem !important}

/* Metric strip — compact bordered cells, no hover jump.
   body.app prefix beats the body.app .stat override layer (styles.css ~8417). */
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row{
  grid-template-columns:repeat(auto-fit,minmax(126px,1fr)) !important;
  gap:8px !important;margin-bottom:20px !important;background:transparent !important;
  border:none !important;border-radius:0 !important;overflow:visible !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat{border:1px solid #e2e8f0 !important;border-radius:8px !important;padding:12px 14px !important;box-shadow:none !important;background:#fff !important;text-align:left !important;min-width:0 !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat:hover{transform:none !important;box-shadow:0 1px 4px rgba(0,0,0,.05) !important;background:#fff !important;border-color:#cbd5e1 !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat-n{font-size:1.35rem !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat-l{font-size:.62rem !important;margin-top:3px !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .stat-row .stat-s{font-size:.6rem !important;margin-top:1px !important}

/* Ops band: What's-new + activity/quick-stats side by side */
[data-style=pro] .dash-changelog{border-radius:10px !important;padding:14px 16px !important;margin:0 !important}
[data-style=pro] .dash-cl-header{margin-bottom:4px !important}
[data-style=pro] .cl-item{padding:6px 10px !important;gap:10px !important;margin-bottom:1px !important}
[data-style=pro] .cl-text{font-size:.78rem !important}
[data-style=pro] .cl-date{font-size:.68rem !important}
[data-style=pro] .dash-activity-panel,[data-style=pro] .dash-qstats-panel{border-radius:10px !important}
[data-style=pro] .dash-activity-panel .panel-h,[data-style=pro] .dash-qstats-panel .panel-h{padding:11px 16px !important}
[data-style=pro] .dash-timeline{padding:6px 16px 12px !important}
[data-style=pro] .dash-timeline::before{left:23px !important}
[data-style=pro] .dash-tl-item{padding:7px 0 7px 22px !important;font-size:.78rem !important}

/* Services header + compact service tiles */
[data-style=pro] .dash-services-head .pg-h2{font-size:1.05rem !important}
[data-style=pro] .dash-section{margin-bottom:14px !important}
[data-style=pro] .dash-cat-label{margin:0 0 8px !important;font-size:.72rem !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid{gap:10px !important;grid-template-columns:repeat(4,1fr) !important;margin-bottom:0 !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid .qa{padding:11px 14px !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid .qa:hover{transform:none !important;box-shadow:0 4px 14px rgba(0,0,0,.07) !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid .qa-title{font-size:.82rem !important;margin-bottom:2px !important}
html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid .qa-desc{font-size:.72rem !important;line-height:1.4 !important}
@media(max-width:1180px){html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid{grid-template-columns:repeat(3,1fr) !important}}
@media(max-width:720px){html[data-style="pro"]:not([data-skin="command"]) body.app .qa-grid{grid-template-columns:repeat(2,1fr) !important}}

/* ===== Sidebar group header: perfectly-aligned count + caret column (2026-09-23) =====
   The count badge and +/- caret were laid out in-flow, so long labels shoved them
   right (count right-edge ranged 185-193px) and 1- vs 2-digit badges had different
   widths. Pin both to a fixed right column and give the badge a fixed centered box
   so every group's count lines up to the pixel. */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse{
  padding-top:9px !important;
  padding-bottom:9px !important;
  padding-right:48px !important;   /* reserve the count(22)+gap+caret(16) zone */
  overflow:hidden !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group .side-cnt{
  position:absolute !important;
  right:24px !important;           /* count column: left of the caret */
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  min-width:22px !important;
  padding:1px 4px !important;
  text-align:center !important;
  font-variant-numeric:tabular-nums !important;
  flex:none !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse::after{
  position:absolute !important;
  right:8px !important;            /* caret column: fixed at the far edge */
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse[data-open="1"]::after,
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar .side-group.side-collapse.open::after{
  transform:translateY(-50%) !important;
}
/* collapsed rail: nothing to pin, absolute badge/caret stay hidden */
html[data-style="pro"]:not([data-skin="command"]) body.app .sidebar.collapsed .side-group.side-collapse{
  padding-right:4px !important;
}

/* =====================================================================
   Readability fixes — text that ended up the same colour as its
   background once the light pro theme re-skinned dark tool panels.
   ===================================================================== */
/* The "[style*=background:#0]" dark-bg catch-all also matches accent/neon
   colours (#00d4ff, #00aaff, #00ff88…), turning accent buttons white-on-white. */
[data-style=pro] [style*="background:#00d4ff"],
[data-style=pro] [style*="background: #00d4ff"],
[data-style=pro] [style*="background:#00ddff"],
[data-style=pro] [style*="background:#00aaff"],
[data-style=pro] [style*="background: #00aaff"] { background: #eff6ff !important; color: #2563eb !important; }
[data-style=pro] [style*="background:#00ff88"],
[data-style=pro] [style*="background: #00ff88"],
[data-style=pro] [style*="background:#00e676"] { background: #dcfce7 !important; color: #16a34a !important; }
[data-style=pro] [style*="color:#000"][style*="background:#00d4ff"],
[data-style=pro] [style*="color:#000"][style*="background:#00ddff"],
[data-style=pro] [style*="color:#000"][style*="background:#00aaff"] { background: #2563eb !important; color: #fff !important; }
/* Slate-50/100 text left on panels the catch-all turned white */
[data-style=pro] [style*="color:#f8fafc"],
[data-style=pro] [style*="color: #f8fafc"],
[data-style=pro] [style*="color:#f1f5f9"] { color: #0f172a !important; }
/* Pentest console: download button is an <a> so the global link colour made it blue-on-blue */
html[data-style="pro"] .app-main a.pt-guide-dl:not(#_) { color: #fff !important; }
/* XSS lab keeps its dark cards; the global heading colour made titles vanish */
[data-style=pro] .xl-card h3 { color: #e2e8f0 !important; }
/* OSINT email: panel goes white but the title kept its light-on-dark colour */
/* Subnet visualizer values */
/* Dark feeds / viewers / cards that stay dark: inherited text must be light */
[data-style=pro] .vl-viewer{ color: #e2e8f0 !important; }
/* Cyber briefing option pros/cons on the light option card */
[data-style=pro] .cb-option-pro { color: #15803d !important; }
[data-style=pro] .cb-option-con { color: #b91c1c !important; }
/* Code blocks: the generic light <pre> rule outranked the dark .code-block rule,
   leaving light code text on a near-white block */
html[data-style="pro"] .app-main pre.code-block { background: #1e293b !important; color: #e2e8f0 !important; }
/* Data-viz heatmap cells set their own white text on a coloured fill */
html[data-style="pro"] .app-main table td[style*="color: rgb(255, 255, 255)"] { color: #fff !important; }