:root{color-scheme:dark;--mail-bg:#091522;--mail-panel:#0e1e2e;--mail-line:#25384a;--mail-text:#e3edf5;--mail-muted:#95aabd;--mail-accent:#1385ef}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--mail-bg);color:var(--mail-text);font:14px/1.5 system-ui,sans-serif;display:flex;flex-direction:column}body [hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #68c7ff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mail-app-header{height:60px;min-height:60px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--mail-line);background:#0b1a29}.brand{font-size:15px;white-space:nowrap;text-decoration:none;color:var(--mail-text)}.brand strong{color:#48adff}.mail-app-name{font-size:18px;border-left:1px solid #375064;padding-left:24px}.mail-account{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mail-muted)}.mail-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#184967;color:#bdedff;font-size:11px;font-weight:700}
.email-shell{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;padding:0;margin:0;max-width:none}.email-shell h1,.email-shell h2,.email-shell h3,.email-shell p{color:inherit}.email-signin.admin-auth-modal{margin:auto;padding:0;text-align:left}.email-signin p{color:var(--mail-muted)}#email-tools{flex:1;min-height:0;display:flex;flex-direction:column}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 14px;border:1px solid #354c61;border-radius:6px;background:#152a3c;color:var(--mail-text);text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:background .15s}.button:hover{background:#203c52;transform:none}.button-primary{background:var(--mail-accent);border-color:var(--mail-accent);color:white}.button-primary:hover{background:#2699ff}.button:disabled{opacity:.5;cursor:wait}.email-commandbar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--mail-line);background:#102133}.outlook-link{margin-left:auto}.email-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}
.email-layout{flex:1;min-height:0;display:grid;grid-template-columns:190px 330px minmax(0,1fr)}.email-folders{display:flex;flex-direction:column;gap:4px;background:#0c1b2a;padding:22px 12px;border-right:1px solid var(--mail-line)}.folder-caption{font-size:10px;letter-spacing:.14em;color:var(--mail-muted)!important;padding:0 12px;margin:0 0 12px}.email-folders button{display:flex;align-items:center;gap:12px;background:transparent;color:#c4d3df;border:0;border-radius:6px;padding:11px 14px;text-align:left;cursor:pointer}.email-folders button:hover{background:#172f42}.email-folders button[aria-pressed=true]{background:#153e5b;color:#a5dcff;font-weight:600}.folder-footer{margin-top:auto;padding:20px 14px 0;color:#647d91;font-size:11px;line-height:1.8}
.email-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--mail-line);background:#102031}.email-list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 12px}.email-list-heading h1{font-size:20px;margin:0;font-weight:650}.email-list-heading span{font-size:12px;color:var(--mail-muted)}.email-search{margin:0 16px 16px}.email-search input{width:100%;border:1px solid #31485b;background:#0a1928;border-radius:6px;color:var(--mail-text);padding:9px 12px;font-size:12px}#email-list{flex:1;overflow:auto;min-height:0}#email-list>p,#email-filter-empty{padding:24px 20px;color:var(--mail-muted);font-size:13px}.email-message{position:relative;display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--mail-line);padding:16px 20px;background:transparent;color:var(--mail-text);cursor:pointer}.email-message:hover{background:#152d41}.email-message[aria-current=true]{background:#173b54;box-shadow:inset 3px 0 #42b2ff}.email-message strong,.email-message span,.email-message small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0}.email-message strong{font-size:14px}.email-message span{font-size:12px;color:var(--mail-muted)}.email-message small{font-size:10px;color:#6f8ba2}.email-message.unread strong:before{content:'';display:inline-block;width:6px;height:6px;background:#4dbaff;border-radius:50%;margin-right:8px}.email-pagination{padding:10px 16px;border-top:1px solid var(--mail-line)}.email-pagination:has(button:not([hidden])){min-height:55px}.email-pagination:not(:has(button:not([hidden]))){display:none}
.email-content{min-width:0;min-height:0;overflow:auto;background:var(--mail-bg)}.email-reader{padding:32px;min-height:100%}.email-reader:has(>.email-empty){display:grid;place-items:center}.email-empty{text-align:center;max-width:340px;color:var(--mail-muted)}.email-empty-symbol{font-size:42px;color:#5486a8}.email-empty h2{font-size:20px;font-weight:600;color:#c4d8e8}.email-empty p{font-size:13px;line-height:1.7}.email-empty .button{margin-top:12px}.email-reader h2{font-size:24px;overflow-wrap:anywhere;margin:0 0 24px}.email-reader>p{font-size:12px;color:var(--mail-muted);overflow-wrap:anywhere;margin:6px 0}.email-reader>.button{margin:20px 0}.email-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.email-reader>.email-body{padding-top:24px;border-top:1px solid var(--mail-line)}#email-back{display:none}
#email-editor{padding:24px 30px;min-height:100%;background:#0e2031}#email-form{display:flex;flex-direction:column;min-height:calc(100dvh - 208px);gap:0}.email-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.email-compose-heading h2{font-size:19px;margin:0}.email-compose-heading .eyebrow{display:none}.email-from{font-size:12px;color:var(--mail-muted)!important;margin:0 0 12px;padding-bottom:14px;border-bottom:1px solid var(--mail-line)}.email-from strong{margin-left:12px;color:#c0d1df;font-weight:500}#email-form label{font-size:12px;font-weight:600;margin:10px 0 6px;color:#b8cddd}#email-form input,#email-form textarea{width:100%;border:1px solid #30495c;border-radius:5px;color:var(--mail-text);background:#0a1928;padding:10px 12px}#email-form input{min-height:38px}#email-recipient-help{font-size:10px;color:var(--mail-muted);margin-top:4px}.email-writing-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:10px 0 0;color:var(--mail-muted);font-size:11px}.email-writing-toolbar .button{min-height:28px;padding:4px 10px;font-size:11px}#email-form textarea{flex:1;min-height:180px;resize:vertical;line-height:1.7}#email-preview{flex:1;min-height:180px;padding:18px;border:1px solid #30495c;border-radius:5px;background:#0a1928;overflow-wrap:anywhere}#email-preview h3{margin:0 0 8px}#email-preview-to{font-size:12px;color:var(--mail-muted)}.email-compose-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--mail-muted);margin:10px 0 14px}.email-compose-meta span:last-child{white-space:nowrap}#email-send-status{font-size:12px;margin:0 0 12px}#email-send-status:empty{display:none}.email-statusbar{display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 20px;border-top:1px solid var(--mail-line);background:#0c1b2a;font-size:11px;color:var(--mail-muted)}.email-statusbar p{margin:0}.status-dot{width:5px;height:5px;border-radius:50%;background:#6f9cb6;flex-shrink:0}
#email-compose:before,#email-refresh:before,#email-send:before,.email-folders button:before{content:'';display:inline-block;width:16px;height:16px;flex-shrink:0;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M4 5h16v14H4z M4 5l8 7 8-7'/%3E%3C/svg%3E")}
#email-compose:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M12 4v16M4 12h16'/%3E%3C/svg%3E")}#email-refresh:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M20 4v6h-6M20 10a8 8 0 1 0 0 5'/%3E%3C/svg%3E")}#email-send:before,[data-folder=sentitems]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='m3 3 18 9-18 9 4-9-4-9m4 9h14'/%3E%3C/svg%3E")}
@media(max-width:1100px){.email-layout{grid-template-columns:155px 280px minmax(0,1fr)}#email-editor{padding:20px}.email-compose-meta{flex-wrap:wrap}}@media(max-width:800px){.mail-app-header{padding:0 16px;gap:14px;height:54px;min-height:54px}.mail-account>span:not(.mail-avatar){display:none}.mail-app-name{padding-left:14px}.email-layout{grid-template-columns:140px 1fr}.email-content{display:none}.email-layout[data-pane=content]{display:block}.email-layout[data-pane=content] .email-folders,.email-layout[data-pane=content] .email-list-panel{display:none}.email-layout[data-pane=content] .email-content{display:block;height:100%}#email-back{display:inline-flex;margin:12px 20px 0}.email-reader{min-height:calc(100% - 60px);padding:24px}.email-commandbar{padding:10px 14px;gap:8px}.email-commandbar .button{font-size:12px;padding:7px 10px}#email-form{min-height:calc(100dvh - 230px)}#email-editor{min-height:calc(100% - 60px)}}@media(max-width:480px){.email-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.email-folders{flex-direction:row;padding:8px;border-right:0;border-bottom:1px solid var(--mail-line);gap:4px}.email-folders button{font-size:12px;padding:8px 10px}.folder-caption,.folder-footer,.mail-avatar{display:none}.mail-app-header .brand{font-size:13px}.mail-app-name{font-size:16px}.mail-account{gap:0}.mail-account .button{padding:5px 8px;font-size:11px}.email-list-panel{border:0}.email-list-heading{padding:16px}.email-commandbar .outlook-link{font-size:0;gap:0}.outlook-link span{font-size:17px}.email-compose-meta{font-size:10px}#email-editor{padding:16px}.email-statusbar{padding:5px 12px;font-size:10px}}

.email-commandbar .mail-icon-button{width:44px;min-width:44px;height:40px;padding:9px;gap:0}.mail-icon-button svg{display:block;width:20px;height:20px;flex-shrink:0}#email-compose.mail-icon-button:before,#email-refresh.mail-icon-button:before{display:none}

/* Let long message text truncate inside the viewport instead of sizing the grid. */
body{height:100dvh}
.email-shell,#email-tools,.email-layout,.email-list-panel,.email-search,#email-list{min-width:0}
.email-message{max-width:100%}
@media(max-width:800px){
  .email-layout{grid-template-columns:140px minmax(0,1fr)}
  .email-search input,#email-form input,#email-form textarea{font-size:16px}
}
@media(max-width:480px){
  .email-layout{grid-template-columns:minmax(0,1fr)}
  .email-folders{flex-wrap:wrap}
  .email-list-heading{gap:12px}
  .email-statusbar{padding-bottom:max(5px,env(safe-area-inset-bottom))}
}

/* Mail workspace: folder tabs and message list alongside a reading surface. */
:root{--mail-bg:#0a1420;--mail-panel:#101f2d;--mail-line:#233545;--mail-text:#e6eef5;--mail-muted:#94a9bb;--mail-accent:#3198f5}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.email-shell{background:var(--mail-bg)}
.email-commandbar{flex-shrink:0;padding:20px 28px;gap:10px;background:#0d1a27}
.mail-heading{display:flex;align-items:center;gap:13px;min-width:0;margin-right:auto}
.mail-heading-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #285170;border-radius:13px;background:#112c42;color:#77c6ff;font-size:24px}
.mail-heading h1{font-size:22px;line-height:1.2;letter-spacing:-.6px;margin:0;font-weight:650}
.mail-heading p{font-size:12px;color:var(--mail-muted);margin:4px 0 0}
.email-commandbar .outlook-link{margin-left:0}
.button{border-radius:9px;background:#152636;border-color:#304557;min-height:40px;font-weight:550}
.button-primary{background:#238bef;border-color:#3198f5;color:white;box-shadow:0 3px 12px #0879db20}
.email-commandbar .mail-icon-button{height:42px;width:42px;min-width:42px}
.email-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}
.email-folders{grid-column:1;grid-row:1;padding:0 20px;display:flex;flex-direction:row;align-items:stretch;gap:12px;min-width:0;border-bottom:1px solid var(--mail-line);background:var(--mail-panel)}
.mail-tabs{display:flex;align-items:stretch;gap:22px;min-width:0}
.mail-tabs [role=tab]{position:relative;display:flex;align-items:center;gap:9px;flex-shrink:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--mail-muted);font-size:13px;font-weight:550;cursor:pointer}
.mail-tabs [role=tab]:before{display:none}
.mail-tabs [role=tab] svg{width:18px;height:18px;flex-shrink:0}
.mail-tabs [role=tab]:hover{color:#e6f2fd;background:transparent}
.mail-tabs [role=tab][aria-selected=true]{color:#79c4ff;background:transparent}
.mail-tabs [role=tab][aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#55afff}
.email-folders .draft-button{margin:auto 0 auto auto;padding:6px 9px;min-height:30px;font-size:11px;white-space:nowrap;color:#c7e4fa;background:#20394b;border:1px solid #365367}
.email-list-panel{grid-row:2;grid-column:1;background:var(--mail-panel)}
.email-list-heading{padding:22px 20px 14px;gap:12px}
.email-list-heading h2{margin:0;font-size:17px;letter-spacing:-.25px;font-weight:600}
.email-list-heading span{font-size:11px}
.email-search{position:relative;margin:0 18px 14px}
.email-search:before{content:'';position:absolute;top:14px;left:13px;width:12px;height:12px;border:1.6px solid #819aae;border-radius:50%;pointer-events:none}
.email-search:after{content:'';position:absolute;top:26px;left:25px;width:6px;height:1.6px;transform:rotate(45deg);background:#819aae;pointer-events:none}
.email-search input{padding:11px 12px 11px 38px;min-height:43px;font-size:13px;background:#0c1926;border:1px solid #2a4053;border-radius:10px}
.email-search input::placeholder{color:#7f97ab}
#email-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#36516a transparent}
.email-message{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom-color:#233545a8;min-height:112px;transition:background .15s}
.email-message:hover{background:#162c3e}
.email-message[aria-current=true]{background:#183348;box-shadow:inset 3px 0 #62b5fb}
.email-message .message-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;margin:2px 0 0;border-radius:12px;background:#213b50;color:#afd8f7;font-size:11px;letter-spacing:.5px;font-weight:650}
.email-message:nth-child(3n+2) .message-avatar{background:#233c3a;color:#a4d7c6}
.email-message:nth-child(3n) .message-avatar{background:#37324c;color:#c7b8ed}
.email-message .message-summary{display:block;min-width:0;flex:1;margin:0;white-space:normal}
.email-message .message-meta{display:flex;align-items:center;gap:12px;margin:0 0 5px;min-width:0}
.email-message .message-sender{flex:1;min-width:0;font-size:12px;font-weight:500;color:#b0c2d0;margin:0}
.message-meta time{flex-shrink:0;font-size:10px;font-weight:400;color:#829aad;white-space:nowrap}
.email-message strong{font-size:13px;line-height:1.5;letter-spacing:0;margin:0 0 5px;font-weight:550;color:#d5e2ed}
.email-message.unread strong{color:#f2f7fb;font-weight:650}
.email-message.unread strong:before{display:none}
.email-message.unread .message-avatar{position:relative;overflow:visible}
.email-message.unread .message-avatar:after{content:'';position:absolute;right:-2px;top:-2px;width:7px;height:7px;border:2px solid var(--mail-panel);border-radius:50%;background:#59b7ff;box-sizing:content-box}
.email-message .message-preview{font-size:12px;line-height:1.6;margin:0;color:#879eb0}
.email-pagination{padding:10px 18px;background:#10202e}
.email-pagination .button{min-height:32px;font-size:11px;padding:5px 12px}
.email-content{grid-column:2;grid-row:1 / span 2;background:radial-gradient(ellipse at 80% 0%,#14263866,transparent 65%),var(--mail-bg);scrollbar-width:thin;scrollbar-color:#36516a transparent}
.email-reader{padding:44px clamp(28px,5vw,72px);max-width:1040px;margin:auto}
.email-reader:has(>.email-empty){max-width:none}
.email-empty-symbol{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #2b465c;border-radius:23px;background:#152a3c;color:#81c5f9;font-size:34px}
.email-empty h2{font-size:25px;letter-spacing:-.6px;font-weight:550;margin:0 0 12px}
.email-empty p{font-size:14px;color:#8ca4b7;line-height:1.8}
.email-reader h2{font-size:27px;line-height:1.4;letter-spacing:-.65px;font-weight:600}
.email-reader>p{line-height:1.7;font-size:12px}
.reader-sender{display:flex;align-items:flex-start;gap:14px;margin:26px 0 6px}
.reader-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#213b50;color:#afd8f7;font-size:13px;font-weight:600}
.reader-details{min-width:0;overflow-wrap:anywhere}
.reader-details strong{font-size:14px;font-weight:600;color:#d9e8f3}
.reader-details p{font-size:12px;line-height:1.7;color:#8fa7ba;margin:3px 0}
.email-reader>.email-body{font-size:14px;line-height:1.9;margin-top:8px;padding-top:28px;color:#cfdeea}
#email-editor{padding:34px clamp(24px,4vw,60px);background:transparent;max-width:1040px;margin:auto}
#email-form{min-height:calc(100dvh - 238px)}
.email-compose-heading{margin-bottom:22px}
.email-compose-heading h2{font-size:25px;letter-spacing:-.6px;font-weight:600}
.email-from{padding-bottom:20px}
#email-form input,#email-form textarea{border-radius:9px;background:#0e1d2b;border-color:#2a4154;padding:12px 14px}
#email-form textarea{height:clamp(180px,25dvh,320px);min-height:180px;flex:1 0 180px}
#email-form input:focus,#email-form textarea:focus{border-color:#51adf8}
.email-writing-toolbar{margin-top:20px;padding:0 0 8px}
.email-compose-meta{line-height:1.6;margin:12px 0 20px}
#email-preview{background:#0e1d2b;border-radius:9px;padding:24px}
.email-statusbar{flex-shrink:0;font-size:10px;min-height:26px;background:#0a1723;color:#7892a7}
@media(min-width:1440px){.email-layout{grid-template-columns:420px minmax(0,1fr)}.email-message{padding:20px 22px}.email-message strong{font-size:14px}}
@media(max-width:800px){
  .email-commandbar{padding:14px 18px}
  .email-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr)}
  .email-folders{grid-column:1;grid-row:1;padding:0 22px;flex-wrap:nowrap}
  .mail-tabs{gap:30px}
  .mail-tabs [role=tab]{font-size:14px}
  .email-list-panel{border-right:0}
  .email-content{display:none}
  .email-layout[data-pane=content]{display:block}
  .email-layout[data-pane=content] .email-content{display:block;height:100%}
  .email-layout[data-pane=content] .email-folders,.email-layout[data-pane=content] .email-list-panel{display:none}
  .email-reader{padding:26px 24px}
  .email-reader h2{font-size:23px}
  .email-search input,#email-form input,#email-form textarea{font-size:16px}
  #email-editor{padding:22px 24px}
  #email-back{display:inline-flex;margin:14px 24px 0;border:0;background:transparent;color:#79c4ff;padding:4px 0;font-size:12px}
  #email-form{min-height:calc(100dvh - 280px)}
}
@media(max-width:480px){
  .email-commandbar{padding:14px 16px;gap:7px}
  .mail-heading{gap:0}.mail-heading-icon{display:none}
  .mail-heading h1{font-size:20px}.mail-heading p{font-size:10px}
  .email-commandbar .mail-icon-button{height:38px;width:38px;min-width:38px;padding:8px}
  .email-list-heading{padding:18px 20px 12px}
  .email-search{margin:0 18px 10px}
  .email-message{padding:18px;gap:12px;min-height:112px}
  .email-message strong{font-size:14px}
  .email-message .message-preview{font-size:12px}
  .email-message .message-sender{font-size:12px}
  .email-reader{padding:24px 20px}
  #email-editor{padding:22px 20px}
  .email-compose-heading h2{font-size:23px}
  .email-statusbar{padding:6px 16px max(6px,env(safe-area-inset-bottom))}
}
/* Swipe actions stay behind an opaque message surface. */
.email-message-row{position:relative;overflow:hidden;background:#154c70}
.email-message-row .email-message{background:var(--mail-panel);padding-right:52px;touch-action:pan-y;transition:transform .18s ease,background .15s}
.email-message-row .email-message:hover{background:#162c3e}
.email-message-row .email-message[aria-current=true]{background:#183348}
.email-swipe-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:12px;flex-direction:column;justify-content:center;width:80px;color:#e5f5ff;font-size:10px;text-align:center;visibility:hidden}
.email-swipe-action svg,.email-read-toggle svg{width:22px;height:22px;flex-shrink:0}
.email-message-row[data-direction=left] .email-swipe-action{left:auto;right:0}
.email-message-row.swiping .email-swipe-action{visibility:visible}
.email-message-row.swiping .email-message{transition:none}
.email-message-row.swipe-ready{background:#12634f}
.email-read-toggle{position:absolute;right:6px;top:38px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#94b9d3;cursor:pointer}
.email-read-toggle:hover{background:#28475d;color:white}
.email-read-toggle:disabled{opacity:.5;cursor:wait}
.email-message-row.swiping .email-read-toggle{visibility:hidden}
.email-message-row.swiping>.email-select-target{visibility:hidden}
.email-message-row .email-message{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#email-reader-read-toggle{margin-left:10px}
.email-layout[data-pane=content] #email-back{display:inline-flex;margin:14px 24px 0}
@media(prefers-reduced-motion:reduce){.email-message-row .email-message{transition:none}}

/* Adjustable reading panes and Exchange folder controls. */
.email-layout{grid-template-columns:minmax(280px,var(--mail-list-width,380px)) 6px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.email-content{grid-column:3;grid-row:1 / 3}
.email-folders{flex-wrap:wrap;padding:0 16px 12px;gap:8px}
.mail-tabs{height:52px;flex:1}
.email-folder-controls{display:flex;gap:8px;width:100%;min-width:0;align-items:center}
.email-folder-controls select{flex:1;min-width:0;width:0}
.email-folder-controls button{white-space:nowrap;padding:8px}
.email-shell select,.email-folder-dialog select,.email-folder-dialog input{border:1px solid #36516a;border-radius:7px;background:#0b1a29;color:var(--mail-text);padding:9px;font:inherit;max-width:100%}
#email-divider{grid-column:2;grid-row:1 / 3;background:#233545;cursor:col-resize;touch-action:none;z-index:1}
#email-divider:hover,#email-divider:focus-visible{background:#55afff;outline:2px solid #55afff;outline-offset:0}
.email-move-bar{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.email-move-bar select{max-width:min(100%,400px);min-width:180px;flex:1}
.email-folder-dialog{width:min(440px,calc(100% - 32px));max-height:90dvh;overflow:auto;margin:auto;padding:24px;background:#102133;color:var(--mail-text);border:1px solid #36516a;border-radius:14px}
.email-folder-dialog::backdrop{background:#0009}.email-folder-dialog form{display:flex;flex-direction:column;gap:10px}.email-folder-dialog h2{margin:0 0 10px;color:inherit}.email-folder-dialog p{color:#ffb7b7}
.email-rule-dialog #email-rule-summary,.email-rule-dialog p:first-of-type{color:var(--mail-text);line-height:1.5;overflow-wrap:anywhere}
.email-rule-dialog select{width:100%}.email-rule-dialog button{min-height:42px}.email-rule-dialog [role=alert][hidden]{display:none}
.email-list-heading h2{overflow-wrap:anywhere;min-width:0}.email-list-heading span{flex-shrink:0}
@media(max-width:800px){.email-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}#email-divider{display:none}.email-layout[data-pane=content] .email-content{display:block}.email-folder-controls select{font-size:16px}.email-content{grid-column:1}.email-folder-dialog input,.email-folder-dialog select{font-size:16px}}
/* Sliding mailbox folder navigation. */
.email-layout{position:relative;transition:margin-left .2s ease}
#email-folder-select{display:none}
#email-folder-drawer{position:absolute;left:-260px;top:0;bottom:0;width:250px;padding:14px 10px;overflow:auto;background:#102130;border-right:1px solid #36516a;visibility:hidden;transform:translateX(-20px);opacity:0;transition:transform .2s ease,opacity .2s ease,visibility .2s;color:var(--mail-text);z-index:10}
.email-layout.folders-open{margin-left:260px}
.folders-open #email-folder-drawer{visibility:visible;transform:none;opacity:1}
.email-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#email-folder-drawer p{font-size:12px;color:var(--mail-muted);margin:10px 4px}
#email-folder-tree ul{list-style:none;margin:0;padding:0}#email-folder-tree ul ul{padding-left:14px}
.email-tree-row{display:flex;align-items:center;border-radius:6px;margin:3px 0;min-width:0}
.email-tree-row button{background:transparent;border:0;color:inherit;cursor:pointer;min-height:38px;font:inherit}
.email-tree-expand{flex:0 0 24px;padding:0}.email-tree-expand:disabled{opacity:.3;cursor:default}
.email-tree-folder{flex:1;text-align:left;padding:6px;overflow-wrap:anywhere;min-width:0}.email-tree-folder[aria-current=page]{color:#70c4ff;font-weight:700}
.email-tree-row:hover{background:#1c3b50}.email-tree-row.drop-target{background:#135c86;outline:2px solid #55bdff}.mail-dragging{opacity:.5}
@media(max-width:1100px){.email-layout.folders-open{margin-left:0}#email-folder-drawer{left:0;width:min(290px,85vw);box-shadow:10px 0 30px #0008}}
@media(prefers-reduced-motion:reduce){.email-layout,#email-folder-drawer{transition:none}}

/* Compact workspace: reserve the vertical space for messages. */
.site-header.master-header{padding-top:7px;padding-bottom:7px;min-height:52px;flex-shrink:0}
.email-commandbar{padding:8px 16px;gap:8px}
.mail-heading{gap:9px}.mail-heading-icon{width:32px;height:32px;border-radius:9px;font-size:20px}
.mail-heading h1{font-size:18px}.mail-heading p{margin-top:1px;font-size:11px}
.email-commandbar .mail-icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:7px}
.email-folders{padding:0 12px;gap:6px;align-items:center}
.mail-tabs{height:40px;gap:18px;flex:1 0 auto}
.email-folder-controls{width:auto;gap:4px;flex:0 1 auto}
.email-folder-controls button{padding:6px;font-size:11px;min-height:32px}
.email-list-heading{padding:9px 14px 6px}.email-list-heading h2{font-size:15px}
.email-search{margin:0 12px 8px}.email-search input{min-height:34px;padding-top:6px;padding-bottom:6px;border-radius:7px}
.email-search:before{top:9px}.email-search:after{top:21px}
.email-message{min-height:78px;padding:10px 14px;gap:9px}
.email-message .message-avatar{flex-basis:30px;height:30px;border-radius:9px;font-size:10px}
.email-message .message-meta{margin-bottom:2px;gap:8px}
.email-message strong{font-size:13px;margin-bottom:2px}
.email-message .message-preview{line-height:1.4}
.email-read-toggle{top:19px}
.email-pagination{padding:5px 12px}.email-pagination:has(button:not([hidden])){min-height:40px}
.email-reader{padding:22px 28px;max-width:none}.email-reader h2{font-size:22px;margin-bottom:14px}
.reader-sender{margin:12px 0 4px;gap:10px}.reader-avatar{flex-basis:34px;height:34px;border-radius:10px}
.email-reader>.button{margin:10px 0}.email-move-bar{margin:10px 0}
.email-reader>.email-body{padding-top:14px;line-height:1.65}
.email-empty-symbol{width:48px;height:48px;border-radius:14px;font-size:25px;margin-bottom:12px}
.email-empty h2{font-size:21px}.email-empty p{font-size:13px;margin:8px 0}
#email-editor{max-width:none;padding:20px 28px}
.email-statusbar{min-height:22px;padding-top:2px;padding-bottom:2px}
@media(max-width:800px){.email-search input{font-size:16px}.email-reader,#email-editor{padding:16px}.email-folders{flex-wrap:wrap}.email-message{min-height:80px}.email-commandbar{padding:8px 12px}.mail-heading p{font-size:10px}}

.email-cleanup-dialog{width:min(720px,calc(100vw - 32px));max-height:85dvh;overflow:auto}
.email-cleanup-dialog p{color:var(--mail-text);line-height:1.5}
.email-cleanup-dialog article{padding:12px 0;border-top:1px solid var(--mail-line)}
.email-cleanup-dialog h3{font-size:16px;margin:0 0 6px}
.email-cleanup-dialog small{color:var(--mail-muted)}
.email-cleanup-dialog>.button{margin:8px 8px 0 0;white-space:normal;text-align:left}
#email-cleanup{min-height:44px;flex-shrink:0;border:0;background:transparent;box-shadow:none;color:#b9e3ff}
#email-cleanup:hover{background:transparent;filter:brightness(1.18)}
#email-cleanup:focus-visible{outline:2px solid #73e3c3;outline-offset:2px}
#email-cleanup{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.email-cleanup-face{display:block;pointer-events:none}
.email-cleanup-face svg{display:block;width:100%;height:100%}
@media(max-width:600px){.email-commandbar{flex-wrap:wrap}#email-cleanup{order:10;flex-basis:100%;margin:0}}

.email-folder-action{flex:0 0 auto;border:1px solid var(--mail-line);border-radius:5px;background:transparent;color:var(--mail-muted);padding:5px;font-size:10px;cursor:pointer}.email-folder-action:hover{color:var(--mail-text);background:var(--mail-panel)}.email-tree-root{width:100%;padding:10px;margin-bottom:8px;border:1px dashed var(--mail-line);background:transparent;color:var(--mail-muted);border-radius:6px}.email-tree-folder[draggable=true]{cursor:grab}.email-tree-row{flex-wrap:wrap}

.email-tree-row .email-folder-action{font-size:10px;min-height:32px;padding:4px;color:var(--mail-muted)}

.email-html-body{display:block;width:100%;height:70vh;min-height:420px;border:0;border-radius:6px;background:#fff;margin-top:12px}

.email-folder-unread{display:inline-block;margin-left:7px;padding:1px 6px;min-width:20px;border-radius:10px;background:#204f70;color:#d9f1ff;font-size:11px;font-weight:700;line-height:18px;text-align:center;vertical-align:middle}

.email-selection-bar{display:flex;align-items:center;gap:10px;padding:7px 16px;color:var(--mail-muted);font-size:12px}.email-select-message{position:absolute;left:8px;top:32px;width:16px;height:16px;z-index:2;accent-color:#36aaff}.email-message-row .email-message{padding-left:34px}.email-message-row.mail-selected .email-message{background:#204a68;box-shadow:inset 3px 0 #65c5ff}.email-selection-bar input{accent-color:#36aaff}

.email-tree-row .email-folder-action{width:30px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:5px}.email-folder-action svg{width:17px;height:17px;pointer-events:none}
.email-tree-row{display:grid;grid-template-columns:24px minmax(0,1fr) repeat(3,30px);gap:2px}.email-tree-row .email-tree-expand{width:24px;padding:4px}.email-tree-row .email-folder-action{margin:0}
@media(max-width:800px){.email-tree-row{grid-template-columns:24px minmax(0,1fr) repeat(3,36px)}.email-tree-row .email-folder-action{width:36px;min-height:40px}}

#email-cleanup{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}#email-cleanup .email-cleanup-face{width:36px;height:36px;flex:0 0 36px}#email-cleanup .email-cleanup-face svg{overflow:hidden}

@media(max-width:600px){#email-cleanup{flex-basis:auto;order:0}}

#email-folder-drawer{left:calc(-1 * (var(--mail-folder-width,250px) + 10px));width:var(--mail-folder-width,250px)}
.email-layout.folders-open{margin-left:calc(var(--mail-folder-width,250px) + 10px)}
#email-folder-divider{display:none;position:absolute;left:-10px;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;z-index:11;background:transparent}
.folders-open #email-folder-divider{display:block}#email-folder-divider:hover,#email-folder-divider:focus-visible{background:#39789b;outline:none}.folder-resizing{transition:none;user-select:none}
@media(max-width:1100px){.email-layout.folders-open{margin-left:0}#email-folder-drawer{left:0;width:var(--mail-folder-width,250px)}#email-folder-divider{left:var(--mail-folder-width,250px)}}

/* Dense message reader: fixed compact header, remaining space belongs to the message. */
.email-content:has(.reader-sender){display:flex;flex-direction:column;overflow:hidden}
.email-content:has(.reader-sender)>#email-back{display:none}
.email-reader:has(.reader-sender){display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;margin:0;padding:10px 12px;gap:8px;overflow:auto}
.email-reader:has(.reader-sender)>h2{font-size:18px;line-height:1.3;margin:0;flex:none}
.email-reader:has(.reader-sender) .reader-sender{margin:0;gap:8px;flex:none;align-items:center}
.email-reader:has(.reader-sender) .reader-avatar{flex-basis:28px;height:28px;border-radius:7px;font-size:11px}
.email-reader:has(.reader-sender) .reader-details{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:0}
.email-reader:has(.reader-sender) .reader-details strong{font-size:12px}
.email-reader:has(.reader-sender) .reader-details p{font-size:11px;margin:0;line-height:1.5}
.reader-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:none;margin:0;padding-bottom:8px;border-bottom:1px solid var(--mail-line)}
.reader-toolbar .button,.reader-toolbar select{min-height:30px;height:30px;padding:4px 9px;font-size:11px;margin:0;border-radius:6px}
.reader-toolbar #email-reader-read-toggle{margin:0}.reader-toolbar .email-move-bar{display:flex;flex-wrap:nowrap;gap:4px;margin:0;flex:0 1 240px}.reader-toolbar .email-move-bar select{min-width:110px;width:160px;max-width:220px}
.email-reader:has(.reader-sender)>.email-html-body{flex:1;width:100%;height:auto;min-height:180px;margin:0;border-radius:3px}
.email-reader:has(.reader-sender)>.email-body{flex:1;min-height:0;overflow:auto;margin:0;padding:0;border:0}
.email-reader:has(.reader-sender)>p{margin:0;font-size:11px}
@media(min-width:801px){.reader-toolbar .reader-back{display:none}}
@media(max-width:600px){.email-reader:has(.reader-sender){padding:8px;gap:6px}.email-reader:has(.reader-sender)>h2{font-size:16px}.reader-toolbar{gap:4px}}

.email-delete-dialog{color:#dce9f3}.email-delete-dialog p{color:#b8ccdc;line-height:1.6;overflow-wrap:anywhere;margin:0 0 22px}.email-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.email-delete-dialog .button{margin:0}.email-delete-dialog .email-delete-confirm{background:#9e3540;border-color:#c95661;color:#fff}.email-delete-dialog .email-delete-confirm:hover{background:#b63d49}

.email-selection-bar{flex-wrap:wrap;gap:6px}.email-selection-bar .button{padding:6px 9px;font-size:11px;min-height:32px;margin:0}.email-selection-bar>span{margin-right:4px}

/* Keep controls in their own rows and selection separate from opening mail. */
.email-list-heading,.email-search,.email-selection-bar,.email-pagination{flex-shrink:0}
.email-search{display:block}.email-search input{min-height:44px}
.email-search:before{top:12px}.email-search:after{top:24px}
.email-select-target{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;cursor:pointer;touch-action:manipulation}
.email-select-target input,.email-select-target .email-select-message{position:static;width:22px;height:22px;margin:0;cursor:pointer;accent-color:#36aaff}
.email-message-row>.email-select-target{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2}
.email-message-row .email-message{padding-left:48px}
.email-selection-bar{padding:0 8px 6px;gap:4px;min-height:50px}
.email-selection-bar>span{flex:1;min-width:0}

/* Mail workspace: title, classic menu, grouped command strip, then content. */
.email-commandbar{padding:8px 18px;min-height:54px;background:linear-gradient(100deg,#142c42,#102133);gap:12px}
.email-commandbar .mail-heading{flex:1}.email-commandbar .mail-heading h1{font-size:19px;margin:0}
.email-commandbar .mail-heading p{margin:0;font-size:12px;color:var(--mail-muted)}
.mail-mailbox-badge{border:1px solid #35516a;border-radius:5px;padding:3px 9px;color:#aac7dd;font-size:11px}
.mail-menubar{display:flex;gap:2px;flex:none;background:#102033;border-bottom:1px solid var(--mail-line);padding:2px 10px;position:relative;z-index:25}
.mail-menu{position:relative}.mail-menu>button{border:1px solid transparent;background:transparent;border-radius:4px;color:var(--mail-text);padding:6px 12px;min-height:36px;cursor:pointer;font-size:13px}
.mail-menu>button:hover,.mail-menu>button[aria-expanded=true]{background:#23405b;border-color:#486781}
.mail-menu [role=menu]{position:absolute;top:100%;left:0;min-width:230px;max-width:calc(100vw - 24px);padding:5px;background:#152a3c;border:1px solid #49627a;border-radius:5px;box-shadow:0 12px 30px #0007}
.mail-menu .mail-menu-command{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;min-height:38px;text-align:left;padding:7px 12px;color:var(--mail-text);border:0;border-radius:3px;background:transparent;cursor:pointer;font-size:13px}
.mail-menu .mail-menu-command svg{display:block;flex:0 0 18px;width:18px;height:18px;max-width:18px;max-height:18px;pointer-events:none;color:#a7d8fa}.mail-menu .mail-menu-command span{min-width:0;flex:1}
@media(max-width:800px){.mail-menu .mail-menu-command{min-height:44px}}
.mail-menu .mail-menu-command:hover,.mail-menu .mail-menu-command:focus{background:#244d70;outline:0}
.mail-menu:last-child [role=menu]{left:auto;right:0}
.mail-command-toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#14273a;border-bottom:1px solid #36506a;flex:none;overflow-x:auto;scrollbar-width:thin}
.mail-command-group{display:flex;align-items:center;gap:3px;flex:none;padding-right:8px;border-right:1px solid #395269}.mail-command-group:last-of-type{border:0;padding:0}
.mail-command-toolbar .button{margin:0;width:40px;height:40px;min-height:40px;flex-basis:40px;border-color:transparent;background:transparent;border-radius:5px;padding:9px}
.mail-command-toolbar .button:hover{border-color:#5a7e9c;background:#254a68}.mail-command-toolbar #email-compose{background:#1876b8;border-color:#419ada}.mail-command-toolbar .outlook-link{margin:0}
.mail-command-toolbar .button:disabled{opacity:.3;cursor:default}.mail-toolbar-hint{font-size:11px;color:var(--mail-muted);white-space:nowrap;margin-left:auto}
.mail-command-toolbar #email-compose:before,.mail-command-toolbar #email-refresh:before{display:none}
.mail-command-toolbar #email-cleanup{width:40px;min-width:40px;height:40px;min-height:40px}
.email-folders{background:#0e1e2e}.email-folder-controls{border:0}.email-folders .mail-tabs{border-bottom:1px solid #36506a}
.email-list-panel{background:#102133}.email-list-heading{background:#142a3e;border-bottom:1px solid #2a4258;padding:12px 16px}
.email-selection-bar{border-top:1px solid #233e55;border-bottom:1px solid #2a4258;background:#12263a;min-height:44px;padding:0 8px}
.email-list-panel .email-search{padding-top:10px;padding-bottom:10px}.email-message-row{border-bottom:1px solid #294156}
.email-message-row .email-message{border-radius:0}.email-message-row.mail-selected .email-message{background:#214d70}
.email-folder-dialog{border:1px solid #48637c!important;border-radius:10px!important;background:#112537!important;padding:24px!important;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 90px #0009}
.email-folder-dialog form{display:flex;flex-direction:column;gap:12px}.email-folder-dialog h2{margin:0 0 8px;padding-bottom:14px;border-bottom:1px solid #3a536b;font-size:20px;color:var(--mail-text)}
.email-folder-dialog label{font-size:12px;font-weight:650;color:#acc9df;margin:4px 0 -7px}
.email-folder-dialog select,.email-folder-dialog input{width:100%;min-height:44px;padding:9px 12px;color:var(--mail-text);background:#0b1c2b;border:1px solid #52708a;border-radius:5px;font-size:16px}
.email-folder-dialog p{line-height:1.6;margin:0;padding:12px;background:#193449;border:1px solid #35566e;border-radius:5px}
.email-folder-dialog p:empty{display:none}.email-folder-dialog [role=alert]{color:#ffc5c5;border-color:#a25a65;background:#402a37}
.mail-rules-manager{margin:auto;width:min(1000px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #55738c;border-radius:10px;color:var(--mail-text);background:#0d1f30;box-shadow:0 24px 90px #000a;overflow:hidden}
.mail-rules-manager[open]{display:flex;flex-direction:column}.mail-rules-manager::backdrop{background:#030b15a6;backdrop-filter:blur(3px)}
.mail-rules-manager>header{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px 22px 16px;background:linear-gradient(110deg,#1a3b56,#122a40);border-bottom:1px solid #42617b;flex:none}
.mail-rules-manager h2{font-size:21px;margin:0}.mail-rules-manager header p{grid-column:1/-1;margin:0;color:#b3cadb;font-size:13px;max-width:72ch}.mail-rules-manager header .button{margin:0}
.mail-rules-commands{display:flex;align-items:center;gap:14px;padding:8px 18px;background:#152e43;border-bottom:1px solid #3a5369;flex:none}.mail-rules-commands a{color:#8cceff;font-size:12px}.mail-rules-commands .button{margin:0}
.mail-rules-content{padding:16px 20px;overflow:auto;flex:1;min-height:0}.mail-rules-content>[role=status]{padding:10px 12px;border:1px solid #375a74;background:#17354d;border-radius:5px;font-size:13px;margin:0 0 14px}
.mail-rules-table{overflow:auto;border:1px solid #3e5870;border-radius:6px;background:#102638}.mail-rules-table table{border-collapse:collapse;width:100%;min-width:610px;font-size:13px}
.mail-rules-table th{background:#244159;color:#c0dbef;font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-align:left;padding:11px 12px;border-bottom:1px solid #4d6b84}
.mail-rules-table td{padding:12px;border-bottom:1px solid #304c63;vertical-align:middle}.mail-rules-table tr:last-child td{border:0}.mail-rules-table tbody tr:nth-child(even){background:#152e43}
.mail-rules-table td:first-child{width:48%;overflow-wrap:anywhere}.mail-rules-table strong{display:block;font-size:13px;font-weight:650}.mail-rules-table small{display:block;margin-top:5px;color:#a8bfd0;font-size:11px}
.mail-rules-table td:last-child{white-space:nowrap}.mail-rules-table .button{margin:0 3px 0 0;width:36px;min-height:36px;height:36px;padding:8px;border-color:#45627a;background:#1c3b52}
.mail-rule-state{display:inline-block;padding:3px 8px;border:1px solid #597184;border-radius:4px;font-size:11px;color:#b9cbda;white-space:nowrap}.mail-rule-state[data-enabled=true]{background:#153d39;border-color:#3b7c69;color:#a6e6c5}
.mail-rule-review{margin-top:16px;padding:16px;border:1px solid #4887b4;border-left:4px solid #58b4f3;border-radius:6px;background:#15354e}.mail-rule-review h3{font-size:16px;margin:0 0 8px}.mail-rule-review p{font-size:13px;line-height:1.65;margin:0}.mail-rule-review ul{font-size:12px;color:#b8d0e2;padding-left:20px;overflow-wrap:anywhere}.mail-rule-review progress{width:100%;accent-color:#59c49d;height:12px;margin-top:12px}
.mail-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid #41627d;margin-top:16px}.mail-dialog-actions .button{margin:0}.mail-dialog-actions #email-rule-run{background:#126da8;border-color:#5cafe1}
.mail-rules-manager>footer{border-top:1px solid #36536b;background:#112a3d;padding:10px 20px;font-size:11px;color:#a7bfd1;flex:none}
/* Mail owns feedback on these buttons. Suppress the site's generic busy ::before
   and legacy icon masks so exactly one indicator occupies the reserved slot. */
button[data-state]{position:relative}button[data-state]::before,button[data-state]::after{content:none!important;display:none!important;animation:none!important}
button[data-state]>svg{visibility:hidden}button[data-state]:disabled{opacity:1}button[data-state=busy]{cursor:progress}
.mail-action-feedback{display:none;position:absolute;inset:0;margin:auto;width:20px;height:20px;pointer-events:none;color:#8ed3ff}
button[data-state]>.mail-action-feedback{display:block}button>.mail-action-feedback>svg{display:block;width:20px;height:20px;transform-origin:center;opacity:1;visibility:visible}
button[data-state=busy]>.mail-action-feedback svg{animation:mail-action-spin .75s linear infinite}button[data-state=success]>.mail-action-feedback{color:#91e1b2}button[data-state=error]>.mail-action-feedback{color:#ffb2bb}
.email-folder-dialog .button[data-state]{padding-right:42px}.email-folder-dialog .button>.mail-action-feedback{left:auto;right:14px}
.email-folder-dialog progress{width:100%;height:12px;accent-color:#65c8ad}
.email-folder-dialog [role=status]{color:var(--mail-text)}#email-move-status[data-outcome=success]{color:#a6e6c5;background:#153d39;border-color:#3b7c69}#email-move-status[data-outcome=error]{color:#ffc5c5;background:#402a37;border-color:#a25a65}
@keyframes mail-action-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){
 .mail-rules-table table{min-width:0!important}.mail-rules-table thead{display:none}.mail-rules-table tbody,.mail-rules-table tr{display:block}
 .mail-rules-table tr{padding:12px;border-bottom:1px solid #3e5870}.mail-rules-table td{display:block;width:auto!important;border:0;padding:3px 0;white-space:normal!important}
 .mail-rules-table td:first-child{padding-bottom:8px}.mail-rules-table td:nth-child(2){color:#b4cfe2;font-size:12px}.mail-rules-table td:nth-child(3){display:inline-block;margin-top:5px}
 .mail-rules-table td:last-child{display:flex;float:right;gap:5px}.mail-rules-table tr:after{content:'';display:block;clear:both}.mail-rules-table .button{width:44px;height:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){button[data-state=busy]>.mail-action-feedback svg{animation:none}}
@media(max-width:800px){.mail-toolbar-hint,.mail-mailbox-badge{display:none}.mail-command-toolbar{padding:5px 8px;gap:5px}.mail-command-group{padding-right:5px}.email-commandbar{padding:8px 12px}.mail-menubar{padding:1px 6px}.mail-menu>button{padding:5px 10px;min-height:40px}.mail-menu:nth-child(n+4) [role=menu]{left:auto;right:0}.mail-rules-manager{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.mail-rules-manager>header{padding:16px}.mail-rules-content{padding:12px}.mail-rules-manager>footer{padding:10px 12px}.mail-rules-table table{min-width:580px}.email-folder-dialog{width:calc(100vw - 24px);padding:18px!important}.mail-command-toolbar .button{min-width:44px;width:44px;height:44px;min-height:44px;flex-basis:44px}}
.email-shell .email-action-icon,.email-folder-controls .email-action-icon,.reader-toolbar .email-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;gap:0}
.email-action-icon svg{display:block;width:22px;height:22px;flex:none;pointer-events:none}
.email-folders .email-action-icon:before{display:none}
.reader-toolbar .email-move-bar{flex:1 1 210px;min-width:0;align-items:center}
.reader-toolbar .email-move-bar select{width:0;min-width:0;max-width:none;flex:1;min-height:44px;height:44px}
@media(min-width:801px){.reader-toolbar .reader-back{display:none}}
@media(max-width:800px){
  .email-layout:not([data-pane=content]) .email-content{display:none}
  .email-layout[data-pane=content] .email-content{display:flex;flex-direction:column;grid-row:auto}
  .email-layout[data-pane=content] .email-folders,.email-layout[data-pane=content] .email-list-panel{display:none}
  .reader-toolbar select{font-size:16px}
  .email-folders{min-width:0;flex-shrink:0}
}

/* Mobile menus leave the viewport height to the mailbox. */
.email-mobile-bar,.email-mobile-drawer,.email-mobile-backdrop{display:none}
@media(max-width:800px){
  .email-mobile-bar{display:flex;align-items:center;gap:8px;flex:0 0 48px;padding:4px 8px;background:#102133;border-bottom:1px solid var(--mail-line);color:var(--mail-text)}
  .email-mobile-bar strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
  .email-mobile-bar button,.email-drawer-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #36516a;border-radius:8px;background:#183349;color:#e9f5ff;font-size:23px;cursor:pointer}
  .email-mobile-bar button[aria-expanded=true]{background:#23628a}
  #email-mobile-compose{margin-left:auto}
  #email-left-menu{position:relative}
  #email-left-menu .company-notification-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#e4345f;color:white;font-size:10px;line-height:19px;font-weight:700}
  .email-mobile-backdrop{display:block;position:fixed;inset:0;z-index:80;width:100%;height:100%;padding:0;border:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
  .email-mobile-drawer{display:flex;flex-direction:column;gap:12px;position:fixed;top:0;bottom:0;z-index:81;width:min(340px,88vw);padding:12px;overflow-y:auto;background:#0d1e2e;color:var(--mail-text);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:0 15px 35px #0008}
  #email-left-drawer{left:0;transform:translateX(-105%)}
  #email-right-drawer{right:0;transform:translateX(105%)}
  body[data-email-menu=left] #email-left-drawer,body[data-email-menu=right] #email-right-drawer{visibility:visible;transform:none}
  body[data-email-menu=left] .email-mobile-backdrop,body[data-email-menu=right] .email-mobile-backdrop{visibility:visible;opacity:1}
  .email-drawer-close{align-self:flex-end;flex:none;font-size:29px;line-height:1}
  .email-drawer-heading{display:flex;align-items:center;min-height:44px;margin:0 48px 4px 0;font-size:18px;line-height:1.3}
  #email-left-drawer .email-drawer-close{position:absolute;top:12px;right:12px}
  #email-right-drawer .site-header.master-header{position:static;display:flex;flex-direction:column;align-items:stretch;width:auto;min-height:0;padding:8px;gap:12px;box-shadow:none;border:0;background:transparent}
  #email-right-drawer .site-header .site-nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:4px}
  #email-right-drawer .site-header .site-nav>*{display:flex;width:100%;justify-content:flex-start}
  #email-left-drawer .company-notifications{flex:none;margin:0;width:100%}
  #email-left-drawer .company-notifications[data-source=email] .notification-clear-all{color:#e8f6ff;background:#174468}
  #email-right-drawer .email-commandbar{display:flex;flex-wrap:wrap;flex:none;padding:8px;gap:8px;border:0;background:transparent}
  #email-right-drawer>.mail-heading{flex:none;display:flex;margin:0;padding:4px 8px 12px;border-bottom:1px solid var(--mail-line)}
  #email-right-drawer>.mail-heading h1{font-size:15px}
  #email-right-drawer>.mail-heading p{font-size:12px;overflow-wrap:anywhere}
  #email-right-drawer .email-commandbar .mail-icon-button{width:44px;min-width:44px;height:44px}
  #email-right-drawer #email-cleanup{width:54px;height:48px}
  #email-right-drawer .email-folder-controls{display:flex;flex:none;width:100%;padding:8px}
  #email-right-drawer #email-draft{align-self:flex-start;margin-left:8px}
  .email-layout{grid-template-rows:auto minmax(0,1fr)}
  .email-layout .email-folders{grid-row:1;grid-column:1;min-height:44px;padding:0 12px;flex-wrap:nowrap}
  .email-layout .mail-tabs{height:44px}
  .email-list-panel{grid-row:2;min-height:0}
  .email-list-heading{display:none}
  .email-layout[data-pane=content] .email-content{min-height:0}
  #email-folder-drawer{position:fixed;left:0;top:48px;bottom:0;z-index:82;width:min(290px,85vw)}
  .email-layout.folders-open{margin-left:0}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.email-mobile-drawer,.email-mobile-backdrop{transition:none}}

/* Mobile Mail keeps only the message surface between its two control drawers. */
@media(max-width:800px){
  #email-mobile-back{display:none}
  body:has(.email-layout[data-pane=content]) #email-mobile-back{display:grid}
  body:has(.email-layout[data-pane=content]) #email-left-menu{display:none}
  #email-left-drawer .email-folders{display:flex;flex-direction:column;align-items:stretch;flex:none;min-height:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--mail-line);background:transparent}
  #email-left-drawer .mail-tabs{display:flex;flex-direction:column;align-items:stretch;flex:none;width:100%;height:auto;gap:2px}
  #email-left-drawer .mail-tabs [role=tab]{min-height:44px;padding:8px 12px;border-radius:8px}
  #email-left-drawer .email-folder-controls{display:flex;flex:none;width:100%;padding:0 0 12px;border-bottom:1px solid var(--mail-line)}
  #email-left-drawer #email-draft{align-self:flex-start;margin:0 0 12px}
  #email-right-drawer .mail-menubar{display:flex;flex-wrap:wrap;flex:none;width:100%;padding:4px 0;border:0;background:transparent}
  #email-right-drawer .mail-command-toolbar{display:flex;flex-wrap:wrap;flex:none;width:100%;padding:8px 0;border:0;background:transparent}
  #email-right-drawer .mail-command-group{flex-wrap:wrap}
  #email-right-drawer .email-search{display:block;flex:none;width:100%;margin:0}
  #email-right-drawer .email-selection-bar{flex:none;width:100%;padding:8px 0;border-top:1px solid var(--mail-line)}
  #email-right-drawer .reader-toolbar{display:flex;flex-wrap:wrap;flex:none;width:100%}
  #email-right-drawer .reader-toolbar .reader-back{display:none}
  .email-layout{display:block;min-height:0}
  .email-list-panel{height:100%;min-height:0}
  .email-layout[data-pane=content] .email-content{height:100%}
  .email-reader:has(.reader-sender){height:100%}
  .email-message{min-height:88px}
}