.email-client-mode #content{padding:0 12px 18px;height:calc(100vh - 141px)}
.email-client-mode .page-head{padding-bottom:12px}
.email-client-mode .page-head h1{font-family:Georgia,serif;font-size:34px}
.email-client-mode .page-actions button{height:42px;padding:0 19px;font-weight:700;border-color:#c8d4e2;background:#fff}
.email-client-mode .page-actions .mail-new{background:#0d2a55;color:#fff;border-color:#0d2a55}
.email-client-mode .page-actions button span{font-size:20px;margin-right:7px}
.mail-shell{grid-template-columns:292px 445px minmax(570px,1fr);border-radius:0;height:100%;box-shadow:0 2px 10px #20344c18}
.mail-left{position:relative;padding:8px 9px 58px;background:#fbfcfe}
.mail-left h4{margin:14px 7px 8px;font-size:11px;letter-spacing:1.3px;color:#526078}
.mail-unified{align-items:center;padding:12px 13px;background:#edf3f9!important;color:#102b54!important}
.mail-unified b span{margin-right:9px}.mail-unified em,.mail-account-head em{background:#1760ae;color:#fff;border-radius:14px;padding:3px 9px;font-style:normal;font-weight:800}
.mail-account{border:1px solid #dbe3ec;border-radius:6px;margin:9px 0;padding:0;background:#fff;overflow:hidden}
.mail-account-head{height:45px;padding:7px 10px;border-radius:0}.mail-account-head i{width:16px;height:16px;border-radius:50%}.mail-account-head b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-account-head strong{font-size:12px}.mail-account-head.active{background:#f6f9fc}
.mail-folder{padding:6px 12px 6px 24px;border-radius:0;color:#23324a}.mail-folder span i{display:inline-block;width:24px;font-style:normal;text-align:center}.mail-folder.active{background:#eaf2fd;color:#0f4d98}.mail-folder em{font-style:normal;background:#eef2f6;border-radius:11px;padding:1px 7px}
.mail-add-account{position:absolute;bottom:10px;left:9px;right:9px;width:calc(100% - 18px);height:40px;background:#fff;border:1px solid #ccd7e3;font-weight:700}
.mail-center{background:#fff}.mail-list-title{height:46px;padding:9px 14px;border-bottom:1px solid #dce4ed}.mail-list-title h2{margin:0;font:700 23px Georgia,serif}
.mail-list-tools{display:grid;grid-template-columns:minmax(120px,1fr) 86px 126px;align-items:stretch;gap:8px;padding:8px;border-bottom:1px solid #dce4ed}.mail-list-tools button,.mail-list-tools select{box-sizing:border-box;width:100%;height:38px;min-width:0;border:1px solid #cbd6e2;background:#fff;border-radius:4px;color:#18304f;font:600 13px "Segoe UI",sans-serif;white-space:nowrap}.mail-list-tools button{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px}.mail-list-tools select{padding:0 26px 0 10px}.mail-search{height:38px;margin:0}.mail-search input{outline:0}.mail-search button{display:none}
.mail-row{min-height:67px;padding:9px 10px 9px 19px;grid-template-columns:10px 1fr auto;grid-template-rows:20px 20px 18px;column-gap:9px;row-gap:0}.mail-row>i{width:4px}.mail-row.selected{outline:none;background:#f1f7ff;box-shadow:inset 0 0 0 2px #d5a128}.mail-status-dot{width:8px;height:8px;border-radius:50%;background:var(--account);grid-column:1;grid-row:1;margin-top:6px}.mail-from{grid-column:2;grid-row:1;font-size:13px}.mail-row time{grid-column:3;grid-row:1}.mail-subject{grid-column:2;grid-row:2/4;min-width:0}.mail-subject b{font-size:12px}.mail-subject small{font-size:11px}.mail-row-icons{grid-column:3;grid-row:2;text-align:right;color:#708099}.mail-row .case-chip{grid-column:3;grid-row:3;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:2px 8px}
.mail-reading{background:#fff}.mail-read-toolbar{height:54px;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #dbe3ec}.mail-read-toolbar button{height:34px;padding:0 13px;background:#fff;border:1px solid #cbd6e2}
.mail-read-head{padding:14px 20px;min-height:118px;position:relative}.mail-read-head h2{font-size:23px;margin:0 0 12px}.mail-read-head p,.mail-read-head time{display:block;margin:4px 0;color:#253650}.mail-read-head label{display:inline-block;width:42px;color:#65738a}.mail-star{position:absolute;right:20px;top:16px;border:0;background:transparent;color:#c69221;font-size:24px}
.mail-html-frame{height:300px}.mail-body>pre{padding:18px 20px;min-height:140px}.mail-attachments{padding:12px 20px}.mail-attachments>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-attachments a{margin:9px 0 0;display:flex;align-items:center}.mail-attachments a>strong{display:grid;place-content:center;width:38px;height:42px;background:#e54747;color:#fff;border-radius:4px}.mail-attachments a span{display:flex;flex:1;flex-direction:column}.mail-attachments a em{font-size:20px;font-style:normal}
.mail-actions{margin:10px 20px;padding:12px;border:1px solid #d7e0ea;border-radius:6px;background:#f9fbfd}.mail-actions header{display:flex;align-items:center;justify-content:space-between}.mail-actions h3{font:800 11px Arial;margin:0;letter-spacing:.7px}.mail-actions header>span{font-size:11px;background:#fff;border:1px solid #e0e6ed;padding:7px 10px}.mail-action-grid{grid-template-columns:repeat(3,1fr);margin-top:9px}.mail-action-grid button{min-height:40px;background:#fff;border:1px solid #ccd7e3;text-align:left;padding:8px 12px}.mail-case-link{margin-top:8px}.mail-case-link select,.mail-case-link button{height:36px}
.mail-reminder{margin:10px 20px 20px;padding:12px;border:1px solid #d7e0ea;border-radius:6px}.mail-reminder h3{font:800 11px Arial;letter-spacing:.7px;margin:0 0 9px}.mail-reminder>div{display:grid;grid-template-columns:130px 1fr 130px 1.3fr auto;gap:10px;align-items:end}.mail-reminder label{font-size:10px;color:#5f6f87}.mail-reminder input,.mail-reminder select{width:100%;height:34px;margin-top:5px}.mail-reminder-check{display:flex;align-items:center;gap:7px;height:34px;font-size:11px!important}.mail-reminder-check input{width:16px;height:16px;margin:0}.mail-reminder>div>button{height:34px;background:#0e2b56;color:#fff;border:0;padding:0 12px}
@media(max-width:1450px){.mail-shell{grid-template-columns:240px 390px minmax(500px,1fr)}.mail-action-grid{grid-template-columns:1fr 1fr}.mail-reminder>div{grid-template-columns:1fr 1fr 1fr}.mail-reminder-check{grid-column:1/3}}
.mail-toast{position:fixed;z-index:10000;right:28px;top:78px;width:min(390px,calc(100vw - 40px));display:flex;align-items:flex-start;gap:11px;padding:14px 15px;background:#fff;border:1px solid #cbd7e3;border-left:5px solid #c79834;border-radius:7px;box-shadow:0 15px 40px #0a1e3a3d;color:#142643;animation:mailToastIn .18s ease-out}.mail-toast>span{display:grid;place-content:center;width:27px;height:27px;border-radius:50%;background:#e9f6ec;color:#288046;font-weight:800}.mail-toast>div{flex:1}.mail-toast b{font-size:13px}.mail-toast p{margin:4px 0 0;font-size:12px;line-height:1.35;color:#5d6d84}.mail-toast button{border:0;background:transparent;font-size:21px;color:#526177}@keyframes mailToastIn{from{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}
.mail-professional-action{position:sticky;top:0;z-index:8;margin:12px 18px;border:1px solid #c9d5e2;border-radius:8px;background:#fff;box-shadow:0 12px 32px #0c214033;overflow:hidden}.mail-professional-action>header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f7f9fc;border-bottom:1px solid #dbe3ec}.mail-action-icon{display:grid;place-content:center;width:39px;height:39px;border-radius:50%;background:#f5ead1;color:#a97412;font-size:19px}.mail-professional-action header div{flex:1}.mail-professional-action h2{font:700 22px Georgia,serif;margin:0;color:#10264b}.mail-professional-action header p{margin:3px 0 0;color:#687890;font-size:12px}.mail-professional-action header>button{width:34px;height:34px;border:0;background:transparent;font-size:24px}.mail-professional-action form{padding:16px 18px}.mail-action-fields{display:grid;gap:12px}.mail-action-fields.two{grid-template-columns:1fr 1fr}.mail-action-fields label{font-size:12px;font-weight:700;color:#162845}.mail-action-fields label small{font-weight:400;color:#718096}.mail-action-fields input,.mail-action-fields select,.mail-action-fields textarea{display:block;width:100%;margin-top:6px;border:1px solid #c7d3e1;border-radius:5px;background:#fff;padding:9px 11px;color:#132441;font:13px Arial;box-sizing:border-box}.mail-action-fields input,.mail-action-fields select{height:39px}.mail-action-fields textarea{resize:vertical;line-height:1.45}.mail-action-fields .wide{grid-column:1/-1}.mail-panel-check{display:flex!important;align-items:center;gap:8px;margin-top:18px;font-weight:500!important}.mail-panel-check input{display:inline-block;width:17px;height:17px;margin:0}.mail-professional-action footer{display:flex;justify-content:flex-end;gap:9px;margin-top:15px;padding-top:13px;border-top:1px solid #e0e6ed}.mail-professional-action footer button{height:38px;padding:0 18px;border:1px solid #c4d0de;background:#fff;border-radius:5px;font-weight:700}.mail-professional-action footer .mail-action-save{background:#c79834;color:#fff;border-color:#c79834}.mail-action-status{padding:9px 11px;margin:12px 0 0;border-radius:5px;background:#eaf7ed;color:#297344;font-weight:700;font-size:12px}.mail-action-status.error{background:#fff0ee;color:#a53127}@media(max-width:850px){.mail-action-fields.two{grid-template-columns:1fr}.mail-action-fields .wide{grid-column:auto}}
.mail-context-menu{position:fixed;z-index:10020;width:220px;padding:7px;background:#fff;border:1px solid #cbd6e2;border-radius:8px;box-shadow:0 12px 34px rgba(6,35,72,.22);font-family:"Segoe UI",sans-serif}.mail-context-menu button{display:flex;align-items:center;width:100%;height:34px;padding:0 11px;border:0;border-radius:5px;background:#fff;color:#102b50;font-size:13px;text-align:left}.mail-context-menu button:hover{background:#edf4fc}.mail-context-menu button.danger{color:#ad2f2f}.mail-context-menu hr{height:1px;margin:5px 0;border:0;background:#dce4ed}.mail-print-frame{position:fixed;left:-10000px;top:-10000px;width:8.5in;height:11in;border:0}.mail-read-toolbar{flex-wrap:wrap}.mail-read-toolbar button{white-space:nowrap}
.mail-confirm-backdrop{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:24px;background:rgba(9,25,48,.55)}.mail-confirm{display:grid;grid-template-columns:46px 1fr;gap:14px;width:min(470px,calc(100vw - 40px));padding:22px;background:#fff;border:1px solid #cbd6e2;border-radius:10px;box-shadow:0 20px 60px rgba(5,20,43,.3);font-family:"Segoe UI",sans-serif}.mail-confirm-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fdebea;color:#b42e2e;font-size:22px;font-weight:800}.mail-confirm h2{margin:1px 0 7px;color:#10264b;font:700 21px Georgia,serif}.mail-confirm p{margin:0;color:#5e6e84;font-size:13px;line-height:1.45}.mail-confirm footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:7px;padding-top:14px;border-top:1px solid #e0e6ed}.mail-confirm footer button{height:38px;padding:0 16px;border:1px solid #c6d1dd;border-radius:5px;background:#fff;color:#10264b;font-weight:700}.mail-confirm footer .mail-confirm-delete{border-color:#b83a36;background:#b83a36;color:#fff}
.mail-folder-divider{padding:12px 13px 5px;color:#738096;font:800 9px Arial;letter-spacing:1px}.mail-account-page #mailSyncLimit small{display:block;margin-top:5px;color:#748299;font-size:11px;font-weight:400;line-height:1.3}