/* ═══ $100B LIGHT THEME — Social Calendar only (scoped to #social) ═══
   The global block at ~line 3463 already forces #social text to #111827,
   catches background:#0 + rgba(0,0,0) dark divs, maps white/rgba-white-dim
   text to dark/muted, converts gold button gradients to ZOOM blue, and
   lightens inputs. This block handles what that block can't:
   - Indigo (rgba(99,102,241,…)) accents left over from the old palette
   - Dark solids starting with #1 (#13161e, #1e2028, #2a2d38)
   - Brand-dark channel chips (Facebook/IG/LinkedIn/TikTok/YouTube)
   - Gold text/accents (var(--gold), #c9a84c)
   - Muted text color tokens (#eee, #ccc, #ddd, #c8c8d0, #aaa, #888, #999)
   - Text color on recolored +1 / gradient buttons */

/* Indigo → ZOOM blue */
#social [style*="background:rgba(99,102,241"], #social [style*="background: rgba(99,102,241"] {
  background: rgba(0,101,241,0.06) !important;
}
#social [style*="border:1px solid rgba(99,102,241"],
#social [style*="border: 1px solid rgba(99,102,241"],
#social [style*="border:0.5px solid rgba(99,102,241"],
#social [style*="border: 0.5px solid rgba(99,102,241"] {
  border-color: rgba(0,101,241,0.22) !important;
}
#social [style*="radial-gradient(circle,rgba(99,102,241"],
#social [style*="radial-gradient(circle, rgba(99,102,241"] {
  background: radial-gradient(circle, rgba(0,101,241,0.08) 0%, transparent 70%) !important;
}

/* Dark #1-prefixed solids (week tabs, modal X, +/- buttons) → white glass */
#social [style*="background:#13161e"], #social [style*="background: #13161e"],
#social [style*="background:#1e2028"], #social [style*="background: #1e2028"],
#social [style*="background:#151820"], #social [style*="background: #151820"],
#social [style*="background:#12131a"], #social [style*="background: #12131a"] {
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(0,101,241,0.14) !important;
}
/* Progress track: keep thin & subtle blue */
#social [style*="background:#1e2028"][style*="height:4px"] {
  background: rgba(0,101,241,0.10) !important;
}

/* Dark hairline borders */
#social [style*="border:1px solid #1e2028"], #social [style*="border: 1px solid #1e2028"],
#social [style*="border:1px solid #2a2d38"], #social [style*="border: 1px solid #2a2d38"],
#social [style*="border:1px dashed #2a2d38"], #social [style*="border: 1px dashed #2a2d38"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* Gold → ZOOM blue */
#social [style*="color:var(--gold)"], #social [style*="color: var(--gold)"],
#social [style*="color:var(--z-gold)"], #social [style*="color: var(--z-gold)"],
#social [style*="color:#c9a84c"], #social [style*="color: #c9a84c"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}
#social [style*="border-left:3px solid var(--gold)"],
#social [style*="border-left: 3px solid var(--gold)"] {
  border-left-color: #0065f1 !important;
}

/* Brand-dark channel chips (Facebook/IG/LinkedIn/TikTok/YouTube) */
#social [style*="background:#0a1628"], #social [style*="background: #0a1628"],
#social [style*="background:#1a0a14"], #social [style*="background: #1a0a14"],
#social [style*="background:#061620"], #social [style*="background: #061620"],
#social [style*="background:#0a1410"], #social [style*="background: #0a1410"],
#social [style*="background:#1a0808"], #social [style*="background: #1a0808"] {
  background: rgba(255,255,255,0.94) !important;
}
#social [style*="border:1px solid #1a3060"], #social [style*="border: 1px solid #1a3060"],
#social [style*="border:1px solid #5a1a3a"], #social [style*="border: 1px solid #5a1a3a"],
#social [style*="border:1px solid #0a3050"], #social [style*="border: 1px solid #0a3050"],
#social [style*="border:1px solid #1a3a28"], #social [style*="border: 1px solid #1a3a28"],
#social [style*="border:1px solid #5a1a1a"], #social [style*="border: 1px solid #5a1a1a"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* Muted/white-ish text tokens the global rule didn't catch */
#social [style*="color:#eee"], #social [style*="color: #eee"],
#social [style*="color:#ccc"], #social [style*="color: #ccc"],
#social [style*="color:#ddd"], #social [style*="color: #ddd"],
#social [style*="color:#c8c8d0"], #social [style*="color: #c8c8d0"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}
#social [style*="color:#aaa"], #social [style*="color: #aaa"],
#social [style*="color:#888"], #social [style*="color: #888"],
#social [style*="color:#999"], #social [style*="color: #999"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* Black text sitting on green/gradient buttons → white (the existing rule at
   line ~3472 recolors gradient buttons to ZOOM blue, but the inline text color
   may still be #000; force it white). */
