/* ═══ $100B PREMIUM — Listing Presentation (scoped to #listingpres) ═══
   Foundation already at line ~4437: text forced dark, gold tokens
   converted, muted text covered. This block adds: animated top-glow
   lines, hover lifts, premium tabs (appointment types), and safety
   overrides for any stubborn gold/dark buttons. Uses globally-defined
   @keyframes z100bCardGlow. */

/* ── Hero banner: malformed gradient (#f0d0f17 — 7-char invalid) + dark fallback
     → premium white glass + animated blue glow top line ── */
#listingpres .ai-section > div[style*="linear-gradient(135deg,#f0d0f17"],
#listingpres .ai-section > div[style*="linear-gradient(135deg, #f0d0f17"] {
  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;
}
#listingpres .ai-section > div[style*="linear-gradient(135deg,#f0d0f17"]::before,
#listingpres .ai-section > div[style*="linear-gradient(135deg, #f0d0f17"]::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;
}
/* Indigo radial glow in hero → ZOOM blue */
#listingpres [style*="radial-gradient(circle,rgba(99,102,241"],
#listingpres [style*="radial-gradient(circle, rgba(99,102,241"] {
  background: radial-gradient(circle, rgba(0,101,241,0.08) 0%, transparent 70%) !important;
}

/* ── Indigo (rgba(99,102,241,…)) → ZOOM blue everywhere ── */
#listingpres [style*="background:rgba(99,102,241"],
#listingpres [style*="background: rgba(99,102,241"] {
  background: rgba(0,101,241,0.08) !important;
}
#listingpres [style*="border:1px solid rgba(99,102,241"],
#listingpres [style*="border: 1px solid rgba(99,102,241"],
#listingpres [style*="border:2px solid rgba(99,102,241"],
#listingpres [style*="border: 2px solid rgba(99,102,241"],
#listingpres [style*="border:1px dashed rgba(99,102,241"],
#listingpres [style*="border: 1px dashed rgba(99,102,241"] {
  border-color: rgba(0,101,241,0.30) !important;
}
#listingpres [style*="linear-gradient(135deg,rgba(99,102,241"],
#listingpres [style*="linear-gradient(135deg, rgba(99,102,241"] {
  background: linear-gradient(135deg, rgba(0,101,241,0.10), rgba(0,101,241,0.03)) !important;
}

/* ── 4 Hero stat chips (rgba(99,102,241,0.08)) — premium treatment ── */
#listingpres div[style*="rgba(99,102,241,0.08)"][style*="text-align:center"][style*="border-radius:12px"] {
  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.14) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 16px rgba(0,101,241,0.05) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#listingpres div[style*="rgba(99,102,241,0.08)"][style*="text-align:center"][style*="border-radius:12px"]::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;
}
#listingpres div[style*="rgba(99,102,241,0.08)"][style*="text-align:center"][style*="border-radius:12px"]: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;
}

/* ── Appointment-type buttons (Regular / FSBO / Expired) — premium tabs ── */
#listingpres button[onclick^="lpSetType"] {
  transition: all 0.2s ease !important;
}
#listingpres button[onclick^="lpSetType"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.15) !important;
}
/* Active state (has rgba(99,102,241,0.15) bg per HTML) — premium blue */
#listingpres button[onclick^="lpSetType"][style*="rgba(99,102,241,0.15)"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  border: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}
/* Inactive state (has #1e2028 border, #888 text) */
#listingpres button[onclick^="lpSetType"][style*="border:2px solid #1e2028"],
#listingpres button[onclick^="lpSetType"][style*="border: 2px solid #1e2028"] {
  background: rgba(255,255,255,0.92) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── GOLD PPTX "Generate" button — NO GOLD, full ZOOM blue ── */
#listingpres button[style*="linear-gradient(135deg,var(--gold)"],
#listingpres button[style*="linear-gradient(135deg, var(--gold)"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  border: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#listingpres button[style*="linear-gradient(135deg,var(--gold)"] *,
#listingpres button[style*="linear-gradient(135deg, var(--gold)"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* White PPTX button — keep neutral-white but add premium shadow */
#listingpres button[style*="linear-gradient(135deg,#ffffff,#e8e8e8)"] {
  background: linear-gradient(135deg, #ffffff, #f0f4fa) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.10) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* Dark brown/black "Talking Points" button — → light blue glass */
#listingpres button[style*="linear-gradient(135deg,#1a1200,#120e00)"] {
  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: all 0.15s ease !important;
}
#listingpres button[style*="linear-gradient(135deg,#1a1200,#120e00)"]:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: rgba(0,101,241,0.35) !important;
}

/* Ghost "Reset" button (transparent + #888) */
#listingpres button[style*="background:transparent"][style*="color:#888"] {
  background: rgba(0,101,241,0.05) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border-radius: 10px !important;
  transition: all 0.15s ease !important;
}
#listingpres button[style*="background:transparent"][style*="color:#888"]:hover {
  background: rgba(0,101,241,0.10) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* Agent photo border — gold → ZOOM blue */
