/* OPs em Andamento — o que é desta tela além da lista antiga: abrir a OP pelo
   número, os botões Abrir/Imprimir da linha e o resumo do formulário de
   reprogramação. A tela da OP usa as classes ftec-/ftop- (ficha_tecnica.css). */

/* ── barra acima da tabela: abrir pelo número + exportar ── */
.opa-barra { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin: .5rem 0; }
.opa-abrir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.opa-abrir label { font-size: .8rem; font-weight: 600; color: #24313b; margin: 0; }
.opa-abrir input { width: 110px; }
.opa-abrir small { flex-basis: 100%; font-size: .72rem; color: #6b747b; }

/* ── linha da tabela ── */
.opa-acoes-linha { display: inline-flex; gap: 4px; white-space: nowrap; }
.opa-ico { padding: .2rem .45rem; line-height: 1; }
.opa-op-link { border: 0; background: none; padding: 0; color: var(--brand); font-weight: 600; text-decoration: underline;
               text-decoration-color: transparent; text-underline-offset: 2px; cursor: pointer; }
.opa-op-link:hover, .opa-op-link:focus-visible { text-decoration-color: currentColor; }

/* ── reprogramação: de qual OP se trata, antes do formulário ── */
.opa-rep-resumo { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; margin-bottom: 12px;
                  border: 1px solid #e2e7eb; border-radius: 8px; background: #f8fafb; font-size: .82rem; }
.opa-rep-resumo b { color: #24313b; }
.opa-rep-resumo span { color: #6b747b; }

@media (max-width: 575px) {
  .opa-barra { align-items: stretch; }
  .opa-abrir input { flex: 1; width: auto; }
}