/* =========================================================
   ARENA UI — FORMS MODULE
   Estratto dal file originale, zero modifiche estetiche
   Mobile-first • Focus neon cyan
========================================================= */


/* ---------------------------------------------------------
   INPUT FIELD BASE
--------------------------------------------------------- */

.input {
  width: 100%;
  padding: 0.7rem 1rem;

  font-size: 0.9rem;
  color: #e5e7eb;

  border-radius: 0.75rem;
  border: 1px solid rgba(148,163,184,0.7);

  background: rgba(15,23,42,0.96);

  outline: none;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}


/* ---------------------------------------------------------
   PLACEHOLDER
--------------------------------------------------------- */

.input::placeholder {
  color: rgba(148,163,184,0.9);
}


/* ---------------------------------------------------------
   FOCUS STATE (neon cyan, esattamente come nel file)
--------------------------------------------------------- */

.input:focus {
  border-color: var(--zl-cyan);

  box-shadow:
    0 0 0 1px rgba(15,23,42,1),
    0 0 18px rgba(56,189,248,0.55);

  background: var(--aa-dark);
}