/* ═══ Webinar Studio base palette — PREMIUM LIGHT (was dark navy) ═══ */
.wb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;}
.wb-stat{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(0,101,241,0.035));border:0.5px solid rgba(0,101,241,0.14);border-radius:12px;padding:18px;text-align:center;box-shadow:0 1px 3px rgba(0,101,241,0.04),0 8px 24px rgba(0,101,241,0.06);}
.wb-stat-val{font-size:2rem;font-weight:800;color:#0065f1;line-height:1;}
.wb-stat-label{font-size:0.73rem;color:#6b7280;margin-top:5px;font-weight:500;}
.wb-two-col{display:flex;gap:20px;align-items:flex-start;}
.wb-left{width:320px;flex-shrink:0;position:sticky;top:80px;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(0,101,241,0.035));border:0.5px solid rgba(0,101,241,0.18);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,101,241,0.05),0 10px 30px rgba(0,101,241,0.08);}
.wb-right{flex:1;min-width:0;}
.wb-field{margin-bottom:14px;}
.wb-field label{display:block;font-size:0.72rem;color:#0065f1;margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.wb-field input,.wb-field select,.wb-field textarea{width:100%;background:rgba(255,255,255,0.96);border:0.5px solid rgba(0,101,241,0.18);border-radius:10px;padding:10px 12px;color:#111827;font-size:0.84rem;outline:none;box-sizing:border-box;transition:border-color 0.15s ease,box-shadow 0.15s ease;}
.wb-field textarea{resize:vertical;min-height:76px;}
.wb-field input:focus,.wb-field select:focus,.wb-field textarea:focus{border-color:#0065f1;box-shadow:0 0 0 3px rgba(0,101,241,0.10);}
.wb-field input[type="color"]{height:36px;padding:3px;cursor:pointer;}
.wb-btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#0055d4,#0065f1);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.88rem;letter-spacing:.02em;box-shadow:0 4px 14px rgba(0,101,241,0.26);transition:transform 0.15s ease,box-shadow 0.15s ease;}
.wb-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,101,241,0.34);}
.wb-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;}
.wb-tab{padding:8px 16px;background:rgba(255,255,255,0.72);border:0.5px solid rgba(0,101,241,0.10);border-radius:10px;color:#6b7280;cursor:pointer;font-size:.78rem;font-weight:600;transition:all 0.2s ease;}
.wb-tab.active{background:linear-gradient(135deg,#0055d4,#0065f1,#2d7af8);background-size:200% 100%;border:none;color:#fff;box-shadow:0 4px 16px rgba(0,101,241,0.30);}
.wb-tab:hover:not(.active){background:rgba(0,101,241,0.06);border-color:rgba(0,101,241,0.24);color:#0065f1;}
.wb-card{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(0,101,241,0.03));border:0.5px solid rgba(0,101,241,0.14);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,101,241,0.05),0 8px 24px rgba(0,101,241,0.07);transition:transform 0.2s ease,box-shadow 0.2s ease;}
.wb-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,101,241,0.10),0 12px 32px rgba(0,101,241,0.08);}
.wb-card-title{font-size:1rem;font-weight:700;color:#111827;margin-bottom:4px;}
.wb-type-badge{font-size:.65rem;padding:3px 9px;border-radius:20px;font-weight:700;background:rgba(0,101,241,.10);color:#0065f1;border:0.5px solid rgba(0,101,241,.25);}
.wb-status-badge{font-size:.65rem;padding:3px 9px;border-radius:20px;font-weight:700;}
.wb-status-draft{background:rgba(107,114,128,.12);color:#6b7280;}
.wb-status-published{background:rgba(5,150,105,.12);color:#059669;}
.wb-status-ended{background:rgba(220,38,38,.10);color:#dc2626;}
.wb-card-meta{display:flex;gap:14px;font-size:.73rem;color:#6b7280;margin:8px 0 12px;flex-wrap:wrap;}
.wb-card-actions{display:flex;gap:7px;flex-wrap:wrap;}
.wb-action-btn{padding:5px 12px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;border:0.5px solid rgba(0,101,241,0.18);background:rgba(0,101,241,0.05);color:#0065f1;transition:all 0.15s ease;}
.wb-action-btn:hover{background:rgba(0,101,241,0.12);border-color:#0065f1;transform:translateY(-1px);}
.wb-action-btn.danger:hover{background:rgba(220,38,38,0.08);border-color:#dc2626;color:#dc2626;}
.wb-link-box{display:flex;gap:8px;margin-top:12px;}
.wb-link-input{flex:1;background:rgba(0,101,241,0.04);border:0.5px solid rgba(0,101,241,0.14);border-radius:6px;padding:7px 10px;color:#374151;font-size:.68rem;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wb-copy-btn{padding:7px 13px;background:linear-gradient(135deg,#0055d4,#0065f1);border:none;border-radius:6px;color:#fff;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px rgba(0,101,241,0.22);transition:transform 0.15s ease,box-shadow 0.15s ease;}
.wb-copy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,101,241,0.32);}
.wb-section-title{font-size:.95rem;font-weight:700;color:#111827;margin:0 0 16px;display:flex;align-items:center;gap:8px;}
.wb-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.wb-ai-box{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(0,101,241,0.035));border:0.5px solid rgba(0,101,241,0.18);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,101,241,0.05),0 8px 24px rgba(0,101,241,0.07);}
.wb-ai-output{background:rgba(0,101,241,0.04);border:0.5px solid rgba(0,101,241,0.14);border-radius:10px;padding:16px;margin-top:14px;color:#111827;font-size:.8rem;line-height:1.75;max-height:380px;overflow-y:auto;white-space:pre-wrap;display:none;}
.wb-slides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;}
.wb-slide-thumb{background:rgba(0,101,241,0.04);border:1.5px solid rgba(0,101,241,0.18);border-radius:8px;padding:12px;cursor:pointer;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.15s ease;}
.wb-slide-thumb:hover{border-color:#0065f1;background:rgba(0,101,241,0.10);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,101,241,0.18);}
.wb-slide-num{font-size:.62rem;color:#6b7280;}
.wb-slide-title-sm{font-size:.7rem;font-weight:700;color:#111827;line-height:1.3;}
.wb-slide-bullets-sm{font-size:.6rem;color:#6b7280;line-height:1.4;}
.wb-customize-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.wb-layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.wb-layout-opt{padding:10px 8px;border:1.5px solid rgba(0,101,241,0.14);background:rgba(255,255,255,0.72);border-radius:10px;cursor:pointer;text-align:center;transition:all 0.15s ease;}
.wb-layout-opt:hover{border-color:rgba(0,101,241,0.35);transform:translateY(-1px);}
.wb-layout-opt.selected{border-color:#0065f1;background:rgba(0,101,241,.08);box-shadow:0 4px 14px rgba(0,101,241,0.18);}
.wb-layout-opt .lo-swatch{height:36px;border-radius:6px;margin-bottom:7px;border:1px solid rgba(0,101,241,0.20);}
.wb-layout-opt .lo-name{font-size:.75rem;font-weight:700;color:#111827;}
.wb-layout-opt .lo-desc{font-size:.62rem;color:#6b7280;}
.wb-font-btns{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.wb-font-btn{padding:6px 14px;border-radius:6px;border:0.5px solid rgba(0,101,241,0.14);background:rgba(255,255,255,0.72);color:#6b7280;cursor:pointer;font-size:.78rem;transition:all 0.15s ease;}
.wb-font-btn:hover{border-color:rgba(0,101,241,0.35);color:#0065f1;}
.wb-font-btn.selected{border-color:#0065f1;color:#0065f1;background:rgba(0,101,241,.10);box-shadow:0 2px 8px rgba(0,101,241,0.20);}
.wb-upload-row{display:flex;gap:8px;}
.wb-upload-row input[type="url"]{flex:1;}
.wb-upload-label{padding:9px 12px;background:rgba(0,101,241,0.05);border:0.5px solid rgba(0,101,241,0.18);border-radius:8px;cursor:pointer;font-size:.7rem;color:#0065f1;white-space:nowrap;display:flex;align-items:center;transition:background 0.15s ease,border-color 0.15s ease;}
.wb-upload-label:hover{background:rgba(0,101,241,0.12);border-color:rgba(0,101,241,0.35);}
.wb-table{width:100%;border-collapse:collapse;font-size:.77rem;}
.wb-table th{background:rgba(0,101,241,0.06);color:#0065f1;padding:9px 11px;text-align:left;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;border-bottom:0.5px solid rgba(0,101,241,0.18);}
.wb-table td{padding:9px 11px;border-bottom:1px solid rgba(0,101,241,0.10);color:#111827;}
.wb-table tbody tr:hover td{background:rgba(0,101,241,.06);}
.wb-reminder-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.wb-reminder-btn{padding:8px 15px;border:0.5px solid rgba(0,101,241,.25);border-radius:8px;background:rgba(0,101,241,.08);color:#0065f1;font-size:.77rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;}
.wb-reminder-btn:hover:not(.sent){background:rgba(0,101,241,.18);border-color:#0065f1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,101,241,0.18);}
.wb-reminder-btn.sent{opacity:.65;cursor:not-allowed;border-color:rgba(107,114,128,0.22);background:rgba(107,114,128,0.08);color:#9ca3af;}
.wb-filter-bar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap;}
.wb-filter-bar input{flex:1;min-width:180px;background:rgba(255,255,255,0.96);border:0.5px solid rgba(0,101,241,0.18);border-radius:10px;padding:8px 12px;color:#111827;font-size:.82rem;transition:border-color 0.15s ease,box-shadow 0.15s ease;}
.wb-filter-bar input:focus{outline:none;border-color:#0065f1;box-shadow:0 0 0 3px rgba(0,101,241,0.10);}
.wb-filter-btn{padding:6px 13px;border-radius:6px;border:0.5px solid rgba(0,101,241,0.14);background:rgba(255,255,255,0.72);color:#6b7280;cursor:pointer;font-size:.76rem;transition:all 0.15s ease;}
.wb-filter-btn:hover{border-color:rgba(0,101,241,0.35);color:#0065f1;}
.wb-filter-btn.active{border-color:#0065f1;color:#0065f1;background:rgba(0,101,241,.10);}
.wb-learn-item{display:flex;gap:8px;margin-bottom:7px;align-items:center;}
.wb-learn-item input{flex:1;background:rgba(255,255,255,0.96);border:0.5px solid rgba(0,101,241,0.18);border-radius:7px;padding:8px 10px;color:#111827;font-size:.82rem;transition:border-color 0.15s ease,box-shadow 0.15s ease;}
.wb-learn-item input:focus{outline:none;border-color:#0065f1;box-shadow:0 0 0 3px rgba(0,101,241,0.10);}
.wb-remove-btn{padding:4px 9px;border-radius:6px;border:0.5px solid rgba(220,38,38,.25);background:rgba(220,38,38,.08);color:#dc2626;cursor:pointer;font-size:.7rem;flex-shrink:0;transition:all 0.15s ease;}
.wb-remove-btn:hover{background:rgba(220,38,38,.14);border-color:#dc2626;}
.wb-toggle{position:relative;display:inline-block;width:44px;height:24px;}
.wb-toggle input{opacity:0;width:0;height:0;}
.wb-toggle-slider{position:absolute;cursor:pointer;inset:0;background:rgba(107,114,128,0.35);border-radius:24px;transition:.25s;}
.wb-toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.wb-toggle input:checked+.wb-toggle-slider{background:#0065f1;}
.wb-toggle input:checked+.wb-toggle-slider::before{transform:translateX(20px);}
.wb-empty-state{text-align:center;padding:60px 20px;color:#6b7280;background:linear-gradient(180deg,rgba(255,255,255,0.72),rgba(0,101,241,0.02));border:0.5px dashed rgba(0,101,241,0.20);border-radius:14px;}
.wb-empty-icon{font-size:3rem;margin-bottom:12px;}
.wb-ai-loading{display:none;align-items:center;gap:10px;color:#0065f1;font-size:.82rem;padding:10px 0;}
.wb-ai-loading.active{display:flex;}
.wb-spin{width:16px;height:16px;border:2px solid rgba(0,101,241,.18);border-top-color:#0065f1;border-radius:50%;animation:wbSpin .8s linear infinite;flex-shrink:0;}
@keyframes wbSpin{to{transform:rotate(360deg)}}
/* Slide modal */
#wb-slide-modal{display:none;position:fixed;inset:0;background:rgba(0,10,30,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;flex-direction:column;align-items:center;justify-content:center;}
#wb-slide-modal.open{display:flex;}
.wb-modal-slide{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(0,101,241,0.04));border:0.5px solid rgba(0,101,241,0.22);border-radius:16px;width:86vw;max-width:900px;padding:44px 56px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,101,241,0.22);}
.wb-modal-slide::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0055d4,#0065f1,#2d7af8,#0065f1,#0055d4);background-size:100% 200%;animation:z100bCardGlow 4s ease-in-out infinite;}
.wb-modal-slide-title{font-size:1.9rem;font-weight:800;color:#111827;margin-bottom:20px;line-height:1.2;}
.wb-modal-bullet{font-size:.98rem;color:#374151;margin-bottom:9px;padding-left:22px;position:relative;line-height:1.5;}
.wb-modal-bullet::before{content:'›';position:absolute;left:0;color:#0065f1;font-size:1.1rem;font-weight:700;}
.wb-modal-notes{position:absolute;bottom:16px;left:56px;right:56px;background:rgba(0,101,241,0.06);border-radius:8px;padding:10px 14px;font-size:.73rem;color:#6b7280;border-top:0.5px solid rgba(0,101,241,0.18);}
.wb-modal-slide-num{position:absolute;top:16px;right:20px;font-size:.65rem;color:#9ca3af;}
.wb-modal-nav{display:flex;gap:16px;align-items:center;margin-top:18px;}
.wb-modal-btn{padding:10px 26px;border-radius:8px;border:0.5px solid rgba(0,101,241,0.25);background:rgba(0,101,241,0.08);color:#0065f1;cursor:pointer;font-size:.84rem;transition:all 0.15s ease;}
.wb-modal-btn:hover{background:rgba(0,101,241,0.18);border-color:#0065f1;transform:translateY(-1px);}
.wb-modal-counter{color:#6b7280;font-size:.84rem;}
/* Settings grid */
.wb-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:900px){
  .wb-two-col{flex-direction:column;}
  .wb-left{width:100%;position:static;}
  .wb-ai-grid{grid-template-columns:1fr;}
  .wb-customize-grid{grid-template-columns:1fr;}
  .wb-stats{grid-template-columns:repeat(2,1fr);}
  .wb-settings-grid{grid-template-columns:1fr;}
}

/* ═══ $100B PREMIUM — Webinar Studio (scoped to #webinar) ═══
   Full override of the in-section wb-* palette. Turns dark navy panels
   into premium white glass with animated blue glow tops + hover lifts.
   Uses globally-defined @keyframes z100bCardGlow from z100b-social.
   Alt-blue #1A7FE8/#4FA8FF/#0F5BAD → ZOOM blue #0065f1/#0055d4.
   Ghost tokens (#9BA8C0/#6070A0/#C0CCE0/#D0D8F0/#F0F4FF) → slate/dark.
   Green (#4ade80/#22c55e) → premium #059669; red (#f87171) → premium #dc2626.
   NO pink, NO gold. Layout preview swatches (Bold/Minimal/Cinematic) kept
   as functional user-choice previews. */

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

/* ── Live webinar CTAs (.wb-live-cta) - white text on blue/dark buttons.
   The blanket #webinar * rule above forces dark text with !important and
   beats inline color, so these classless CTAs need a higher-specificity
   re-assert to keep white, the same way .wb-btn-primary / .wb-copy-btn do.
   Covers Create Broadcast, Watch, Copy, Mark Live, and End. ── */
#webinar .wb-live-cta,
#webinar .wb-live-cta * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── Live webinar dark surfaces. The #webinar blanket rules (here at L133 and
   the duplicate in index.html ~L4407) force ALL descendant text to #111827
   with !important, which paints the OBS block dark-on-dark. Re-assert light
   text (and the dark backgrounds) at id+class specificity so it survives, the
   same mechanism as .wb-live-cta. .wb-live-pre = the OBS settings <pre>;
   .wb-live-copy = the RTMPS URL / Stream Key copy buttons (they keep
   .wb-live-cta for white text, this only pins their dark background). ── */
#webinar .wb-live-pre {
  background: #1A1F2E !important;
}
#webinar .wb-live-pre,
#webinar .wb-live-pre * {
  color: #C7D2E6 !important;
  -webkit-text-fill-color: #C7D2E6 !important;
}
#webinar .wb-live-copy {
  background: #242D45 !important;
}
/* Event ID pill (#wb-live-eventid, dark bg): re-assert its light text over the
   #webinar * blanket. End Broadcast button (#wb-live-end-btn): pin its dark
   background (it keeps .wb-live-cta for white text). Both scoped by id under
   #webinar so they outrank #webinar *, same mechanism as the class reasserts. */
#webinar #wb-live-eventid {
  color: #F0F4FF !important;
  -webkit-text-fill-color: #F0F4FF !important;
}
#webinar #wb-live-end-btn {
  background: #0a1428 !important;
}

/* ── Hero header row (logo + h2 + description) ── */
#webinar > div[style*="margin-bottom:22px"] > div[style*="linear-gradient(135deg,rgba(26,127,232"] {
  background: linear-gradient(135deg, rgba(0,101,241,0.14), rgba(0,101,241,0.05)) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
}
#webinar h2[style*="color:#F0F4FF"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
#webinar p[style*="color:#9BA8C0"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── Stats tiles (.wb-stat) → premium white glass + animated blue glow + hover lift ── */
#webinar .wb-stat {
  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;
}
#webinar .wb-stat::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;
}
#webinar .wb-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;
}
#webinar .wb-stat-val { color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important; }
#webinar .wb-stat-label { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── Left form panel (.wb-left) → premium white glass + animated blue glow (sticky preserved) ── */
#webinar .wb-left {
  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: sticky !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 30px rgba(0,101,241,0.08) !important;
}
#webinar .wb-left::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;
}
#webinar .wb-left > div[style*="border-bottom:1px solid #2E3A55"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-bottom: 0.5px solid rgba(0,101,241,0.18) !important;
}

/* ── Fields: labels → blue uppercase; inputs → white + blue focus ring ── */
#webinar .wb-field label,
#webinar label[style*="color:#9BA8C0"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
#webinar .wb-field input,
#webinar .wb-field select,
#webinar .wb-field textarea,
#webinar .wb-filter-bar input,
#webinar .wb-learn-item input,
#webinar select[style*="background:#242D45"] {
  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;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
#webinar .wb-field input::placeholder,
#webinar .wb-field textarea::placeholder,
#webinar .wb-filter-bar input::placeholder,
#webinar .wb-learn-item input::placeholder {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}
#webinar .wb-field input:focus,
#webinar .wb-field select:focus,
#webinar .wb-field textarea:focus,
#webinar .wb-filter-bar input:focus,
#webinar .wb-learn-item input:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}

/* ── Primary button (.wb-btn-primary) → premium blue + white text + hover lift ── */
#webinar .wb-btn-primary {
  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;
  opacity: 1 !important;
}
#webinar .wb-btn-primary * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#webinar .wb-btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.34) !important;
  opacity: 1 !important;
}

/* ── Tabs (.wb-tab / .wb-tab.active) — premium pill ── */
#webinar .wb-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;
}
#webinar .wb-tab:hover:not(.active) {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border-color: rgba(0,101,241,0.24) !important;
}
#webinar .wb-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;
}
#webinar .wb-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── Webinar cards (.wb-card) → premium white glass + animated blue glow + hover lift ── */
#webinar .wb-card {
  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;
}
#webinar .wb-card::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;
}
#webinar .wb-card: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;
}
#webinar .wb-card-title { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#webinar .wb-card-meta { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── Type / Status badges — soft tinted chips ── */
#webinar .wb-type-badge {
  background: rgba(0,101,241,0.10) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border: 0.5px solid rgba(0,101,241,0.25) !important;
}
#webinar .wb-status-draft {
  background: rgba(107,114,128,0.12) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}
#webinar .wb-status-published {
  background: rgba(5,150,105,0.12) !important;
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}
#webinar .wb-status-ended {
  background: rgba(220,38,38,0.10) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

/* ── Action buttons (.wb-action-btn) — ghost pill with blue hover ── */
#webinar .wb-action-btn {
  background: rgba(0,101,241,0.05) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
}
#webinar .wb-action-btn:hover {
  background: rgba(0,101,241,0.12) !important;
  border-color: #0065f1 !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transform: translateY(-1px) !important;
}
#webinar .wb-action-btn.danger:hover {
  background: rgba(220,38,38,0.08) !important;
  border-color: #dc2626 !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

/* ── Link box (.wb-link-input, .wb-copy-btn) ── */
#webinar .wb-link-input {
  background: rgba(0,101,241,0.04) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}
#webinar .wb-copy-btn {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  border: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 3px 10px rgba(0,101,241,0.22) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#webinar .wb-copy-btn * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#webinar .wb-copy-btn:hover {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(0,101,241,0.32) !important;
}

/* ── AI tab: boxes, output, section titles ── */
#webinar .wb-ai-box {
  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;
}
#webinar .wb-ai-box::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;
}
#webinar .wb-ai-output {
  background: 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;
}
#webinar .wb-section-title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── Slide thumbnails ── */
#webinar .wb-slide-thumb {
  background: rgba(0,101,241,0.04) !important;
  border: 1.5px solid rgba(0,101,241,0.18) !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-slide-thumb:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: #0065f1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.18) !important;
}
#webinar .wb-slide-num { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
#webinar .wb-slide-title-sm { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#webinar .wb-slide-bullets-sm { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── Customize: layout options & font buttons ── */
#webinar .wb-layout-opt {
  background: rgba(255,255,255,0.72) !important;
  border: 1.5px solid rgba(0,101,241,0.14) !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-layout-opt:hover {
  border-color: rgba(0,101,241,0.35) !important;
  transform: translateY(-1px) !important;
}
#webinar .wb-layout-opt.selected {
  border-color: #0065f1 !important;
  background: rgba(0,101,241,0.08) !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.18) !important;
}
#webinar .wb-layout-opt .lo-name { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#webinar .wb-layout-opt .lo-desc { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
/* Keep the lo-swatch fills (Bold/Minimal/Cinematic) — they're functional previews of user theme choices */

#webinar .wb-font-btn {
  background: rgba(255,255,255,0.72) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-font-btn:hover {
  border-color: rgba(0,101,241,0.35) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#webinar .wb-font-btn.selected {
  background: rgba(0,101,241,0.10) !important;
  border-color: #0065f1 !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  box-shadow: 0 2px 8px rgba(0,101,241,0.20) !important;
}

/* ── Upload row label (.wb-upload-label) ── */
#webinar .wb-upload-label {
  background: rgba(0,101,241,0.05) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
#webinar .wb-upload-label:hover {
  background: rgba(0,101,241,0.12) !important;
  border-color: rgba(0,101,241,0.35) !important;
}

/* ── Registrants table ── */
#webinar .wb-table { color: #111827 !important; }
#webinar .wb-table th {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border-bottom: 0.5px solid rgba(0,101,241,0.18) !important;
}
#webinar .wb-table td {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-bottom: 1px solid rgba(0,101,241,0.10) !important;
}
#webinar .wb-table tbody tr:hover td { background: rgba(0,101,241,0.06) !important; }
/* Registrant table row inline #9BA8C0 muted cells → slate */
#webinar .wb-table td[style*="color:#9BA8C0"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}
#webinar .wb-table td[style*="color:#6070A0"] {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}
#webinar .wb-table td span[style*="color:#4ade80"] {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}
/* Table wrapper dark border */
#webinar div[style*="border:1px solid #2E3A55"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* ── Filter buttons ── */
#webinar .wb-filter-btn {
  background: rgba(255,255,255,0.72) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-filter-btn:hover {
  border-color: rgba(0,101,241,0.35) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#webinar .wb-filter-btn.active {
  background: rgba(0,101,241,0.10) !important;
  border-color: #0065f1 !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Reminder buttons ── */
#webinar .wb-reminder-btn {
  background: rgba(0,101,241,0.08) !important;
  border: 0.5px solid rgba(0,101,241,0.25) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-reminder-btn:hover:not(.sent) {
  background: rgba(0,101,241,0.18) !important;
  border-color: #0065f1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.18) !important;
}
#webinar .wb-reminder-btn.sent {
  background: rgba(107,114,128,0.08) !important;
  border-color: rgba(107,114,128,0.22) !important;
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
  opacity: 0.65 !important;
}

/* ── Learn items: remove button ── */
#webinar .wb-remove-btn {
  background: rgba(220,38,38,0.08) !important;
  border: 0.5px solid rgba(220,38,38,0.25) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}
#webinar .wb-remove-btn:hover {
  background: rgba(220,38,38,0.14) !important;
  border-color: #dc2626 !important;
}

/* ── Toggle slider: off = gray, on = ZOOM blue; ball stays white ── */
#webinar .wb-toggle-slider { background: rgba(107,114,128,0.35) !important; }
#webinar .wb-toggle input:checked + .wb-toggle-slider { background: #0065f1 !important; }
/* Toggle ball (background:#fff) — force white background for the ::before via CSS override */
#webinar .wb-toggle-slider::before { background: #fff !important; }

/* ── Empty state ── */
#webinar .wb-empty-state { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
#webinar .wb-empty-state > div { color: inherit !important; -webkit-text-fill-color: inherit !important; }
/* Empty state title "No webinars yet" has inline color:#F0F4FF → dark */
#webinar .wb-empty-state > div[style*="color:#F0F4FF"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── AI loading spinner color ── */
#webinar .wb-ai-loading { color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important; }
#webinar .wb-spin {
  border: 2px solid rgba(0,101,241,0.18) !important;
  border-top-color: #0065f1 !important;
}

/* ── Slide modal — soft scrim + premium glass content ── */
#webinar #wb-slide-modal { background: rgba(0,10,30,0.62) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; }
#webinar .wb-modal-slide {
  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;
  box-shadow: 0 20px 60px rgba(0,101,241,0.22) !important;
}
#webinar .wb-modal-slide::before {
  width: 5px !important;
  background: linear-gradient(180deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 100% 200% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
}
#webinar .wb-modal-slide-title { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#webinar .wb-modal-bullet { color: #374151 !important; -webkit-text-fill-color: #374151 !important; }
#webinar .wb-modal-bullet::before { color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important; }
#webinar .wb-modal-notes {
  background: rgba(0,101,241,0.06) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border-top: 0.5px solid rgba(0,101,241,0.18) !important;
}
#webinar .wb-modal-slide-num { color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important; }
#webinar .wb-modal-btn {
  background: rgba(0,101,241,0.08) !important;
  border: 0.5px solid rgba(0,101,241,0.25) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: all 0.15s ease !important;
}
#webinar .wb-modal-btn:hover {
  background: rgba(0,101,241,0.18) !important;
  border-color: #0065f1 !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transform: translateY(-1px) !important;
}
#webinar .wb-modal-counter { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── "+ Create New Webinar" heading inside .wb-left ── */
#webinar .wb-left > div[style*="color:#F0F4FF"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── Inline "+ Add Bullet Point" button (rgba(26,127,232,.1) bg, #4FA8FF text) ── */
#webinar button[style*="rgba(26,127,232,.1)"][style*="#4FA8FF"] {
  background: rgba(0,101,241,0.08) !important;
  border: 0.5px solid rgba(0,101,241,0.25) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: background 0.15s ease !important;
}
#webinar button[style*="rgba(26,127,232,.1)"][style*="#4FA8FF"]:hover {
  background: rgba(0,101,241,0.16) !important;
}

