/* 🔎 Pesquisa e filtros do Gerenciar Arquivos (tema-2026). */

.arq-busca { margin: 10px 0 12px; }
.arq-busca-linha { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.arq-busca-linha #arqBusca { flex: 1 1 280px; min-width: 0; }
.arq-busca-linha #arqEscopo { flex: 0 1 240px; width: auto; }
.arq-busca .btn.ativo { border-color: var(--accent); color: var(--accent); }

.arq-filtros { margin-top: 10px; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-sm, 10px);
  background: var(--bg-card); display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 14px; }
.arq-filtros[hidden] { display: none; }
.arq-f-grupo { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.arq-f-grupo > label { font-size: 12px; color: var(--text-muted); font-weight: 600; }
.arq-f-largo { grid-column: 1 / -1; }
.arq-f-par { display: flex; gap: 6px; }
.arq-f-par .form-input { min-width: 0; }
.arq-f-checks { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; }
.arq-f-rodape { flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.arq-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.arq-chips button { padding: 5px 11px; border-radius: 999px; border: 1px solid var(--border); background: var(--bg-input, transparent);
  color: var(--text-secondary); font: inherit; font-size: 12.5px; cursor: pointer; }
.arq-chips button:hover { border-color: rgba(94, 234, 212, .4); }
.arq-chips button.ativo { background: var(--accent); border-color: var(--accent); color: var(--accent-ink, #06141a); font-weight: 600; }

.arq-aviso-filtro { font-size: 12.5px; color: var(--text-muted); margin: -4px 0 8px; }
.arq-aviso-filtro[hidden] { display: none; }

#arqResultados[hidden], #fileListContainer[hidden] { display: none; }
.arq-res-topo { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm, 10px); background: var(--bg-card);
  font-size: 13px; color: var(--text-secondary); margin-bottom: 8px; }
.arq-res-aviso { font-size: 12.5px; color: var(--warning); margin: 0 0 8px; }
.arq-res-lista { border: 1px solid var(--border); border-radius: var(--radius-sm, 10px); overflow: hidden; }
.arq-res-item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.arq-res-item:last-child { border-bottom: none; }
.arq-res-item:hover { background: var(--bg-card-hover); }
.arq-res-txt { flex: 1; min-width: 0; }
.arq-res-nome { font-size: 13.5px; color: var(--text-primary); word-break: break-all; }
.arq-res-pasta { font-size: 11px; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--border); color: var(--text-muted); margin-left: 4px; }
.arq-res-cam { font-size: 11.5px; color: var(--text-muted); margin-top: 2px; word-break: break-all; }
.arq-res-linha { display: flex; gap: 8px; margin-top: 4px; font-size: 12px; min-width: 0; }
.arq-res-linha span { color: var(--text-muted); font-family: 'IBM Plex Mono', monospace; min-width: 34px; text-align: right; flex: none; }
.arq-res-linha code { font-family: 'IBM Plex Mono', monospace; color: var(--text-secondary); white-space: pre-wrap; word-break: break-all;
  background: rgba(7, 10, 28, .5); padding: 1px 6px; border-radius: 6px; min-width: 0; }
.arq-res-item mark { background: rgba(251, 191, 36, .35); color: inherit; border-radius: 3px; padding: 0 1px; }
.arq-res-acoes { display: flex; gap: 6px; flex: none; }

.file-item.arq-destaque { animation: arq-pisca 2.4s ease; }
@keyframes arq-pisca { 0%, 60% { background: rgba(94, 234, 212, .18); box-shadow: inset 3px 0 0 var(--accent); } 100% { background: transparent; } }

@media (max-width: 700px) {
  .arq-busca-linha #arqEscopo { flex: 1 1 100%; }
  .arq-busca-linha .btn { flex: 1; }
}
