/* Gerente > Metas (/metasviagem/index): portado de godi-php views/metasviagem/index.php e partials/estrada_meta.php. */
.godi-cargas.mv .gc-filtros{ align-items: flex-end; }
.godi-cargas.mv .mv-legenda{ margin: 0 0 0 auto; display:flex; flex-wrap:wrap; gap: 6px 18px; font-size: 13px; color: var(--color-neutral-700); align-self: center; }
.godi-cargas.mv .mv-legenda span{ display:inline-flex; align-items:center; gap: 6px; }
.godi-cargas.mv .mv-legenda-marco{ color: var(--map-foco); }
.godi-cargas.mv .kpi-valor.mv-kpi-ok{ color: #8ae8b2; }

/* Uma "viagem": quem | estrada | números */
.godi-cargas.mv .mv-linha-viagem{ display:grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) minmax(190px, 240px); align-items:center; gap: 12px 28px; }
.godi-cargas.mv .mv-empresa, .godi-cargas.mv .mv-equipe{ margin-bottom: 16px; padding: 18px 22px; background: var(--color-elevado); }
.godi-cargas.mv .mv-empresa{ border-top: 4px solid var(--color-accent-800); padding: 22px 22px 24px; }
.godi-cargas.mv .mv-equipe{ border-left: 5px solid var(--eq); }
.godi-cargas.mv .mv-equipe > summary{ cursor:pointer; list-style:none; }
.godi-cargas.mv .mv-equipe > summary::-webkit-details-marker{ display:none; }
.godi-cargas.mv .mv-equipe > summary:focus-visible{ outline: 2px solid var(--map-foco); outline-offset: 6px; }
.godi-cargas.mv .mv-abrir{ font-size: 9px; margin-left: 4px; transition: transform var(--dur-base); }
.godi-cargas.mv .mv-equipe:not([open]) .mv-abrir{ transform: rotate(-90deg); }
.godi-cargas.mv .mv-equipe > summary:hover .mv-quem-nome{ text-decoration: underline; text-underline-offset: 3px; }
.godi-cargas.mv .mv-ver{ display:block; margin-top: 2px; color: var(--color-accent-700); font-weight: 600; }
body.dark-mode .godi-cargas.mv .mv-ver{ color: var(--color-accent-300); }
.godi-cargas.mv .mv-equipe[open] .mv-ver-abrir, .godi-cargas.mv .mv-equipe:not([open]) .mv-ver-fechar{ display: none; }

