.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0}
.mail-toolbar h2{margin:0}.mail-toolbar .tabs{margin:0}
.mail-account{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line,#d5d9db);flex-wrap:wrap}
.mail-account small,.mail-item small,.mail-thread small{display:block;margin-top:5px;color:var(--muted,#596873)}
.mail-workspace{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.7fr);gap:20px;align-items:start}
.mail-workspace>*{min-width:0}.mail-list-panel{overflow:hidden}
.mail-list-panel .panel-body{display:flex;align-items:end;gap:8px}.mail-list-panel label{flex:1;min-width:0}
.mail-item{display:block;width:100%;padding:18px 20px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line,#d5d9db);cursor:pointer;overflow-wrap:anywhere}
.mail-item:hover,.mail-item:focus-visible{background:#fff6d8}.mail-item strong{display:block;font-size:16px;line-height:1.4}.mail-item span{display:block;margin-top:5px}
.mail-message{padding:24px;overflow-wrap:anywhere}.mail-message h2{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
.mail-text{font:inherit;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:24px 0;background:transparent;color:inherit}
.mail-linker{border-top:1px solid var(--line,#d5d9db)}.mail-linker label{display:block;margin:12px 0}.mail-linker select{width:100%}
.mail-thread{border-top:1px solid var(--line,#d5d9db)}.mail-thread summary{cursor:pointer;padding:20px;overflow-wrap:anywhere;line-height:1.5}.mail-thread[open] summary{background:#fff6d8}
.mail-workspace .form-grid{grid-template-columns:1fr}.mail-workspace .form-grid .wide{grid-column:1}
#mail-pager{padding:0 16px}#mail-reader{position:sticky;top:16px}
.mail-confirm{max-width:560px;width:calc(100% - 40px);padding:28px;border:1px solid #aeb5b9;border-radius:8px;color:#17191b;background:#fff;box-shadow:0 20px 90px #0003}
.mail-confirm::backdrop{background:#14191e88}.mail-confirm-text{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.mail-confirm .actions{justify-content:flex-end;margin-top:24px}.mail-confirm label{display:block}.mail-confirm input{width:100%;margin-top:8px}
@media(max-width:1100px){.mail-workspace{grid-template-columns:1fr}#mail-reader{position:static}.mail-list-panel{max-height:460px;overflow:auto}}