/* ═══ $100B PREMIUM — Daily Planner (scoped to #dailyplan) ═══
   No existing global coverage. Full conversion from cyan-dark theme
   to ZOOM blue $100B light palette. Uses globally-defined
   @keyframes z100bCardGlow from z100b-social. */

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

/* ── Hero banner (dark navy linear-gradient) → premium white glass + blue top-glow ── */
#dailyplan > div[style*="linear-gradient(135deg,#040e18"],
#dailyplan > div[style*="linear-gradient(135deg, #040e18"] {
  background: linear-gradient(145deg, rgba(255,255,255,0.94), rgba(0,101,241,0.04)) !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 14px 40px rgba(0,101,241,0.08) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#dailyplan > div[style*="linear-gradient(135deg,#040e18"]::before,
#dailyplan > div[style*="linear-gradient(135deg, #040e18"]::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: 2 !important;
}
/* Cyan radial glow in hero corner → ZOOM blue */
#dailyplan [style*="radial-gradient(circle,rgba(0,191,255"],
#dailyplan [style*="radial-gradient(circle, rgba(0,191,255"] {
  background: radial-gradient(circle, rgba(0,101,241,0.08) 0%, transparent 70%) !important;
}

/* ── Cyan (#00BFFF) accents → ZOOM blue (#0065f1) everywhere ── */
#dailyplan [style*="color:#00BFFF"], #dailyplan [style*="color: #00BFFF"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#dailyplan [style*="border:1px solid rgba(0,191,255"],
#dailyplan [style*="border: 1px solid rgba(0,191,255"] {
  border-color: rgba(0,101,241,0.25) !important;
}
#dailyplan [style*="background:rgba(0,191,255"],
#dailyplan [style*="background: rgba(0,191,255"] {
  background: rgba(0,101,241,0.08) !important;
}
/* Cyan gradient button backgrounds */
#dailyplan button[style*="linear-gradient(135deg,#00BFFF"],
#dailyplan button[style*="linear-gradient(135deg, #00BFFF"] {
  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.26) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#dailyplan button[style*="linear-gradient(135deg,#00BFFF"] *,
#dailyplan button[style*="linear-gradient(135deg, #00BFFF"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#dailyplan button[style*="linear-gradient(135deg,#00BFFF"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.34) !important;
}

/* ── Muted text tokens → #6b7280 ── */
#dailyplan [style*="color:#aaa"], #dailyplan [style*="color: #aaa"],
#dailyplan [style*="color:#888"], #dailyplan [style*="color: #888"],
#dailyplan [style*="color:#999"], #dailyplan [style*="color: #999"],
#dailyplan [style*="color:#c8c8d0"], #dailyplan [style*="color: #c8c8d0"],
#dailyplan [style*="color:#8A96B8"], #dailyplan [style*="color: #8A96B8"],
#dailyplan [style*="color:#546080"], #dailyplan [style*="color: #546080"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}
/* Near-white tokens → dark */
#dailyplan [style*="color:#E8EDFB"], #dailyplan [style*="color: #E8EDFB"],
#dailyplan [style*="color:#eee"], #dailyplan [style*="color: #eee"],
#dailyplan [style*="color:#fff"], #dailyplan [style*="color: #fff"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
/* Score % "0%" big number was color:#fff on dark — now dark on light */
#dailyplan #dp-score-pct {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 900 !important;
}

/* ── Score ring SVG track (gold-ish #1e2028) → soft blue; arc (cyan) → ZOOM blue ── */
#dailyplan svg circle[stroke="#1e2028"] { stroke: rgba(0,101,241,0.14) !important; }
#dailyplan svg circle[stroke="#00BFFF"] { stroke: #0065f1 !important; }

/* ── Tabs (.inner-tab) — premium active/inactive ── */
#dailyplan .inner-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;
}
#dailyplan .inner-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;
}
#dailyplan .inner-tab.active {
  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;
}
#dailyplan .inner-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── ALL major section cards (Morning / Daily Activity / Appointments / Score /
     Evening Reflection / Weekly Streak / Ideal Week Grid / Legend / Weekly Stats)
     — they share `background:#0d0f14;border:1px solid rgba(0,191,255,0.2);border-radius:18px`
     Turn them all into premium white glass with animated glow. ── */
#dailyplan div[style*="background:#0d0f14"],
#dailyplan div[style*="background: #0d0f14"] {
  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;
}
#dailyplan div[style*="background:#0d0f14"]::before,
#dailyplan div[style*="background: #0d0f14"]::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;
}
#dailyplan div[style*="background:#0d0f14"]: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;
}
/* Nested dark #080a0e (briefing panel + textareas + training-today) */
#dailyplan div[style*="background:#080a0e"],
#dailyplan div[style*="background: #080a0e"] {
  background: rgba(0,101,241,0.04) !important;
  border-color: rgba(0,101,241,0.14) !important;
}
#dailyplan textarea[style*="background:#080a0e"],
#dailyplan textarea[style*="background: #080a0e"],
#dailyplan input[style*="background:#080a0e"],
#dailyplan input[style*="background: #080a0e"] {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
/* Ghost "Different Focus" / "Open Scripts" buttons (background:#13161e) */
#dailyplan button[style*="background:#13161e"],
#dailyplan button[style*="background: #13161e"] {
  background: rgba(0,101,241,0.05) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
