/* Comercial master (15/10/2026). Cor cheia só no que pede ação (modelo do VPGM). */
.funil-card.mst-est { border-left-color: var(--mst-cor) !important; border-left-width: 4px; }
.funil-card.mst-em_dia { border-left-color: var(--border) !important; }
.mst-selos { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 2px; }
.mst-selo { font-size: 10.5px; line-height: 1; padding: 3px 6px; border-radius: 9px; background: #eef0f3; color: #4a5160; }
.mst-selo.cliente { background: #e6f4ea; color: #1e7a3c; }
.mst-selo.respondeu { background: #e3edfa; color: #2b6cb0; font-weight: 600; }
.mst-selo.temp-quente { background: #fdecea; color: #b42318; }
.mst-selo.temp-morno { background: #fff4e0; color: #9a5b00; }
.mst-selo.temp-frio { background: #eaf1f8; color: #3b5b7d; }
.mst-previsto { font-size: 11px; color: #6b7280; margin-left: 6px; }

.mst-atalhos { display: flex; gap: 6px; flex-wrap: wrap; margin: -4px 0 12px; }
.mst-escolha { display: flex; flex-wrap: wrap; gap: 14px; margin: 6px 0 10px; font-size: 13px; }
.mst-escolha label { display: flex; align-items: center; gap: 6px; cursor: pointer; }

.mst-neg { border-top: 1px solid #eceef1; margin-top: 12px; padding-top: 4px; }
.mst-neg-acoes { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }

.mst-check { display: flex; gap: 8px; align-items: flex-start; padding: 7px 2px; border-bottom: 1px solid #f0f1f3; cursor: pointer; font-size: 13.5px; }
.mst-check em { color: #8a8f98; font-style: normal; font-size: 12px; }

.mst-anexar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 8px; }
.mst-anexar input[type="text"] { flex: 1; min-width: 140px; }
.mst-anexo { display: flex; gap: 8px; align-items: center; padding: 7px 0; border-bottom: 1px solid #f0f1f3; font-size: 13px; flex-wrap: wrap; }
.mst-anexo .muted { flex: 1; font-size: 12px; }

.mst-linha { max-height: 52vh; overflow-y: auto; }
.mst-ev { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid #f0f1f3; font-size: 13px; }
.mst-ev.outro { opacity: .7; }
.mst-ev-q { color: #8a8f98; font-size: 12px; }
.mst-ev-t em { color: #8a8f98; font-style: normal; font-size: 12px; }

#mst-avisos { position: fixed; right: 16px; bottom: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; max-width: min(360px, calc(100vw - 32px)); }
.mst-aviso { display: flex; gap: 8px; align-items: flex-start; background: #fff; border-left: 4px solid #e08a00; box-shadow: 0 6px 20px rgba(0,0,0,.14); border-radius: 8px; padding: 10px 10px 10px 12px; font-size: 13px; cursor: pointer; }
.mst-aviso span { flex: 1; }
.mst-aviso.vencida { border-left-color: #d64545; }
.mst-aviso.respondeu { border-left-color: #2b6cb0; }
.mst-aviso.reuniao { border-left-color: #1f9d55; }

@media (max-width: 640px) {
  .mst-ev { grid-template-columns: 1fr; gap: 2px; }
}

/* A barra de abas do card rola por dentro: no celular ela empurrava a
   janela inteira para o lado. */
.modal-card .card-abas { overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.modal-card .card-abas::-webkit-scrollbar { display: none; }
.modal-card .card-abas .aba { flex: 0 0 auto; white-space: nowrap; }
.modal-card { max-width: 100%; min-width: 0; }
.mst-anexar input[type="text"] { padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--r); background: var(--surface); font: inherit; font-size: 13px; }
.mst-anexar input[type="file"] { font-size: 12.5px; max-width: 100%; }

/* Onda 2 */
.mst-ia { flex-basis: 100%; font-size: 12px; padding: 6px 8px; border-radius: 6px; background: #e6f4ea; color: #1e7a3c; }
.mst-ia.alerta { background: #fff4e0; color: #9a5b00; }
.mst-placar { margin: 14px 0 6px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--r); background: var(--surface); }
.mst-placar-tit { font-weight: 700; font-size: 13px; margin-bottom: 6px; }
.mst-placar-nums { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: #4a5160; }
.mst-placar-nums b { color: #1d1d1f; font-size: 15px; margin-right: 3px; }
.mst-placar-nums .verm b { color: #d64545; }
.mst-placar-nums .lar b { color: #e08a00; }
.mst-placar-nums .dinheiro b { color: #1e7a3c; }
.mst-placar-acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.mst-crono { margin-left: 6px; }
.mst-crono.atrasado { color: #d64545; font-weight: 600; }
.mst-crono.adiantado, .mst-crono.no_prazo { color: #1e7a3c; }
.mst-assin { border-top: 1px solid var(--border); margin-top: 12px; padding-top: 4px; }

/* Onda 3 */
.mst-liga { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px 18px; }
.mst-liga-item { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; cursor: pointer; }
.mst-liga-item .muted { font-size: 12px; }
.mst-prob { display: grid; gap: 6px; max-height: 55vh; overflow-y: auto; }
.mst-prob label { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; }
.mst-prob input { width: 80px; }
.mst-passo { border: 1px solid var(--border); border-radius: var(--r); padding: 8px 10px; margin-bottom: 8px; }
.mst-osm { max-height: 45vh; overflow-y: auto; margin-top: 6px; }
.mst-osm em { color: #8a8f98; font-style: normal; }
.mst-passo .field-row { flex-wrap: wrap; }
.mst-passo .field-row .field:nth-child(3) { flex: 1 1 220px; min-width: 0; }
@media (max-width: 640px) { .mst-passo .field-row .field:nth-child(3) { flex-basis: 100%; } }