/* A broad inbox with an optional, resizable reading pane. */
body.mail-active{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}
.mail-active .topbar{height:64px;min-height:64px;padding:0 24px;gap:22px}
.mail-active .brand{width:162px}
.mail-active .product-name{padding-left:20px;font-size:.9375rem}
.mail-active .product-name small{display:none}
.mail-active .topbar .outline{padding:7px 13px}
.mail-active #main,.mail-active #workspace{min-height:0;height:100%}
.mail-active .mail-layout{height:100%;min-height:0;grid-template-columns:206px minmax(0,1fr)}
.mail-active .sidebar{padding:20px 12px 14px;min-height:0;overflow-y:auto;background:#f6f8fb}
.mail-active .compose-button{min-height:46px;margin-bottom:20px;padding:10px 16px;border-radius:7px}
.mail-active .sidebar nav{max-height:none;overflow:visible;gap:2px}
.mail-active .folder-button{font-size:.9375rem;padding:10px 13px;min-height:42px}
.mail-active .folder-button[aria-current=page]{color:#182d44;background:#e5ecf4;box-shadow:inset 3px 0 #ce5e0b}
.mail-active .personal-folder-heading{padding:16px 13px 7px;margin-top:12px}
.mail-active .folder-divider{margin:12px 8px}
.mail-active #address-book-button{margin-top:10px;padding-top:13px}
.mail-active .sidebar-bottom{padding:24px 12px 0;font-size:.8125rem;gap:3px}
.mail-active .sidebar-bottom small{font-size:.8125rem;overflow-wrap:anywhere}
.mail-active .mail-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mail-active .content-header{padding:17px 24px 13px;gap:18px;flex:none;min-height:65px}
.mail-active .content-header>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0}
.mail-active .section-kicker{order:2;margin:0;font-size:.8125rem;white-space:nowrap}
.mail-active .content-header h1{font-size:1.375rem;font-weight:700;letter-spacing:-.035em}
.mail-active .header-actions{align-items:center;gap:8px}
.mail-active .header-actions .outline{padding:7px 12px;font-size:.875rem}
.mail-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 11px;flex:none;position:relative;z-index:3;background:#fff}
.mail-context:has(> [hidden]):not(:has(> :not([hidden]))){display:none}
.mail-active .admin-controls{margin:0;padding:0;border:0;background:none;gap:10px;flex-wrap:wrap;min-width:0}
.mail-active .admin-controls label{font-size:.875rem;color:#657284;font-weight:400}
.mail-active .admin-controls select{max-width:min(360px,100%);padding:6px 30px 6px 10px;font-size:.875rem}
.mail-active .admin-controls>span{font-size:.8125rem;width:auto}
.storage-help{position:relative;flex:none;margin-left:auto;color:var(--muted);font-size:.8125rem}
.storage-help summary{cursor:pointer;padding:7px 0 7px 8px;white-space:nowrap}
.storage-help summary:hover{color:var(--ink)}
.storage-help p{position:absolute;right:0;top:100%;width:min(430px,80vw);padding:16px 18px;margin:5px 0 0;border:1px solid var(--line);background:#fff;box-shadow:0 8px 28px #182b401a;border-radius:7px;font-size:.875rem;line-height:1.75}
.mail-active .mail-storage-note{margin:0;padding:9px 24px;border-radius:0;border-width:1px 0;font-size:.875rem;flex:none}
.mail-active .workspace-error{padding:10px 24px;flex:none}
.mail-active .mail-toolbar{padding:10px 24px;gap:16px;flex-wrap:wrap;flex:none;border-top:1px solid var(--line);background:#fff}
.mail-active .filters{gap:3px;flex:none}
.mail-active .filters button{padding:7px 11px;font-size:.875rem}
.mail-active .filters button[aria-pressed=true]{background:#eaf0f6;color:#1b3d5c}
.mail-active .mail-toolbar form{width:auto;flex:1 1 240px;max-width:520px;margin-left:auto}
.mail-active .mail-toolbar input{padding:8px 12px;background:#f8fafc;font-size:.875rem;min-height:36px}
.mail-active .mail-toolbar form button{padding:7px 11px}
.layout-options{display:flex;align-items:center;gap:3px;flex:none}
.layout-options>span{font-size:.8125rem;color:var(--muted);margin-right:5px}
.layout-options button{font-size:.875rem;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#657284;white-space:nowrap}
.layout-options button:hover{background:#f1f5f9}
.layout-options button[aria-pressed=true]{border-color:#ccd7e3;background:#f0f4f8;color:#1e3c59;font-weight:600}
.mail-active .mail-panels{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.mail-active .mail-panels.has-message[data-layout=bottom]:not(.reader-expanded){grid-template-rows:minmax(130px,var(--list-share,40%)) 8px minmax(0,1fr)}
.mail-active .mail-panels.has-message[data-layout=right]:not(.reader-expanded){grid-template-columns:minmax(300px,var(--list-share,42%)) 8px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.mail-active .list-column{min-width:0;min-height:0;overflow:hidden;border:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.mail-active .list-heading{min-height:36px;padding:9px 24px;display:grid;grid-template-columns:22px minmax(150px,210px) minmax(0,1fr) 144px;gap:13px;background:#f8fafc;border-bottom:1px solid #e5eaf0;line-height:1.5;font-size:.8125rem;align-items:center}
.heading-sender{grid-column:2}.heading-subject{grid-column:3}.heading-date{grid-column:4;text-align:right}
#list-count{margin-left:8px;color:#738296;white-space:nowrap;font-weight:400}
.mail-active .message-list{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.mail-active .message-item{display:grid;grid-template-columns:22px minmax(150px,210px) minmax(0,1fr) 144px;gap:13px;align-items:center;padding:12px 24px;min-height:49px;border-bottom:1px solid #edf0f4;font-size:.9375rem;line-height:1.5;box-shadow:none;position:relative}
.mail-active .message-item:hover{background:#f6f9fc}
.mail-active .message-item[aria-pressed=true]{background:#edf3fa;box-shadow:inset 3px 0 #ce5e0b}
.mail-active .message-item.unread::before{display:none}
.message-sender,.message-subject{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-sender{color:#536477;font-size:.875rem}
.message-subject{color:#20344c}
.message-item.unread .message-sender,.message-item.unread .message-subject{color:#172d46;font-weight:600}
.message-date{color:#738296;font-size:.8125rem;text-align:right;white-space:nowrap}
.read-indicator{color:#a6b2c0;display:flex;align-items:center;justify-content:center}
.read-indicator svg{height:17px;width:17px}
.message-item.unread .read-indicator{color:#c5631b}
.mail-active .message-item:focus-visible{outline-offset:-3px;z-index:1}
.mail-active .pagination{gap:17px;min-height:48px;padding:7px 16px;background:#fff;border-top:1px solid var(--line)}
.mail-active .pagination button{padding:5px 12px;font-size:.875rem}
.mail-active .pagination span{font-size:.8125rem}
.mail-active .message-list .empty-state{height:100%;min-height:150px}
.reader-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:#fff}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 24px;border-bottom:1px solid var(--line);background:#f8fafc;font-size:.8125rem;color:var(--muted)}
.reader-toolbar>div{display:flex;gap:7px}
.reader-toolbar .outline{padding:5px 11px;background:#fff;font-size:.875rem}
.mail-active .message-detail{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 30px 32px;scrollbar-gutter:stable}
.mail-active .detail-header h2{font-size:1.25rem;line-height:1.55;margin:0 0 14px;word-break:normal;letter-spacing:-.025em}
.mail-active .detail-meta{gap:5px 10px;padding-bottom:16px;grid-template-columns:70px minmax(0,1fr);font-size:.875rem;line-height:1.65}
.mail-active .message-body{max-width:none;min-height:110px;padding:22px 0;font-size:1rem;line-height:1.85}
.mail-active .detail-actions{padding-top:16px;gap:8px;flex-wrap:wrap}
.mail-active .detail-actions .outline{padding:8px 13px}
.mail-active .admin-read-banner{margin-bottom:16px;padding:9px 12px}
.mail-divider{background:#edf1f6;position:relative;touch-action:none;cursor:row-resize;border-block:1px solid #dce3eb;z-index:1}
.mail-divider::after{content:'';position:absolute;left:50%;top:2px;width:34px;height:2px;transform:translateX(-50%);background:#a8b8c9;border-radius:2px}
.mail-divider:hover,.mail-divider:focus-visible{background:#dbe6f2;outline-offset:-2px}
[data-layout=right]>.mail-divider{cursor:col-resize;border-block:0;border-inline:1px solid #dce3eb}
[data-layout=right]>.mail-divider::after{left:2px;top:50%;width:2px;height:34px;transform:translateY(-50%)}
.resizing-mail,.resizing-mail *{user-select:none!important}
.mail-active .mail-panels.reader-expanded{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.mail-active .mail-panels.reader-expanded .message-detail{padding:28px clamp(24px,5vw,88px) 40px}
.mail-active .mail-panels.reader-expanded .message-body{max-width:1040px}
.mail-active .mail-panels.has-message[data-layout=right] .list-heading{grid-template-columns:1fr auto;gap:8px}
.mail-panels.has-message[data-layout=right] .heading-sender{grid-column:1}
.mail-panels.has-message[data-layout=right] .heading-subject{grid-column:2;font-size:0}
.mail-panels.has-message[data-layout=right] #list-count{font-size:.8125rem;margin:0}
.mail-panels.has-message[data-layout=right] .heading-date{display:none}
.mail-active .mail-panels.has-message[data-layout=right] .message-item{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:'flag sender date' '. subject subject';gap:5px 9px;padding:14px 18px;min-height:73px}
.mail-panels.has-message[data-layout=right] .read-indicator{grid-area:flag}
.mail-panels.has-message[data-layout=right] .message-sender{grid-area:sender}
.mail-panels.has-message[data-layout=right] .message-subject{grid-area:subject}
.mail-panels.has-message[data-layout=right] .message-date{grid-area:date;font-size:.75rem}
.mail-active .management-panel{flex:1;min-height:0;overflow:auto;padding:12px 24px 32px}
@media(max-width:1200px){
 .mail-active .mail-layout{grid-template-columns:184px minmax(0,1fr)}
 .mail-active .content-header{padding-inline:20px}.mail-context,.mail-active .mail-toolbar{padding-inline:20px}
 .mail-active .admin-controls>span{display:none}
 .mail-active .mail-toolbar{gap:9px 12px}.layout-options>span{display:none}
 .mail-active .message-item,.mail-active .list-heading{grid-template-columns:18px minmax(105px,155px) minmax(0,1fr) 132px;gap:10px;padding-inline:20px}
 .mail-active .mail-panels.has-message[data-layout=right]:not(.reader-expanded){grid-template-columns:minmax(285px,var(--list-share,42%)) 8px minmax(0,1fr)}
 .mail-active .message-detail{padding:22px}
}
@media(max-width:960px) and (min-width:761px){
 .mail-active .mail-toolbar form{max-width:none}.layout-options{margin-left:auto}
 .mail-active .section-kicker{display:none}
}
@media(max-width:760px){
 body.mail-active{height:100dvh}
 .mail-active .topbar{height:auto;min-height:60px;padding:10px 16px;gap:10px 14px;flex-wrap:wrap}
 .mail-active .brand{width:140px}.mail-active .product-name{font-size:.875rem;padding-left:13px}
 .mail-active .topbar #signed-user{font-size:.8125rem;order:4;width:100%;margin:0;overflow-wrap:anywhere}
 .mail-active .topbar .home-link{margin-left:auto;font-size:.8125rem}
 .mail-active .topbar #logout{margin-left:auto;font-size:.8125rem;padding:5px 9px}
 .mail-active .mail-layout{display:flex;flex-direction:column}
 .mail-active .sidebar{display:flex;flex-direction:row;gap:3px;align-items:center;flex:none;overflow-x:auto;overflow-y:hidden;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}
 .mail-active .sidebar nav{display:flex;gap:2px;overflow:visible;flex:none;padding:0}
 .mail-active .folder-button{white-space:nowrap;min-height:38px;width:auto;padding:8px 10px;font-size:.875rem;flex:none}
 .mail-active .compose-button,.mail-active .sidebar-bottom,.mail-active .personal-folder-heading{display:none}
 .mail-active .sidebar #admin-nav{display:flex;flex:none}.mail-active .folder-divider{width:1px;height:22px;margin:8px}
 .mail-active #folder-add{margin:0}.mail-active #address-book-button{margin:0;padding:8px 10px;border:0}
 .mail-active .mail-content{flex:1;min-height:0}
 .mail-active .content-header{padding:12px 16px;min-height:54px;flex-wrap:wrap;gap:8px}
 .mail-active .content-header h1{font-size:1.1875rem}.mail-active .section-kicker{display:none}
 .mail-active .content-header #compose-mobile{display:inline-flex;padding:7px 10px;font-size:.875rem}
 .mail-active .header-actions .outline{font-size:.875rem;padding:7px 10px}
 .mail-context{padding:0 16px 10px;gap:8px;align-items:flex-start}
 .mail-active .admin-controls{flex:1;gap:5px}.mail-active .admin-controls label{display:none}.mail-active .admin-controls select{width:100%;max-width:100%;font-size:.8125rem;overflow:hidden}
 .storage-help{font-size:.75rem}.storage-help p{width:min(380px,90vw)}
 .mail-active .mail-toolbar{padding:9px 16px;gap:8px;flex-wrap:wrap}
 .layout-options{display:none}
 .mail-active .filters button{font-size:.8125rem;padding:6px 8px}
 .mail-active .mail-toolbar form{flex:1 1 170px;width:auto;max-width:none}
 .mail-active .mail-toolbar input{font-size:.875rem;padding:7px 9px}
 .mail-active .mail-toolbar form button{padding:7px 9px}
 .mail-active .list-heading{display:flex;justify-content:space-between;padding:8px 16px;min-height:34px}
 .heading-date{display:none}.heading-subject{font-size:0}#list-count{font-size:.8125rem}
 .mail-active .message-item{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:'flag sender date' '. subject subject';gap:5px 8px;padding:13px 16px;min-height:72px}
 .read-indicator{grid-area:flag}.message-sender{grid-area:sender}.message-subject{grid-area:subject;font-size:.9375rem}.message-date{grid-area:date;font-size:.75rem}
 .mail-active .reader-toolbar{padding:8px 16px}.mail-active .reader-toolbar .outline{font-size:.875rem}
 .mail-active .message-detail,.mail-active .mail-panels.reader-expanded .message-detail{padding:20px}
 .mail-active .detail-header h2{font-size:1.1875rem}.mail-active .detail-meta{grid-template-columns:64px minmax(0,1fr)}
 .mail-active .management-panel{padding-inline:16px}.mail-active .pagination{min-height:43px;padding:6px}
 .mail-active .workspace-error,.mail-active .mail-storage-note{padding:9px 16px;font-size:.8125rem}
}
@media(max-height:520px){body.mail-active{height:auto;min-height:100dvh;overflow:auto}.mail-active #workspace{height:600px}}

@media(min-width:761px){.mail-panels.has-message[data-layout=bottom]:not(.reader-expanded) .message-detail{padding:20px 26px 26px}.mail-panels.has-message[data-layout=bottom]:not(.reader-expanded) .detail-meta{grid-template-columns:70px minmax(0,1fr) 70px minmax(0,1fr);gap:5px 12px;padding-bottom:13px}.mail-panels.has-message[data-layout=bottom]:not(.reader-expanded) .message-body{padding:18px 0}}