/* Entrada documental, fila de ficheiros e drag-and-drop contextual. */

.drop { border: 2px dashed var(--line); border-radius: var(--r-lg); padding: 22px; text-align: center; color: var(--muted); font-size: var(--txt-md); }
.drop.hot { border-color: var(--accent); color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, transparent); }
body.windowDropActive::after {
  content: "Larga os documentos em qualquer ponto";
  position: fixed;
  inset: 12px;
  z-index: 1000;
  display: grid;
  place-items: center;
  border: 3px dashed var(--accent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--panel) 86%, transparent);
  color: var(--accent);
  font-size: clamp(18px, 3vw, 30px);
  font-weight: 800;
  pointer-events: none;
  backdrop-filter: blur(3px);
}
.prog { height: 6px; background: var(--line); border-radius: var(--r-pill); overflow: hidden; margin-top: 8px; }
.prog > i { display: block; height: 100%; background: var(--accent); width: 0; }

.uploadSection .drop {
  min-height: 108px;
  padding: 24px;
  display: grid;
  place-content: center;
  border-width: 1px;
  background:
    linear-gradient(var(--panel), var(--panel)) padding-box,
    repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px) border-box;
  color: var(--muted);
  cursor: pointer;
}

.uploadSection .drop:hover {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 4%, var(--panel));
}

.uploadSection .drop b,
.uploadSection .drop span {
  display: block;
  text-align: center;
}

.uploadSection .drop b {
  color: var(--ink);
  font-size: var(--txt-sm);
}

.uploadSection .drop span {
  margin-top: 3px;
  font-size: var(--txt-xs);
}

/* O lote de documentos largado de uma vez: uma linha por ficheiro, pela ordem
   em que foi largado, todas visíveis antes de a análise começar. */
.loteUpload {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

/* Ainda não lhe chegou a vez. Presente e legível, mas sem competir com as
   linhas já resolvidas nem com a que está a ser analisada. */
.loteUpload .emEspera {
  opacity: .62;
}

.detailDrawer .drop {
  background: var(--subtle);
}