* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: #f7fbff;
  background:
    radial-gradient(circle at 12% 8%, rgba(35, 133, 255, 0.28), transparent 42%),
    radial-gradient(circle at 88% 92%, rgba(89, 67, 255, 0.24), transparent 38%),
    linear-gradient(150deg, #0b1526 0%, #060c18 60%, #081426 100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
}

/* ---- login / cadastro ---- */

.entrada {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}

.entrada-card {
  width: min(420px, 100%);
  padding: 28px;
  border: 1px solid rgba(129, 100, 255, 0.55);
  border-radius: 16px;
  background: rgba(9, 24, 41, 0.82);
  box-shadow: 0 24px 60px rgba(5, 10, 24, 0.55);
}

.entrada-card h1 {
  margin: 0;
  font-size: 26px;
  letter-spacing: 0.5px;
}

.entrada-sub {
  margin: 4px 0 20px;
  color: #9fb2ce;
  font-size: 14px;
}

.abas {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
}

.aba {
  flex: 1;
  padding: 9px 10px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 9px;
  color: #c3ccdc;
  background: rgba(23, 42, 67, 0.5);
  font-size: 13px;
  text-align: center;
  text-decoration: none;
}

.aba.ativa {
  border-color: #2385ff;
  color: #ffffff;
  background: rgba(35, 133, 255, 0.28);
}

.formulario {
  display: grid;
  gap: 12px;
}

.formulario label {
  display: grid;
  gap: 5px;
  color: #b9c6db;
  font-size: 12px;
}

.formulario input {
  padding: 10px 12px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 9px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 14px;
}

.formulario input:focus {
  border-color: #2385ff;
  outline: none;
}

.formulario button {
  margin-top: 6px;
  padding: 11px;
  border: 0;
  border-radius: 9px;
  color: #ffffff;
  background: linear-gradient(135deg, #2385ff, #1e64f0);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.dica {
  margin: 16px 0 0;
  color: #8d9db8;
  font-size: 12px;
  line-height: 1.5;
}

.alerta {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 9px;
  font-size: 13px;
}

.alerta.erro {
  color: #ffd0d0;
  background: rgba(220, 60, 60, 0.22);
}

.alerta.ok {
  color: #c9f7dd;
  background: rgba(53, 212, 135, 0.2);
}

/* ---- painel ---- */

.topo {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(94, 124, 194, 0.3);
  background: rgba(7, 16, 30, 0.7);
}

.topo strong {
  display: block;
  font-size: 18px;
}

.topo span {
  color: #90a2bd;
  font-size: 13px;
}

.topo-usuario {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 13px;
}

.sair {
  padding: 7px 14px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 8px;
  color: #c3ccdc;
  background: rgba(23, 42, 67, 0.6);
  cursor: pointer;
}

.conteudo {
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 24px 60px;
}

.filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-bottom: 18px;
}

.chip {
  padding: 7px 13px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 999px;
  color: #c8d5ee;
  background: rgba(23, 37, 68, 0.7);
  font-size: 12px;
  text-decoration: none;
}

.chip b {
  color: #ffffff;
}

.chip.ativo {
  border-color: #2385ff;
  background: rgba(35, 133, 255, 0.3);
}

.busca {
  flex: 1;
  min-width: 220px;
  padding: 9px 13px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 13px;
}

.tabela-rolagem {
  overflow-x: auto;
  border: 1px solid rgba(94, 124, 194, 0.32);
  border-radius: 12px;
}

