/*
 * apps/lgpd/static/lgpd/css/conferir.css
 * Área de arrastar o PDF nas páginas públicas de verificação. Usa os tokens
 * do design system público (public_base.css), que já trazem o tema escuro.
 */
.lgc-titulo { margin: 0; font-size: 17px; font-weight: 650; color: var(--vxp-ink); }

.lgc-zona {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 26px 18px;
  border: 1.5px dashed var(--vxp-line-strong);
  border-radius: 14px;
  background: var(--vxp-subtle);
  color: var(--vxp-ink-2);
  text-align: center;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.lgc-zona i { font-size: 22px; color: var(--vxp-ink-3); }
.lgc-zona strong { color: var(--vxp-ac-text); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lgc-zona small { font-size: 13px; color: var(--vxp-ink-3); }
.lgc-zona:hover,
.lgc-zona--sobre { border-color: var(--vxp-ac-edge); background: var(--vxp-ac-tint); }
.lgc-zona:focus-within { outline: 2px solid var(--vxp-ac-edge); outline-offset: 2px; }

/* O input fica dentro do rótulo, acessível pelo teclado e invisível. */
.lgc-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.lgc-resultado strong { display: block; color: inherit; }
.lgc-resultado div div { margin-top: 2px; }

@media (prefers-reduced-motion: reduce) {
  .lgc-zona { transition: none; }
  .lgc-resultado .fa-spin { animation: none; }
}