/* ── Global inline ghost-text catch-all (for any missed inline styles) ── */
#webinar [style*="color:#9BA8C0"], #webinar [style*="color: #9BA8C0"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}
#webinar [style*="color:#6070A0"], #webinar [style*="color: #6070A0"] {
  color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important;
}
#webinar [style*="color:#F0F4FF"], #webinar [style*="color: #F0F4FF"],
#webinar [style*="color:#C0CCE0"], #webinar [style*="color: #C0CCE0"],
#webinar [style*="color:#D0D8F0"], #webinar [style*="color: #D0D8F0"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}
#webinar [style*="color:#4FA8FF"], #webinar [style*="color: #4FA8FF"],
#webinar [style*="color:#1A7FE8"], #webinar [style*="color: #1A7FE8"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}
#webinar [style*="color:#4ade80"], #webinar [style*="color: #4ade80"] {
  color: #059669 !important; -webkit-text-fill-color: #059669 !important; font-weight: 700 !important;
}
#webinar [style*="color:#f87171"], #webinar [style*="color: #f87171"] {
  color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important; font-weight: 700 !important;
}

/* ── Registrants dropdown select (inline background:#242D45) → white ── */
#webinar #wb-reg-webinar-select {
  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;
}
#webinar #wb-reg-webinar-select:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}

/* ── Ended-webinar status green dot on reminder panel (inline color:#4ade80) — caught above ── */

/* ── Any stray .wb-two-col / .wb-right containers keep transparent; no additional rules ── */