.tabela {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.tabela th {
  padding: 11px 14px;
  color: #a9bad6;
  background: rgba(14, 28, 52, 0.9);
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.tabela td {
  padding: 12px 14px;
  border-top: 1px solid rgba(94, 124, 194, 0.2);
  vertical-align: top;
}

.tabela tr:hover td {
  background: rgba(35, 133, 255, 0.08);
}

.sub {
  display: block;
  margin-top: 3px;
  color: #8b9bb6;
  font-size: 11px;
  line-height: 1.45;
}

.tag {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 6px;
  background: rgba(120, 136, 170, 0.24);
  font-size: 11px;
  white-space: nowrap;
}

.tag.v-emViagem { color: #a9f5c9; background: rgba(53, 212, 135, 0.24); }
.tag.v-futura { color: #bcd6ff; background: rgba(35, 133, 255, 0.24); }
.tag.d-aguardando { color: #ffd79a; background: rgba(245, 165, 36, 0.26); }
.tag.d-assinado { color: #bcd6ff; background: rgba(35, 133, 255, 0.24); }
.tag.d-encaminhado { color: #a9f5c9; background: rgba(53, 212, 135, 0.24); }

.vazio {
  padding: 44px 24px;
  border: 1px dashed rgba(94, 124, 194, 0.45);
  border-radius: 12px;
  color: #9fb0c9;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.vazio strong {
  color: #ffffff;
}

@media (max-width: 640px) {
  .conteudo { padding: 16px 12px 40px; }
  .topo { padding: 14px 14px; }
}

/* alternar visao */

.visoes {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}

.visao {
  padding: 8px 16px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 9px;
  color: #c3ccdc;
  background: rgba(23, 42, 67, 0.5);
  font-size: 13px;
  text-decoration: none;
}

.visao.ativo {
  border-color: #2385ff;
  color: #ffffff;
  background: rgba(35, 133, 255, 0.28);
}

/* nomes em lista */

.nomes {
  margin: 0;
  padding-left: 18px;
  font-weight: 700;
}

.nomes li {
  margin: 1px 0;
}

/* uma linha por servidor */

.servidores {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.servidor {
  padding: 14px 16px;
  border: 1px solid rgba(94, 124, 194, 0.32);
  border-left: 4px solid #6b7a99;
  border-radius: 12px;
  background: rgba(14, 24, 45, 0.6);
}

.servidor.v-emViagem { border-left-color: #35d487; }
.servidor.v-futura { border-left-color: #2385ff; }

.servidor-topo {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.servidor-nome {
  font-size: 15px;
}

.servidor-periodo {
  color: #a9bad6;
  font-size: 13px;
}

.servidor-despachos {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
}

.servidor-despachos li {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(9, 20, 35, 0.55);
  color: #d2dcf0;
  font-size: 13px;
}

/* prorrogacao, alteracao manual e consulta publica */

.tag.prorrogacao { color: #ffd6a5; background: rgba(245, 165, 36, 0.3); }
.tag.manual { color: #e2c9ff; background: rgba(140, 100, 255, 0.28); }

.sub-inline {
  color: #8b9bb6;
  font-size: 12px;
}

/* chave liga/desliga de "encaminhado" */

.chave-form {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.chave {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #90a2bd;
  font-size: 12px;
  cursor: pointer;
}

.chave-trilho {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: rgba(94, 124, 194, 0.35);
  transition: background 0.15s ease;
}

.chave-bolinha {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #c8d5ee;
  transition: transform 0.15s ease, background 0.15s ease;
}

.chave.ligada .chave-trilho { background: rgba(53, 212, 135, 0.55); }
.chave.ligada .chave-bolinha { transform: translateX(16px); background: #ffffff; }
.chave.ligada { color: #a9f5c9; }
.chave:hover .chave-trilho { background: rgba(94, 124, 194, 0.55); }
.chave.ligada:hover .chave-trilho { background: rgba(53, 212, 135, 0.7); }

.chave-nota {
  color: #a78bfa;
  font-size: 11px;
}

/* a chave "encaminhado" e a lixeira dividem a mesma linha do despacho */

.despacho-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.despacho-acoes .chave-form { margin-right: auto; }

.despacho-del {
  display: inline-flex;
  margin-top: 8px;
}

.despacho-del button {
  padding: 4px 10px;
  border: 1px solid rgba(180, 60, 60, 0.5);
  border-radius: 7px;
  color: #ffb4b4;
  background: rgba(180, 60, 60, 0.18);
  font-size: 12px;
  cursor: pointer;
}

.despacho-del button:hover {
  border-color: rgba(220, 80, 80, 0.8);
  background: rgba(180, 60, 60, 0.3);
}

.link-topo {
  color: #8ab6ff;
  font-size: 13px;
  text-decoration: none;
}

.consulta-form { margin-bottom: 20px; }

.consulta-form label {
  display: block;
  margin-bottom: 8px;
  color: #b9c6db;
  font-size: 13px;
  font-weight: 600;
}

.consulta-linha {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.consulta-linha button {
  padding: 9px 22px;
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #2385ff, #1e64f0);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.consulta-topo {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.consulta-topo h2 { margin: 0; font-size: 17px; }

.botao-baixar {
  padding: 9px 18px;
  border: 1px solid rgba(53, 212, 135, 0.6);
  border-radius: 9px;
  color: #a9f5c9;
  background: rgba(53, 212, 135, 0.16);
  font-size: 13px;
  text-decoration: none;
}

/* historico de periodos */

.tag.desde { color: #ffe6a5; background: rgba(245, 200, 36, 0.22); }

.historico {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(94, 124, 194, 0.28);
  border-radius: 9px;
  background: rgba(9, 20, 35, 0.45);
}

.historico summary {
  color: #a9bad6;
  font-size: 12px;
  cursor: pointer;
}

.historico-lista {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 5px;
}

.historico-lista li {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(23, 37, 68, 0.55);
  font-size: 12px;
}

.historico-datas {
  color: #e8efff;
  font-weight: 600;
  white-space: nowrap;
}

.historico-rotulo {
  color: #8b9bb6;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.historico-del { margin-left: auto; }

.historico-del button {
  padding: 1px 8px;
  border: 1px solid rgba(180, 60, 60, 0.5);
  border-radius: 6px;
  color: #ffb4b4;
  background: rgba(180, 60, 60, 0.18);
  font-size: 12px;
  cursor: pointer;
}

.historico-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(94, 124, 194, 0.3);
}

.historico-form label {
  display: grid;
  gap: 3px;
  color: #8b9bb6;
  font-size: 11px;
}

.historico-form label.cresce { flex: 1; min-width: 180px; }

.historico-form input {
  padding: 6px 9px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 7px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 12px;
}

.historico-form button {
  padding: 7px 14px;
  border: 0;
  border-radius: 7px;
  color: #ffffff;
  background: linear-gradient(135deg, #2385ff, #1e64f0);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

/* conserto de leitura errada da IA */

/* o par "corrigir data" + lixeira fica encostado na direita da linha */
.conserto { margin-left: auto; }
.conserto + .historico-del { margin-left: 6px; }
.conserto[open] + .historico-del { margin-left: auto; }

.conserto > summary {
  padding: 1px 8px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 6px;
  color: #a9bad6;
  font-size: 11px;
  cursor: pointer;
  list-style: none;
}

.conserto > summary::-webkit-details-marker { display: none; }
.conserto[open] > summary { color: #ffffff; border-color: #2385ff; }

/* aberto, ocupa a linha inteira: os dois formularios nao cabem no cantinho */
.conserto[open] {
  flex-basis: 100%;
  margin-left: 0;
}

.conserto-caixa {
  margin-top: 8px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(9, 20, 35, 0.75);
}

.conserto-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
}

.conserto-form + .conserto-form {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(94, 124, 194, 0.3);
}

.conserto-form label {
  display: grid;
  gap: 3px;
  color: #8b9bb6;
  font-size: 11px;
}

.conserto-form label.cresce { flex: 1; min-width: 200px; }

.conserto-form input {
  padding: 6px 9px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 7px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 12px;
}

.conserto-form button {
  padding: 7px 14px;
  border: 0;
  border-radius: 7px;
  color: #ffffff;
  background: linear-gradient(135deg, #2385ff, #1e64f0);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.conserto-form button.perigo {
  border: 1px solid rgba(180, 60, 60, 0.6);
  color: #ffb4b4;
  background: rgba(180, 60, 60, 0.2);
}

.conserto-nota {
  margin: 10px 0 0;
  color: #8b9bb6;
  font-size: 11px;
  line-height: 1.5;
}

.removidos {
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(245, 165, 36, 0.4);
  border-radius: 10px;
  background: rgba(245, 165, 36, 0.07);
}

.removidos summary {
  color: #ffd79a;
  font-size: 12px;
  cursor: pointer;
}

.removidos-lista {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.removidos-lista li {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(23, 37, 68, 0.55);
  font-size: 12px;
}

.removidos-lista .sub { flex-basis: 100%; margin-top: 0; }
.removidos-lista .conserto-form { margin-left: auto; }

/* pedidos de viagem */

.servidor.pedido-nova { border-left-color: #f5a524; }
.servidor.pedido-despachada { border-left-color: #35d487; }
.servidor.pedido-recusada { border-left-color: #b42318; }

.acoes-pedido {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 10px;
}

.acao-inline { display: inline-flex; gap: 6px; }

.acao-situacao {
  padding: 6px 13px;
  border: 1px solid rgba(94, 124, 194, 0.55);
  border-radius: 999px;
  color: #c8d5ee;
  background: rgba(23, 42, 67, 0.7);
  font-size: 12px;
  cursor: pointer;
}

.acao-situacao:hover { border-color: #2385ff; color: #ffffff; }

.acao-situacao.destaque {
  border-color: rgba(53, 212, 135, 0.7);
  color: #a9f5c9;
  background: rgba(53, 212, 135, 0.18);
}

.acao-copiar {
  padding: 6px 13px;
  border: 1px solid rgba(35, 133, 255, 0.6);
  border-radius: 999px;
  color: #bcd6ff;
  background: rgba(35, 133, 255, 0.18);
  font-size: 12px;
  cursor: pointer;
}

.recado { flex: 1; min-width: 240px; }

.recado input {
  flex: 1;
  padding: 6px 11px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 12px;
}

/* lista publica paginada */

.contagem {
  margin: 0 0 12px;
  color: #90a2bd;
  font-size: 13px;
}

.voltar { margin: 0 0 14px; }
.voltar a { color: #8ab6ff; font-size: 14px; text-decoration: none; }
.voltar a:hover { text-decoration: underline; }

.servidor-link {
  display: grid;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}

.servidor-link:hover .servidor-nome { text-decoration: underline; }
.servidor-link:focus-visible { outline: 2px solid #2385ff; outline-offset: 3px; border-radius: 8px; }

.servidor-link .servidor-topo { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.paginacao {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.pagina {
  min-width: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 9px;
  color: #c8d5ee;
  background: rgba(23, 42, 67, 0.6);
  font-size: 13px;
  text-align: center;
  text-decoration: none;
}

.pagina:hover { border-color: #2385ff; color: #ffffff; }

.pagina.atual {
  border-color: #2385ff;
  color: #ffffff;
  background: rgba(35, 133, 255, 0.3);
  font-weight: 600;
}

.pagina.desligada { opacity: 0.4; }

.link-topo.destaque-relatorio {
  padding: 6px 12px;
  border: 1px solid rgba(53, 212, 135, 0.55);
  border-radius: 8px;
  color: #a9f5c9;
  background: rgba(53, 212, 135, 0.14);
}

/* resumo do topo da consulta publica */

.resumo {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 18px;
}

.resumo-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 16px;
  border: 1px solid rgba(94, 124, 194, 0.32);
  border-radius: 12px;
  background: rgba(14, 24, 45, 0.6);
}

.resumo-item strong {
  font-size: 26px;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.resumo-item strong.destaque { color: #ffd6a5; }

.resumo-item span {
  color: #90a2bd;
  font-size: 12px;
}

/* viagens prestes a encerrar */

.servidor.encerrando {
  border-left-color: #f5a524;
  background: rgba(245, 165, 36, 0.07);
}

.tag.encerrando {
  color: #ffd79a;
  background: rgba(245, 165, 36, 0.28);
  font-weight: 600;
}

.resumo-item strong.alerta-fim { color: #ffd79a; }

/* quem voltou por ultimo */

.encerramentos {
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(94, 124, 194, 0.32);
  border-radius: 12px;
  background: rgba(14, 24, 45, 0.6);
}

.encerramentos h2 {
  margin: 0 0 10px;
  color: #90a2bd;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.encerramentos ul {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.encerramentos a {
  display: block;
  padding: 9px 11px;
  border-left: 3px solid #6b7a99;
  border-radius: 8px;
  background: rgba(9, 20, 35, 0.55);
  color: #d2dcf0;
  font-size: 13px;
  text-decoration: none;
}

.encerramentos a:hover {
  background: rgba(35, 133, 255, 0.12);
}

.encerramentos strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ------------------------------------------------------------------ */
/* Planilha da brigada                                                 */
/* ------------------------------------------------------------------ */

.planilha td { vertical-align: top; }

.planilha-num {
  color: #7c8CA8;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Cada dado copiavel: o valor e a lapela de copiar lado a lado */
.copiavel {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.mono {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* CPF que veio torto da origem: marca sem esconder o valor */
.mono.suspeito {
  color: #ffd79a;
  text-decoration: underline dotted;
}

.clip {
  flex: none;
  padding: 2px 7px;
  border: 1px solid rgba(94, 124, 194, 0.45);
  border-radius: 6px;
  color: #a9bad6;
  background: rgba(9, 20, 35, 0.55);
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}

.clip:hover {
  border-color: #2385ff;
  color: #ffffff;
  background: rgba(35, 133, 255, 0.18);
}

.clip.copiado {
  border-color: #35d487;
  color: #a9f5c9;
  background: rgba(53, 212, 135, 0.2);
}

.periodo-linha {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
}

.viagem-form {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: flex-end;
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px dashed rgba(94, 124, 194, 0.3);
}

.viagem-form label {
  display: grid;
  gap: 3px;
  color: #8b9bb6;
  font-size: 10px;
}

.viagem-form input {
  padding: 5px 7px;
  border: 1px solid rgba(94, 124, 194, 0.5);
  border-radius: 6px;
  color: #ffffff;
  background: rgba(9, 20, 35, 0.9);
  font-size: 12px;
}

.viagem-form button {
  padding: 6px 12px;
  border: 0;
  border-radius: 6px;
  color: #ffffff;
  background: linear-gradient(135deg, #2385ff, #1e64f0);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.cadastro-brigada {
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid rgba(94, 124, 194, 0.32);
  border-radius: 10px;
  background: rgba(14, 24, 45, 0.6);
}

.cadastro-brigada summary {
  color: #a9bad6;
  font-size: 12px;
  cursor: pointer;
}

.entrada-planilha {
  width: min(420px, 100%);
  margin: 40px auto;
}

.planilha-acoes {
  display: flex;
  gap: 6px;
  align-items: center;
}

.linha-edicao td {
  background: rgba(35, 133, 255, 0.06);
}

.linha-edicao .historico-form {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.planilha-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}