/* Approved mail workspace: sapphire glass chrome and a broad paper reader. */
.main-layout.email-workspace-main{background:#061329;color:#edf4ff}
.content-panel.email-workspace-bg{padding:0;background:radial-gradient(ellipse at 80% 2%,#15428c2b,transparent 55%),#061329;overflow:auto;isolation:isolate}
.top-nav.email-workspace-header{min-height:56px;background:linear-gradient(110deg,#102743,#0a1a31)!important;border-bottom:1px solid #9cc8f52b!important;box-shadow:none}
.top-nav.email-workspace-header #currentPageTitle{color:#edf4ff;font-size:17px}
.em-workspace{--em-line:#9dbff838;--em-muted:#abc1e4;--em-text:#e8f0ff;max-width:1840px;width:100%;margin:auto;padding:0 clamp(20px,1.6vw,32px) 28px;color:var(--em-text);box-sizing:border-box;min-width:0}
.em-workspace *,.em-workspace *::before,.em-workspace *::after{box-sizing:border-box}.em-workspace [hidden]{display:none!important}.em-workspace button,.em-workspace input{font:inherit}.em-workspace button{cursor:pointer}.em-workspace button:disabled{opacity:.45;cursor:default}.em-workspace button:focus-visible,.em-workspace input:focus-visible,.em-workspace summary:focus-visible{outline:2px solid #c2dfff;outline-offset:3px}.em-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}
.em-hero{position:relative;min-height:235px;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:24px 12px}.em-hero-copy{position:relative;z-index:1;max-width:58%}.em-eyebrow{font-size:11px;letter-spacing:.24em;font-weight:650;color:#a9ccfa;margin:0 0 12px!important}.em-hero h2{font-size:clamp(32px,2.9vw,53px);line-height:1.32;font-weight:780;letter-spacing:-.045em;color:#f2f5ff;margin:0!important;text-shadow:0 2px 8px #05112666}.em-hero h2 span{color:#bcbaff}.em-hero-description{font-size:clamp(12px,1.05vw,17px);line-height:1.7;color:#bbd3f6;margin:16px 0 0!important}.em-hero-art{position:absolute;z-index:0;right:-1%;top:0;width:64%;height:100%;background:url('../assets/email-workspace-glass.webp?v=20261017mail') no-repeat center / contain;pointer-events:none}
.em-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin-bottom:14px;align-items:center}.em-stat{display:flex;align-items:center;gap:15px;min-height:78px;padding:13px 18px;border:1px solid #99c9ff;border-radius:13px;background:radial-gradient(ellipse at 12% 0,#76b4fb3b,transparent 70%),linear-gradient(120deg,#143c70a6,#13264bcc);box-shadow:inset 0 1px 2px #e5f3ff80,0 0 12px #397ed61f;backdrop-filter:blur(16px)}.em-stat-icon{width:47px;height:49px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b1d1ff;border-radius:13px;color:#e0edff;background:linear-gradient(145deg,#568cf3b3,#263f8b88);box-shadow:inset 0 1px 2px #f3f8ffb3,0 0 13px #5c89ff55}.em-stat-icon .em-icon{width:25px;height:25px}.em-stat p{font-size:12px;color:#dbe7ff;margin:0 0 4px!important}.em-stat strong{font-size:29px;line-height:1;font-weight:650;white-space:nowrap;color:#f3f6ff}.em-stat small{font-size:12px;font-weight:400;margin-left:3px;color:#bacce7}.em-stat-mint{border-color:#a0e8ed;background:radial-gradient(ellipse at 12% 0,#55cad638,transparent 70%),linear-gradient(120deg,#194b65a6,#13264bcc)}.em-stat-mint .em-stat-icon{border-color:#b5f4f6;background:linear-gradient(145deg,#5aabb1a6,#264d6b88);box-shadow:inset 0 1px 2px #f3ffffb3,0 0 13px #5cd9df3b}.em-stat-lavender{border-color:#c1b6ff;background:radial-gradient(ellipse at 12% 0,#b498e338,transparent 70%),linear-gradient(120deg,#3a3f6ca6,#24244bcc)}.em-stat-lavender .em-stat-icon{border-color:#e0cff9;background:linear-gradient(145deg,#aaa3c388,#585b8988);color:#f7edff}.em-main-actions{display:flex;gap:12px;align-items:center}
.em-workspace .em-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;border:1px solid #9fc9ff;border-radius:10px;background:linear-gradient(140deg,#4a78bc47,#152b4a66);box-shadow:inset 0 1px 1px #e2f1ff4d;color:#e2edff;padding:10px 16px;font-size:13px;font-weight:550;white-space:nowrap}.em-button>.em-icon{width:20px;height:20px}.em-workspace .em-gold{border-color:#ffe5b1;background:radial-gradient(ellipse at 12% 0,#ffedc44d,transparent 70%),linear-gradient(110deg,#c6aa79bd,#8a754bcc);color:#fff5db;box-shadow:inset 0 1px 2px #fff4d5cc,0 0 17px #e2c2884d;min-width:145px}.em-workspace .em-confirm-button{border-color:#9bdee6;background:linear-gradient(135deg,#299ba733,#25647526);color:#c5f8f2}.em-workspace .em-confirm-button.is-confirmed{background:#bfdbfe;border-color:#93c5fd;color:#1e3a8a}.em-workspace .em-delete-one{padding:10px 12px;color:#c1cae8;border-color:#a7b3dd99}.em-workspace .em-delete-one:hover{color:#f7bdcb}
.em-board{display:grid;grid-template-columns:minmax(285px,28fr) minmax(0,72fr);gap:14px;height:clamp(660px,calc(100dvh - 310px),1000px);align-items:stretch;min-width:0}.em-panel{min-width:0;min-height:0;border:1px solid #9acaff;border-radius:16px;background:radial-gradient(ellipse at 20% 0,#427dc324,transparent 65%),linear-gradient(135deg,#102b4be8,#0a1930ed);box-shadow:inset 0 1px 3px #d4eaff85,0 0 17px #3084db17;backdrop-filter:blur(20px);overflow:hidden}.em-inbox{display:flex;flex-direction:column}.em-list-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 17px 10px}.em-list-heading h3{margin:0!important;font-size:20px;font-weight:700;color:#f0f6ff}.em-list-heading>span{font-size:10px;color:#8ea8cf}.em-tabs{display:flex;gap:8px;padding:0 17px 10px}.em-tabs .email-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;flex:1;padding:9px 7px;min-height:38px;border:1px solid #91b3ea77;border-radius:9px;color:#c6d7f4;background:#5776aa17;font-size:12px}.em-tabs .em-icon{width:17px;height:17px}.em-tabs .active{color:#f4f6ff;background:linear-gradient(120deg,#6c9cebb3,#3152b49c);border-color:#d2e8ff;box-shadow:inset 0 1px 2px #f7fcffa1,0 0 13px #4d93ff4d}.em-tabs .email-tab>span{font-size:10px;padding:1px 7px;border-radius:12px;background:#4b90ec2e;border:1px solid #a9cbff4d}.em-search{display:flex;align-items:center;gap:8px;height:38px;margin:0 17px 10px;padding:0 10px;border:1px solid #8cb9f288;border-radius:8px;background:#06182d88;box-shadow:inset 0 2px 5px #020a1640}.em-search>.em-icon{width:17px;height:17px;color:#a7c5ef}.em-search input{border:0;color:#e4efff;background:transparent;min-width:0;width:100%;height:100%;font-size:12px}.em-search input::placeholder{color:#aac0df}.em-filters{display:flex;align-items:center;gap:6px;padding:0 17px 9px;flex-wrap:wrap}.em-filters button{border:1px solid #82a5dd6b;border-radius:7px;padding:5px 10px;min-height:29px;color:#c1d4ef;background:#25456b33;font-size:11px}.em-filters button[aria-pressed=true]{background:linear-gradient(135deg,#678fe0b3,#314caa70);border-color:#bcdcff;box-shadow:inset 0 1px 1px #e2f2ff88;color:#f8fbff}.em-filters>span{margin-left:auto;font-size:10px;color:#b0c4e3}
.em-manage{border-top:1px solid #a3beef1a;color:#a4bbdb;font-size:10px}.em-manage summary{cursor:pointer;text-align:right;min-height:25px;padding:5px 17px;list-style:none}.em-manage summary::-webkit-details-marker{display:none}.em-manage-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 17px 12px}.em-manage-controls label{display:flex;align-items:center;gap:7px;flex:1;font-size:11px}.em-manage-controls button{border:1px solid #e4a4b359;background:#b3597514;color:#f2c3ce;font-size:10px;border-radius:6px;padding:5px 8px}.em-mail-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8eace466 transparent}.em-mail-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-top:1px solid #a2c5ff26;position:relative}.em-mail-row.is-selected{background:linear-gradient(110deg,#668cf073,#7768c04d);box-shadow:inset 0 1px 1px #c6bcffbf,inset 0 -1px 1px #9a9bff88,inset 3px 0 1px #c7bcff}.em-mail-open{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;color:#dbe9ff}.em-mail-top{display:flex;gap:6px;align-items:center;min-width:0;line-height:1.5}.em-mail-top strong{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:#e6eeff}.em-mail-top time{font-size:9px;line-height:1.5;color:#b3c9ed;white-space:nowrap;max-width:36%;overflow:hidden;text-overflow:ellipsis}.em-unread-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:transparent}.em-unread-dot.is-unread{background:#56b4ff;box-shadow:0 0 5px #7ecaff55}.em-mail-subject{display:block;font-size:12px;color:#d6e3f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6;margin-top:3px}.em-mail-preview{display:block;font-size:10px;color:#9fb6d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7;margin-top:3px}.em-mail-end{display:flex;align-items:center;flex-direction:column;gap:7px;color:#b8c9ff;margin-top:2px}.em-mail-end .em-icon{width:15px;height:15px}.em-confirm{width:24px;height:22px;border:1px solid #a8beda70;border-radius:6px;background:#4b6c9e14;color:#a1b7d9;padding:2px;display:grid;place-items:center}.em-confirm.is-confirmed{color:#1e3a8a;border-color:#93c5fd;background:#bfdbfe}.em-workspace input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;border:1px solid #c4dcff;border-radius:5px;background:linear-gradient(145deg,#7099d847,#35537e47);box-shadow:inset 0 1px 2px #e8f4ff42;cursor:pointer}.em-workspace input[type=checkbox]:checked{background:linear-gradient(145deg,#c6dfff,#a5a9f7);border-color:#e4e7ff}.em-workspace input[type=checkbox]:checked:after{content:'✓';font-size:12px;line-height:1;color:#20365b;font-weight:800}
.em-pagination{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 13px;border-top:1px solid var(--em-line);flex-wrap:wrap}.em-pagination>span{font-size:10px;color:#bbd0ef;margin-left:auto}.em-page-buttons{display:flex;gap:4px;align-items:center}.em-pagination .page-btn{min-width:27px;min-height:28px;padding:4px 7px;border:1px solid #8bb4e855;border-radius:7px;background:#395f8e1f;color:#b9d2f5;font-size:11px}.em-pagination .page-btn.active{background:linear-gradient(145deg,#86aff39c,#555da17a);border-color:#c7dfff;color:#f4f7ff;box-shadow:inset 0 1px 1px #f5fbff55}.em-pagination .em-icon{width:12px;height:12px}
.em-reader{display:flex;flex-direction:column;min-height:0}.em-reader #emailReaderContainer{display:flex;flex:1;min-height:0;min-width:0}.em-message{display:flex;flex-direction:column;min-width:0;width:100%;min-height:0;flex:1;overflow:hidden}.em-reader-header{padding:19px 22px 16px;border-bottom:1px solid var(--em-line);background:linear-gradient(120deg,#4c7dbc1a,#7c6bba10);flex-shrink:0}.em-reader-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0}.em-reader-top h3{font-size:clamp(17px,1.45vw,24px);font-weight:700;line-height:1.5;margin:0!important;color:#eef5ff;letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0}.em-reader-top time{font-size:11px;color:#bdcfee;white-space:nowrap;line-height:1.6;padding-top:4px}.em-reader-meta{display:flex;align-items:center;gap:13px;margin-top:14px;min-width:0}.em-person-icon{width:44px;height:46px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c5d8ffb3;border-radius:13px;color:#edf2ff;font-size:20px;background:radial-gradient(ellipse at 12% 0,#d0d9ff61,transparent 65%),linear-gradient(145deg,#748fdd88,#535f9b80);box-shadow:inset 0 1px 1px #f0edffbf,inset 0 -3px 7px #7d9be04d}.em-contact{min-width:0;flex:1}.em-contact p{margin:0!important;font-size:12px;line-height:1.9;color:#d6e4f9;overflow-wrap:anywhere}.em-contact p>span{color:#aac1e3}.em-contact p>strong{font-size:13px;color:#edf3ff;margin-right:7px}.em-contact p:last-child>span{font-size:11px;margin-right:8px}.em-reader-actions{display:flex;gap:9px;align-items:center;margin-left:auto;flex-shrink:0}.em-reader-actions .em-button{min-height:36px;font-size:12px;padding:8px 12px;border-radius:9px;gap:7px}.em-reader-actions .em-icon{width:18px;height:18px}
.em-attachments{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:9px 13px;min-width:0}.em-attachment-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#d6e6ff;flex-shrink:0}.em-attachment-label .em-icon{width:17px;height:17px}.em-attachment-files{display:flex;align-items:center;gap:8px;min-width:0;flex:1;flex-wrap:wrap}.em-file{display:flex;align-items:center;gap:10px;flex:1;min-width:100px;max-width:100%;padding:7px 10px;border:1px solid #6084be70;border-radius:8px;background:linear-gradient(125deg,#436ea92b,#10234433);color:#dce7fc;font-size:11px}.em-file-icon{width:28px;height:29px;border:1px solid #a9dbd2;border-radius:7px;display:grid;place-items:center;color:#b2f4df;background:linear-gradient(140deg,#159e7d8c,#1d6d6b6b);box-shadow:inset 0 1px 1px #d5fff980,0 0 8px #34ac8b24;flex-shrink:0}.em-file.is-document .em-file-icon{color:#ead5ff;border-color:#dfc5ff;background:linear-gradient(140deg,#9770d78c,#5b397a6b);box-shadow:inset 0 1px 1px #f7eaff80,0 0 8px #a76af224}.em-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.em-file>.em-icon{width:18px;height:18px;color:#a7cdff}.em-file-icon .em-icon{width:18px;height:18px}
.em-paper{margin:10px 10px 10px;border-radius:10px;border:1px solid #dfe8fb;background:#fff;flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a8b3c6 #f3f6fa;color-scheme:light;box-shadow:0 5px 20px #02081b2b}.em-attachments:not([hidden])+.em-paper{margin-top:0}.em-paper iframe{width:100%;min-height:550px;display:block;border:0;background:#fff}.em-text-body{padding:30px 32px;color:#132746;font-size:16px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.em-reader-empty{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 24px;text-align:center;color:#b3c9eb;background:radial-gradient(ellipse at 50% 40%,#7690db20,transparent 65%);min-height:500px}.em-reader-empty>.em-icon{width:72px;height:72px;color:#b6c8ff;filter:drop-shadow(0 0 12px #7598ed55);margin-bottom:20px}.em-reader-empty h3{margin:0 0 12px!important;font-size:24px;color:#e5edff}.em-reader-empty p{margin:0!important;font-size:13px;line-height:1.8}.em-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:200px;text-align:center;padding:25px 15px;gap:10px;color:#b3c9e9;font-size:12px;line-height:1.7}.em-empty p{margin:0!important}.em-empty>span{color:#8fa9cb;font-size:11px}.em-notice{margin:0 0 12px;padding:10px 15px;border:1px solid #8ed7db66;border-radius:9px;background:#28677329;font-size:12px;color:#c9efe6;line-height:1.8}.em-notice.is-error{background:#9b3f5926;border-color:#e6a1b977;color:#ffd1df}
/* The existing mail composer and reply workflow share the active menu's chrome. */
body:has(.em-workspace) #modalOverlay .modal-content{background:linear-gradient(140deg,#1d3654f5,#121e36fa);border:1px solid #a8ceff99;box-shadow:inset 0 1px 2px #ecf5ff70,0 20px 60px #02081888;color:#e5efff;max-width:min(900px,94vw)!important;width:94vw!important}
body:has(.em-workspace) #modalOverlay .modal-header h2,body:has(.em-workspace) #modalOverlay label{color:#e1ebfc}body:has(.em-workspace) #modalOverlay .input-modern{background:#07162b8c;border-color:#8caedf66;color:#edf4ff;max-width:100%}body:has(.em-workspace) #modalOverlay textarea{resize:vertical!important;font-size:15px!important;line-height:1.8;min-height:300px!important}
body:has(.em-workspace) #modalOverlay .modal-footer .btn-premium{background:linear-gradient(130deg,#bc9d66,#7d6846);border:1px solid #ead2a1;color:#fff2d6;box-shadow:inset 0 1px 1px #fff1ce80}
/* Compose/reply own their palette so classic-theme text variables stay legible. */
#modalOverlay .modal-content:has(#composeBody){--text-primary:#eff6ff;--text-secondary:#c6d9f2;--accent-blue:#b9d9ff;--border-color:#a9c9f078;color:#eff6ff;color-scheme:dark;background:radial-gradient(ellipse at 0 0,#7cbbed38,transparent 58%),radial-gradient(ellipse at 100% 100%,#b4a0ef26,transparent 60%),linear-gradient(135deg,#294868,#253653)!important;border-color:#b8d7ffb3!important;box-shadow:inset 0 1px 2px #f2f8ffb3,0 24px 70px #02081888!important}
#modalOverlay .modal-content:has(#composeBody) .modal-header{padding-bottom:20px;border-bottom:1px solid #b4cbf247;background:linear-gradient(105deg,#a6d7ff14,#d5baff12);border-radius:18px 18px 0 0}
#modalOverlay .modal-content:has(#composeBody) .modal-header h2{color:#e6dfff;text-shadow:0 1px 12px #baa3ff33}
#modalOverlay .modal-content:has(#composeBody) .modal-body{padding-top:22px;scrollbar-width:thin;scrollbar-color:#abc6ec88 #233b58}
#modalOverlay .modal-content:has(#composeBody) .form-group>label{color:#d4e7ff;font-weight:600}
#modalOverlay .modal-content:has(#composeBody) .form-group:first-child>label{color:#bdf3e6}
#modalOverlay .modal-content:has(#composeBody) .form-group:has(#composeSubject)>label{color:#e0d3ff}
#modalOverlay .modal-content:has(#composeBody) .input-modern{background:linear-gradient(120deg,#294b6b,#223c59)!important;border:1px solid #aacbf485!important;color:#f0f7ff!important;caret-color:#c8f8ec;box-shadow:inset 0 1px 5px #07152a26;border-radius:10px;transition:border-color .15s,box-shadow .15s}
#modalOverlay .modal-content:has(#composeBody) .input-modern::placeholder{color:#b8cde8!important;opacity:1}
#modalOverlay .modal-content:has(#composeBody) #composeSubject{background:linear-gradient(120deg,#414c73,#303e61)!important;border-color:#c8b9f8a1!important}
#modalOverlay .modal-content:has(#composeBody) #composeBody{background:linear-gradient(135deg,#25485f,#253c58 65%,#323f61)!important;padding:16px;line-height:1.85;border-color:#9fded3a1!important}
#modalOverlay .modal-content:has(#composeBody) .input-modern:focus{outline:0;border-color:#d4e9ff!important;box-shadow:0 0 0 3px #a4caff29,inset 0 1px 5px #07152a26}
#modalOverlay .modal-content:has(#composeBody) .compose-accordion{border-color:#afd6f296;background:linear-gradient(115deg,#5182ac26,#8e7fc52b)}
#modalOverlay .modal-content:has(#composeBody) .compose-accordion-toggle{color:#d7ebff;background:linear-gradient(115deg,#7abcec30,#b5a2ea24);min-height:43px}
#modalOverlay .modal-content:has(#composeBody) .compose-accordion-toggle .fa-building{color:#b8f3e4;margin-right:5px}
#modalOverlay .modal-content:has(#composeBody) .compose-accordion-chevron{color:#d2c5ff}
#modalOverlay .modal-content:has(#composeBody) .compose-accordion-panel-inner{background:#142d4538;border-color:#b5d7f25c}
#modalOverlay .modal-content:has(#composeBody) .compose-company-row{color:#edf5ff;overflow-wrap:anywhere}
#modalOverlay .modal-content:has(#composeBody) .compose-company-row:hover,#modalOverlay .modal-content:has(#composeBody) .compose-company-row:has(:checked){background:#9acaf125!important}
#modalOverlay .modal-content:has(#composeBody) input[type=checkbox]{accent-color:#b9e9dc}
#modalOverlay .modal-content:has(#composeBody) select option{background:#294564;color:#f0f7ff}
#modalOverlay .modal-content:has(#composeBody) label[for=composeFiles]{color:#c7f6e9!important;border-color:#b5e8d99c!important;background:linear-gradient(120deg,#4ca48b33,#619ba433)!important;box-shadow:inset 0 1px 1px #d9fff533}
#modalOverlay .modal-content:has(#composeBody) #composeFileList>span{color:#eee6ff!important;background:#a795e42b!important;border-color:#cdbdf57d!important}
#modalOverlay .modal-content:has(#composeBody) .modal-footer{border-top:1px solid #bacff247;padding-top:20px;background:linear-gradient(110deg,#8bc4e80d,#bda3ee12);gap:12px}
#modalOverlay .modal-content:has(#composeBody) .modal-footer .btn-secondary{color:#e2efff;background:linear-gradient(130deg,#6a9ac44d,#5882b13d);border:1px solid #b9d5ff91;box-shadow:inset 0 1px 1px #e8f5ff40}
#modalOverlay .modal-content:has(#composeBody) .modal-footer .btn-premium{color:#fff5dc;background:linear-gradient(130deg,#9d7b49,#775b37);border-color:#ffe4b5;box-shadow:inset 0 1px 2px #fff1d399,0 0 16px #f1c78726}
#modalOverlay .modal-content:has(#composeBody) :is(button,label[for=composeFiles]):focus-visible{outline:2px solid #c7e4ff;outline-offset:3px}
@media(min-width:1750px){.em-hero{min-height:260px}.em-board{gap:18px}.em-mail-row{padding-top:15px;padding-bottom:15px}.em-reader-header{padding:22px 26px 18px}}
@media(max-width:1250px){.em-overview{gap:10px}.em-stat{gap:10px;padding:12px;min-height:74px}.em-stat-icon{width:39px;height:42px}.em-stat p{font-size:10px}.em-stat strong{font-size:25px}.em-main-actions{gap:8px}.em-main-actions .em-button{font-size:11px;padding:10px 12px}.em-main-actions .em-gold{min-width:110px}.em-reader-meta{flex-wrap:wrap;gap:10px}.em-reader-actions{margin-left:auto}.em-reader-header{padding:17px 18px}.em-reader-top{gap:12px;flex-wrap:wrap}.em-reader-top h3{font-size:20px}.em-reader-top time{font-size:10px;padding-top:0}.em-attachments{flex-wrap:wrap;gap:7px}.em-attachment-files{width:100%}.em-person-icon{width:36px;height:40px;font-size:17px}.em-contact p{font-size:11px}.em-contact p>strong{font-size:12px}.em-board{grid-template-columns:minmax(285px,28fr) minmax(0,72fr)}}
@media(max-width:1000px){.em-workspace{padding:0 18px 24px}.em-hero h2{font-size:34px}.em-hero{min-height:225px}.em-hero-art{width:62%;right:-7%;opacity:.85}.em-hero-description{max-width:300px;font-size:12px}.em-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.em-main-actions{grid-column:1/-1;justify-content:flex-end}.em-stat{min-height:73px}.em-board{grid-template-columns:minmax(270px,31fr) minmax(0,69fr);gap:12px}.em-tabs{padding-left:13px;padding-right:13px;gap:5px}.em-tabs .email-tab{font-size:10px;gap:5px;padding:8px 5px}.em-tabs .email-tab>span{font-size:9px;padding:1px 5px}.em-tabs .em-icon{width:15px;height:15px}.em-reader-actions{width:100%;justify-content:flex-end}.em-reader-header{padding:17px 15px}.em-reader-top h3{font-size:18px}.em-attachment-label{font-size:10px}.em-file{font-size:10px}.em-text-body{padding:24px;font-size:15px}}
@media(max-width:760px){.em-workspace{padding:0 14px 24px}.em-hero{padding:27px 2px;min-height:225px}.em-hero-copy{max-width:95%}.em-eyebrow{font-size:9px}.em-hero h2{font-size:clamp(29px,6.5vw,38px)}.em-hero-description{font-size:12px;max-width:240px;margin-top:17px!important}.em-hero-art{right:-33%;width:110%;opacity:.28}.em-hero-copy::before{content:'';position:absolute;inset:-12px;z-index:-1;background:linear-gradient(90deg,#061329ed,#061329c9 60%,transparent)}.em-overview{gap:8px}.em-stat{padding:12px 10px;gap:9px;flex-direction:column;align-items:flex-start;min-height:110px;border-radius:11px}.em-stat-icon{width:30px;height:32px;border-radius:9px}.em-stat-icon .em-icon{width:19px;height:19px}.em-stat p{font-size:10px;margin-bottom:6px!important}.em-stat strong{font-size:25px}.em-stat small{font-size:10px}.em-main-actions{justify-content:stretch;gap:10px}.em-main-actions .em-button{flex:1;min-height:44px;font-size:12px}.em-board{display:flex;flex-direction:column;height:auto;gap:18px}.em-inbox{height:600px;flex:none}.em-reader{height:760px;min-height:600px;flex:none;scroll-margin-top:14px}.em-tabs .email-tab{font-size:12px}.em-tabs .email-tab>span{font-size:10px}.em-tabs .em-icon{width:18px;height:18px}.em-mail-row{padding:15px 14px}.em-mail-top strong{font-size:13px}.em-mail-top time{font-size:10px}.em-mail-subject{font-size:12px}.em-mail-preview{font-size:11px}.em-reader-top h3{font-size:19px}.em-reader-header{padding:18px 16px 15px}.em-reader-actions{justify-content:flex-start;margin-top:3px}.em-reader-actions .em-button{font-size:11px;min-height:42px}.em-contact p{font-size:11px}.em-contact p>strong{font-size:13px}.em-reader-meta{gap:10px}.em-person-icon{width:38px;height:42px}.em-paper{margin:8px}.em-text-body{padding:23px 21px;font-size:15px}.em-attachments{padding:9px 10px}.em-file{font-size:10px;gap:7px;flex-basis:100%}.em-confirm{width:27px;height:27px}}
@media(max-width:380px){.em-workspace{padding-left:10px;padding-right:10px}.em-stat{padding:11px 8px}.em-stat p{font-size:9px}.em-stat strong{font-size:23px}.em-filters{gap:5px}.em-filters button{padding:5px 8px}.em-reader-actions{gap:6px}.em-reader-actions .em-button{padding:8px 9px}.em-reader-meta{gap:8px}.em-contact p{font-size:10px}.em-tabs .email-tab{font-size:11px}}
@media(pointer:coarse){.em-filters button,.em-pagination .page-btn{min-height:40px}.em-workspace input[type=checkbox]{width:22px;height:22px;flex-basis:22px}.em-confirm{min-width:30px;min-height:30px}}
@media(prefers-reduced-motion:no-preference){.em-mail-row,.em-workspace .em-button,.em-tabs button{transition:background .16s,box-shadow .16s}.em-mail-row:not(.is-selected):hover{background:#89b9fb12}.em-workspace .em-gold:hover{box-shadow:inset 0 1px 2px #fff4d5cc,0 0 22px #e2c28866}}
@media(min-width:1001px){.em-hero{min-height:210px;padding-top:18px;padding-bottom:18px}.em-hero h2{font-size:clamp(34px,2.5vw,48px);line-height:1.28}.em-hero-description{margin-top:12px!important}.em-hero-art{height:115%;top:-7%}}
/* Inbox follows the visible mail count, up to twenty rows; reader sizes independently. */
.em-board{height:auto;align-items:stretch}
.em-inbox{--em-row-height:86px;height:auto;align-self:start}
.em-mail-list{height:auto;max-height:calc(20 * var(--em-row-height));flex:none;overflow-y:auto;overflow-x:hidden}
.em-mail-row{height:var(--em-row-height)}
.em-reader{height:auto;min-height:0;max-height:none;align-self:start}
.em-reader #emailReaderContainer,.em-message,.em-paper{flex:1 0 auto;min-height:0}
.em-message{overflow:visible}
.em-paper iframe{min-height:0}
@media(min-width:1750px){.em-inbox{--em-row-height:92px}}
@media(max-width:760px){.em-board{align-items:stretch}.em-inbox{--em-row-height:96px;height:auto;align-self:stretch}.em-reader{height:auto;min-height:0;max-height:none;align-self:stretch}}