#listingpres img[style*="border:2px solid var(--gold)"],
#listingpres img[style*="border: 2px solid var(--gold)"] {
  border-color: #0065f1 !important;
}

/* ── Major section cards (indigo-tinted panels with border-radius:16px/20px,
     "Step 1", "Step 2", etc.) — premium glow ── */
#listingpres .ai-section > div[style*="linear-gradient(135deg,rgba(99,102,241,0.12)"],
#listingpres .ai-section > div[style*="linear-gradient(135deg, rgba(99,102,241,0.12)"] {
  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.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.07) !important;
}
#listingpres .ai-section > div[style*="linear-gradient(135deg,rgba(99,102,241,0.12)"]::before,
#listingpres .ai-section > div[style*="linear-gradient(135deg, rgba(99,102,241,0.12)"]::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;
}

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

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

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

/* Muted #888 catch (global handles #aaa/#999 but not #888 in all cases) */
#listingpres [style*="color:#888"], #listingpres [style*="color: #888"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* Indigo (#4FA8FF / related) → ZOOM blue */
#listingpres [style*="color:#4FA8FF"], #listingpres [style*="color: #4FA8FF"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* Red remove buttons — keep signal red but soften for light */
#listingpres [style*="background:rgba(255,80,80"] {
  background: rgba(220,38,38,0.08) !important;
}
#listingpres [style*="border:1px solid rgba(255,80,80"] {
  border-color: rgba(220,38,38,0.28) !important;
}
#listingpres [style*="color:#ff6b6b"], #listingpres [style*="color: #ff6b6b"] {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

/* Green "Add Line Item" — keep green */
#listingpres [style*="background:rgba(52,211,153"] {
  background: rgba(5,150,105,0.10) !important;
}
#listingpres [style*="border:1px solid rgba(52,211,153"] {
  border-color: rgba(5,150,105,0.30) !important;
}
#listingpres [style*="color:#34D399"], #listingpres [style*="color: #34D399"] {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}

/* ═══ ROUND 2: Kill orange + salmon tints (NO yellow/amber/red/pink) ═══ */

/* FSBO orange (#FF8C00 / rgba(255,140,0,…)) → ZOOM blue */
#listingpres [style*="color:#FF8C00"], #listingpres [style*="color: #FF8C00"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#listingpres [style*="background:rgba(255,140,0"],
#listingpres [style*="background: rgba(255,140,0"] {
  background: rgba(0,101,241,0.08) !important;
}
#listingpres [style*="border:1px solid rgba(255,140,0"],
#listingpres [style*="border: 1px solid rgba(255,140,0"] {
  border-color: rgba(0,101,241,0.28) !important;
}

/* Expired salmon/red (#ff6b6b / rgba(255,80,80,…)) → ZOOM blue */
/* (X remove comp buttons + Expired banner + Expired slide badges share these) */
#listingpres [style*="background:rgba(255,80,80,0.08"],
#listingpres [style*="background: rgba(255,80,80,0.08"],
#listingpres [style*="background:rgba(255,80,80,0.1)"],
#listingpres [style*="background: rgba(255,80,80,0.1)"],
#listingpres [style*="background:rgba(255,80,80,0.12"],
#listingpres [style*="background: rgba(255,80,80,0.12"] {
  background: rgba(0,101,241,0.08) !important;
}
#listingpres [style*="border:1px solid rgba(255,80,80,0.2)"],
#listingpres [style*="border: 1px solid rgba(255,80,80,0.2)"],
#listingpres [style*="border:1px solid rgba(255,80,80,0.25"],
#listingpres [style*="border: 1px solid rgba(255,80,80,0.25"] {
  border-color: rgba(0,101,241,0.28) !important;
}
/* Note: a darker rgba(255,80,80,0.4) is used on Expired active tab border —
   JS now clears that by setting borderColor to transparent directly. */

/* All remaining #ff6b6b text (Expired banner + slide badge numbers + comp X) → ZOOM blue.
   Override the earlier Round-1 rule that kept it red (#dc2626). */
#listingpres [style*="color:#ff6b6b"], #listingpres [style*="color: #ff6b6b"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* Comp-row X remove buttons — neutral gray glass instead of red (they're
   already matched by the rgba(255,80,80,0.1) / border:…,0.2 / color:#ff6b6b
   rules above, but force a clean utility look) */
#listingpres button[onclick^="lpRemoveComp"] {
  background: rgba(107,114,128,0.08) !important;
  border: 0.5px solid rgba(107,114,128,0.22) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
#listingpres button[onclick^="lpRemoveComp"]:hover {
  background: rgba(220,38,38,0.08) !important;
  border-color: rgba(220,38,38,0.28) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

/* Photo "✕ Remove" text button — keep subtle but neutralize pink */
#listingpres button[onclick="lpClearPhoto()"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}
#listingpres button[onclick="lpClearPhoto()"]:hover {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}