.mail-page{height:100%;min-height:0;display:flex;flex-direction:column}.mail-page .page-heading{padding-bottom:12px;flex-shrink:0}.mail-page>main{min-height:min-content;flex:1;display:flex;flex-direction:column}
.mail-shell{--mail-list:280px;container-type:inline-size;display:flex;flex-direction:column;flex:1;min-height:min-content;border:1px solid var(--edge);background:var(--panel);overflow:hidden}
.mail-content{flex:1 0 240px;display:grid;grid-template-columns:min(var(--mail-list),45%) 6px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;position:relative}
.mail-toolbar{flex-shrink:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--edge)}.mail-toolbar>*{min-width:0;max-width:100%}
.mail-toolbar button,.mail-shell button,.mail-shell a.mail-primary{border:1px solid var(--edge);border-radius:4px;background:#0a2133;color:var(--text);padding:8px 10px;text-decoration:none}.mail-shell .mail-primary{background:#083e63;border-color:#2378a5}
.mail-search{margin-left:auto;min-width:180px;max-width:310px;padding:8px;color:var(--text);background:#04121e;border:1px solid #254b65;border-radius:4px}
.mail-status{flex-shrink:0;margin:0;min-height:0;padding:0 12px;color:var(--muted)}.mail-status:not(:empty){padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--edge)}.mail-status.mail-error{color:#ffbd7a}.mail-status button{margin-left:7px}
.mail-list,.mail-reader{min-width:0;min-height:0;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable}.mail-list{border-right:1px solid var(--edge)}
.mail-list-resizer{grid-column:2;grid-row:1;height:auto}.mail-reader{grid-column:3;grid-row:1}.mail-list{grid-column:1;grid-row:1}.mail-list-heading{position:sticky;top:0;z-index:1;padding:12px;background:var(--panel);border-bottom:1px solid var(--edge);display:flex;align-items:center;gap:5px}.mail-list-heading h2{font-size:15px;margin:0;min-width:0;flex:1}.mail-list-toggle{padding:3px 7px!important}.mail-row-mark{display:none}
.mail-message-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:4px 8px;text-align:left;border:0!important;border-bottom:1px solid var(--edge)!important;border-radius:0!important;background:transparent!important;padding:12px!important}.mail-message-row[aria-pressed=true]{box-shadow:inset 3px 0 var(--cyan);background:#082d48!important}.mail-message-row strong,.mail-row-subject,.mail-message-row small{grid-column:1;overflow-wrap:anywhere}.mail-message-row time{grid-column:2;grid-row:1;color:var(--muted);font-size:10px}.mail-message-row small{color:var(--muted)}
.mail-list.is-collapsed :is(.mail-list-heading h2,.mail-message-row strong,.mail-row-subject,.mail-message-row small,.mail-message-row time,.mail-empty,.mail-next){display:none}.mail-list.is-collapsed .mail-list-heading{padding:8px 4px}.mail-list.is-collapsed .mail-message-row{display:flex!important;justify-content:center;padding:12px 3px!important}.mail-list.is-collapsed .mail-row-mark{display:inline}
.mail-reader{padding:18px}.mail-reader-heading h2{font-size:20px;margin:0 0 12px;overflow-wrap:anywhere}.mail-reader-heading p{margin:4px 0;color:var(--muted);overflow-wrap:anywhere}.mail-reader-actions,.mail-compose-actions{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.mail-body{white-space:pre-wrap;line-height:1.7;margin:22px 0;overflow-wrap:anywhere}.mail-outlook-link{color:var(--cyan)}
.mail-composer label{display:block;color:var(--muted);font-size:12px;margin:10px 0}.mail-composer input,.mail-composer textarea{display:block;width:100%;margin-top:5px;padding:9px;color:var(--text);background:#04121e;border:1px solid #254b65;border-radius:4px}.mail-composer textarea{min-height:180px;resize:vertical}.mail-send-status{color:var(--cyan);min-height:22px}.mail-send-status button{margin:8px 0 0}.mail-empty{padding:18px;color:var(--muted)}.mail-next{margin:12px}
@container(max-width:540px){.mail-content{grid-template-columns:52px 6px minmax(0,1fr)}.mail-list:not(.is-collapsed){position:absolute;inset:0 6px 0 0;width:auto;z-index:2;background:var(--panel)}.mail-list:not(.is-collapsed)+.mail-list-resizer{position:absolute;right:0;top:0;bottom:0;width:6px;z-index:3}.mail-message-row{grid-template-columns:minmax(0,1fr)}.mail-message-row time{grid-column:1;grid-row:auto}.mail-search{order:3;margin-left:0;min-width:0;max-width:none;flex:1 1 100%}.mail-reader{padding:9px}.mail-composer textarea{min-height:140px}}
@media(max-width:360px){.mail-toolbar{padding:7px}.mail-toolbar button{padding:7px}.mail-page .page-heading{padding-left:0;padding-right:0}.mail-reader{padding:9px}.mail-reader-actions button{padding:7px 5px}}
.mail-content:has(>.mail-list:empty){grid-template-columns:0 0 minmax(0,1fr)}.mail-list:empty,.mail-list:empty+.mail-list-resizer{display:none}