/* Botão ✎ de assinatura ao lado do enviar (app/assinatura.js) */
.tzas-btn { flex: none; width: 34px; height: 34px; padding: 0; border: 1px solid var(--tz-outline-control); border-radius: var(--tz-r-sm); background: var(--panel); color: var(--blue); font-size: 15px; line-height: 1; cursor: pointer; }
.tzas-btn.off { color: var(--muted); text-decoration: line-through; opacity: .75; }
.tzas-btn:disabled { opacity: .5; }

/* Minha conta → Minhas mensagens de atendimento */
.tzm-prefs { border: 1px solid var(--tz-outline-container); border-radius: var(--tz-r-md); padding: 8px 12px; display: grid; gap: 8px; }
.tzm-prefs summary { cursor: pointer; font-size: 12.5px; font-weight: 700; color: var(--ink); }
.tzm-prefs[open] summary { margin-bottom: 4px; }
.tzm-prefs textarea { padding: 8px 10px; border: 1px solid var(--tz-outline-control); border-radius: var(--tz-r-sm); background: var(--surface); color: var(--ink); font: inherit; font-size: 13px; font-weight: 400; resize: vertical; }
.tzm-prefs .tzm-check { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; color: var(--ink); line-height: 1.35; }
.tzm-prefs small { color: var(--muted); font-size: 11.5px; line-height: 1.4; }

.tzm-modal { max-height: calc(100vh - 32px); overflow-y: auto; }