/* Mail content owns its own two-pane grid. */
.workspace>section.list{grid-column:2 / 4;display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);overflow:hidden;border-right:0}
.workspace>section.list>.list-head{grid-column:1;grid-row:1}
.workspace>section.list>.inbox-layout{display:contents}
.workspace>section.list .message-list{grid-column:1;grid-row:2;overflow:auto;border-right:1px solid var(--line)}
.workspace>section.list .message-view{grid-column:2;grid-row:1 / 3;overflow:auto;min-width:0}
@media(max-width:760px){.workspace>section.list{display:block;overflow:visible}.workspace>section.list .message-list{max-height:420px;border-right:0}.workspace>section.list .message-view{min-height:400px}}
.compose{margin:0 8px 16px}.compose summary{cursor:pointer;background:#2563eb;color:#fff;padding:9px 10px;border-radius:6px;font-weight:700}.compose form{padding:10px 2px}.compose label{display:block;margin:8px 0;font-size:12px}.compose input,.compose textarea{display:block;width:100%;margin-top:4px;padding:7px;border:1px solid #526070;border-radius:5px;background:#293648;color:#fff}.compose textarea{resize:vertical}.compose button{width:100%;border:0;background:#fff;color:#1f2937}