#dailyplan button[style*="background:#13161e"]:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: rgba(0,101,241,0.35) !important;
}
#dailyplan button[style*="background:#13161e"] * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

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

/* ── Form labels → ZOOM blue uppercase ── */
#dailyplan .form-group label, #dailyplan label {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ── Inputs / textareas / selects — white + blue focus ring ── */
#dailyplan input, #dailyplan select, #dailyplan textarea {
  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.18) !important;
}
#dailyplan input::placeholder, #dailyplan textarea::placeholder {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}
#dailyplan input:focus, #dailyplan select:focus, #dailyplan textarea:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}

/* ── Daily Training Block — unified ZOOM blue (NO pink/magenta) ── */
#dailyplan [style*="linear-gradient(135deg,rgba(232,121,249,0.08)"],
#dailyplan [style*="linear-gradient(135deg, rgba(232,121,249,0.08)"] {
  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.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;
}
#dailyplan [style*="linear-gradient(135deg,rgba(232,121,249,0.08)"]::before,
#dailyplan [style*="linear-gradient(135deg, rgba(232,121,249,0.08)"]::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;
}
/* Magenta accents → ZOOM blue (NO pink anywhere) */
#dailyplan [style*="color:#E879F9"], #dailyplan [style*="color: #E879F9"],
#dailyplan [style*="color:#a855f7"], #dailyplan [style*="color: #a855f7"],
#dailyplan [style*="color:#A855F7"], #dailyplan [style*="color: #A855F7"],
#dailyplan [style*="color:#c026d3"], #dailyplan [style*="color: #c026d3"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
/* Magenta-tinted backgrounds/borders → blue */
#dailyplan [style*="rgba(232,121,249"], #dailyplan [style*="rgba(232, 121, 249"],
#dailyplan [style*="rgba(168,85,247"], #dailyplan [style*="rgba(168, 85, 247"],
#dailyplan [style*="rgba(192,38,211"], #dailyplan [style*="rgba(192, 38, 211"] {
  border-color: rgba(0,101,241,0.22) !important;
}
#dailyplan [style*="background:rgba(232,121,249"],
#dailyplan [style*="background: rgba(232,121,249"],
#dailyplan [style*="background:rgba(168,85,247"],
#dailyplan [style*="background: rgba(168,85,247"] {
  background: rgba(0,101,241,0.05) !important;
}
#dailyplan button[style*="linear-gradient(135deg,#E879F9"],
#dailyplan button[style*="linear-gradient(135deg, #E879F9"] {
  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.24) !important;
}
#dailyplan button[style*="linear-gradient(135deg,#E879F9"] *,
#dailyplan button[style*="linear-gradient(135deg, #E879F9"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Training block "✓ Completed" green gradient button */
#dailyplan button[style*="linear-gradient(135deg,#34D399"],
#dailyplan button[style*="linear-gradient(135deg, #34D399"] {
  background: linear-gradient(135deg, #059669, #34d399) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(5,150,105,0.28) !important;
}
#dailyplan button[style*="linear-gradient(135deg,#34D399"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Status-color stats (streak, total, minutes) — keep signal colors ── */
#dailyplan [style*="color:#34D399"], #dailyplan [style*="color: #34D399"] {
  color: #059669 !important; -webkit-text-fill-color: #059669 !important;
  font-weight: 900 !important;
}
#dailyplan [style*="color:#FBBF24"], #dailyplan [style*="color: #FBBF24"] {
  color: #d97706 !important; -webkit-text-fill-color: #d97706 !important;
  font-weight: 900 !important;
}

/* ── Ideal Week block-type legend — keep category colors (prospecting/admin/etc) ── */
/* These are intentional data-viz colors on 14x14 squares; no changes needed —
   their text labels are handled by the muted-text rule above. */

/* Hero H1 "Daily Success Planner" — default white inheritance → dark */
#dailyplan .ai-section > div > div[style*="font-family:var(--font-display"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── ROUND 2: Training-block premium polish ── */

/* 3 Training stats (Streak / Sessions / Minutes) — hover lift */
#dailyplan .dp-training-stat: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;
  border-color: rgba(0,101,241,0.22) !important;
}

/* "Today's Practice Focus" container (#ss-training-today) — premium glass */
#dailyplan #ss-training-today {
  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.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;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#dailyplan #ss-training-today::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;
}

/* "Different Focus" / "Open Scripts" pillar ghost buttons — clean blue glass */
#dailyplan #ss-training-today button[style*="background:#13161e"],
#dailyplan #ss-training-today button[style*="background: #13161e"] {
  background: rgba(0,101,241,0.05) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#dailyplan #ss-training-today button[style*="background:#13161e"] *,
#dailyplan #ss-training-today button[style*="background: #13161e"] * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}