/* Wizzi SaaS — Global Styles */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #252529; border-radius: 3px; }
a, button, input, select, textarea { transition: all 0.2s ease; }
.editor-area { min-height: 400px; line-height: 1.8; resize: vertical; }
.spinner { border: 3px solid #252529; border-top: 3px solid #0066FF; border-radius: 50%; width: 24px; height: 24px; animation: spin 0.8s linear infinite; display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }
.tabular { font-variant-numeric: tabular-nums; }

/* Fire-like flicker for the guided-tour CTA in the header. Gradient shifts
   between yellows / oranges / reds with box-shadow pulsing so it reads as
   a living flame. */
.wizzi-fire-btn {
  background: linear-gradient(135deg, #fbbf24, #f97316 45%, #dc2626);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  padding: 8px 14px;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(249, 115, 22, .55), 0 0 18px rgba(220, 38, 38, .35);
  animation: wizzi-fire 1.2s ease-in-out infinite;
  transition: transform .15s ease;
}
.wizzi-fire-btn:hover { transform: scale(1.05); animation-duration: .6s; }
@keyframes wizzi-fire {
  0%, 100% { background: linear-gradient(135deg, #fbbf24, #f97316 45%, #dc2626);
             box-shadow: 0 0 8px rgba(249, 115, 22, .55), 0 0 18px rgba(220, 38, 38, .35); }
  25%      { background: linear-gradient(135deg, #fde047, #ea580c 45%, #b91c1c);
             box-shadow: 0 0 14px rgba(234, 88, 12, .75), 0 0 28px rgba(185, 28, 28, .5); }
  50%      { background: linear-gradient(135deg, #facc15, #f97316 45%, #e11d48);
             box-shadow: 0 0 10px rgba(249, 115, 22, .6), 0 0 22px rgba(225, 29, 72, .4); }
  75%      { background: linear-gradient(135deg, #fbbf24, #c2410c 45%, #991b1b);
             box-shadow: 0 0 16px rgba(194, 65, 12, .8), 0 0 32px rgba(153, 27, 27, .55); }
}

/* Inputs must stand out against dark panels — one-line override wins over any
   Tailwind bg-dark-950/900 + border-zinc-800 classes on text-like form controls. */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),
select,
textarea {
  background-color: #252529 !important;
  border-color: #3f3f46 !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus,
select:focus,
textarea:focus {
  border-color: #06B6D4 !important;
  box-shadow: 0 0 0 1px rgba(6,182,212,.35) !important;
}