.mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mail-domain-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.5)}
html[data-theme="dark"] .mail-domain-card{background:rgba(255,255,255,.035)}
.mail-title{font-weight:900;color:var(--text);font-size:1rem;overflow-wrap:anywhere}
.mail-meta{margin-top:8px;color:var(--muted);font-size:.82rem}
.mail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mail-kv{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 14px;font-size:.86rem}
.mail-kv dt{color:var(--muted);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.mail-kv dd{color:var(--text-soft);overflow-wrap:anywhere}
.mail-dns-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mail-dns-item{padding:12px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.4)}
html[data-theme="dark"] .mail-dns-item{background:rgba(255,255,255,.035)}
.mail-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mail-inline-form .p-input,.mail-inline-form .p-select{width:140px;min-height:36px;padding:8px 10px}
.mail-copy{display:grid;gap:10px}
.mail-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.mail-secret-note{color:var(--muted);font-size:.82rem;line-height:1.6}
.mail-message-body{margin-top:18px;white-space:pre-wrap;overflow:auto;padding:16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.42);color:var(--text-soft);font:inherit;line-height:1.7}
html[data-theme="dark"] .mail-message-body{background:rgba(255,255,255,.035)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-shell{width:min(460px,100%);display:grid;gap:18px}
.auth-brand{justify-self:center}
.auth-logo{display:block;max-width:170px;max-height:62px;width:auto;height:auto;object-fit:contain}
.portal-logo{display:block;max-width:180px;max-height:54px;width:auto;height:auto;object-fit:contain}
.auth-card{margin-bottom:0}
.auth-switch{margin-top:16px;text-align:center}
.auth-switch a{color:var(--acc);font-weight:800;text-decoration:none}
@media(max-width:920px){
  .mail-grid,.mail-dns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mail-kv{grid-template-columns:1fr}
}
@media(max-width:620px){
  .mail-grid,.mail-dns-grid{grid-template-columns:1fr}
  .mail-inline-form{display:grid;grid-template-columns:1fr}
  .mail-inline-form .p-input,.mail-inline-form .p-select{width:100%}
  .mail-copy-row{grid-template-columns:1fr}
}