/* drop-zone.css — Drop zone do módulo eSocial (Fase 2): estados idle, dragover, processando, sucesso, erro */

.dropzone {
  background: var(--surface);
  border: 2px dashed var(--brand-blue);
  border-radius: var(--radius);
  padding: 32px; min-height: 140px;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center; gap: 8px; cursor: pointer;
  transition: border-color .15s, background .15s;
}
.dropzone .dz-title {
  font-family: var(--ff-mono); font-size: 11px; font-weight: 500;
  text-transform: uppercase; letter-spacing: .08em; color: var(--brand-blue);
}
.dropzone .dz-text { font-family: var(--ff-title); font-weight: 600; font-size: 18px; color: var(--fg); }
.dropzone .dz-sub { font-size: 12px; color: var(--fg-faint); }

.dropzone.dragover { border-style: solid; border-color: var(--brand-green); background: var(--green-tint); }
.dropzone.processando { border-color: var(--line-2); opacity: .7; pointer-events: none; }
.dropzone.sucesso { border-color: var(--ok); }
.dropzone.erro { border-color: var(--danger); }