/* ═══ $100B PREMIUM — ZOOM Pulse Command Center (scoped to #zoompulse) ═══
   Premium glass + animated blue glow lines + hover lifts + command-center energy.
   Uses globally-defined @keyframes z100bCardGlow from z100b-social.
   Kills: indigo (#6366F1 / rgba(99,102,241)), purple (#A855F7/#8B5CF6),
   pink (#ec4899/#f472b6/#db2777/#E1306C/#D946EF/#ff69b4), dark panels,
   ghost white text, var(--z-glass/z-border/z-text-dim) dark-mode tokens.
   Green (#3b9e6a) kept as semantic SUCCESS → premium #059669 for completion. */

/* ── Base: light page + dark text ── */
#zoompulse { background: #f0f2f7 !important; color: #111827 !important; }
#zoompulse, #zoompulse * { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }

/* ── Ghost-gray / muted tokens → readable slate ── */
#zoompulse [style*="color:#9BA8C0"], #zoompulse [style*="color: #9BA8C0"],
#zoompulse [style*="color:#A1A1AA"], #zoompulse [style*="color: #A1A1AA"],
#zoompulse [style*="color:#888"], #zoompulse [style*="color: #888"],
#zoompulse [style*="color:#aaa"], #zoompulse [style*="color: #aaa"],
#zoompulse [style*="color:#999"], #zoompulse [style*="color: #999"],
#zoompulse [style*="color:#6070A0"], #zoompulse [style*="color: #6070A0"],
#zoompulse [style*="color:#63636E"], #zoompulse [style*="color: #63636E"],
#zoompulse [style*="color:var(--z-text-dim"],
#zoompulse [style*="color:var(--z-text-dimmer"],
#zoompulse [style*="color:var(--z-text,"],
#zoompulse [style*="color:var(--text-muted"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* ── White text → dark ── */
#zoompulse [style*="color:#fff"], #zoompulse [style*="color: #fff"],
#zoompulse [style*="color:#F4F4F5"], #zoompulse [style*="color: #F4F4F5"],
#zoompulse [style*="color:#F0F4FF"], #zoompulse [style*="color: #F0F4FF"],
#zoompulse [style*="color:white"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}

/* ── KILL indigo / purple / pink → ZOOM blue (Dan's "pink" is indigo #6366F1) ── */
#zoompulse [style*="color:#6366F1"], #zoompulse [style*="color: #6366F1"],
#zoompulse [style*="color:#6366f1"], #zoompulse [style*="color: #6366f1"],
#zoompulse [style*="color:#A855F7"], #zoompulse [style*="color: #A855F7"],
#zoompulse [style*="color:#a855f7"], #zoompulse [style*="color: #a855f7"],
#zoompulse [style*="color:#8B5CF6"], #zoompulse [style*="color: #8B5CF6"],
#zoompulse [style*="color:#8b5cf6"], #zoompulse [style*="color: #8b5cf6"],
#zoompulse [style*="color:#ec4899"], #zoompulse [style*="color: #ec4899"],
#zoompulse [style*="color:#f472b6"], #zoompulse [style*="color: #f472b6"],
#zoompulse [style*="color:#db2777"], #zoompulse [style*="color: #db2777"],
#zoompulse [style*="color:#E1306C"], #zoompulse [style*="color: #E1306C"],
#zoompulse [style*="color:#D946EF"], #zoompulse [style*="color: #D946EF"],
#zoompulse [style*="color:#ff69b4"], #zoompulse [style*="color: #ff69b4"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}
/* Indigo/purple/pink backgrounds + borders → ZOOM blue tint */
#zoompulse [style*="rgba(99,102,241"],
#zoompulse [style*="rgba(168,85,247"],
#zoompulse [style*="rgba(139,92,246"],
#zoompulse [style*="rgba(236,72,153"],
#zoompulse [style*="rgba(244,114,182"],
#zoompulse [style*="rgba(225,48,108"] {
  background-color: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.25) !important;
}

/* ── Green success stays green but premium ── */
#zoompulse [style*="color:var(--z-green"],
#zoompulse [style*="color:#3b9e6a"], #zoompulse [style*="color: #3b9e6a"] {
  color: #059669 !important; -webkit-text-fill-color: #059669 !important;
}

/* ── Ghost white bg/border tokens (var(--z-glass) / rgba(255,255,255,0.0X)) → glass ── */
#zoompulse button[style*="var(--z-glass"],
#zoompulse button[style*="rgba(255,255,255,0.03)"],
#zoompulse button[style*="rgba(255,255,255,0.04)"] {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.16) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  transition: all 0.22s ease !important;
}
#zoompulse button[style*="var(--z-glass"]:hover,
#zoompulse button[style*="rgba(255,255,255,0.03)"]:hover,
#zoompulse button[style*="rgba(255,255,255,0.04)"]:hover {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.38) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.16) !important;
}

/* ── Max-width inner wrapper ── */
#zoompulse > div[style*="max-width:900px"] { background: transparent !important; }

/* ── Command input area: premium glass + animated blue glow top-line ── */
#zoompulse #zp-command-area {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.05)) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 14px 40px rgba(0,101,241,0.10) !important;
  position: relative !important;
  overflow: hidden !important;
}
#zoompulse #zp-command-area::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
  z-index: 2;
}

/* ── Voice/Text toggle buttons ── */
#zoompulse #zp-mode-text[style*="rgba(0,101,241,0.1)"],
#zoompulse #zp-mode-voice[style*="rgba(0,101,241,0.1)"] {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
}

/* ── Command text input → white bg, blue focus ring ── */
#zoompulse #zp-command-input {
  background: rgba(255,255,255,0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
}
#zoompulse #zp-command-input:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.12) !important;
}
#zoompulse #zp-command-input::placeholder {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}

