.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mail-app{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;height:calc(100dvh - 7.1rem);min-height:30rem;overflow:hidden}
.mail-navigation{align-self:stretch;border:1px solid #d9e1e8;border-radius:.35rem;background:#fff;padding:.35rem}
.mail-navigation nav{display:grid;grid-template-columns:1fr;gap:.15rem;position:sticky;top:0}
.mail-navigation a{display:flex;align-items:center;min-height:2.15rem;padding:.35rem .65rem;border-radius:.25rem;color:var(--brand-primary);font-size:.9rem;font-weight:650;text-decoration:none}
.mail-navigation a:hover,.mail-navigation a:focus-visible,.mail-navigation a[aria-current=page]{background:#e2e8f0}
.mail-content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.mail-heading{flex:0 0 auto;margin:0 0 .65rem}.mail-heading h1{min-width:0;margin:0;overflow-wrap:anywhere}
.mail-search-panel{display:grid;grid-template-columns:minmax(12rem,30rem) auto;align-items:end;gap:.5rem;margin:0 0 .65rem}.mail-search-panel label{margin:0}.mail-search-panel input{margin:.2rem 0 0}.mail-search-panel button{width:auto;height:2.55rem;margin:0;padding:.45rem .8rem}
.mail-list{box-sizing:border-box;flex:1 1 auto;height:auto;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;background:#fff;border:1px solid #d9e1e8}
.thread{box-sizing:border-box;flex:1 1 auto;height:auto;min-height:0;max-width:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:.35rem;overscroll-behavior:contain}
.mail-empty{padding:1rem}.mail-row-container{display:grid;grid-template-columns:minmax(0,1fr) 2.4rem;align-items:stretch;border-bottom:1px solid #e5e7eb}.mail-row-container .mail-row{border-bottom:0}.mail-flag{display:grid;place-items:center;margin:0}.mail-flag button{display:grid;place-items:center;width:1.85rem;height:1.85rem;min-height:0;margin:0;padding:0;background:transparent;color:#a16207;border:0;font-size:1.25rem;line-height:1}.mail-flag button:hover{background:#fef3c7}
.message-envelope{display:grid;grid-template-columns:3rem 1fr;gap:.15rem .4rem}.message-envelope dt,.message-envelope dd{margin:0}.message-authored-body{white-space:pre-wrap}.message-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.message-actions form{margin:0}.compose{box-sizing:border-box;width:100%;max-width:760px;max-height:100%;overflow-y:auto;margin:0}.compose-actions{display:flex;align-items:center;gap:.5rem}.compose-actions button,.compose-cancel{width:auto;margin:0;padding:.55rem .85rem}.compose-cancel{display:inline-block;border:1px solid #94a3b8;border-radius:.25rem;color:#334155;background:#fff;text-decoration:none;font-weight:650}
@media(max-width:720px){.mail-app{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.mail-navigation{position:static}.mail-navigation nav{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.mail-navigation a{justify-content:center}.mail-content{overflow:visible}.mail-list{height:65dvh;min-height:18rem;flex:none}.thread{height:62dvh;min-height:18rem;flex:none}.mail-search-panel{grid-template-columns:1fr auto}}
@media(max-width:430px){.mail-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-search-panel{grid-template-columns:1fr}.mail-search-panel button{width:100%}}