/* ========================================================
   DAYZELCORP V2 - CLEAN TECH ESPORTS DESIGN SYSTEM
   forms.css - Inputs, Selects, Checkboxes
   ======================================================== */

.dz-form-group {
  margin-bottom: var(--dz-space-lg);
}

.dz-label {
  display: block;
  font-family: var(--dz-font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--dz-text-secondary);
  margin-bottom: var(--dz-space-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dz-input,
.dz-select,
.dz-textarea {
  width: 100%;
  padding: 12px var(--dz-space-md);
  background-color: var(--dz-bg);
  border: 1px solid var(--dz-border);
  border-radius: var(--dz-radius-md);
  color: var(--dz-text-primary);
  font-family: var(--dz-font-body);
  font-size: 14px;
  transition: border-color var(--dz-transition-fast), box-shadow var(--dz-transition-fast);
  outline: none;
}

.dz-input::placeholder,
.dz-textarea::placeholder {
  color: var(--dz-text-muted);
}

.dz-input:hover,
.dz-select:hover,
.dz-textarea:hover {
  border-color: var(--dz-border-hover);
}

.dz-input:focus,
.dz-select:focus,
.dz-textarea:focus {
  border-color: var(--dz-brand-secondary);
  /* Clean focus ring, NO heavy glows */
  box-shadow: 0 0 0 2px rgba(0, 217, 255, 0.15);
}

.dz-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--dz-space-md) center;
  background-size: 16px;
  padding-right: var(--dz-space-xl);
}

.dz-textarea {
  resize: vertical;
  min-height: 100px;
}