.mail-app{color:#323130;background:#fff;flex-direction:column;height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:14px;display:flex;overflow:hidden}.mail-header-bar{color:#fff;background:#0078d4;flex-shrink:0;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex}.mail-header-left{align-items:center;gap:8px;display:flex}.mail-header-logo{font-size:20px}.mail-header-title{letter-spacing:.3px;font-size:15px;font-weight:600}.mail-header-search{background:#ffffff26;border-radius:4px;flex:1;align-items:center;max-width:560px;height:32px;margin:0 auto;padding:0 10px;display:flex}.mail-header-search-icon{opacity:.8;margin-right:6px;font-size:14px}.mail-header-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.mail-header-search input::placeholder{color:#ffffffa6}.mail-header-search-clear{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:14px}.mail-header-right{align-items:center;gap:4px;display:flex}.mail-header-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;font-size:16px}.mail-header-icon-btn:hover{background:#ffffff26}.mail-header-user{cursor:pointer;background:0 0;border:none;padding:0}.mail-header-user-avatar{color:#fff;background:#005a9e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.mail-ribbon{background:#f3f2f1;border-bottom:1px solid #edebe9;flex-shrink:0;align-items:center;gap:2px;height:40px;padding:0 12px;display:flex}.mail-ribbon-compose{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:3px;margin-right:4px;padding:5px 14px;font-size:13px;font-weight:500}.mail-ribbon-compose:hover{background:#106ebe}.mail-ribbon-btn{color:#323130;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:5px 10px;font-size:12px}.mail-ribbon-btn:hover{background:#e1dfdd}.mail-ribbon-divider{background:#c8c6c4;width:1px;height:24px;margin:0 4px}.mail-snooze-picker{z-index:200;background:#fff;border:1px solid #e1dfdd;border-radius:8px;min-width:200px;padding:8px 0;animation:.15s ease-out settingsModalIn;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000026}.mail-snooze-picker button{text-align:left;cursor:pointer;color:#323130;background:0 0;border:none;width:100%;padding:8px 16px;font-size:13px;display:block}.mail-snooze-picker button:hover{background:#f3f2f1}.mail-snooze-title{color:#605e5c;text-transform:uppercase;letter-spacing:.5px;padding:4px 16px 8px;font-size:11px;font-weight:600}.mail-snooze-picker hr{border:none;border-top:1px solid #edebe9;margin:4px 0}.mail-snooze-input{border:1px solid #c8c6c4;border-radius:4px;width:calc(100% - 24px);margin:4px 12px;padding:6px 8px;font-size:12px}.mail-main{flex:1;display:flex;overflow:hidden}.mail-sidebar{background:#f3f2f1;border-right:1px solid #edebe9;flex-direction:column;width:200px;min-width:200px;display:flex;overflow:hidden}.mail-sidebar-section-title{color:#605e5c;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px 4px;font-size:12px;font-weight:600}.mail-sidebar-footer{border-top:1px solid #edebe9;flex-direction:column;margin-top:auto;display:flex}.mail-sidebar-nav-btn{cursor:pointer;color:#605e5c;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.mail-sidebar-nav-btn:hover{color:#323130;background:#e1dfdd}.mail-sidebar-nav-btn.active{color:#0078d4;background:#deecf9;border-left-color:#0078d4;font-weight:600}.mail-sidebar-nav-btn svg{flex-shrink:0}.mail-inbox-title{color:#323130;font-size:13px;font-weight:600}.mail-folder-list{flex:1;padding:4px 0;overflow-y:auto}.mail-folder-item{cursor:pointer;color:#323130;border-left:3px solid #0000;align-items:center;gap:8px;padding:6px 16px;font-size:13px;text-decoration:none;transition:background .1s;display:flex}.mail-folder-item:hover{background:#e1dfdd}.mail-folder-item.active{color:#0078d4;background:#deecf9;border-left-color:#0078d4;font-weight:600}.mail-folder-item.drop-target{background:#cce4f7}.mail-folder-icon{width:16px;height:16px}.mail-folder-name{flex:1}.mail-folder-count{color:#fff;text-align:center;background:#0078d4;border-radius:10px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700}.mail-sidebar-footer{border-top:1px solid #edebe9;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.mail-logout-btn,.mail-settings-btn,.mail-calendar-btn{color:#605e5c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;width:100%;padding:6px 8px;font-size:12px;transition:background .1s}.mail-logout-btn:hover{color:#a4262c;background:#fde7e9}.mail-settings-btn:hover,.mail-calendar-btn:hover{color:#323130;background:#e1dfdd}.mail-list{background:#fff;border-right:1px solid #edebe9;flex-direction:column;width:360px;min-width:360px;display:flex}.mail-list-header{border-bottom:1px solid #edebe9;align-items:center;gap:8px;padding:10px 12px;display:flex}.mail-search-input{color:#323130;background:#f3f2f1;border:1px solid #c8c6c4;border-radius:3px;outline:none;flex:1;padding:6px 10px;font-size:13px;transition:border-color .15s}.mail-search-input:focus{background:#fff;border-color:#0078d4}.mail-search-input::placeholder{color:#a19f9d}.mail-search-clear{color:#a19f9d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.mail-list-toolbar{color:#605e5c;background:#faf9f8;border-bottom:1px solid #edebe9;align-items:center;gap:8px;padding:4px 12px;font-size:11px;display:flex}.mail-toolbar-left{flex:1;align-items:center;gap:6px;display:flex}.mail-select-all input{accent-color:#0078d4}.mail-message-count{color:#a19f9d;font-size:11px}.mail-bulk-actions{gap:4px;display:flex}.mail-bulk-actions button{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:3px 8px;font-size:11px}.mail-bulk-actions button:hover{background:#f3f2f1}.mail-page-btn{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:3px 8px;font-size:11px}.mail-page-btn:hover{background:#f3f2f1}.mail-page-btn:disabled{opacity:.4;cursor:default}.mail-pagination{color:#a19f9d;align-items:center;gap:6px;font-size:11px;display:flex}.mail-list-content{flex:1;overflow-y:auto}.mail-date-group{color:#0078d4;z-index:1;background:#faf9f8;border-bottom:1px solid #edebe9;padding:6px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.mail-message-item{cursor:pointer;border-bottom:1px solid #f3f2f1;align-items:flex-start;gap:10px;padding:8px 12px;transition:background 80ms;display:flex}.mail-message-item:hover{background:#f3f2f1}.mail-message-item.active{background:#deecf9;border-left:3px solid #0078d4;padding-left:9px}.mail-message-item.unread{background:#fff}.mail-message-item.unread .mail-message-from,.mail-message-item.unread .mail-message-subject{color:#323130;font-weight:600}.mail-message-item.selected{background:#e1dfdd}.mail-message-item.dragging{opacity:.5}.mail-msg-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.mail-msg-checkbox{accent-color:#0078d4;margin-top:8px}.mail-msg-content{flex:1;min-width:0}.mail-msg-row1{justify-content:space-between;align-items:center;gap:8px;margin-bottom:1px;display:flex}.mail-msg-row2{align-items:center;gap:4px;margin-bottom:1px;display:flex}.mail-message-from{color:#605e5c;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:400;overflow:hidden}.mail-message-date{color:#a19f9d;white-space:nowrap;font-size:11px}.mail-message-subject{color:#605e5c;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:400;overflow:hidden}.mail-message-preview{color:#a19f9d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mail-unread-dot{background:#0078d4;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:12px}.mail-attachment-icon{color:#a19f9d;flex-shrink:0;font-size:12px}.mail-flagged-icon{color:#d83b01;flex-shrink:0;font-size:12px}.mail-reading-pane{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mail-reading-empty{color:#a19f9d;background:#faf9f8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.mail-reading-header{border-bottom:1px solid #edebe9;padding:20px 24px}.mail-reading-subject{color:#323130;margin:0 0 12px;font-size:20px;font-weight:600}.mail-reading-meta{align-items:flex-start;gap:12px;display:flex}.mail-reading-avatar{color:#fff;background:#0078d4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.mail-reading-from-info{flex:1}.mail-reading-from-name{color:#323130;font-size:14px;font-weight:600}.mail-reading-from-email{color:#605e5c;font-size:12px}.mail-reading-to{color:#a19f9d;margin-top:2px;font-size:12px}.mail-reading-date{color:#a19f9d;white-space:nowrap;font-size:12px}.mail-reading-actions{background:#faf9f8;border-bottom:1px solid #edebe9;gap:4px;padding:6px 24px;display:flex}.mail-action-btn{color:#323130;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:background .1s;display:flex}.mail-action-btn:hover{background:#f3f2f1}.mail-action-btn.danger:hover{color:#a4262c;background:#fde7e9;border-color:#a4262c}.mail-reading-attachments{border-bottom:1px solid #edebe9;padding:12px 24px}.mail-reading-attachments h4{color:#605e5c;margin:0 0 8px;font-size:13px;font-weight:600}.mail-att-header{color:#605e5c;padding:8px 0 4px;font-size:12px;font-weight:600}.mail-attachment-list{flex-wrap:wrap;gap:6px;display:flex}.mail-attachment-chip{color:#323130;cursor:pointer;background:#f3f2f1;border:1px solid #edebe9;border-radius:4px;align-items:center;gap:8px;max-width:280px;padding:6px 10px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.mail-attachment-chip:hover{background:#e8e6e4;border-color:#c8c6c4}.mail-att-icon{flex-shrink:0;font-size:18px;line-height:1}.mail-att-details{flex-direction:column;flex:1;min-width:0;display:flex}.mail-att-name{text-overflow:ellipsis;white-space:nowrap;color:#323130;font-size:12px;font-weight:500;overflow:hidden}.mail-att-size{color:#a19f9d;font-size:11px}.mail-att-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.mail-attachment-chip:hover .mail-att-actions{opacity:1}.mail-att-btn{cursor:pointer;color:#605e5c;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;text-decoration:none;display:inline-flex}.mail-att-btn:hover{color:#323130;background:#d2d0ce}.mail-reading-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.mail-reading-body-content{color:#323130;max-width:100%;font-size:14px;line-height:1.6;overflow-x:auto}.mail-reading-body-content img{max-width:100%;height:auto}.mail-reading-body-content a{color:#0078d4}.mail-reading-body-content blockquote{color:#605e5c;border-left:3px solid #edebe9;margin:12px 0;padding-left:16px}.mail-compose-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out settingsOverlayIn;display:flex;position:fixed;inset:0}.mail-compose{background:#fff;border-radius:12px;flex-direction:column;width:720px;max-width:92vw;height:640px;max-height:88vh;animation:.25s ease-out settingsModalIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000040,0 8px 24px #00000026}.mail-compose-header{background:#faf9f8;border-bottom:1px solid #edebe9;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mail-compose-header h2{color:#323130;margin:0;font-size:16px;font-weight:600}.mail-compose-fields{border-bottom:1px solid #edebe9;padding:8px 0}.mail-compose-field{align-items:center;gap:8px;padding:4px 20px;display:flex;position:relative}.mail-compose-label{color:#605e5c;min-width:40px;font-size:12px;font-weight:600}.mail-compose-input{color:#323130;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;flex:1;padding:6px 10px;font-size:13px;transition:border-color .15s}.mail-compose-input:focus{border-color:#0078d4}.mail-compose-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.mail-compose-signature{background:#faf9f8;border-top:1px solid #edebe9;padding:12px 20px 16px}.mail-compose-signature-divider{color:#a19f9d;letter-spacing:1px;margin-bottom:8px;font-size:10px}.mail-compose-attachments{border-top:1px solid #edebe9;flex-wrap:wrap;gap:6px;padding:8px 20px;display:flex}.mail-compose-att-chip{color:#323130;background:#f3f2f1;border:1px solid #edebe9;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.mail-att-remove{cursor:pointer;color:#a19f9d;background:0 0;border:none;padding:0 2px;font-size:12px}.mail-compose-footer{background:#faf9f8;border-top:1px solid #edebe9;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.mail-compose-footer-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-send-btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:3px;padding:7px 20px;font-size:13px;font-weight:600;transition:background .15s}.mail-send-btn:hover{background:#106ebe}.mail-send-btn:disabled{opacity:.5;cursor:default}.mail-attach-btn{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:6px 12px;font-size:12px}.mail-attach-btn:hover{background:#f3f2f1}.mail-discard-btn{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:6px 12px;font-size:12px}.mail-discard-btn:hover{color:#a4262c;background:#fde7e9}.mail-login-page{background:#f3f2f1;justify-content:center;align-items:center;height:100vh;display:flex}.mail-login-card{background:#fff;border:1px solid #edebe9;border-radius:6px;width:400px;padding:40px;box-shadow:0 2px 8px #00000014}.mail-login-card h1{color:#0078d4;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.mail-login-subtitle{color:#605e5c;text-align:center;margin-bottom:24px;font-size:13px}.mail-login-form{flex-direction:column;gap:12px;display:flex}.mail-login-field{flex-direction:column;gap:4px;display:flex}.mail-login-field label{color:#323130;font-size:12px;font-weight:600}.mail-login-input{color:#323130;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.mail-login-input:focus{border-color:#0078d4}.mail-login-btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:3px;margin-top:8px;padding:10px;font-size:14px;font-weight:600}.mail-login-btn:hover{background:#106ebe}.mail-login-btn:disabled{opacity:.5}.mail-login-error{color:#a4262c;background:#fde7e9;border:1px solid #f1c7c9;border-radius:3px;padding:8px 12px;font-size:13px}.mail-context-menu{z-index:1000;background:#fff;border:1px solid #edebe9;border-radius:4px;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #0000001f}.mail-context-menu button{color:#323130;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 16px;font-size:12px;display:flex}.mail-context-menu button:hover{background:#f3f2f1}.mail-context-menu hr{border:none;border-top:1px solid #edebe9;margin:4px 0}.mail-toast{z-index:10000;color:#fff;background:#323130;border-radius:4px;padding:10px 20px;font-size:13px;animation:.3s ease-out toastSlideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0003}.mail-toast.success{background:#107c10}.mail-toast.error{background:#a4262c}.mail-toast-undo{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #fff6;border-radius:3px;margin-left:12px;padding:2px 10px;font-size:12px;font-weight:600}.mail-toast-undo:hover{background:#fff6}.mail-quick-reply{background:#faf9f8;border-top:1px solid #edebe9;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.mail-quick-reply input{border:1px solid #c8c6c4;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-size:13px}.mail-quick-reply input:focus{border-color:#0078d4}.mail-quick-reply button{color:#fff;cursor:pointer;white-space:nowrap;background:#0078d4;border:none;border-radius:4px;padding:8px 16px;font-size:13px}.mail-quick-reply button:hover{background:#106ebe}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mail-loading{color:#a19f9d;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}.mail-spinner{border:2px solid #edebe9;border-top-color:#0078d4;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mail-empty{color:#a19f9d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.mail-keyboard-hints{color:#a19f9d;background:#faf9f8;border-radius:4px;margin:4px 12px 0;padding:10px 16px;font-size:11px}.mail-hint-title{color:#605e5c;margin-bottom:4px;font-weight:600}.mail-hint{margin-bottom:2px}.mail-hint kbd{color:#605e5c;background:#edebe9;border-radius:3px;margin-right:2px;padding:1px 5px;font-family:inherit;font-size:10px}.mail-autocomplete{z-index:100;background:#fff;border:1px solid #edebe9;border-radius:4px;max-height:160px;position:absolute;top:100%;left:56px;right:20px;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.mail-autocomplete button{color:#323130;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;display:flex}.mail-autocomplete button:hover{background:#f3f2f1}.mail-ac-name{font-weight:600}.mail-ac-email{color:#a19f9d}.mail-settings-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out settingsOverlayIn;display:flex;position:fixed;inset:0}@keyframes settingsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes settingsModalIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mail-settings-panel{background:#faf9f8;border-radius:12px;flex-direction:column;width:680px;max-width:90vw;height:620px;max-height:85vh;animation:.25s ease-out settingsModalIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000040,0 8px 24px #00000026}.mail-settings-header{background:#fff;border-bottom:1px solid #edebe9;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.mail-settings-header h2{color:#323130;margin:0;font-size:20px;font-weight:600}.mail-settings-close{color:#605e5c;cursor:pointer;background:#f3f2f1;border:1px solid #edebe9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.mail-settings-close:hover{color:#323130;background:#e1dfdd}.mail-settings-tabs{background:#fff;border-bottom:1px solid #edebe9;gap:4px;padding:0 28px;display:flex}.mail-settings-tab{color:#605e5c;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:11px 18px;font-size:13px;font-weight:500;transition:all .15s}.mail-settings-tab:hover{color:#323130;background:#f3f2f1}.mail-settings-tab.active{color:#0078d4;border-bottom-color:#0078d4;font-weight:600}.mail-settings-body{flex:1;padding:24px 28px;overflow-y:auto}.mail-settings-group{background:#fff;border:1px solid #edebe9;border-radius:6px;margin-bottom:16px;padding:20px 24px;box-shadow:0 1px 2px #00000008}.mail-settings-group h3{color:#0078d4;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #edebe9;margin:0 0 14px;padding-bottom:10px;font-size:11px;font-weight:600}.mail-settings-label{color:#323130;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.mail-settings-input{color:#323130;box-sizing:border-box;background:#faf9f8;border:1px solid #c8c6c4;border-radius:4px;outline:none;width:100%;margin-bottom:12px;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.mail-settings-input:focus{background:#fff;border-color:#0078d4;box-shadow:0 0 0 2px #0078d426}.mail-settings-toggle{background:#faf9f8;border:1px solid #edebe9;border-radius:4px;align-items:center;gap:12px;margin:10px 0;padding:8px 12px;display:flex}.mail-settings-toggle input{accent-color:#0078d4;cursor:pointer;width:18px;height:18px}.mail-settings-toggle span,.mail-settings-toggle label{color:#323130;font-size:13px}.mail-settings-save{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:4px;margin-top:16px;padding:9px 24px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 1px 3px #0078d433}.mail-settings-save:hover{background:#106ebe;box-shadow:0 2px 6px #0078d44d}.mail-settings-footer{background:#faf9f8;border-top:1px solid #edebe9;justify-content:flex-start;align-items:center;gap:8px;padding:14px 28px;display:flex}.mail-settings-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0078d4;border:none;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:0 1px 3px #0078d433}.mail-settings-action-btn:hover{background:#106ebe;box-shadow:0 2px 6px #0078d44d}.mail-settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.mail-settings-save-btn{padding:9px 28px}.mail-settings-cancel-btn{color:#323130;cursor:pointer;background:#fff;border:1px solid #d2d0ce;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.mail-settings-cancel-btn:hover{background:#f3f2f1;border-color:#c8c6c4}.mail-settings-empty{color:#a19f9d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.mail-settings-hint{color:#a19f9d;margin-top:2px;font-size:11px;display:block}.mail-settings-field{margin-bottom:16px}.mail-settings-field:last-child{margin-bottom:0}.mail-tab-icon{margin-right:4px}.mail-contact-count{color:#a19f9d;background:#f3f2f1;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.mail-contacts-list{margin:0;padding:0;list-style:none}.mail-contact-item{border-bottom:1px solid #f3f2f1;align-items:center;gap:10px;padding:8px 0;display:flex}.mail-contact-avatar{color:#fff;background:#0078d4;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.mail-contact-info{flex:1}.mail-contact-name{color:#323130;font-size:13px;font-weight:600}.mail-contact-email{color:#a19f9d;font-size:11px}.mail-contact-delete{color:#a19f9d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.mail-contact-delete:hover{color:#a4262c}.mail-account-btn{cursor:pointer;color:#605e5c;background:0 0;border:1px solid #edebe9;border-radius:4px;align-items:center;gap:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:6px 12px;font-size:12px;transition:background .1s;display:flex}.mail-account-btn:hover{background:#e1dfdd}.mail-account-avatar{color:#fff;background:#0078d4;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.mail-account-email{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mail-account-chevron{color:#a19f9d;font-size:8px}.mail-account-switcher{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mail-account-dropdown{background:#fff;border:1px solid #edebe9;border-radius:6px;width:360px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.mail-asd-header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mail-asd-header h3{color:#323130;margin:0;font-size:16px}.mail-asd-header button{color:#605e5c;cursor:pointer;background:0 0;border:none;font-size:16px}.mail-asd-current{background:#deecf9;align-items:center;gap:12px;padding:12px 20px;display:flex}.mail-asd-account{justify-content:space-between;align-items:center;padding:4px 20px;display:flex}.mail-asd-switch{color:#323130;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.mail-asd-switch:hover{color:#0078d4}.mail-asd-add{color:#605e5c;cursor:pointer;text-align:center;background:0 0;border:1px dashed #c8c6c4;border-radius:3px;width:calc(100% - 40px);margin:8px 20px;padding:8px;font-size:12px;display:block}.mail-asd-add:hover{color:#0078d4;border-color:#0078d4}.mail-asd-add-form{flex-direction:column;gap:8px;padding:12px 20px;display:flex}.mail-asd-add-form input{color:#323130;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;padding:8px 10px;font-size:13px}.mail-asd-add-form input:focus{border-color:#0078d4}.mail-calendar-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.mail-cal-header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mail-cal-header h2{color:#323130;margin:0;font-size:18px}.mail-cal-close{color:#605e5c;cursor:pointer;background:0 0;border:none;font-size:18px}.mail-cal-nav{border-bottom:1px solid #edebe9;align-items:center;gap:8px;padding:12px 24px;display:flex}.mail-cal-nav button{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:4px 10px;font-size:12px}.mail-cal-nav button:hover{background:#f3f2f1}.mail-cal-month{text-align:center;color:#323130;flex:1;font-size:15px;font-weight:600}.mail-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:8px 24px;display:grid}.mail-cal-dayname{text-align:center;color:#a19f9d;padding:4px 0;font-size:11px;font-weight:600}.mail-cal-day{text-align:center;cursor:pointer;color:#605e5c;border-radius:3px;padding:8px 4px;font-size:13px;transition:background .1s;position:relative}.mail-cal-day:hover{background:#f3f2f1}.mail-cal-day.other-month{color:#c8c6c4}.mail-cal-day.selected{color:#0078d4;background:#deecf9;font-weight:600}.mail-cal-today{border-radius:50%;font-weight:600;color:#fff!important;background:#0078d4!important}.mail-cal-dots{justify-content:center;gap:2px;margin-top:2px;display:flex}.mail-cal-dot{border-radius:50%;width:4px;height:4px}.mail-cal-detail{border-top:1px solid #edebe9;flex:1;padding:16px 24px;overflow-y:auto}.mail-cal-detail h3{color:#323130;margin:0 0 10px;font-size:14px}.mail-cal-event{background:#faf9f8;border:1px solid #edebe9;border-radius:4px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px;display:flex}.mail-cal-event-color{border-radius:2px;flex-shrink:0;align-self:stretch;width:4px}.mail-cal-event-info{flex:1}.mail-cal-event-title{color:#323130;font-size:13px;font-weight:600}.mail-cal-event-time{color:#a19f9d;font-size:11px}.mail-cal-event-desc{color:#605e5c;margin-top:4px;font-size:12px}.mail-cal-event-actions{gap:4px;display:flex}.mail-cal-event-actions button{color:#a19f9d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px}.mail-cal-event-actions button:hover{color:#323130}.mail-cal-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.mail-cal-form input,.mail-cal-form textarea{color:#323130;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.mail-cal-form input:focus,.mail-cal-form textarea:focus{border-color:#0078d4}.mail-cal-form label{color:#605e5c;font-size:12px;font-weight:600}.mail-cal-color-picker{align-items:center;gap:6px;display:flex}.mail-cal-color-opt{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .15s}.mail-cal-color-opt:hover,.mail-cal-color-opt.selected{border-color:#323130}.mail-tiptap-editor{flex-direction:column;flex:1;min-height:200px;display:flex}.mail-tiptap-toolbar{background:#faf9f8;border-bottom:1px solid #edebe9;flex-wrap:wrap;gap:1px;padding:6px 10px;display:flex}.mail-tiptap-toolbar button{color:#605e5c;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:3px;min-width:26px;padding:4px 7px;font-size:13px;transition:all .1s}.mail-tiptap-toolbar button:hover{color:#323130;background:#e1dfdd}.mail-tiptap-toolbar button.active{color:#0078d4;background:#deecf9;border-color:#a3d3f7}.mail-tiptap-toolbar button:disabled{opacity:.3;cursor:default}.mail-tiptap-sep{background:#edebe9;align-self:stretch;width:1px;margin:0 4px}.mail-tiptap-content{color:#323130;outline:none;flex:1;min-height:200px;padding:16px 20px;font-size:14px;line-height:1.6}.mail-tiptap-content p{margin:0 0 8px}.mail-tiptap-content h1,.mail-tiptap-content h2,.mail-tiptap-content h3{color:#323130;margin:12px 0 6px}.mail-tiptap-content ul,.mail-tiptap-content ol{margin:8px 0;padding-left:24px}.mail-tiptap-content blockquote{color:#605e5c;border-left:3px solid #edebe9;margin:8px 0;padding-left:16px}.mail-tiptap-content code{background:#f3f2f1;border-radius:3px;padding:2px 6px;font-size:13px}.mail-tiptap-content a{color:#0078d4;text-decoration:underline}.mail-tiptap-content hr{border:none;border-top:1px solid #edebe9;margin:12px 0}.mail-tiptap-content img{border-radius:4px;max-width:100%;margin:8px 0}.mail-tiptap-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#a19f9d;pointer-events:none;height:0}.mail-tiptap-editor .tiptap{outline:none;flex:1}.mail-folder-create{gap:4px;padding:6px 12px;display:flex}.mail-folder-create input{color:#323130;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;flex:1;padding:5px 8px;font-size:12px}.mail-folder-create input:focus{border-color:#0078d4}.mail-folder-create button{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:3px 7px;font-size:12px}.mail-folder-create button:hover{background:#e1dfdd}.mail-folder-add{color:#a19f9d;cursor:pointer;text-align:center;background:0 0;border:1px dashed #c8c6c4;border-radius:3px;width:calc(100% - 24px);margin:4px 12px;padding:5px;font-size:11px;display:block}.mail-folder-add:hover{color:#0078d4;border-color:#0078d4}.mail-theme-btn{color:#605e5c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;width:100%;padding:6px 8px;font-size:12px;transition:background .1s}.mail-theme-btn:hover{color:#323130;background:#e1dfdd}.mail-label-dots{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.mail-label-pill{white-space:nowrap;border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:1px 7px 1px 5px;font-size:10px;font-weight:600;line-height:16px;display:inline-flex}.mail-label-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mail-filter-bar{background:#faf9f8;border-bottom:1px solid #edebe9;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.mail-filter-btn{cursor:pointer;color:#605e5c;white-space:nowrap;background:#fff;border:1px solid #e1dfdd;border-radius:12px;padding:3px 10px;font-size:11px}.mail-filter-btn:hover{background:#f3f2f1}.mail-filter-btn.active{color:#fff;background:#0078d4;border-color:#0078d4}[data-theme=dark] .mail-filter-bar{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-filter-btn{color:#d2d0ce;background:#2d2c2b;border-color:#3b3a39}[data-theme=dark] .mail-filter-btn:hover{background:#3b3a39}[data-theme=dark] .mail-filter-btn.active{color:#fff;background:#0078d4;border-color:#0078d4}.mail-print-btn{color:#605e5c;cursor:pointer;background:0 0;border:1px solid #c8c6c4;border-radius:3px;padding:5px 10px;font-size:12px}.mail-print-btn:hover{background:#f3f2f1}.mail-template-select{color:#605e5c;cursor:pointer;background:#fff;border:1px solid #c8c6c4;border-radius:3px;outline:none;padding:5px 10px;font-size:12px}.mail-template-select:hover{border-color:#0078d4}.mail-template-select option{color:#323130;background:#fff}[data-theme=dark] .mail-app{color:#d6d5d4;background:#1b1a19}[data-theme=dark] .mail-sidebar{background:#252423;border-right-color:#3b3a39}[data-theme=dark] .mail-header-bar{background:#005a9e}[data-theme=dark] .mail-ribbon{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-ribbon-btn{color:#d2d0ce}[data-theme=dark] .mail-ribbon-btn:hover,[data-theme=dark] .mail-ribbon-divider{background:#3b3a39}[data-theme=dark] .mail-snooze-picker{background:#2d2c2b;border-color:#3b3a39;box-shadow:0 8px 24px #0006}[data-theme=dark] .mail-snooze-picker button{color:#d2d0ce}[data-theme=dark] .mail-snooze-picker button:hover{background:#3b3a39}[data-theme=dark] .mail-snooze-title{color:#a19f9d}[data-theme=dark] .mail-snooze-picker hr{border-color:#3b3a39}[data-theme=dark] .mail-snooze-input{color:#d2d0ce;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-main{background:#1b1a19}[data-theme=dark] .mail-sidebar-section-title{color:#8a8886}[data-theme=dark] .mail-sidebar-footer{border-top-color:#3b3a39}[data-theme=dark] .mail-sidebar-nav-btn{color:#8a8886}[data-theme=dark] .mail-sidebar-nav-btn:hover{color:#d2d0ce;background:#3b3a39}[data-theme=dark] .mail-sidebar-nav-btn.active{color:#4db8ff;background:#1a3a52;border-left-color:#4db8ff}[data-theme=dark] .mail-list{background:#1b1a19;border-right-color:#3b3a39}[data-theme=dark] .mail-reading-pane{background:#1b1a19}[data-theme=dark] .mail-compose-overlay{background:#0009}[data-theme=dark] .mail-compose{background:#1b1a19;box-shadow:0 24px 80px #00000080,0 8px 24px #0000004d}[data-theme=dark] .mail-settings-overlay{background:#0009}[data-theme=dark] .mail-settings-panel{background:#1b1a19;box-shadow:0 24px 80px #00000080,0 8px 24px #0000004d}[data-theme=dark] .mail-calendar-panel,[data-theme=dark] .mail-settings-panel{background:#1b1a19}[data-theme=dark] .mail-settings-header{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-settings-close{color:#a19f9d}[data-theme=dark] .mail-settings-group{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-settings-input:focus{background:#252423;border-color:#4ea8de}[data-theme=dark] .mail-settings-toggle span{color:#e1dfdd}[data-theme=dark] .mail-settings-hint{color:#8a8886}[data-theme=dark] .mail-settings-footer{background:#252423;border-top-color:#3b3a39}[data-theme=dark] .mail-settings-cancel-btn{color:#e1dfdd;background:#323130;border-color:#484644}[data-theme=dark] .mail-settings-cancel-btn:hover{background:#3b3a39}[data-theme=dark] .mail-settings-empty{color:#8a8886}[data-theme=dark] .mail-contact-item{border-bottom-color:#3b3a39}[data-theme=dark] .mail-contact-email{color:#8a8886}[data-theme=dark] .mail-contact-count{color:#8a8886;background:#323130}[data-theme=dark] .mail-folder-item{color:#c8c6c4}[data-theme=dark] .mail-folder-item:hover{background:#3b3a39}[data-theme=dark] .mail-folder-item.active{color:#4db8ff;background:#1a3b5c;border-left-color:#4db8ff}[data-theme=dark] .mail-folder-count{background:#4db8ff}[data-theme=dark] .mail-message-item{border-bottom-color:#3b3a39}[data-theme=dark] .mail-message-item:hover{background:#252423}[data-theme=dark] .mail-message-item.active{background:#1a3b5c}[data-theme=dark] .mail-message-from{color:#c8c6c4}[data-theme=dark] .mail-message-subject{color:#d6d5d4}[data-theme=dark] .mail-message-preview,[data-theme=dark] .mail-message-date{color:#8a8886}[data-theme=dark] .mail-message-item.unread .mail-message-subject,[data-theme=dark] .mail-message-item.unread .mail-message-from{color:#fff}[data-theme=dark] .mail-unread-dot{background:#4db8ff}[data-theme=dark] .mail-date-group{color:#4db8ff;background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-reading-subject{color:#fff}[data-theme=dark] .mail-reading-from-name,[data-theme=dark] .mail-reading-body-content{color:#d6d5d4}[data-theme=dark] .mail-reading-actions,[data-theme=dark] .mail-compose-header{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-compose-header h2{color:#d6d5d4}[data-theme=dark] .mail-compose-input{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-compose-footer{background:#252423;border-top-color:#3b3a39}[data-theme=dark] .mail-tiptap-toolbar{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-tiptap-toolbar button{color:#c8c6c4}[data-theme=dark] .mail-tiptap-toolbar button:hover{background:#3b3a39}[data-theme=dark] .mail-tiptap-toolbar button.active{color:#4db8ff;background:#1a3b5c}[data-theme=dark] .mail-tiptap-content{color:#d6d5d4}[data-theme=dark] .mail-tiptap-content code,[data-theme=dark] .mail-tiptap-sep{background:#3b3a39}[data-theme=dark] .mail-search-input{color:#d6d5d4;background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-search-input::placeholder{color:#8a8886}[data-theme=dark] .mail-list-toolbar{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-reading-header,[data-theme=dark] .mail-compose-fields{border-bottom-color:#3b3a39}[data-theme=dark] .mail-context-menu{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-context-menu button{color:#d6d5d4}[data-theme=dark] .mail-context-menu button:hover{background:#3b3a39}[data-theme=dark] .mail-context-menu hr{border-top-color:#3b3a39}[data-theme=dark] .mail-settings-panel{background:#1b1a19}[data-theme=dark] .mail-settings-header{box-shadow:none;background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-settings-header h2{color:#d6d5d4}[data-theme=dark] .mail-settings-close{color:#c8c6c4;background:#3b3a39;border-color:#484644}[data-theme=dark] .mail-settings-close:hover{color:#fff;background:#484644}[data-theme=dark] .mail-settings-tabs{background:#252423;border-bottom-color:#3b3a39}[data-theme=dark] .mail-settings-tab{color:#8a8886}[data-theme=dark] .mail-settings-tab:hover{color:#c8c6c4;background:#3b3a39}[data-theme=dark] .mail-settings-tab.active{color:#4db8ff;border-bottom-color:#4db8ff}[data-theme=dark] .mail-settings-body{background:#1b1a19}[data-theme=dark] .mail-settings-group{box-shadow:none;background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-settings-group h3{color:#4db8ff;border-bottom-color:#3b3a39}[data-theme=dark] .mail-settings-input{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-settings-input:focus{background:#252423;border-color:#4db8ff;box-shadow:0 0 0 2px #4db8ff26}[data-theme=dark] .mail-settings-label{color:#c8c6c4}[data-theme=dark] .mail-settings-toggle{background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-settings-toggle span,[data-theme=dark] .mail-settings-toggle label{color:#c8c6c4}[data-theme=dark] .mail-account-btn{color:#c8c6c4;border-color:#3b3a39}[data-theme=dark] .mail-account-btn:hover{background:#3b3a39}[data-theme=dark] .mail-account-dropdown{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-asd-header{border-bottom-color:#3b3a39}[data-theme=dark] .mail-asd-header h3{color:#d6d5d4}[data-theme=dark] .mail-asd-current{background:#1a3b5c}[data-theme=dark] .mail-asd-add-form input{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-cal-month{color:#d6d5d4}[data-theme=dark] .mail-cal-day{color:#c8c6c4}[data-theme=dark] .mail-cal-day:hover{background:#3b3a39}[data-theme=dark] .mail-cal-day.selected{color:#4db8ff;background:#1a3b5c}[data-theme=dark] .mail-cal-detail{border-top-color:#3b3a39}[data-theme=dark] .mail-cal-event{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-cal-event-title{color:#d6d5d4}[data-theme=dark] .mail-cal-form input,[data-theme=dark] .mail-cal-form textarea{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-keyboard-hints{color:#8a8886;background:#252423}[data-theme=dark] .mail-keyboard-hints kbd{color:#c8c6c4;background:#3b3a39}[data-theme=dark] .mail-folder-create input{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-folder-add{color:#8a8886;border-color:#3b3a39}[data-theme=dark] .mail-toast{background:#3b3a39}[data-theme=dark] .mail-quick-reply{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-quick-reply input{color:#d2d0ce;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-quick-reply button{background:#0078d4}.mail-thread-badge{color:#323130;background:#e1dfdd;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}[data-theme=dark] .mail-thread-badge{color:#d2d0ce;background:#3b3a39}[data-theme=dark] .mail-att-thumb{border-color:#3b3a39}[data-theme=dark] .mail-att-btn{color:#d2d0ce;background:#2d2c2b;border-color:#3b3a39}[data-theme=dark] .mail-att-btn:hover{background:#3b3a39}[data-theme=dark] .mail-login-card{background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-login-input{color:#d6d5d4;background:#1b1a19;border-color:#3b3a39}[data-theme=dark] .mail-login-field label{color:#c8c6c4}[data-theme=dark] .mail-reading-empty{background:#1b1a19}[data-theme=dark] .mail-action-btn{color:#c8c6c4;border-color:#3b3a39}[data-theme=dark] .mail-action-btn:hover{background:#3b3a39}[data-theme=dark] .mail-attachment-chip{color:#d6d5d4;background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-reading-attachments{border-bottom-color:#3b3a39}[data-theme=dark] .mail-template-select{color:#c8c6c4;background:#252423;border-color:#3b3a39}[data-theme=dark] .mail-print-btn{color:#c8c6c4;border-color:#3b3a39}[data-theme=dark] .mail-contact-name{color:#d6d5d4}@media (max-width:768px){.mail-app{flex-direction:column}.mail-sidebar{width:100%;min-width:auto;height:auto;max-height:50vh}.mail-list{width:100%;min-width:auto}.mail-keyboard-hints{display:none}.mail-reading-pane{z-index:100;background:#fff;position:fixed;inset:0}[data-theme=dark] .mail-reading-pane{background:#1b1a19}}