.operacao-cabeca { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:24px; }
.operacao-sobretitulo { margin:0 0 8px; color:var(--tinta-fraca); font:500 11px var(--mono); letter-spacing:.15em; }
.operacao-cabeca h2 { margin:0 0 8px; font-size:28px; }
.operacao-cabeca .subtitulo { margin:0; color:var(--tinta-fraca); }
.operacao-cabeca button { padding:10px 16px; }
.operacao-motivo { padding:14px 18px; margin:0 0 20px; background:var(--placa); border-left:3px solid var(--viva); border-radius:0 8px 8px 0; font-size:13px; line-height:1.6; }
.operacao-motivo[data-pausada="true"] { border-left-color:var(--atencao); }
.operacao-resumo { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.operacao-resumo > div { display:flex; flex-direction:column; gap:12px; padding:18px; border:1px solid var(--linha); border-radius:12px; background:var(--placa); }
.operacao-resumo dt { color:var(--tinta-fraca); font-size:12px; }
.operacao-resumo dd { margin:0; font:500 28px var(--mono); }
.operacao-filtros { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.operacao-filtros input { min-width:240px; }
.operacao-filtros select { width:auto; }
.operacao-filtros > span { margin-left:auto; color:var(--tinta-fraca); font-size:12px; }
.operacao-ajuda { margin:14px 0 20px; font-size:12px; line-height:1.6; color:var(--tinta-apagada); }
.operacao-tabela { overflow-x:auto; border:1px solid var(--linha); border-radius:12px; background:var(--placa); }
.operacao-tabela table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; }
.operacao-tabela th { padding:14px 18px; color:var(--tinta-fraca); font-size:11px; font-weight:500; white-space:nowrap; }
.operacao-tabela td { padding:17px 18px; border-top:1px solid var(--linha-fina); vertical-align:top; }
.operacao-tabela td:first-child { min-width:170px; }
.operacao-tabela td:nth-child(2) { min-width:180px; }
.operacao-tabela td:nth-child(4) { min-width:180px; max-width:360px; }
.operacao-tabela strong { display:block; font-weight:500; }
.operacao-tabela code, .operacao-tabela small { display:block; color:var(--tinta-apagada); margin-top:6px; font-size:11px; overflow-wrap:anywhere; }
.operacao-tabela code { font-family:var(--mono); }
.operacao-relogio { white-space:nowrap; font:400 13px var(--mono); }
.operacao-tabela tr[data-alerta="true"] .operacao-relogio { color:var(--atencao); }
.operacao-tabela tr[data-alerta="true"] td:first-child { box-shadow:inset 3px 0 var(--atencao); }
.operacao-situacao { display:inline-block; font-size:12px; color:var(--tinta-fraca); }
.operacao-situacao[data-situacao="andando"] { color:var(--viva); }
.operacao-situacao[data-situacao="retentativa"], .operacao-situacao[data-situacao="revisao"] { color:var(--atencao); }
.operacao-tabela details { margin-top:10px; font-size:12px; }
.operacao-tabela summary { cursor:pointer; color:var(--tinta-fraca); }
.operacao-tabela details p { color:var(--tinta-suave); line-height:1.6; overflow-wrap:anywhere; }
.operacao-tabela button { padding:7px 12px; font-size:12px; }
.operacao-vazia { text-align:center; padding:28px 16px; color:var(--tinta-fraca); font-size:13px; }
.operation-schedule[hidden] { display:none; }
@media(max-width:750px) { 
  .operacao-resumo { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } 
  .operacao-resumo > div { padding:12px; }
  .operacao-resumo dd { font-size:22px; }
  .operacao-filtros { flex-direction:column; align-items:stretch; gap:8px; }
  .operacao-filtros label, .operacao-filtros input, .operacao-filtros select { width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .operacao-filtros > span { margin-left:0; font-size:11px; } 
  .operacao-cabeca { flex-direction:column; align-items:flex-start; gap:12px; }
  .operacao-cabeca button { width:100%; text-align:center; }
  .operacao-tabela { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box; }
  .operacao-tabela table { min-width:580px; }
}