#social button[style*="color:#000"],
#social button[style*="color: #000"] {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* Week tab active state (class managed by socSetWeek) */
#social .soc-week-btn { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
#social .soc-week-btn.active {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.22) !important;
}

/* Restore the intentionally-blue 145deg banner (the global rule at 3465 would
   otherwise blank it to white glass) */
#social div[style*="linear-gradient(145deg,rgba(0,101,241"],
#social div[style*="linear-gradient(145deg, rgba(0,101,241"] {
  background: linear-gradient(145deg, rgba(0,101,241,0.06), rgba(0,101,241,0.02)) !important;
  border: 0.5px solid rgba(0,101,241,0.2) !important;
}

/* Soft-disabled channel buttons: keep discoverable */
#social .soc-channel-btn[style*="opacity:0.5"],
#social .soc-channel-btn[style*="opacity: 0.5"] { opacity: 0.7 !important; }

/* ═══ PREMIUM CARD TREATMENT — blue glow top-line + hover lift ═══ */
@keyframes z100bCardGlow {
  0%, 100% { background-position: 0% 50%; }
  50%     { background-position: 100% 50%; }
}

/* Brand Scorecard stat cards (rgba(17,22,39,0.65)) + Content Efficiency stat cards (rgba(11,14,24,0.6)) */
#social div[style*="rgba(17,22,39"][style*="border-radius:14px"],
#social div[style*="rgba(17, 22, 39"][style*="border-radius:14px"],
#social div[style*="rgba(11,14,24"][style*="border-radius:14px"],
#social div[style*="rgba(11, 14, 24"][style*="border-radius:14px"] {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 20px rgba(0,101,241,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#social div[style*="rgba(17,22,39"][style*="border-radius:14px"]::before,
#social div[style*="rgba(17, 22, 39"][style*="border-radius:14px"]::before,
#social div[style*="rgba(11,14,24"][style*="border-radius:14px"]::before,
#social div[style*="rgba(11, 14, 24"][style*="border-radius:14px"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#social div[style*="rgba(17,22,39"][style*="border-radius:14px"]:hover,
#social div[style*="rgba(17, 22, 39"][style*="border-radius:14px"]:hover,
#social div[style*="rgba(11,14,24"][style*="border-radius:14px"]:hover,
#social div[style*="rgba(11, 14, 24"][style*="border-radius:14px"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
}

/* Soft-blue accent border (faint 79,168,255 → 0,101,241) */
#social div[style*="rgba(79,168,255,0.08)"],
#social div[style*="rgba(79, 168, 255, 0.08)"] { border-color: rgba(0,101,241,0.12) !important; }

/* Near-white text token commonly used in Social */
#social [style*="color:#E8EDFB"], #social [style*="color: #E8EDFB"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}
/* Dim blue-grays */
#social [style*="color:#546080"], #social [style*="color: #546080"],
#social [style*="color:#8A96B8"], #social [style*="color: #8A96B8"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* Cyan engagement-log accents → ZOOM blue */
#social [style*="color:#00BFFF"], #social [style*="color: #00BFFF"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}
#social [style*="border:1px solid rgba(0,191,255"],
#social [style*="border: 1px solid rgba(0,191,255"],
#social [style*="border:0.5px solid rgba(0,191,255"],
#social [style*="border: 0.5px solid rgba(0,191,255"] {
  border-color: rgba(0,101,241,0.2) !important;
}
#social [style*="linear-gradient(135deg,#00BFFF"],
#social [style*="linear-gradient(135deg, #00BFFF"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
#social [style*="linear-gradient(135deg,#00BFFF"] *,
#social [style*="linear-gradient(135deg, #00BFFF"] * {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* Pink / Instagram nudge tints → ZOOM blue (keeps IG channel chip's brand text) */
#social [style*="background:rgba(225,48,108"],
#social [style*="background: rgba(225,48,108"] {
  background: rgba(0,101,241,0.06) !important;
}
#social [style*="border:1px solid rgba(225,48,108"],
#social [style*="border: 1px solid rgba(225,48,108"],
#social [style*="border:0.5px solid rgba(225,48,108"],
#social [style*="border: 0.5px solid rgba(225,48,108"] {
  border-color: rgba(0,101,241,0.22) !important;
}
#social #soc-video-nudge [style*="color:#E1306C"],
#social #soc-video-idea-output [style*="color:#E1306C"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}
#social [style*="linear-gradient(135deg,#E1306C"],
#social [style*="linear-gradient(135deg, #E1306C"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.22) !important;
}
#social [style*="linear-gradient(135deg,#E1306C"] *,
#social [style*="linear-gradient(135deg, #E1306C"] * {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* ═══ TABS — premium active state with animated gradient + glow ═══ */
#social .inner-tab, #social .gbp-tab {
  background: rgba(255,255,255,0.72) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
