/* Serviço E-mail: superfícies compactas, sem alterar os componentes DNS/Sites. */
.emPagina{display:grid;gap:16px;min-width:0}
.emAbas{display:flex;gap:4px;border:1px solid var(--line);background:var(--surface);padding:4px;overflow-x:auto}
.emAbas button{flex:none;border:0;border-bottom:2px solid transparent;background:none;padding:9px 14px;color:var(--ink-3);font:inherit;cursor:pointer}
.emAbas button[aria-selected="true"]{border-bottom-color:var(--accent-ink);background:var(--surface-2);color:var(--ink);font-weight:600}
.emAbas button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}
.emAdmin{font:10px var(--mono);text-transform:uppercase;border:1px solid var(--line-2);margin-left:7px;padding:1px 4px}
.emCab,.emLinha,.emRodape{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.emCab h2,.emCartao h2,.emCartao h3{margin:0;font-size:18px}
.emCab p,.emCartao p{margin:5px 0 0}
.emAcoes{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.emAcoes a.btn{text-decoration:none}
.emCartao{padding:16px;border:1px solid var(--line);background:var(--surface);min-width:0}
.emCartao+.emCartao{margin-top:12px}
.emTexto{font-size:12px;line-height:1.55;color:var(--ink-3)}
.emConta{max-width:390px;margin-bottom:14px}
.emLista{display:grid;gap:12px}
.emLista .emCartao{margin:0}
.emDominio{font-weight:700;overflow-wrap:anywhere}
.emCaixa{display:block;margin-top:5px;font:12px var(--mono);overflow-wrap:anywhere;color:var(--ink-3)}
.emResumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.emResumo dt{font-size:11px;color:var(--ink-3);margin-bottom:5px}
.emResumo dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.emNota{padding:10px 12px;border:1px solid var(--line-2);border-left:3px solid var(--accent-ink);background:var(--surface-2);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.emNota.ruim{border-left-color:var(--crit);color:var(--ink)}
.emNota p{margin:4px 0}
.emVazio{padding:28px 16px;border:1px dashed var(--line-2);background:var(--surface);text-align:center;color:var(--ink-3)}
.emVazio strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.emVazio .emAcoes{justify-content:center;margin-top:14px}
.emGrade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.emGrade .campo{margin:0}
.emCheck{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;cursor:pointer;margin:14px 0}
.emCheck input{width:16px;min-width:16px;height:16px;padding:0;margin:2px 0 0;accent-color:var(--accent-ink)}
.emCheck small{display:block;color:var(--ink-3);font-size:12px;font-weight:normal}
.emDetalhes{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.emDetalhes summary{cursor:pointer;font-size:12px;font-weight:600}
.emDetalhes summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.emDetalhes .emNota{margin-top:12px}
.emTabela{overflow-x:auto;margin:12px 0}
.emTabela table{width:100%;border-collapse:collapse;font-size:12px}
.emTabela th,.emTabela td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.emTabela th{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.emTabela code{white-space:pre-wrap;overflow-wrap:anywhere;display:block;min-width:110px;font:11px var(--mono);max-width:520px}
.emTabela td:first-child{min-width:125px}
.emResultados{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.emResultados li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:12px;align-items:start}
.emResultados .selo{justify-self:start}
.emErro{padding:10px 12px;border:1px solid var(--crit);color:var(--crit);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.emErro p{margin:0 0 8px}
.emDialogo .sitDialogoCorpo{padding:20px}
.emDialogo .emPassos{display:flex;gap:18px;font-size:12px;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.emDialogo .emPassos [aria-current="step"]{color:var(--accent-ink);font-weight:700}
.emDialogo .emNota{margin:12px 0}
.emDialogo .campo label{font:11px var(--mono);letter-spacing:.05em}
.emDialogo .emEndereco{display:flex;align-items:center;gap:8px}
.emDialogo .emEndereco input{min-width:90px;flex:1;width:0}
.emDialogo .emEndereco span{max-width:55%;font:12px var(--mono);overflow-wrap:anywhere}
.emDialogo .emProgresso{display:block;color:var(--ink-3);font-size:12px;margin-top:8px}
.emAlias{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.emAlias code{overflow-wrap:anywhere;font:12px var(--mono)}
.emSegredo{max-width:640px}
.emInfra{margin-top:16px}
.emPagina [aria-busy="true"]{cursor:progress}
@media(max-width:720px){.emGrade,.emResumo{grid-template-columns:1fr}.emCartao{padding:13px}.emAbas button{padding:8px 10px}.emDialogo .sitDialogoCorpo{padding:14px}.emResultados li{grid-template-columns:78px minmax(0,1fr)}.emAcoes .btn{white-space:normal}.emCab .campo{width:100%;max-width:none}.emTabela{max-width:100%}}