/* MR TECH — Fonte e Tamanho nas barras de formatação (27/10/2026). */
.mr-fonte-grupo { display: inline-flex; gap: 4px; align-items: center; margin-right: 6px; }
.mr-fonte-sel {
  height: 26px; border: 1px solid var(--colorNeutralStroke1, #c8c8c8); border-radius: 4px;
  background: var(--colorNeutralBackground1, #fff); color: var(--colorNeutralForeground1, #222);
  font: 12.5px "Segoe UI", Arial, sans-serif; padding: 0 4px; cursor: pointer;
}
.mr-fonte-sel.mr-fonte { width: 150px; }
.mr-fonte-sel.mr-tam { width: 78px; }
.mr-fonte-sel:hover { border-color: var(--colorNeutralStroke1Hover, #999); }
.mr-fonte-sel:focus-visible { outline: 2px solid var(--colorStrokeFocus2, #0f6cbd); outline-offset: -1px; }

/* Titillium Web (Google Fonts, licença OFL) servida pelo próprio Outdesksys — a CSP não deixa puxar do Google. */
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/titillium-web-400.woff2) format('woff2'); }
@font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/fonts/titillium-web-400-italic.woff2) format('woff2'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/titillium-web-600.woff2) format('woff2'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/titillium-web-700.woff2) format('woff2'); }

/* Fonte padrão (botão "Aa" no rodapé + janela igual ao "Papel de carta pessoal" do Outlook) */
.mr-fp-aa { font: 700 13px/1 Georgia, "Times New Roman", serif; letter-spacing: -.5px; }
.mr-fp-form { min-width: min(520px, 92vw); }
.mr-fp-bloco { border: 1px solid var(--colorNeutralStroke2, #ddd); border-radius: 6px; padding: 8px 12px 12px; margin: 0; }
.mr-fp-bloco legend { font-size: 13px; font-weight: 600; padding: 0 4px; }
.mr-fp-sels { display: flex; gap: 6px; margin-bottom: 8px; }
.mr-fp-sels .mr-fonte-sel.mr-fonte { width: 200px; }
.mr-fp-sels .mr-fonte-sel.mr-tam { width: 80px; }
.mr-fp-exemplo { border: 1px solid var(--colorNeutralStroke2, #ddd); border-radius: 4px; padding: 8px 10px; background: var(--colorNeutralBackground1, #fff); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }