.mv-mail-layout{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.6fr);gap:1rem;align-items:start;margin:1.25rem 0 2rem}
.mv-mail-list{display:grid;gap:.55rem;max-height:780px;overflow:auto;padding:.15rem}
.mv-mail-item{display:grid;gap:.4rem;padding:1rem 1.1rem;border:1px solid var(--line,rgba(210,210,210,.24));border-radius:14px;text-decoration:none;background:var(--panel,#17191d);color:inherit;overflow-wrap:anywhere}
.mv-mail-item:hover,.mv-mail-item[aria-current=true]{outline:1px solid var(--accent,#aaa)}
.mv-mail-item-top{display:flex;gap:.65rem;justify-content:space-between;align-items:center}
.mv-mail-item-top small,.mv-mail-item>small{opacity:.65;font-size:.76rem}
.mv-mail-item-subject{font-weight:600;line-height:1.4}
.mv-mail-reader{min-width:0}
.mv-mail-reader .feature{display:block}
.mv-mail-meta{margin:1.25rem 0;display:grid;gap:.5rem}
.mv-mail-meta div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.5rem;font-size:.9rem;overflow-wrap:anywhere}
.mv-mail-meta dt{opacity:.65}.mv-mail-meta dd{margin:0}
.mv-mail-body{padding:1.2rem;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(130,130,130,.075);line-height:1.65;max-height:70vh;overflow:auto}
@media(max-width:780px){.mv-mail-layout{grid-template-columns:1fr}.mv-mail-list{max-height:380px}.mv-mail-meta div{grid-template-columns:1fr}}

.mv-mail-search{display:flex;align-items:end;gap:.6rem;max-width:700px;margin:1rem 0}.mv-mail-search label{flex:1}.mv-mail-thread{margin:1rem 0;padding:1rem;border:1px solid var(--line,rgba(200,200,200,.22));border-radius:12px}.mv-mail-thread li{overflow-wrap:anywhere;margin:.4rem 0}@media(max-width:620px){.mv-mail-search{flex-wrap:wrap}.mv-mail-search label{flex-basis:100%}}