.aplicacao { width: min(1600px, calc(100% - 108px)); margin-left: 88px; margin-right: 20px; }
.navegacao-torre { position: fixed; left: 12px; top: 50%; transform: translateY(-50%); width: 58px; display: grid; gap: 7px; padding: 7px; border: 1px solid #263a59; border-radius: 20px; background: #09162bd9; box-shadow: 0 14px 35px #0003; backdrop-filter: blur(14px); z-index: 15; }
.navegacao-torre button { position: relative; width: 42px; height: 45px; border: 0; border-radius: 13px; color: #8c9db8; background: transparent; display: grid; place-items: center; }
.navegacao-torre svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.navegacao-torre button:hover { background: #15263d; color: #e5f7ff; }
.navegacao-torre button[aria-current="page"] { color: #45e0d2; background: #1c2d56; }
.navegacao-torre button:focus-visible { outline: 2px solid #45e0d2; outline-offset: 3px; }
.navegacao-torre .nav-tooltip { position: absolute; left: 52px; white-space: nowrap; background: #142a43; color: #fff; border: 1px solid #294967; border-radius: 7px; padding: 8px 11px; font-size: 12px; opacity: 0; pointer-events: none; transform: translateX(-5px); transition: .15s ease; }
.navegacao-torre button:hover .nav-tooltip, .navegacao-torre button:focus-visible .nav-tooltip { opacity: 1; transform: none; }
.pesquisador { padding: 28px 0 16px; }
.pesquisa-titulo { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.pesquisa-kicker { font-size: 10px; font-weight: 800; color: #40d6c2; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 8px; }
.pesquisa-titulo h2 { font-size: clamp(22px, 2.4vw, 31px); letter-spacing: -.6px; margin: 0 0 8px; }
.pesquisa-titulo p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.pesquisa-atualizacao { font-size: 11px; text-align: right; color: var(--muted); max-width: 200px; line-height: 1.6; }
.pesquisa-form { display: flex; align-items: end; gap: 12px; padding: 18px 22px; margin-bottom: 20px; border-radius: 15px; }
.pesquisa-form > div { flex: 1; max-width: 430px; }
.pesquisa-form label, .pesquisa-filtros label { display: block; margin: 0 0 7px; font-size: 10px; font-weight: 750; color: var(--muted); letter-spacing: .9px; text-transform: uppercase; }
.pesquisa-form input { text-transform: uppercase; font-size: 18px; font-weight: 750; letter-spacing: 1.8px; }
.pesquisa-form .botao { min-height: 46px; padding-inline: 24px; }
.pesquisa-form .pesquisa-dica { margin: 0 0 10px auto; font-size: 12px; color: var(--muted); line-height: 1.6; max-width: 285px; }
.pesquisa-vazio { min-height: 300px; display: grid; place-content: center; text-align: center; padding: 40px 20px; border: 1px dashed #29425a; border-radius: 18px; background: #0c1b2c55; }
.pesquisa-vazio svg { width: 38px; height: 38px; margin: 0 auto 18px; stroke: #40d6c2; fill: none; stroke-width: 1.5; }
.pesquisa-vazio h3 { font-size: 20px; margin-bottom: 10px; }
.pesquisa-vazio p { color: var(--muted); font-size: 13px; line-height: 1.7; max-width: 470px; margin: 0 auto; }
.pesquisa-mensagem { color: #ffc977; font-size: 13px; line-height: 1.6; }
.pesquisa-mensagem:empty { display: none; }
.pesquisa-resultado[aria-busy="true"] { opacity: .65; pointer-events: none; }
.pesquisa-identidade { display: flex; align-items: center; gap: 20px; padding: 20px 24px; margin-bottom: 14px; }
.pesquisa-placa { border: 1px solid #385370; border-top: 5px solid #1877be; border-radius: 9px; padding: 8px 15px 9px; color: #f1faff; font: 800 27px "Segoe UI", sans-serif; letter-spacing: 2px; background: #091728; white-space: nowrap; }
.pesquisa-identidade h3 { font-size: 14px; margin-bottom: 7px; }
.pesquisa-identidade .pesquisa-mapa { margin-left: auto; white-space: nowrap; }
.pesquisa-selo { display: inline-flex; align-items: center; gap: 6px; border-radius: 20px; padding: 5px 9px; font-size: 10px; font-weight: 750; color: #96adc1; background: #203348; }
.pesquisa-selo.verde { color: #5ee5b6; background: #104338; }
.pesquisa-selo.amarelo { color: #ffd07b; background: #403722; }
.pesquisa-selo.vermelho { color: #ff9aaa; background: #472839; }
.pesquisa-telemetria { display: grid; grid-template-columns: .9fr .9fr .9fr 1.65fr; gap: 12px; margin-bottom: 14px; }
.pesquisa-metrica { padding: 18px 20px; min-width: 0; border-radius: 13px; }
.pesquisa-metrica .rotulo { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.pesquisa-metrica strong { display: block; margin-top: 9px; margin-bottom: 6px; font-size: 21px; font-weight: 700; }
.pesquisa-metrica p { font-size: 11px; color: var(--muted); margin: 0; line-height: 1.6; overflow-wrap: anywhere; }
.pesquisa-metrica.local strong { font-size: 16px; }
.pesquisa-viagem { padding: 22px 24px; margin-bottom: 20px; }
.pesquisa-secao-topo { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin-bottom: 17px; }
.pesquisa-secao-topo h3 { font-size: 16px; margin-bottom: 6px; }
.pesquisa-secao-topo p { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.6; }
.pesquisa-viagem-grade { display: grid; grid-template-columns: 1.5fr 1fr; gap: 28px; }
.pesquisa-percurso { display: grid; grid-template-columns: 12px 1fr; column-gap: 12px; row-gap: 17px; padding: 4px 0 20px; }
.pesquisa-percurso i { width: 8px; height: 8px; border: 2px solid #47d0c3; border-radius: 50%; margin-top: 5px; }
.pesquisa-percurso small { display: block; color: var(--muted); font-size: 10px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .6px; }
.pesquisa-percurso b { font-size: 14px; line-height: 1.5; }
.pesquisa-progresso { height: 6px; border-radius: 6px; background: #20364a; overflow: hidden; margin: 10px 0 9px; }
.pesquisa-progresso span { display: block; height: 100%; background: linear-gradient(90deg,#058e95,#34d79b); border-radius: inherit; }
.pesquisa-progresso-texto { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: var(--muted); }
.pesquisa-chegada { padding: 19px; border: 1px solid #2b5264; border-radius: 13px; background: #0a263233; }
.pesquisa-chegada .rotulo { color: #80cbbf; font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.pesquisa-chegada strong { display: block; font-size: 21px; line-height: 1.4; margin: 10px 0; }
.pesquisa-chegada p { margin: 7px 0 0; font-size: 12px; color: var(--muted); line-height: 1.6; }
.pesquisa-pendencias { margin-top: 18px; border-top: 1px solid var(--linha); padding-top: 13px; color: #d4ba89; font-size: 12px; }
.pesquisa-pendencias summary { cursor: pointer; }
.pesquisa-pendencias ul { padding-left: 20px; line-height: 1.8; margin-bottom: 0; }
.pesquisa-historico { padding: 22px 24px; }
.pesquisa-filtros { display: grid; grid-template-columns: 1fr 1fr 1.1fr auto; gap: 12px; align-items: end; padding-bottom: 20px; border-bottom: 1px solid var(--linha); }
.pesquisa-filtros .botao { min-height: 41px; }
.pesquisa-historico-nota { font-size: 11px; color: var(--muted); line-height: 1.65; margin: 14px 0 6px; }
.pesquisa-ocorrencia { padding: 17px 0 17px 15px; border-bottom: 1px solid #21384c; position: relative; }
.pesquisa-ocorrencia::before { content: ''; width: 3px; background: #678baa; border-radius: 3px; position: absolute; left: 0; top: 20px; bottom: 20px; }
.pesquisa-ocorrencia[data-severidade="critical"]::before { background: #ff617d; }
.pesquisa-ocorrencia[data-severidade="high"]::before { background: #e4b851; }
.pesquisa-ocorrencia-topo { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.pesquisa-ocorrencia h4 { font-size: 13px; line-height: 1.5; margin: 0 0 6px; }
.pesquisa-ocorrencia small { color: var(--muted); font-size: 10px; }
.pesquisa-ocorrencia-tempos { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 12px; font-size: 11px; color: var(--muted); line-height: 1.6; }
.pesquisa-ocorrencia-tempos b { display: block; color: #d4e4f0; font-weight: 500; }
.pesquisa-ocorrencia details { margin-top: 12px; font-size: 12px; color: var(--muted); line-height: 1.7; overflow-wrap: anywhere; }
.pesquisa-ocorrencia summary { cursor: pointer; color: #62cfc2; }
.pesquisa-paginacao { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-top: 18px; }
.pesquisa-paginacao small { color: var(--muted); }
.pesquisa-paginacao div { display: flex; gap: 8px; }
@media(min-width:1760px) { .aplicacao { margin-left: auto; margin-right: auto; } }
@media(max-width:1000px) { .pesquisa-telemetria { grid-template-columns: repeat(2,1fr); } .pesquisa-form .pesquisa-dica { display: none; } .pesquisa-viagem-grade { grid-template-columns: 1fr; gap: 20px; } }
@media(max-width:640px) {
  .aplicacao { width: calc(100% - 24px); margin: 12px 12px 90px; }
  .navegacao-torre { top: auto; bottom: 12px; left: 50%; transform: translateX(-50%); width: auto; grid-auto-flow: column; gap: 10px; border-radius: 18px; }
  .navegacao-torre .nav-tooltip { display: none; }
  .pesquisador { padding-top: 21px; } .pesquisa-titulo { align-items: start; }
  .pesquisa-atualizacao { max-width: 110px; font-size: 10px; }
  .pesquisa-form { padding: 15px; flex-wrap: wrap; gap: 10px; }
  .pesquisa-form > div { max-width: none; flex-basis: 100%; }
  .pesquisa-form .botao { flex: 1; padding-inline: 13px; }
  .pesquisa-identidade { flex-wrap: wrap; padding: 17px; gap: 15px; }
  .pesquisa-identidade .pesquisa-mapa { margin-left: 0; }
  .pesquisa-telemetria { gap: 8px; } .pesquisa-metrica { padding: 15px; }
  .pesquisa-metrica strong { font-size: 18px; } .pesquisa-viagem, .pesquisa-historico { padding: 18px; }
  .pesquisa-filtros { grid-template-columns: 1fr 1fr; gap: 12px 8px; }
  .pesquisa-ocorrencia-topo { flex-direction: column; gap: 4px; }
  .pesquisa-ocorrencia-tempos { gap: 12px; }
  .pesquisa-paginacao { flex-wrap: wrap; }
}
@media(prefers-reduced-motion:reduce) { .navegacao-torre .nav-tooltip { transition: none; } }