/* MDI Comunidade: usa as cores do tema (claro e escuro) */
.mdi-cm { margin: 40px 0 24px; }
.mdi-cm .section-title { margin-bottom: 16px; }
.mdi-cm-caixa {
	background: var(--card-bg, #fff);
	border: 1px solid var(--border, rgba(0,0,0,.08));
	border-radius: var(--radius, 16px);
	padding: 18px 20px;
	margin-bottom: 24px;
}
.mdi-cm-chamada { margin: 0 0 12px; color: var(--text-main, #1e293b); }
.mdi-cm-check { display: flex; gap: 8px; align-items: flex-start; font-size: .92rem; color: var(--text-muted, #64748b); margin: 0 0 14px; cursor: pointer; }
.mdi-cm-check input { margin-top: 3px; flex: none; }
.mdi-cm-gbtn { min-height: 44px; }
.mdi-cm-legal, .mdi-cm-info, .mdi-cm-carregando { font-size: .82rem; color: var(--text-muted, #64748b); margin: 12px 0 0; }
.mdi-cm-legal a { color: inherit; text-decoration: underline; }
.mdi-cm-quem { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: .95rem; color: var(--text-main, #1e293b); }
.mdi-cm-quem img { border-radius: 50%; }
.mdi-cm-link { background: none; border: 0; padding: 0; margin-left: auto; color: var(--primary, #2563eb); cursor: pointer; font-size: .88rem; text-decoration: underline; }
.mdi-cm-respondendo { display: flex; gap: 8px; align-items: center; font-size: .88rem; color: var(--text-muted, #64748b); margin: 0 0 8px; }
.mdi-cm-respondendo .mdi-cm-link { margin-left: 0; }
.mdi-cm-respondendo[hidden] { display: none; }
.mdi-cm-inicial { width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; background: var(--primary, #2563eb); flex: none; }
.mdi-cm-form textarea {
	width: 100%; box-sizing: border-box; min-height: 110px; resize: vertical;
	padding: 12px 14px; border-radius: 12px; font: inherit; font-size: 1rem;
	border: 1px solid var(--border, rgba(0,0,0,.12));
	background: var(--search-bg, #f1f5f9); color: var(--text-main, #1e293b);
}
.mdi-cm-form textarea:focus { outline: 2px solid var(--primary, #2563eb); outline-offset: 1px; background: var(--search-focus-bg, #fff); }
.mdi-cm-acoes { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-top: 12px; }
.mdi-cm-acoes .mdi-cm-check { margin: 0; }
.mdi-cm-enviar {
	border: 0; border-radius: 999px; padding: 11px 22px; font-weight: 700; cursor: pointer;
	color: #fff; background: var(--mc-gradient, #2563eb);
}
.mdi-cm-enviar:disabled { opacity: .6; cursor: wait; }
.mdi-cm-msg { margin: 12px 0 0; font-size: .9rem; color: var(--text-muted, #64748b); }
.mdi-cm-msg:empty { display: none; }
.mdi-cm-msg.is-ok { color: #16a34a; }
.mdi-cm-msg.is-erro { color: #dc2626; }
.mdi-cm-lista, .mdi-cm-respostas { list-style: none; margin: 0; padding: 0; }
.mdi-cm-item { display: flex; gap: 12px; padding: 16px 0; border-top: 1px solid var(--border, rgba(0,0,0,.08)); flex-wrap: wrap; }
.mdi-cm-foto { width: 40px; height: 40px; border-radius: 50%; flex: none; object-fit: cover; }
.mdi-cm-corpo { flex: 1; min-width: 0; }
.mdi-cm-topo { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; color: var(--text-main, #1e293b); }
.mdi-cm-topo time { font-size: .8rem; color: var(--text-muted, #64748b); }
.mdi-cm-selo { font-size: .7rem; font-weight: 700; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #fff; background: var(--primary, #2563eb); }
.mdi-cm-texto { color: var(--text-main, #1e293b); overflow-wrap: anywhere; }
.mdi-cm-texto p { margin: 6px 0; }
.mdi-cm-responder { background: none; border: 0; padding: 0; font-size: .85rem; font-weight: 600; color: var(--primary, #2563eb); cursor: pointer; }
.mdi-cm-aviso { font-size: .8rem; color: #b45309; margin: 4px 0 0; }
.mdi-cm-respostas { flex-basis: 100%; margin-left: 52px; }
.mdi-cm-respostas .mdi-cm-item { padding: 12px 0; }
.mdi-cm-vazio { color: var(--text-muted, #64748b); }
@media (max-width: 640px) {
	.mdi-cm-caixa { padding: 16px; }
	.mdi-cm-respostas { margin-left: 24px; }
	.mdi-cm-enviar { width: 100%; }
}