/* MR TECH — TELA CHEIA no compositor (27/10/2026). Normal = 95vw × 94vh (index-*.css); cheia = a tela toda. */
.mr-cheia-titulo { display: flex; align-items: center; gap: 8px; }
.mr-cheia-btn {
  margin-left: 0; width: 30px; height: 30px; border: 0; border-radius: 4px; background: transparent;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  color: var(--colorNeutralForeground2);
}
.mr-cheia-titulo > .mr-cheia-btn:first-of-type { margin-left: auto; }   /* botões no canto direito do título */
.mr-aba-aviso {
  margin: 8px 0; padding: 8px 12px; border-radius: 4px; font-size: 13px;
  background: var(--colorPaletteYellowBackground2, #fff4ce); color: var(--colorNeutralForeground1);
}
.mr-cheia-btn:hover { background: var(--colorNeutralBackground3, rgba(127,127,127,.18)); color: var(--colorBrandForeground1); }
.lm-composer.mr-cheia {
  width: 100vw !important; max-width: 100vw !important;
  height: 100vh !important; max-height: 100vh !important;
  border-radius: 0 !important; margin: 0 !important; inset: 0 !important;
}
.lm-composer.mr-cheia .lm-composer-body { height: calc(100vh - 140px); max-height: calc(100vh - 140px); }
.mr-aba-btn { width: auto; padding: 0 10px; gap: 6px; font: inherit; font-size: 13px; font-weight: 400; }
.mr-anexar-btn { display: inline-flex; align-items: center; gap: 5px; }
/* 27/10/2026 (pedido dele: "fica poluído, deixa só o Anexar lá em cima"): a faixa de anexos de baixo some.
   Volta sozinha (a) quando já TEM anexo — aí mostra só os arquivos, sem o texto/ícone — e (b) enquanto a pessoa
   ARRASTA um arquivo sobre o e-mail (classe .mr-arrastando posta pelo mr-tela-cheia.js), pra poder soltar.
   O <input type=file> continua no DOM (é o que o botão "Anexar arquivo" de cima clica). */
.lm-composer:not(.mr-arrastando) .lm-drop:not(:has(.lm-file-chip)) { display: none !important; }
.lm-drop-hint + label { display: none !important; }
.lm-drop:has(.lm-file-chip) > .lm-drop-hint, .lm-drop:has(.lm-file-chip) > svg { display: none !important; }
.lm-drop-hint { font-size: 0 !important; }
.lm-drop-hint::before { content: "Solte os arquivos aqui para anexar"; font-size: 13px; }
.lm-composer.mr-arrastando .lm-drop { border-color: var(--colorBrandStroke1, #0f6cbd) !important; }

/* 27/10/2026 (print do Outlook): ANEXOS EM CIMA — logo abaixo do Assunto, antes do texto, em cartões
   (ícone · nome · tamanho · X). Só muda a ORDEM visual (flex order) — não mexe na estrutura do React. */
.lm-composer .lm-composer-body > .lm-drop { order: 1; }
.lm-composer .lm-composer-body > .lm-editor-wrap { order: 2; }
.lm-composer .lm-drop:has(.lm-file-chip) {
  border: 0 !important; background: transparent !important; padding: 6px 0 8px !important; margin: 0 !important;
  display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-start; min-height: 0;
}
.lm-composer .lm-file-chip {
  display: inline-grid !important; grid-template-columns: 26px minmax(0, 1fr) 26px; grid-template-rows: auto auto;
  column-gap: 8px; align-items: center; width: 250px; max-width: 100%; box-sizing: border-box;
  padding: 6px 6px 6px 8px !important; border: 1px solid var(--colorNeutralStroke1, #c8c8c8) !important; border-radius: 4px !important;
  background: var(--colorNeutralBackground2, #f5f5f5) !important; font-size: 13px;
}
.lm-composer .lm-file-chip > svg, .lm-composer .lm-file-chip > .fui-Icon { grid-column: 1; grid-row: 1 / 3; width: 22px; height: 22px; font-size: 22px; }
.lm-composer .lm-file-chip-name { grid-column: 2; grid-row: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.lm-composer .lm-file-chip-size { grid-column: 2; grid-row: 2; font-size: 11.5px; color: var(--colorNeutralForeground3, #707070); }
.lm-composer .lm-file-chip > button { grid-column: 3; grid-row: 1 / 3; justify-self: end; }

/* 27/10/2026 (pedido dele): sem a dica "Ctrl/⌘+Enter envia" no rodapé do e-mail (o atalho continua valendo). */
.lm-send-hint { display: none !important; }