/* ===== MURAL — CSS modular ===== */

/* --- Formulário compositor em 3 colunas --- */
.mural-composer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-items: start;
}

/* Linha 2: os 3 campos (Fixar, Validade, Observações) ficam lado a lado */
/* O textarea de observações ocupa a célula normalmente */
.mural-obs-field {
  display: flex;
  flex-direction: column;
}
.mural-obs-textarea {
  flex: 1;
  height: 44px !important;
  min-height: 44px !important;
  resize: none;
}

/* Linha 3: botões compactos alinhados à esquerda */
.mural-composer-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mural-publish-btn,
.mural-clear-btn {
  width: auto;
}

@media (max-width: 860px) {
  .mural-composer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .mural-composer-grid { grid-template-columns: 1fr; }
}

/* --- Scroll nos cards Fixados e Recentes --- */
.mural-scrollable {
  max-height: 430px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--accent, #e10600) transparent;
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.mural-scrollable::-webkit-scrollbar { width: 4px; }
.mural-scrollable::-webkit-scrollbar-thumb {
  background: var(--accent, #e10600);
  border-radius: 4px;
}
.mural-scrollable::-webkit-scrollbar-track { background