#social .inner-tab:hover, #social .gbp-tab:hover {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border-color: rgba(0,101,241,0.22) !important;
}
#social .inner-tab.active,
#social .gbp-tab.active,
#social .gbp-tab[style*="background:#1A7FE8"],
#social .gbp-tab[style*="background: #1A7FE8"] {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 6s ease-in-out infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}
#social .inner-tab.active *, #social .gbp-tab.active * {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* ═══ Brand Scorecard +1 colored-gradient buttons → unified ZOOM blue ═══ */
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg,#7C4DFF"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg, #7C4DFF"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg,#059669"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg, #059669"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg,#D97706"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg, #D97706"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg,#DC2626"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg, #DC2626"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg,#1A7FE8"],
#social button[onclick^="bsLogActivity"][style*="linear-gradient(135deg, #1A7FE8"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  box-shadow: 0 2px 8px rgba(0,101,241,0.26) !important;
}

/* Daily Engagement Checklist wrapper — keep green accent, lighten bg */
#social [style*="linear-gradient(135deg,rgba(52,211,153,0.08)"],
#social [style*="linear-gradient(135deg, rgba(52,211,153,0.08)"] {
  background: linear-gradient(135deg, rgba(5,150,105,0.06), rgba(5,150,105,0.02)) !important;
  border: 0.5px solid rgba(5,150,105,0.25) !important;
}

/* Content Efficiency panel container — premium glow (green → blue gradient line) */
#social #soc-panel-efficiency > div[style*="rgba(52,211,153,0.2)"],
#social #soc-panel-efficiency > div[style*="rgba(52, 211, 153, 0.2)"] {
  background: rgba(255,255,255,0.94) !important;
  border: 0.5px solid rgba(5,150,105,0.22) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.06) !important;
}
#social #soc-panel-efficiency > div[style*="rgba(52,211,153,0.2)"]::before,
#social #soc-panel-efficiency > div[style*="rgba(52, 211, 153, 0.2)"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #059669, #34D399, #0065f1, #2d7af8, #0065f1) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 5s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* Engagement Log panel — cyan → ZOOM blue premium */
#social #soc-panel-engagement div[style*="rgba(0,191,255,0.15)"],
#social #soc-panel-engagement div[style*="rgba(0, 191, 255, 0.15)"] {
  background: rgba(255,255,255,0.94) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 8px 24px rgba(0,101,241,0.07) !important;
}
#social #soc-panel-engagement div[style*="rgba(0,191,255,0.15)"]::before,
#social #soc-panel-engagement div[style*="rgba(0, 191, 255, 0.15)"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* Progress bar tracks (inside dark containers) → subtle blue */
#social [style*="height:8px"][style*="background:#1e2028"],
#social [style*="height:6px"][style*="background:#1e2028"] {
  background: rgba(0,101,241,0.10) !important;
}

/* Content Efficiency number inputs — keep the accent color text (green/blue/purple/yellow/gold)
   visible, but light bg is mandatory for legibility */
#social #soc-panel-efficiency input[type="number"] {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(0,101,241,0.18) !important;
}
#social #soc-panel-efficiency input[type="number"]:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}

/* ═══ ROUND 2: per-screenshot polish from Dan ═══ */

/* ISSUE 1: "Your AI Content Calendar Awaits" empty state — premium glow */
#social #soc-empty {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.07) !important;
}
#social #soc-empty::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* ISSUE 2A: Brand Score circle SVG — black track + purple arc → ZOOM blue */
#social svg circle[stroke="#1e2028"] { stroke: rgba(0,101,241,0.12) !important; }
#social svg circle[stroke="#7C4DFF"] { stroke: #0065f1 !important; }

/* ISSUE 2B: Strengthen Brand Scorecard stat card presence — subtle blue wash */
#social div[style*="rgba(17,22,39"][style*="border-radius:14px"],
#social div[style*="rgba(17, 22, 39"][style*="border-radius:14px"],
#social div[style*="rgba(11,14,24"][style*="border-radius:14px"],
#social div[style*="rgba(11, 14, 24"][style*="border-radius:14px"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
}

