/* ── Webinar Config Card ────────────────────────────────────────────── */

.wb-config-card {
  background:    var(--card-bg);
  border:        1.5px solid var(--border);
  border-radius: 12px;
  padding:       20px 24px;
  margin-bottom: 20px;
  display:       flex;
  align-items:   center;
  gap:           20px;
  flex-wrap:     wrap;
}

.wb-config-label {
  font-size:   11px;
  font-weight: 600;
  color:       var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.wb-config-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wb-config-field input[type="datetime-local"],
.wb-config-field input[type="date"],
.wb-config-field input[type="url"] {
  background:    var(--input-bg, var(--card-bg));
  border:        1px solid var(--border);
  border-radius: 8px;
  color:         var(--text-primary);
  font-size:     13px;
  font-family:   inherit;
  padding:       8px 12px;
  outline:       none;
  transition:    border-color 0.15s;
  min-width:     220px;
}

.wb-config-field input[type="url"] {
  min-width: 280px;
}

.wb-config-field input:focus {
  border-color: var(--accent, #6C5CE7);
}

.wb-config-save-btn {
  background:    var(--accent, #6C5CE7);
  color:         #fff;
  border:        none;
  border-radius: 8px;
  font-size:     13px;
  font-weight:   600;
  font-family:   inherit;
  padding:       9px 20px;
  cursor:        pointer;
  white-space:   nowrap;
  align-self:    flex-end;
  transition:    opacity 0.15s, transform 0.1s;
}

.wb-config-save-btn:hover   { opacity: 0.9; }
.wb-config-save-btn:active  { transform: scale(0.97); }
.wb-config-save-btn:disabled {
  opacity: 0.5;
  cursor:  not-allowed;
}

.wb-config-status {
  font-size:  12px;
  align-self: flex-end;
  padding-bottom: 2px;
  min-width:  80px;
}

.wb-config-status.saved  { color: var(--success, #00b386); }
.wb-config-status.error  { color: var(--danger,  #e84444); }
.wb-config-status.saving { color: var(--text-muted); }