.mail-auth{max-width:600px;margin:30px auto 70px}.mail-auth h1{font-size:42px;letter-spacing:-.04em}.mail-auth header{margin-bottom:28px}.mail-auth .field{margin:20px 0}.mail-auth label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.mail-auth input,.mail-auth select{width:100%}.mail-auth .help{font-size:12px;line-height:1.6}.mail-auth a,.mail-settings a{text-decoration:underline;text-underline-offset:3px}.mail-auth .checkbox-field{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px 10px}.mail-auth .checkbox-field input{width:18px;margin-top:3px}.mail-auth .checkbox-field .help{grid-column:2}.mail-auth .checkbox-field label{font-weight:400}.mail-auth form>.button{margin-top:15px;width:100%}
.mail-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:28px}.mail-settings>*{min-width:0}.mail-settings label{font-size:13px;font-weight:600;display:block}.mail-settings input:not([type=checkbox]),.mail-settings textarea{width:100%}.mail-settings form+form{margin-top:22px}.mail-settings h2{font-size:21px}.mail-settings .help{font-size:12px;line-height:1.6}.mail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0}.mail-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:20px;display:flex;flex-direction:column-reverse;gap:8px}.mail-stats dt{font-size:12px;color:var(--muted)}.mail-stats dd{font-size:30px;font-weight:650;margin:0}.mail-facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:13px}.mail-facts dd{margin:0;overflow-wrap:anywhere}.mail-facts dt{color:var(--muted)}.mail-list{display:grid}.mail-list>a{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:6px;text-decoration:none;color:var(--text)}.mail-list span{font-size:12px;color:var(--muted)}.mail-list strong{overflow-wrap:anywhere}.mail-inbox{width:100%;height:calc(100vh - 260px);min-height:540px;border:1px solid var(--line);border-radius:7px;background:white}.mail-preview{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.8;border:1px solid var(--line);padding:18px;border-radius:5px;margin:16px 0}.mail-settings .checkbox-field{display:flex;align-items:flex-start;gap:10px}.mail-settings .checkbox-field label{font-weight:400}.mail-settings .checkbox-field input{flex:none;margin-top:4px}
@media(max-width:900px){.mail-settings{grid-template-columns:minmax(0,1fr)}.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-inbox{min-height:600px}}@media(max-width:400px){.mail-stats{gap:12px}.mail-stats>div{padding:15px}.mail-auth h1{font-size:34px}.mail-facts{grid-template-columns:minmax(0,1fr);gap:5px}.mail-facts dd{margin-bottom:10px}}

.mail-dns summary{font-weight:600;cursor:pointer}.mail-dns table{table-layout:fixed}.mail-dns th:first-child{width:70px}.mail-dns th:nth-child(2){width:155px}.mail-dns code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:11px}.mail-dns-checks{display:flex;gap:12px 28px;flex-wrap:wrap;padding-left:20px;font-size:13px}@media(max-width:650px){.mail-dns .table-wrap{overflow:auto}.mail-dns table{min-width:560px}}