#email-root{max-width:1600px;margin:auto}#email-root h1{font-size:32px;margin:0}#email-root h2{font-size:19px;margin:12px 0}#email-root button{font-family:inherit}#email-account{margin:5px 0;color:var(--muted)}.email-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.email-muted,#email-fresh{font-size:12px;color:var(--muted);line-height:1.5}.email-error{color:#9b2929!important}.email-layout{display:grid;grid-template-columns:140px minmax(270px,360px) minmax(320px,1fr);min-height:600px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}#email-folders{padding:12px 8px;border-right:1px solid var(--line);overflow:auto;max-height:76vh}#email-folders button{display:block;width:100%;text-align:left;border:0;background:none;border-radius:6px;padding:10px;font-size:13px;overflow-wrap:anywhere}#email-folders button.active{background:var(--accent-soft);color:var(--azure);font-weight:700}.email-messages{min-width:0;border-right:1px solid var(--line)}.email-messages h2,.email-messages form,.email-messages>p{margin:12px!important}#email-list{height:61vh;overflow:auto;overscroll-behavior:contain}#email-more{margin:12px}.email-search-line{display:flex;gap:5px}.email-search-line input{min-width:0;width:100%;font-size:13px}.email-search-line button{font-size:12px;padding:6px}.email-filter-line{display:flex;gap:15px;margin-top:8px}.email-filter-line label{display:flex;align-items:center;gap:4px;font-size:12px}.email-filter-line input{width:auto}.email-day{font-family:inherit;font-size:11px;margin:0;padding:10px 12px;background:#f4f8fd;color:var(--muted)}#email-root .email-row{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:white;text-align:left;padding:13px 12px;line-height:1.5;overflow:hidden}.email-row:hover,.email-row.selected{background:var(--accent-soft)!important}.email-row.unread{border-left:3px solid var(--azure)!important}.email-row-top{display:flex;align-items:start;gap:12px;justify-content:space-between;font-size:12px}.email-row-top strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-row.unread .email-row-top strong{font-weight:700}.email-row time{flex:none;font-size:10px;color:var(--muted)}.email-subject{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:400;color:var(--muted)}.email-markers{font-size:10px;color:var(--muted)}#email-reader{min-width:0;padding:18px;overflow:auto;max-height:83vh;overscroll-behavior:contain}#email-reader h2{overflow-wrap:anywhere}.email-reader-actions,.email-display-controls{display:flex;gap:8px;flex-wrap:wrap}.email-reader-actions button,.email-reader-actions a,.email-display-controls button{padding:7px 9px;font-size:11px}.email-headers{display:grid;grid-template-columns:42px 1fr;gap:5px;font-size:12px;line-height:1.6}.email-headers dt{color:var(--muted)}.email-headers dd{margin:0;overflow-wrap:anywhere}.email-body{display:block;width:100%;height:400px;border:1px solid var(--line);border-radius:6px;background:white}.email-body.full{height:650px}.email-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.email-attachments button{font-size:12px;overflow-wrap:anywhere;max-width:100%}#email-thread button{display:block;width:100%;text-align:left;padding:10px;font-size:12px;margin:8px 0}.email-empty{padding:30px 14px;color:var(--muted);font-size:14px}#email-scope-form fieldset{border:1px solid var(--line);padding:12px;max-height:50vh;overflow:auto}#email-scope-form label{font-size:13px;display:flex;align-items:center;gap:8px;margin:8px 0}#email-scope-form input{width:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#email-tools,.email-message-actions,.email-compose-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}#email-tools button,.email-message-actions button,.email-compose-buttons button{font-size:12px;padding:8px 10px}.email-message-actions label{font-size:12px}.email-message-actions select{max-width:180px}#email-compose-form label{display:block;font-size:12px;margin:10px 0}#email-compose-form input,#email-compose-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px}#email-compose-form textarea{resize:vertical;min-height:180px}#email-reader .checkbox{display:flex;align-items:start;gap:8px;font-size:12px;margin:12px 0}#email-reader .checkbox input{width:auto;flex:none}#email-signature-paste{min-height:80px;border:1px dashed var(--line);border-radius:6px;padding:12px;font-size:13px}#email-signature-form iframe{width:100%;height:240px;border:1px solid var(--line);margin-top:12px}#email-upload{max-width:100%;font-size:12px}#email-draft-status{font-size:13px;overflow-wrap:anywhere}
@media(max-width:1200px){.email-layout{grid-template-columns:115px minmax(240px,300px) minmax(240px,1fr)}}
@media(max-width:1000px){.email-layout{grid-template-columns:130px minmax(0,1fr)}#email-reader{display:none}.email-layout:has(#email-scope-form){grid-template-columns:1fr}.reading .email-layout{display:block}.reading #email-folders,.reading .email-messages{display:none}.reading #email-reader{display:block;max-height:none;min-height:70vh}#email-list{height:65vh}}
@media(max-width:600px){.email-layout{display:block;min-height:65vh}#email-folders{display:flex;gap:4px;max-height:130px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}#email-folders button{flex:0 0 auto;width:auto;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px}.email-messages{border:0}.email-row-top time{font-size:10px}#email-list{height:60vh}#email-reader{padding:12px}.email-body{height:55vh}#email-root h1{font-size:26px}.email-title{align-items:start}#email-account{font-size:12px;overflow-wrap:anywhere}.email-messages #email-search-note:empty{display:none}}

#email-root .email-row.unread{background:#f2f7ff}.email-row.unread .email-subject{font-weight:750}.email-row:not(.unread) .email-subject{font-weight:500}.email-unread-count{float:right;display:inline-block;border-radius:10px;padding:1px 6px;background:#e4edff;font-size:11px;font-weight:700}.email-new-badge{display:inline-block;background:#e0f1ee;color:#185c4d;border-radius:4px;padding:1px 5px}.email-message-actions [data-compose]{font-size:13px;font-weight:600}.email-compose-buttons{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:10px 0;z-index:1}.email-check-result{border:1px solid var(--line);border-radius:8px;padding:12px;margin:12px 0;font-size:13px}.email-check-result.ready{border-color:#36815b;background:#f1faf5}.email-check-result.changes_needed{border-color:#c58a36;background:#fffbf0}.email-check-result.incomplete{border-color:#a1aabc;background:#f7f8fa}.email-check-result li{margin:10px 0}.email-check-context label{display:block;font-size:12px;margin:8px 0}.email-check-context input,.email-check-context select,.email-check-context textarea{width:100%;box-sizing:border-box}.email-check-coverage{font-size:12px;color:var(--muted)}
#email-dock{position:fixed;bottom:0;right:18px;z-index:40;max-width:calc(100vw - 36px);font-family:var(--body-font,Arial,sans-serif);color:var(--ink);box-sizing:border-box}
#email-dock *{box-sizing:border-box}.email-close-choice{padding:12px;background:#fff7e5;color:#22324c}.email-close-choice button{margin:4px;padding:8px;border:1px solid #bcc9dc;border-radius:5px}
#email-dock[hidden]{display:none}.email-dock-tabs{display:flex;justify-content:flex-end;gap:5px;overflow-x:auto;max-width:85vw}.email-dock-tabs button{max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:var(--navy);color:white;border:0;border-radius:8px 8px 0 0;padding:10px 14px;font-size:13px}.email-dock-tabs button[aria-expanded=true]{background:var(--azure)}
.email-composer{width:660px;max-width:calc(100vw - 36px);height:min(790px,85dvh);background:white;border:1px solid var(--line-strong);border-radius:10px 10px 0 0;box-shadow:0 2px 28px #072a5533;display:flex;flex-direction:column}.email-composer.expanded{width:min(1100px,95vw);height:91dvh}.email-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--accent-soft);border-radius:10px 10px 0 0}.email-compose-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-compose-heading div{display:flex;gap:4px}.email-compose-heading button{padding:4px 10px}.email-compose-scroll{overflow:auto;min-height:0;padding:0 16px 10px;overscroll-behavior:contain}.email-composer .email-compose-buttons{flex:none;margin:0;padding:10px 16px;position:static}.email-composer input,.email-composer select,.email-composer textarea{box-sizing:border-box;max-width:100%;font:inherit}.email-composer label{font-size:13px}.email-composer .email-body{height:280px}.email-composer .email-send-reason{font-size:12px;flex-basis:100%;color:var(--muted)}.email-composer button:focus-visible,.email-format select:focus-visible,.email-rich .tiptap:focus-visible{outline:2px solid var(--azure);outline-offset:2px}.email-composer #email-compose-form{margin:0}.email-format{display:flex;gap:3px;flex-wrap:wrap;align-items:center;background:#f5f8fc;border:1px solid var(--line);border-bottom:0;padding:6px;border-radius:6px 6px 0 0}.email-format button,.email-format select{font:12px Arial,sans-serif;padding:5px 7px;min-height:29px}.email-format label{display:flex;align-items:center;margin:0 3px}.email-format input[type=color]{display:inline-block;width:22px;height:25px;padding:0;border:0;margin:0}.email-format select{width:auto;max-width:130px}.email-rich{border:1px solid var(--line);background:white;border-radius:0 0 6px 6px}.email-rich .tiptap{font:11pt/1.45 Arial,sans-serif;min-height:170px;padding:10px 12px;overflow-wrap:anywhere;outline:none}.email-rich p{margin:0 0 10px}.email-rich table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.email-rich td,.email-rich th{border:1px solid #9aa9bb;padding:6px;min-width:1em;vertical-align:top}.email-rich th{background:#edf3fa}.email-rich .selectedCell{background:#dbeaff}.email-rich ul,.email-rich ol{padding-left:24px}.email-composer pre{white-space:pre-wrap;overflow-wrap:anywhere}.email-preview-panel{margin:12px 0}.email-preview-panel summary{cursor:pointer;font-size:13px}.email-composer .email-attachments label{width:100%}
body.email-active main{max-width:none;padding-left:18px;padding-right:18px}#email-root{max-width:none}.email-layout{grid-template-columns:var(--email-folders-width,150px) var(--email-list-width,minmax(270px,360px)) minmax(280px,1fr)}
@media(max-width:1000px){.email-layout{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:600px){#email-dock{right:0;width:100%;max-width:100vw}.email-dock-tabs{max-width:100vw;justify-content:flex-start}.email-composer,.email-composer.expanded{width:100%;max-width:100%;height:88dvh;border-radius:10px 10px 0 0}.email-compose-scroll{padding:0 12px 8px}.email-composer .email-compose-buttons{padding:8px 12px}.email-format{gap:2px}body.email-active main{padding:0 8px 40px}.email-layout{display:block}}
.email-view-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-view-tools details{position:relative;font-size:12px}.email-view-tools details[open]{position:absolute;right:18px;top:80px;background:white;border:1px solid var(--line);padding:12px;z-index:4;box-shadow:var(--shadow)}.email-view-tools label{display:block;margin:10px 0}.email-search-scope{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:8px}.email-search-scope select{min-width:0;font-size:12px;flex:1}.email-date-filter{font-size:12px;margin:8px 0}.email-date-filter label{display:block}.email-date-filter input{width:100%;min-width:0}body.email-active.email-nav-collapsed #app>aside{display:none}body.email-active.email-nav-collapsed main{margin-left:0}.reader-expanded .email-layout{grid-template-columns:minmax(0,1fr)}.reader-expanded #email-folders,.reader-expanded .email-messages{display:none}.reader-expanded #email-reader{display:block;max-height:83vh}


/* Familiar mail layout. All commands are backed by the existing personal mailbox controls. */
#email-root #email-search{min-width:0}#email-root .email-search-line{padding-right:100px}#email-root .email-search-options>summary{transform:none;color:#424242}
@media(max-width:650px){#email-root .email-search-line{padding-right:8px}}
.email-search-shortcut{display:none}@media(max-width:650px){.email-search-shortcut{display:inline-block!important}.email-search-options[open]>summary{position:static!important;opacity:1!important;width:auto!important;height:auto!important}}
body.email-active{background:#f5f5f5;overflow:hidden}
body.email-active main{margin-left:64px;padding:0;max-width:none}
body.email-active main>header{display:none}
body.email-active #app>aside{width:64px;padding:12px 8px;background:#f3f3f3;border-right:1px solid #e2e2e2;overflow-x:hidden}
body.email-active #app>aside .brand{padding:9px 3px;background:none}body.email-active #app>aside .brand img{width:40px}
body.email-active #app>aside .workspace,body.email-active #identity{display:none}
body.email-active #app>aside nav{margin-top:22px}body.email-active #app>aside nav button{width:46px;height:44px;padding:11px;margin-bottom:6px;justify-content:center;border-radius:4px}
body.email-active #app>aside nav button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.email-active #app>aside .aside-bottom{padding-top:18px;gap:8px}body.email-active #app>aside .aside-bottom button{font-size:0;width:46px;padding:9px 0;border-radius:4px}body.email-active #app>aside [data-view=settings]::before{content:'⚙';font-size:20px}body.email-active #logout::before{content:'↪';font-size:21px}
body.email-active.email-nav-expanded #app>aside{width:235px;padding:18px}body.email-active.email-nav-expanded main{margin-left:235px}body.email-active.email-nav-expanded #app>aside nav button{width:100%;height:auto;justify-content:flex-start}body.email-active.email-nav-expanded #app>aside nav button span{position:static;width:auto;height:auto;overflow:visible;clip:auto}body.email-active.email-nav-expanded #app>aside .brand img{width:120px}body.email-active.email-nav-expanded #app>aside .aside-bottom button{font-size:12px;width:100%}
#email-root{height:100dvh;display:flex;flex-direction:column;min-width:0;color:#242424;font-family:'Segoe UI',Aptos,Arial,sans-serif;font-size:14px;background:#fafafa}
#email-root button,#email-root input,#email-root select,#email-root summary{font-family:inherit;border-radius:3px;font-weight:400}#email-root h2{font-family:inherit;font-weight:600;color:#242424}
.mail-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}
.email-outlook-top{height:48px;flex:none;display:flex;align-items:center;gap:16px;padding:0 18px;background:#0f6cbd;color:white}
.email-outlook-top>button{padding:6px;background:transparent;color:white;display:flex}.email-outlook-top>strong{font-size:19px;white-space:nowrap;min-width:130px;font-weight:600}.email-outlook-top #email-account{color:white;margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;max-width:260px}
#email-root #email-search{position:relative;flex:1;max-width:660px;margin:0}
.email-search-line{background:#fff;border:1px solid #d1d1d1;border-radius:4px;display:flex;align-items:center;height:34px;padding:0 8px;color:#424242;gap:8px}.email-search-line input{height:30px;border:0!important;box-shadow:none;background:transparent;margin:0;padding:3px;font-size:14px;color:#242424;border-radius:0!important;min-width:0}.email-search-line button{background:transparent;color:#0f6cbd;font-size:12px;padding:4px 8px}
.email-search-options{position:absolute;right:0;top:8px;font-size:11px;color:#424242}.email-search-options>summary{list-style:none;cursor:pointer;padding:1px 8px;background:white;transform:translateX(92px);color:white;background:transparent}.email-search-options[open]{top:38px;right:0;z-index:80;background:white;color:#242424;padding:12px 18px;box-shadow:0 5px 18px #0003;border:1px solid #ddd;min-width:330px}.email-search-options[open]>summary{color:#242424;transform:none;padding:0 0 8px}.email-search-options select,.email-search-options input{margin:0;padding:5px;border:1px solid #d1d1d1}.email-search-options .email-filter-line{margin:8px 0}.email-search-options .email-date-filter{display:flex;gap:12px}
.email-outlook-tabs{height:34px;display:flex;align-items:center;gap:22px;padding:0 18px;background:#f5f5f5;flex:none}.email-outlook-tabs>button,.email-outlook-tabs summary{padding:5px 0;background:none;border:0;color:#424242;font-size:13px;cursor:pointer}.email-tab-current{height:34px;border-bottom:3px solid #0f6cbd;padding:7px 0;font-weight:600}.email-outlook-tabs .email-ai-tab{display:flex;align-items:center;gap:5px;color:#6352a1}.email-view-tools[open]{position:absolute;z-index:75;top:82px;left:200px;background:white;border:1px solid #ddd;padding:14px;box-shadow:0 5px 18px #0002;min-width:230px}.email-view-tools input{margin:0;width:100%}
#email-tools.email-ribbon{margin:0 8px 5px;padding:4px 6px;height:48px;flex:none;gap:3px;flex-wrap:nowrap;background:white;border:1px solid #e0e0e0;box-shadow:0 1px 4px #0001;border-radius:5px}
#email-tools.email-ribbon button{background:white;color:#333;display:flex;align-items:center;gap:7px;padding:7px 9px;white-space:nowrap;font-size:13px;border:1px solid transparent}#email-tools.email-ribbon button:hover{background:#f0f0f0}#email-tools.email-ribbon button.primary{background:#0f6cbd;color:white;border-radius:3px;box-shadow:none;font-weight:600;padding:8px 13px}#email-tools.email-ribbon button:disabled{opacity:.4}.email-ribbon-divider{height:26px;width:1px;background:#e0e0e0;margin:0 4px;flex:none}.email-ribbon-move{position:relative;font-size:13px}.email-ribbon-move>summary{display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 9px;list-style:none;white-space:nowrap}.email-ribbon-move[open]{z-index:70}.email-ribbon-move[open]>button{min-width:180px;max-width:290px;white-space:normal!important}.email-ribbon-move[open]{background:white;box-shadow:0 6px 16px #0003;border:1px solid #ddd;max-height:330px;overflow:auto;align-self:flex-start}
.email-status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;height:25px;padding:0 18px;color:#616161;font-size:11px;border-bottom:1px solid #e5e5e5}.email-status-strip #email-fresh{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:inherit}.email-status-strip>details{position:relative;white-space:nowrap}.email-status-strip summary{cursor:pointer}.email-status-strip>details[open]{z-index:65;position:absolute;right:18px;top:148px;max-width:420px;white-space:normal;padding:14px;background:white;box-shadow:0 5px 18px #0002;border:1px solid #ddd}
#email-root .email-layout{flex:1;min-height:0;border:0;border-radius:0;display:grid;grid-template-columns:var(--email-folders-width,220px) minmax(0,1fr);background:white;overflow:hidden}
#email-root #email-folders{padding:12px 8px;max-height:none;height:100%;background:#f5f5f5;border-right:1px solid #e5e5e5;overflow:auto}#email-root #email-folders button{padding:10px 10px;font-size:14px;color:#242424;border-radius:3px;margin:1px 0}#email-root #email-folders button.active{background:#e6e6e6;color:#0f6cbd;font-weight:600}#email-root #email-folders button:hover{background:#eaeaea}.email-unread-count{color:#0f6cbd;background:none;font-size:12px}
#email-root .email-messages{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e0e0e0;overflow:hidden}#email-root .email-list-heading{display:flex;justify-content:space-between;align-items:center;padding:0 16px;min-height:48px;border-bottom:1px solid #e0e0e0}#email-root .email-list-heading h2{font-size:16px;margin:0!important}.email-list-heading>div{display:flex;align-items:center;gap:10px}.email-list-heading button{padding:11px 4px;border:0;border-bottom:3px solid transparent;background:white;color:#616161;font-size:13px}.email-list-heading button[aria-pressed=true]{color:#242424;border-bottom-color:#0f6cbd;font-weight:600}.email-list-heading>div>span{font-size:11px;color:#616161}.email-column-head{display:grid;grid-template-columns:260px minmax(0,1fr) 100px;padding:8px 18px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#424242}.email-column-head span:last-child{text-align:right}#email-search-note:empty{display:none}#email-root #email-list{height:auto;min-height:0;flex:1;overflow:auto}.email-day{font-size:13px;font-weight:600;padding:7px 18px;background:#f6f6f6;color:#424242}
#email-root .email-row{display:grid;grid-template-columns:32px minmax(140px,210px) minmax(0,1fr) 80px;align-items:center;gap:0 12px;min-height:48px;padding:9px 18px;background:white;border-bottom:1px solid #e5e5e5;color:#242424;line-height:1.5}#email-root .email-row.selected{background:#e6e6e6!important}#email-root .email-row:hover{background:#f3f3f3!important}#email-root .email-row.unread{background:white;border-left:3px solid #0f6cbd!important;padding-left:15px}.email-avatar{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:50%;background:#c9e8d3;color:#315d42;display:grid;place-items:center;font-size:12px;font-weight:500}.email-row:nth-of-type(3n) .email-avatar{background:#ddd5f3;color:#625285}.email-row:nth-of-type(3n+1) .email-avatar{background:#f8dfbb;color:#875414}.email-row-top{display:contents}.email-row-top strong{grid-column:2;grid-row:1;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-row time{grid-column:4;grid-row:1;text-align:right;font-size:12px;color:#424242}.email-row-content{grid-column:3;grid-row:1;display:flex;min-width:0;gap:12px;align-items:center}.email-subject{font-size:14px;font-weight:400;max-width:65%;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{font-size:13px;display:block;color:#707070;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.email-row.unread .email-row-top strong,.email-row.unread .email-subject{color:#0f6cbd;font-weight:600}.email-markers{grid-column:3;grid-row:2;color:#707070;font-size:11px}.email-markers:empty{display:none}.email-new-badge{border-radius:2px;font-size:9px;padding:0 4px}
#email-root:not(.reading) #email-reader{display:none}#email-root.reading .email-layout{grid-template-columns:var(--email-folders-width,220px) var(--email-list-width,380px) minmax(300px,1fr)}#email-root.reading .email-row{grid-template-columns:32px minmax(0,1fr) 66px;gap:1px 9px;align-items:start;min-height:90px;padding:13px 14px}#email-root.reading .email-row.unread{padding-left:11px}#email-root.reading .email-row-top strong{grid-column:2;line-height:1.6;font-size:13px}#email-root.reading .email-row time{grid-column:3;font-size:11px}#email-root.reading .email-row-content{grid-column:2/4;grid-row:2;display:block}.reading .email-subject{max-width:100%;font-size:13px}.reading .email-preview{white-space:nowrap;font-size:12px}.reading .email-markers{grid-column:2/4;grid-row:3}.reading .email-avatar{grid-row:1/3}.reading .email-column-head{display:none}#email-root.reading #email-reader{display:block;padding:20px 25px;max-height:none;height:100%;background:white;overflow:auto}#email-reader h2{font-size:21px;margin-top:20px}.email-headers{font-size:12px;color:#424242}.email-message-actions button,.email-reader-actions button{border:1px solid #e0e0e0;background:white;border-radius:3px}.email-body{border:0;border-radius:0;height:55vh}.email-layout:has(#email-scope-form){grid-template-columns:1fr!important}.reader-expanded .email-layout{grid-template-columns:minmax(0,1fr)!important}.reader-expanded #email-reader{display:block!important}
#email-dock{font-family:'Segoe UI',Aptos,Arial,sans-serif;right:8px;color:#242424}.email-composer{border-radius:5px 5px 0 0;border-color:#d1d1d1;font-family:inherit}.email-composer.expanded{width:min(1500px,calc(100vw - 300px));max-width:calc(100vw - 80px);height:calc(100dvh - 140px)}.email-compose-heading{padding:8px 14px;background:#f5f5f5;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;font-size:13px}.email-compose-heading button{border-radius:3px;background:none;color:#424242}.email-composer .email-compose-scroll{padding:0 22px 12px}.email-composer #email-compose-form>label{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d1d1d1;min-height:44px;margin:0;font-size:12px;color:#424242}.email-composer #email-compose-form>label input{border:0;box-shadow:none;border-radius:0;font-size:14px;padding:9px 0;margin:0}.email-composer #email-compose-form>label:has(input[name=subject]){font-size:0}.email-composer #email-compose-form>label input[name=subject]{font-size:16px}.email-composer #email-compose-form>label:not(:has(input)){border:0;min-height:25px}.email-format{border-radius:3px;border-color:#e0e0e0;background:#fafafa;padding:5px;gap:3px;margin-top:7px;align-items:center}.email-format button,.email-format select{border:1px solid #d1d1d1;background:white;border-radius:3px;color:#242424;min-height:28px;padding:4px 8px}.email-format button[aria-pressed=true]{background:#e5f1fb;border-color:#0f6cbd}.email-rich{border-radius:0;border-color:#ddd}.email-rich .tiptap{font:12pt/1.45 'Aptos Display',Aptos,'Segoe UI',Arial,sans-serif;min-height:240px;padding:18px 8px}.email-compose-buttons button{border-radius:3px;font-size:13px!important}.email-compose-buttons #email-send{background:#0f6cbd;box-shadow:none;border-radius:3px}.email-compose-buttons #email-ai-check{background:#f2effa;color:#5b4597;border:1px solid #d7cee9}.email-compose-buttons #email-save-draft{background:white;border:1px solid #d1d1d1}.email-compose-buttons .email-send-reason{font-size:11px}.email-compose-scroll>.email-muted{font-size:11px;margin:8px 0}
@media(max-width:1200px){.email-ribbon button .mail-icon{width:16px;height:16px}#email-tools.email-ribbon button{font-size:11px;padding:7px 6px}.email-outlook-top #email-account{max-width:180px}.email-outlook-top>strong{min-width:90px}.email-column-head{grid-template-columns:210px minmax(0,1fr) 80px}#email-root .email-row{grid-template-columns:28px 150px minmax(0,1fr) 70px}.email-avatar{width:28px;height:28px;font-size:10px}#email-root.reading .email-layout{grid-template-columns:170px 310px minmax(260px,1fr)}}
@media(max-width:1000px){#email-root .email-layout,#email-root.reading .email-layout{grid-template-columns:175px minmax(0,1fr)}#email-root.reading #email-folders{display:block}#email-root.reading .email-messages{display:none}#email-root.reading #email-reader{display:block}.email-outlook-top #email-account{display:none}#email-tools.email-ribbon{overflow-x:auto}.email-ribbon-move[open]{position:fixed;top:128px;left:90px}.email-composer.expanded{width:calc(100vw - 85px)}.email-column-head{grid-template-columns:190px minmax(0,1fr) 80px}#email-root .email-row{grid-template-columns:28px 130px minmax(0,1fr) 60px}.email-preview{display:none}}
@media(max-width:650px){body.email-active main{margin-left:0}body.email-active #app>aside{display:none}body.email-active.email-nav-expanded #app>aside{display:flex;z-index:90;width:235px;box-shadow:0 0 0 100vmax #0005}body.email-active.email-nav-expanded main{margin-left:0}.email-outlook-top{padding:0 10px;gap:7px}.email-outlook-top>strong{font-size:14px;min-width:70px}.email-outlook-top #email-search{max-width:none}.email-search-line{gap:3px}.email-search-line button{font-size:10px;padding:3px}.email-search-options>summary{transform:none;position:absolute;right:0;top:-3px;opacity:0;width:1px;height:1px;overflow:hidden}.email-outlook-tabs{gap:18px;padding:0 14px}.email-status-strip{padding:0 10px}.email-status-strip>details{display:none}#email-root .email-layout{display:block}#email-root #email-folders{display:flex;height:46px;min-height:46px;max-height:46px;padding:3px 6px;gap:4px;border-bottom:1px solid #ddd}#email-root #email-folders button{width:auto;max-width:180px;flex:none;font-size:12px;padding:5px 9px;white-space:nowrap}#email-root .email-messages{height:calc(100% - 46px)}#email-root.reading #email-folders{display:none}#email-root.reading #email-reader{height:100%;padding:14px}#email-root .email-row{grid-template-columns:28px minmax(0,1fr) 65px;min-height:82px;gap:2px 9px;padding:10px 12px}.email-row-top strong{grid-column:2;font-size:13px}.email-row time{grid-column:3;font-size:11px}.email-row-content{grid-column:2/4;grid-row:2;display:block}.email-subject{max-width:100%;font-size:13px}.email-preview{display:block;font-size:12px}.email-markers{grid-column:2/4;grid-row:3}.email-avatar{grid-row:1/3}.email-column-head{display:none}.email-list-heading>div>span{display:none}.email-composer,.email-composer.expanded{width:100vw;max-width:100vw;height:calc(100dvh - 90px)}#email-dock{right:0;max-width:100vw}.email-composer .email-compose-scroll{padding:0 14px 10px}.email-rich .tiptap{font-size:16px;min-height:210px}.email-ribbon-move[open]{left:14px}.email-search-options[open]{right:0;min-width:280px;max-width:90vw}}

.email-focus-tabs{display:flex;gap:1.25rem;align-items:center;padding:0 16px;border-bottom:1px solid #e1e4e8;background:#fff}.email-focus-tabs[hidden]{display:none}.email-focus-tabs button{border:0;border-radius:0;background:transparent;color:#62666d;font:600 16px Segoe UI,sans-serif;padding:12px 2px 10px;border-bottom:3px solid transparent}.email-focus-tabs button[aria-selected="true"]{color:#172c46;border-bottom-color:#0078d4}.email-focus-tabs button:focus-visible{outline:2px solid #0078d4;outline-offset:-2px}

/* Composer layout is scoped so dashboard styles cannot distort its controls. */
body:not(.email-active) #email-dock{display:none!important}
#email-dock{--compose-line:#e1e4e8;--compose-muted:#616161;font-family:"Segoe UI",Aptos,Arial,sans-serif;color:#242424;right:16px}
#email-dock .email-composer{border:1px solid #d1d5db;border-radius:8px 8px 0 0;box-shadow:0 10px 42px #0002;overflow:hidden}
#email-dock .email-composer.expanded{width:min(1240px,calc(100vw - 280px));max-width:calc(100vw - 32px);height:min(900px,calc(100dvh - 150px))}
#email-dock .email-compose-heading{height:44px;min-height:44px;padding:0 18px;background:#f6f7f9;border-bottom:1px solid var(--compose-line);font-size:14px;font-weight:600;flex:none}
#email-dock .email-compose-heading button{width:32px;height:30px;padding:0;border:0;background:transparent;font-size:16px}
#email-dock .email-compose-scroll{flex:1;min-height:0;padding:0 22px 18px;overflow:auto;background:#fff}
#email-dock .email-compose-from{display:flex;align-items:center;gap:16px;min-height:42px;font-size:13px;color:var(--compose-muted)}
#email-dock .email-compose-from>span{width:52px;flex:none}#email-dock .email-compose-from strong{font-size:13px;font-weight:400;color:#424242}
#email-dock #email-compose-form .email-envelope-row{display:flex;align-items:center;gap:16px;min-height:47px;border-bottom:1px solid var(--compose-line);position:relative}
#email-dock #email-compose-form .email-envelope-row[hidden]{display:none!important}
#email-dock #email-compose-form .email-envelope-row>label{display:block;flex:0 0 52px;margin:0;font-size:13px;font-weight:400;color:var(--compose-muted)}
#email-dock #email-compose-form .email-envelope-row input{display:block;flex:1;min-width:0;width:100%;margin:0;padding:11px 0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#242424;font:14px/1.5 "Segoe UI",Arial,sans-serif;outline:none}
#email-dock #email-compose-form .email-subject-row input{font-size:15px;font-weight:500}
#email-dock #email-compose-form .email-envelope-row:focus-within{border-bottom-color:#0f6cbd}
#email-dock .email-recipient-entry{position:relative;flex:1;min-width:0}
#email-dock .email-recipient-toggles{display:flex;gap:4px;flex:none}
#email-dock .email-recipient-toggles button{border:0;background:none;padding:7px;color:#5b5b5b;font-size:13px}
#email-dock .email-recipient-toggles button:hover{background:#eef4fa;color:#0f6cbd}
#email-dock .email-recipient-suggestions{position:absolute;z-index:10;left:0;top:100%;width:min(460px,100%);min-width:min(300px,100%);max-height:280px;overflow:auto;background:white;border:1px solid #d5dae0;border-radius:6px;box-shadow:0 5px 18px #0002;padding:4px}
#email-dock .email-recipient-suggestions[hidden]{display:none}
#email-dock .email-recipient-suggestions button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:4px;background:white;text-align:left;color:#242424}
#email-dock .email-recipient-suggestions button:hover,#email-dock .email-recipient-suggestions [aria-selected=true]{background:#e8f2fc}
#email-dock .email-contact-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dceaf8;color:#154a7c;font-size:13px;flex:none}
#email-dock .email-recipient-suggestions strong,#email-dock .email-recipient-suggestions small{display:block;overflow-wrap:anywhere}
#email-dock .email-recipient-suggestions strong{font-size:13px;font-weight:600}#email-dock .email-recipient-suggestions small{font-size:12px;color:var(--compose-muted);margin-top:2px}
#email-dock .email-format{display:flex;align-items:center;flex-wrap:wrap;row-gap:8px;column-gap:0;padding:10px 0;margin:4px 0 0;background:#fff;border:0;border-bottom:1px solid var(--compose-line);border-radius:0}
#email-dock .email-format-group{display:flex;align-items:center;gap:3px;flex:none;min-height:34px;padding:0 9px;border-right:1px solid var(--compose-line)}
#email-dock .email-format-group:first-child{padding-left:0}#email-dock .email-format-group:last-child{border:0;padding-right:0}
#email-dock .email-format button,#email-dock .email-format select,#email-dock .email-format .email-colour-picker{height:32px;min-height:32px;border:1px solid transparent;border-radius:4px;background:#fff;color:#323130;font:13px "Segoe UI",Arial,sans-serif;margin:0}
#email-dock .email-format button{display:inline-flex;align-items:center;justify-content:center;width:30px;padding:0}
#email-dock .email-format button:hover,#email-dock .email-format .email-colour-picker:hover{background:#f0f3f6;border-color:#d1d5db}
#email-dock .email-format button[aria-pressed=true]{background:#e1effb;border-color:#9ac4e8;color:#0f6cbd}
#email-dock .email-format button b,#email-dock .email-format button i,#email-dock .email-format button u,#email-dock .email-format button s{font-size:16px;line-height:1}
#email-dock .email-format button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#email-dock .email-format select{border-color:#d7dce2;padding:4px 7px;width:auto;max-width:none}
#email-dock .email-format [data-format=font]{width:158px}#email-dock .email-format [data-format=size]{width:57px}#email-dock .email-format [data-format=align]{width:78px}
#email-dock .email-format .email-colour-picker{position:relative;display:flex;align-items:center;justify-content:center;width:32px;padding:0 0 5px;overflow:hidden;cursor:pointer}
#email-dock .email-colour-letter{font-size:16px;line-height:1}#email-dock .email-highlight-letter{font-size:13px;font-weight:600;line-height:1}
#email-dock .email-colour-swatch{position:absolute;bottom:3px;left:7px;right:7px;height:3px;border-radius:1px}
#email-dock .email-format .email-colour-picker input[type=color]{position:absolute;inset:0;display:block;width:32px;height:32px;max-width:none;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
#email-dock .email-rich{border:0;border-radius:0;min-height:240px}
#email-dock .email-rich .tiptap{font:12pt/1.5 "Aptos Display",Aptos,"Segoe UI",Arial,sans-serif;min-height:clamp(240px,31vh,420px);padding:22px 0 16px;outline:none}
#email-dock .email-compose-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:64px;padding:12px 20px;border-top:1px solid var(--compose-line);background:#fff}
#email-dock .email-compose-buttons button{height:36px;min-height:36px;padding:0 15px!important;font:13px "Segoe UI",Arial,sans-serif!important;border-radius:4px}
#email-dock .email-compose-buttons #email-send{min-width:80px;background:#0f6cbd;border:1px solid #0f6cbd;font-weight:600!important}
#email-dock .email-compose-buttons #email-save-draft{background:white;border:1px solid #d1d5db}
#email-dock .email-compose-buttons #email-ai-check{background:#f6f3fc;border:1px solid #dfd7ef;color:#59418e}
#email-dock .email-footer-divider{height:24px;width:1px;margin:0 5px;background:var(--compose-line)}
#email-dock .email-compose-buttons .email-send-reason{flex-basis:auto;margin-left:auto;font-size:12px;color:var(--compose-muted)}
#email-dock .email-send-confirm{padding:12px 20px;background:#fff8e8;border-top:1px solid #eddaaf;flex:none;font-size:13px}
#email-dock .email-send-confirm[hidden]{display:none}#email-dock .email-send-confirm p{margin:5px 0 10px;line-height:1.5}#email-dock .email-send-confirm button{font-size:13px;padding:8px 12px;margin-right:7px;border-radius:4px}
#email-dock #email-draft-status{font-size:11px;color:var(--compose-muted);margin:8px 0}
@media(max-width:1100px){#email-dock .email-composer.expanded{width:calc(100vw - 110px)}#email-dock .email-format-group{padding:0 6px}#email-dock .email-format [data-format=font]{width:135px}}
@media(max-width:650px){#email-dock{right:0;max-width:100vw}#email-dock .email-composer,#email-dock .email-composer.expanded{width:100vw;max-width:100vw;height:calc(100dvh - 64px);border-radius:0}#email-dock .email-compose-scroll{padding:0 14px 12px}#email-dock .email-envelope-row{gap:9px!important}#email-dock .email-compose-buttons{padding:10px 12px}#email-dock .email-compose-buttons .email-send-reason{flex-basis:100%;margin:0}#email-dock .email-format-group{padding:0 6px}#email-dock .email-format .email-font-group{padding-right:0;border:0}#email-dock .email-format [data-format=font]{width:128px}#email-dock .email-compose-from>span,#email-dock #email-compose-form .email-envelope-row>label{width:44px;flex-basis:44px}}