/* MR TECH 26/10/2026 — anexos EM CIMA do corpo do e-mail, compactos e fixos no topo enquanto rola
   (igual ao Outlook clássico). Só CSS: a ordem visual muda, o React não é mexido. */
.lm-email-scroll { display: flex; flex-direction: column; }
.lm-email-scroll > .lm-email-body { flex: none; }
.lm-email-scroll > .lm-attachments {
  order: -1;
  flex: none;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--colorNeutralBackground1);
  border-top: none;
  border-bottom: 1px solid var(--colorNeutralStroke2);
  padding: 8px 20px;
}
.lm-email-scroll > .lm-attachments .lm-attachments-title { margin: 0 0 6px; font-size: 12px; }
.lm-email-scroll > .lm-attachments .lm-att-grid { gap: 6px; max-height: 112px; overflow: auto; }
.lm-email-scroll > .lm-attachments .lm-att-card { min-width: 0; gap: 8px; padding: 4px 10px 4px 4px; border-radius: 4px; }
.lm-email-scroll > .lm-attachments .lm-att-card:hover { transform: none; }
.lm-email-scroll > .lm-attachments .lm-att-ico { width: 30px; height: 30px; border-radius: 4px; }
.lm-email-scroll > .lm-attachments .lm-att-ico svg { width: 17px; height: 17px; }
.lm-email-scroll > .lm-attachments .lm-att-name { font-size: 12.5px; font-weight: 400; max-width: 260px; }

/* Botão Atualizar: gira enquanto recarrega */
.mr-atualizar-btn.mr-girando svg { animation: mr-gira .8s linear infinite; }
@keyframes mr-gira { to { transform: rotate(360deg); } }