/* Drop-zone de upload — o estilo do widget que vive em public/js/shared/fileDropZone.js.
 *
 * DE ONDE VEIO. Estas regras moravam em css/features/relatorio-df.css. Quando a aba "Relatório DF"
 * foi removida (Fase 7 do plano dfs-v2), o resto daquele arquivo saiu junto, mas estas regras não
 * eram dela: Horas Extras e Custos FOPAG usam as mesmas drop-zones desde a Camada 7, e o comentário
 * no topo de horas-extras.css já registrava esse empréstimo. Ficaram aqui, ao lado do módulo que as
 * renderiza, em vez de continuarem hospedadas num arquivo cuja feature deixou de existir.
 *
 * O PREFIXO `rel-` É FÓSSIL, e está mantido de propósito. Renomeá-lo obrigaria a mexer na marcação
 * de duas features que esta remoção não toca, trocando um nome enganoso por um risco de regressão
 * visual que nenhum teste pega. O nome mente; este comentário desmente. Renomear é trabalho
 * separado, com as duas telas abertas ao lado.
 *
 * Valores não foram alterados na mudança de arquivo — é a mesma aparência de antes.
 */

.rel-drop-zone {
    border: 2.5px dashed #cbd5e1;
    border-radius: 12px;
    padding: 36px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #f8fafc;
    position: relative;
}

.rel-drop-zone:hover,
.rel-drop-zone.drag-over {
    border-color: var(--primary-orange);
    background: #fff5f0;
}

.rel-drop-zone input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.rel-drop-icon {
    font-size: 36px;
    color: #cbd5e1;
    margin-bottom: 10px;
    transition: color 0.25s;
}

.rel-drop-zone:hover .rel-drop-icon,
.rel-drop-zone.drag-over .rel-drop-icon {
    color: var(--primary-orange);
}

.rel-drop-text {
    font-size: 14px;
    color: #64748b;
    font-weight: 600;
}

.rel-drop-hint {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}