:root{color:#0f172a;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{flex-direction:column;height:100%;display:flex}.mapa{flex:1;min-height:0;position:relative}.veiculo{color:#2563eb;text-shadow:0 0 3px #fff;font-size:12px}.mensagem{text-align:center;place-content:center;height:100%;padding:16px;display:grid}.banner{color:#fff;background:#1a4570;flex-direction:column;gap:10px;padding:16px 20px 14px;font-size:15px;display:flex}.banner-marca{letter-spacing:.12em;text-transform:uppercase;color:#4f7299;font-size:12px;font-weight:600}.banner-linha{justify-content:space-between;align-items:center;gap:12px;display:flex}.banner-status{color:#86efac;align-items:center;gap:8px;font-weight:600;display:inline-flex}.banner-status-pausado{color:#fcd34d}.banner-status-aguardando{color:#cbd5e1}.banner-status-encerrado{color:#94a3b8}.banner-status-sem_sinal{color:#fdba74}.banner-ponto{background:currentColor;border-radius:50%;width:10px;height:10px;display:inline-block}.banner-ponto-pequeno{background:#4ade80;width:7px;height:7px}.banner-ponto-alerta{background:#fb923c}.banner-botao{color:#fff;font:inherit;cursor:pointer;background:#ffffff24;border:0;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:inline-flex}.banner-botao:active{background:#ffffff3d}.banner-motorista{align-items:center;gap:14px;display:flex}.banner-avatar{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px}.banner-avatar-vazio{background:#2f6394;place-content:center;font-weight:700;display:grid}.banner-textos{flex-direction:column;min-width:0;line-height:1.3;display:flex}.banner-textos strong{font-size:18px}.banner-rota{color:#a9bfd6;text-transform:uppercase;overflow-wrap:anywhere}.banner-mudo{color:#6f8fb0;font-size:14px}.banner-info{color:#a9bfd6;overflow-wrap:anywhere;font-size:14px}.banner-metricas{flex-wrap:wrap;gap:4px 18px;display:flex}