/* ISSUE 2C: Brand Scorecard minus button — match blue family (not plain gray) */
#social button[onclick^="bsLogActivity"][style*="background:#1e2028"] {
  background: rgba(0,101,241,0.06) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}

/* ISSUE 3A: Community Engagement 5 stat cards (#ce-stats-bar) — premium glow */
#social #ce-stats-bar > div {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 20px rgba(0,101,241,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#social #ce-stats-bar > div::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#social #ce-stats-bar > div:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
}

/* ISSUE 3B: Daily Engagement Checklist items (JS-generated, border-radius:12px) */
#social #ce-checklist > div[style*="rgba(17,22,39"] {
  background: rgba(0,101,241,0.035) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  border-radius: 12px !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}
#social #ce-checklist > div[style*="rgba(17,22,39"]:hover {
  background: rgba(0,101,241,0.07) !important;
  border-color: rgba(0,101,241,0.25) !important;
  transform: translateX(2px) !important;
}
/* Completed checklist item — keep green accent */
#social #ce-checklist > div[style*="rgba(52,211,153,0.3)"] {
  background: rgba(5,150,105,0.05) !important;
  border: 0.5px solid rgba(5,150,105,0.30) !important;
}

/* Checklist + button (cyan) → ZOOM blue gradient */
#social #ce-checklist button[style*="rgba(0,191,255,0.15)"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,101,241,0.28) !important;
}
/* Checklist - button → soft blue glass */
#social #ce-checklist button[style*="#13161e"] {
  background: rgba(0,101,241,0.06) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* ISSUE 4: Content Efficiency 4 rate cards (View/DM/Convo/Close Rate) */
#social #soc-panel-efficiency [style*="rgba(52,211,153,0.04)"],
#social #soc-panel-efficiency [style*="rgba(179,136,255,0.04)"],
#social #soc-panel-efficiency [style*="rgba(251,191,36,0.04)"],
#social #soc-panel-efficiency [style*="rgba(99,102,241,0.04)"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 4px 14px rgba(0,101,241,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#social #soc-panel-efficiency [style*="rgba(52,211,153,0.04)"]::before,
#social #soc-panel-efficiency [style*="rgba(179,136,255,0.04)"]::before,
#social #soc-panel-efficiency [style*="rgba(251,191,36,0.04)"]::before,
#social #soc-panel-efficiency [style*="rgba(99,102,241,0.04)"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#social #soc-panel-efficiency [style*="rgba(52,211,153,0.04)"]:hover,
#social #soc-panel-efficiency [style*="rgba(179,136,255,0.04)"]:hover,
#social #soc-panel-efficiency [style*="rgba(251,191,36,0.04)"]:hover,
#social #soc-panel-efficiency [style*="rgba(99,102,241,0.04)"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 12px rgba(0,101,241,0.10), 0 8px 20px rgba(0,101,241,0.06) !important;
}

/* Progress bar track — more visible blue */
#social [id*="ss-ce-funnel"] ~ div, #social div[style*="height:8px"][style*="background:#1e2028"] {
  background: rgba(0,101,241,0.12) !important;
}

/* ISSUE 5: TikTok PINK card (rgba(255,0,80,…) — distinct from IG's 225,48,108) */
#social [style*="background:rgba(255,0,80"],
#social [style*="background: rgba(255,0,80"] {
  background: rgba(255,255,255,0.96) !important;
}
#social [style*="border:0.5px solid rgba(255,0,80"],
#social [style*="border: 0.5px solid rgba(255,0,80"],
#social [style*="border:1px solid rgba(255,0,80"],
#social [style*="border: 1px solid rgba(255,0,80"] {
  border-color: rgba(0,101,241,0.14) !important;
}

/* ISSUE 5: Connected Accounts — all 4 cards unified white glass with glow */
#social #soc-panel-accounts div[style*="border-radius:14px"][style*="padding:20px"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.03)) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 8px 24px rgba(0,101,241,0.07) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#social #soc-panel-accounts div[style*="border-radius:14px"][style*="padding:20px"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#social #soc-panel-accounts div[style*="border-radius:14px"][style*="padding:20px"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
}

/* "Coming Soon" disabled buttons on Connected Accounts — cleaner muted glass */
#social #soc-panel-accounts button[disabled] {
  background: rgba(0,101,241,0.04) !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important;
  cursor: not-allowed !important;
  border-radius: 10px !important;
}