/* ── Execute button → premium blue + hover lift ── */
#zoompulse #zp-execute-btn {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#zoompulse #zp-execute-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 26px rgba(0,101,241,0.48) !important;
}

/* ── Mic button → animated pulsing halo ── */
#zoompulse #zp-mic-btn {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  border: none !important;
  animation: zpMicPulse 2.2s ease-in-out infinite !important;
}
@keyframes zpMicPulse {
  0%,100% { box-shadow: 0 4px 20px rgba(0,101,241,0.30), 0 0 0 0 rgba(0,101,241,0.45); }
  50%     { box-shadow: 0 4px 28px rgba(0,101,241,0.45), 0 0 0 16px rgba(0,101,241,0); }
}
#zoompulse #zp-mic-btn:hover { transform: scale(1.06) !important; }

/* ── Quick command chips (inside #zp-command-area) → glass → blue-gradient hover ── */
#zoompulse #zp-command-area button[onclick^="zpQuickCommand"] {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.16) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  transition: all 0.22s ease !important;
}
#zoompulse #zp-command-area button[onclick^="zpQuickCommand"]:hover {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.32) !important;
}

/* ── Suggestion cards ── */
#zoompulse #zc-suggestion-cards > * {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 6px 18px rgba(0,101,241,0.06) !important;
  transition: all 0.22s ease !important;
}
#zoompulse #zc-suggestion-cards > *:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0,101,241,0.42) !important;
  box-shadow: 0 8px 26px rgba(0,101,241,0.16) !important;
}

/* ── Playbook category tabs (.zc-cat-tab) ── */
#zoompulse .zc-cat-tab {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.16) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  transition: all 0.22s ease !important;
}
#zoompulse .zc-cat-tab:hover {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.35) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transform: translateY(-1px) !important;
}
/* Active tab (indigo OR blue-tinted bg) → blue gradient + white text */
#zoompulse .zc-cat-tab[style*="rgba(99,102,241"],
#zoompulse .zc-cat-tab[style*="rgba(0,101,241"],
#zoompulse .zc-cat-tab.active {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 6s linear infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.32) !important;
}
#zoompulse .zc-cat-tab[style*="rgba(99,102,241"] *,
#zoompulse .zc-cat-tab[style*="rgba(0,101,241"] *,
#zoompulse .zc-cat-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── Playbook grid cards (rendered into #zc-playbook-grid) ── */
#zoompulse #zc-playbook-grid > * {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 8px 24px rgba(0,101,241,0.07) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
#zoompulse #zc-playbook-grid > *::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
  z-index: 1;
}
#zoompulse #zc-playbook-grid > *:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0,101,241,0.42) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.16), 0 14px 40px rgba(0,101,241,0.12) !important;
}

/* ── Execution output / progress / results ── */
#zoompulse #zp-progress {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.05)) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 30px rgba(0,101,241,0.10) !important;
  position: relative !important;
  overflow: hidden !important;
}
#zoompulse #zp-progress::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 3s linear infinite;
  z-index: 1;
}
#zoompulse #zp-results {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(5,150,105,0.06)) !important;
  border: 0.5px solid rgba(5,150,105,0.28) !important;
  box-shadow: 0 1px 3px rgba(5,150,105,0.05), 0 10px 30px rgba(5,150,105,0.10) !important;
  position: relative !important;
  overflow: hidden !important;
}
#zoompulse #zp-results::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #047857, #059669, #10b981, #059669, #047857);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
  z-index: 1;
}

/* ── History area ── */
#zoompulse #zp-history {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.03)) !important;
  border: 0.5px solid rgba(0,101,241,0.16) !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 8px 24px rgba(0,101,241,0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}
#zoompulse #zp-history::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 5s linear infinite;
  z-index: 1;
}
#zoompulse #zp-history-list > * {
  background: rgba(0,101,241,0.04) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  border-radius: 10px !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  padding: 8px 12px !important;
  transition: all 0.2s ease !important;
}
#zoompulse #zp-history-list > *:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: rgba(0,101,241,0.32) !important;
  transform: translateX(3px) !important;
}

/* ── Hero descendant tiles: keep on hero's animated-blue bg, tint tiles white-glass ── */
#zoompulse div[style*="padding:28px 44px"] div[style*="rgba(0,101,241,0.08)"],
#zoompulse div[style*="padding:28px 44px"] div[style*="rgba(99,102,241,0.08)"] {
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.30) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ── Hero inner stat number colors kept white by shared hero rule — no override needed ── */

/* ── Voice transcript muted text ── */
#zoompulse #zp-voice-transcript { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── Force white text on any blue-gradient button ── */
#zoompulse button[style*="linear-gradient"][style*="#0055d4"],
#zoompulse button[style*="linear-gradient"][style*="#0065f1"],
#zoompulse button[style*="linear-gradient"][style*="var(--z-blue"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#zoompulse button[style*="linear-gradient"][style*="#0055d4"] *,
#zoompulse button[style*="linear-gradient"][style*="#0065f1"] *,
#zoompulse button[style*="linear-gradient"][style*="var(--z-blue"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Playbook Library heading gets dark ── */
#zoompulse div[style*="color:#F4F4F5"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── "Run Another Command" secondary action button ── */
#zoompulse #zp-output-area button[style*="rgba(0,101,241,0.1)"] {
  background: rgba(0,101,241,0.10) !important;
  border: 0.5px solid rgba(0,101,241,0.25) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: all 0.2s ease !important;
}
#zoompulse #zp-output-area button[style*="rgba(0,101,241,0.1)"]:hover {
  background: rgba(0,101,241,0.20) !important;
  transform: translateY(-1px) !important;
}