.godi-cargas.mv .mv-quem{ display:flex; flex-direction:column; min-width:0; }
.godi-cargas.mv .mv-quem-tipo{ font-size: 10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color: var(--color-neutral-700); }
.godi-cargas.mv .mv-quem-nome{ font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: 24px; line-height: 1.1; color: var(--color-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.godi-cargas.mv .mv-empresa .mv-quem-nome{ font-size: 32px; }
.godi-cargas.mv .mv-quem-info{ font-size: 12px; color: var(--color-neutral-700); }
.godi-cargas.mv .mv-quem-vendedor{ flex-direction:row; align-items:center; gap: 10px; padding-left: 14px; }
.godi-cargas.mv .mv-quem-vendedor .mv-quem-nome{ font-family: var(--font-body); font-weight: 500; font-size: 14px; }
.godi-cargas.mv .mv-avatar{ flex-shrink:0; border-radius:50%; object-fit:cover; color: var(--color-neutral-500); background: var(--color-neutral-200); }

.godi-cargas.mv .mv-vendedores{ list-style:none; margin: 16px 0 0; padding: 4px 0 0; border-top: 1px solid var(--color-divider); }
.godi-cargas.mv .mv-vendedor{ padding: 10px 0; border-bottom: 1px solid var(--color-divider-suave); }
.godi-cargas.mv .mv-vendedor:last-child{ border-bottom: 0; }
.godi-cargas.mv .mv-sem-meta{ display:flex; flex-wrap:wrap; align-items:center; gap: 8px 16px; padding: 12px 0 4px 14px; font-size: 13px; color: var(--color-neutral-700); }
.godi-cargas.mv .mv-sem-meta .mv-selo{ margin: 0; }
.godi-cargas.mv .mv-sem-meta-item{ display:inline-flex; align-items:center; gap: 6px; color: var(--color-text); }
.godi-cargas.mv .mv-sem-meta-item small{ color: var(--color-neutral-700); font-size: 12px; }
.godi-cargas.mv .mv-sem-meta-link{ margin-left:auto; font-weight:600; }

/* Todas as estradas começam no mesmo ponto (largada = largura do maior caminhão), pra a bandeira
   de "hoje" cair na mesma vertical em todas as linhas. Desenho da estrada: partials/estrada_meta.php. */
.godi-cargas.mv .godi-estrada{ --estrada-largada: 190px; --estrada-marco: var(--map-foco); }
@media (max-width: 991.98px){ .godi-cargas.mv .godi-estrada{ --w: 84px !important; --h: 25px !important; --estrada-largada: var(--w); } }

/* Números e selo */
.godi-cargas.mv .mv-numeros{ display:flex; flex-direction:column; gap: 2px; font-size: 13px; color: var(--color-text); min-width:0; }
.godi-cargas.mv .mv-linha strong{ font-weight: 600; }
.godi-cargas.mv .mv-ok{ color: var(--sit-finalizada-dot); font-weight: 600; }
.godi-cargas.mv .mv-ruim{ color: var(--sit-atrasada-dot); font-weight: 600; }
body.dark-mode .godi-cargas.mv .mv-ok{ color: #75e0a7; }
body.dark-mode .godi-cargas.mv .mv-ruim{ color: #ff8f84; }
.godi-cargas.mv .mv-suave{ color: var(--color-neutral-700); }
.godi-cargas.mv .mv-selo{ align-self:flex-start; display:inline-flex; align-items:center; gap: 6px; margin-bottom: 4px; padding: 2px 10px; border-radius: 3px; font-size: 12px; font-weight: 600; }
.godi-cargas.mv .mv-selo i{ font-size: 10px; }
.godi-cargas.mv .mv-selo-batida{ background: #fdf0d2; color: #6b4b0f; }
.godi-cargas.mv .mv-selo-ritmo{ background: var(--sit-finalizada-bg); color: var(--sit-finalizada-fg); }
.godi-cargas.mv .mv-selo-atencao{ background: #fbefd9; color: #6b4a12; }
.godi-cargas.mv .mv-selo-atrasada{ background: var(--sit-atrasada-bg); color: var(--sit-atrasada-fg); }
.godi-cargas.mv .mv-selo-semmeta{ background: var(--sit-cancelada-bg); color: var(--sit-cancelada-fg); }

.godi-cargas.mv .mv-vazio{ padding: 40px; text-align:center; background: var(--color-elevado); }
.godi-cargas.mv .mv-rodape{ margin: 8px 0 24px; font-size: 12px; color: var(--color-neutral-700); max-width: 110ch; }

@media (max-width: 991.98px){
    .godi-cargas.mv .mv-linha-viagem{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .godi-cargas.mv .mv-legenda{ margin-left: 0; }
}

/* Estrada da meta (partials/estrada_meta.php) */
.godi-estrada{ --estrada-pista: #d4d4d7; --estrada-chegada: #424244; --estrada-marco: #d9a441; --estrada-cor: #b7b7ba;
    position:relative; min-width:0; padding: calc(var(--h) + 6px) 26px 0 var(--estrada-largada, var(--w)); font-variant-numeric: tabular-nums; }
body.dark-mode .godi-estrada{ --estrada-pista: #59626a; --estrada-chegada: #d5dbe0; }
.godi-estrada-pista{ position:relative; height: 6px; border-radius: 3px; background-color: var(--estrada-pista);
    background-image: repeating-linear-gradient(90deg, transparent 0 10px, rgba(255,255,255,.7) 10px 18px); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 2px; }
.godi-estrada-andado{ position:absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--estrada-cor); transform-origin: left center; animation: godi-estrada-cresce .9s cubic-bezier(.22,1,.36,1) both; }
.godi-estrada-veiculo{ position:absolute; bottom: 7px; width: var(--w); height: var(--h); line-height:0; }
.godi-estrada-veiculo img{ width: var(--w); height: var(--h); max-width:none; }
.godi-estrada-pct{ position:absolute; top: 34%; left: 39%; transform: translate(-50%, -50%); font-size: calc(var(--h) * .4); line-height:1; font-weight: 700; color: #424244; white-space:nowrap; }
.godi-estrada-marco{ position:absolute; bottom: -4px; transform: translateX(-2px); color: var(--estrada-marco); font-size: 14px; line-height: 1; z-index: 2; }
.godi-estrada-marco::before{ content:''; position:absolute; left: 1px; bottom: 0; width: 2px; height: 14px; background: var(--estrada-marco); }
.godi-estrada-marco i{ position:relative; top: -14px; }
.godi-estrada-chegada{ position:absolute; left: 100%; bottom: -3px; margin-left: 6px; font-size: 16px; color: var(--estrada-chegada); line-height:1; }
.godi-estrada-batida{ --estrada-cor: #d9a441; }
.godi-estrada-ritmo{ --estrada-cor: #2f8f5b; }
.godi-estrada-atencao{ --estrada-cor: #e0a028; }
.godi-estrada-atrasada{ --estrada-cor: #c0392b; }
.godi-estrada-semmeta .godi-estrada-veiculo{ opacity: .45; filter: grayscale(1); }
@keyframes godi-estrada-cresce{ from{ transform: scaleX(0); } to{ transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce){ .godi-estrada-andado{ animation: none; } }