/* Ordem em todas as listas (12/11/2026, assets/ordem-listas.js): título da coluna clicável; a seta fica logo depois do texto,
   em posição absoluta, para não alargar a tabela (há tabelas justas em 1366). */
th.ol-ordenavel { cursor: pointer; user-select: none; }
th.ol-ordenavel:hover, th.ol-ordenavel:focus-visible { color: #6b56d6; outline: none; }
.ol-titulo { position: relative; }
.ol-seta { position: absolute; top: 50%; left: calc(100% + 2px); transform: translateY(-50%); font-size: 9px; line-height: 1; opacity: .4; pointer-events: none; font-weight: 400; }
th[aria-sort] .ol-seta { opacity: 1; color: #6b56d6; }
/* "Ordem" das listas em cards */
.ol-ordem-cards { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.ol-ordem-cards select { min-width: 220px; }
@media (max-width: 640px) { .ol-ordem-cards { display: flex; width: 100%; } .ol-ordem-cards select { flex: 1; min-width: 0; } }
@media print { .ol-seta { display: none; } }
/* Lista de OS: a "Ordem" fica entre o título e os botões de exibição; no celular ocupa a linha inteira sem passar do card */
#painel .chamados-ordem { display: flex; min-width: 0; max-width: 100%; }
@media (max-width: 640px) { #painel .chamados-ordem { flex: 1 1 100%; } #painel .chamados-ordem .ol-ordem-cards { width: 100%; min-width: 0; } }
/* Central: a "Ordem" fica ao lado dos botões de cards/lista, na mesma altura (42 px) */
#central .secao-botoes .ol-ordem-cards select { min-height: 42px; }
#central .secao-botoes:has(.ol-ordem-cards) { flex-wrap: wrap; justify-content: flex-end; min-width: 0; max-width: 100%; }
.ol-ordem-cards, .ol-ordem-cards select { max-width: 100%; box-sizing: border-box; }
@media (max-width: 640px) {
  #central .secao-botoes .ol-ordem-cards { flex: 1 1 100%; width: auto; min-width: 0; }
  #central .secao-botoes .ol-ordem-cards select { width: 100%; min-width: 0; }
}
/* Dentro de uma barra de filtros com rótulo em cima (RH, OS antigas): igual aos outros filtros */
#painel .rh-filtros .ol-ordem-cards { display: block; font-size: 12px; white-space: normal; }
#painel .rh-filtros .ol-ordem-cards select { min-width: 0; }
/* OS antigas: a "Ordem" ao lado da busca, com o rótulo em cima como o "Buscar OS antiga" */
#painel #chamados-antigos-busca-card:has(.ol-ordem-cards) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; }
#painel #chamados-antigos-busca-card .busca-painel { flex: 1 1 320px; margin: 0; }
#painel #chamados-antigos-busca-card .ol-ordem-cards { flex-direction: column; align-items: stretch; gap: 7px; font-size: 12px; white-space: normal; }
#painel #chamados-antigos-busca-card .ol-ordem-cards select { min-height: 46px; }
@media (max-width: 640px) { #painel #chamados-antigos-busca-card .ol-ordem-cards { flex: 1 1 100%; } }