/* ===== Mapa da equipe e Mapa de processos (14/11) ================
   Só forma. A cor sai de .panel, .pill, .rs, .field, .calc-note,
   .ai-tip e das classes do modal (.np-modal/.np-cx), que já existem.
   ================================================================= */
.mb-content{max-width:1100px}
.mb-tip{margin-top:14px}
.mb-vazio{padding:26px 22px;margin-top:14px;text-align:center;font-size:0.8125rem;line-height:1.6}
.mb-vazio p{margin:0}
.mb-vazio p+p{margin-top:6px;opacity:.75;max-width:64ch;margin-left:auto;margin-right:auto}

.mb-lista{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.mb-item{padding:15px 18px}
.mb-it-topo{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.mb-it-topo b{font-size:0.9375rem;letter-spacing:-.01em}
.mb-it-q{margin-left:auto;font-style:normal;font-size:0.6875rem;opacity:.5;
  font-variant-numeric:tabular-nums}
.mb-it-campos{margin:12px 0 0;display:grid;gap:9px}
.mb-it-campos>div{min-width:0;padding-bottom:8px;border-bottom:1px solid var(--va-line,currentColor)}
.mb-it-campos>div:last-child{border-bottom:0;padding-bottom:0}
.mb-it-campos dt{font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.mb-it-campos dd{margin:3px 0 0;font-size:0.8125rem;line-height:1.55}
.mb-it-fonte{margin:11px 0 0;font-size:0.6875rem;line-height:1.5;opacity:.55}
.mb-it-acoes{display:flex;gap:10px;align-items:center;margin-top:13px}
.mb-it-acoes button.secondary{height:32px;border-radius:8px;padding:0 14px;font-size:0.75rem;font-weight:650}

/* ---- modal de edição ------------------------------------------- */
.mb-cx{width:min(540px,100%)}
.mb-f{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.mb-f>span{font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.mb-f-rot{margin:16px 0 8px;font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.mb-campos{display:flex;flex-direction:column;gap:8px}
.mb-par{display:flex;gap:7px;align-items:center}
.mb-par input{flex:1;min-width:0;font:inherit;font-size:0.8125rem;padding:7px 10px;border-radius:7px;
  border:1px solid var(--va-line,currentColor);background:transparent;color:inherit}
.mb-par input:first-child{flex:0 0 36%}
.mb-x{flex:none;width:28px;height:28px;border-radius:7px;border:1px solid var(--va-line,currentColor);
  background:transparent;color:inherit;font:inherit;cursor:pointer;line-height:1}
.mb-add{align-self:flex-start;height:32px;border-radius:8px;padding:0 14px;font-size:0.75rem;font-weight:650}
.mb-erro{margin:13px 0 0;font-size:0.75rem;line-height:1.5;padding-left:14px}
.mb-cx .calc-note{margin-top:13px}

.mb-h{padding:11px 0;border-top:1px solid var(--va-line,currentColor)}
.mb-h-q{margin-left:auto;font-style:normal;font-size:0.6875rem;opacity:.55}

/* porta de entrada com duas opções */
.en-demo{margin-top:9px;width:100%}
.en-erro{margin:10px 0 0;font-size:0.75rem;line-height:1.5;padding-left:14px}

@media(max-width:760px){
  .mb-content{padding-bottom:100px}
  .mb-item{padding:14px 15px}
  .mb-it-q{margin-left:0;width:100%}
  .mb-par{flex-wrap:wrap}
  .mb-par input:first-child{flex:1 1 100%}
}