/* Conectar Meta (#105) — só tokens do DS */
.mc { display: grid; gap: 16px; max-width: 960px; }
.mc h2 { margin: 0; }
.mc h3 { margin: 8px 0; font-size: 14px; color: var(--muted); }
.mc-resumo { margin: 0; font-size: 15px; }
.mc-meta { color: var(--muted); font-size: 12px; }
.mc-aviso { color: var(--ink-warn); margin: 4px 0; }
.mc-erro { display: grid; gap: 8px; }
.mc-convite { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: var(--ds-r); }
.mc-bm { border: 1px solid var(--line); border-radius: var(--ds-r); padding: 12px; margin-bottom: 8px; display: grid; gap: 4px; }
.mc-bm header { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.mc-ativo { display: flex; gap: 8px; align-items: center; min-height: 44px; cursor: pointer; flex-wrap: wrap; }
.mc-ativo input { width: 20px; height: 20px; }
.mc-nome { font-weight: 500; }
.mc-tabela { width: 100%; border-collapse: collapse; }
.mc-tabela td { padding: 8px; border-top: 1px solid var(--line); vertical-align: middle; }
.mc-acao { text-align: right; }
.mc-acao .btn, .mc-convite .btn, .mc-rodape .btn { min-height: 44px; }
.mc-pend ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.mc-rodape { display: flex; justify-content: flex-end; position: sticky; bottom: 0; padding: 8px 0; background: var(--panel); }
@media (max-width: 760px) {
  .mc-tabela tr { display: grid; gap: 6px; padding: 8px 0; }
  .mc-tabela td { border: 0; padding: 0; }
  .mc-acao { text-align: left; }
}