:root{--color-primary:#0078d4;--color-primary-hover:#005a9e;--color-primary-active:#004578;--color-primary-light:#eff6fc;--color-bg-card:#fff;--color-bg-disabled:#f3f2f1;--color-bg-hover:#f3f2f1;--color-text-main:#323130;--color-text-secondary:#201f1e;--color-text-muted:#605e5c;--color-text-disabled:#a19f9d;--color-text-link:#0078d4;--color-text-link-hover:#004578;--color-border:#a19f9d;--color-border-hover:#605e5c;--color-border-focus:#0078d4;--color-border-light:#d2d0ce;--card-shadow:0 4px 16px #00000026, 0 2px 4px #0000001a;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--transition-fast:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f2f1;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}a{color:var(--color-text-link);cursor:pointer;text-decoration:none}a:hover{color:var(--color-text-link-hover);text-decoration:underline}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}input{font-family:var(--font-family);outline:none}body.dark-mode{--color-bg-card:#201f1e;--color-bg-disabled:#292929;--color-bg-hover:#2d2c2b;--color-text-main:#f3f2f1;--color-text-secondary:#fff;--color-text-muted:#c8c6c4;--color-text-disabled:#484644;--color-text-link:#2b88d8;--color-text-link-hover:#eff6fc;--color-border:#484644;--color-border-hover:#8a8886;--color-border-focus:#2b88d8;--color-border-light:#292929}.login-page-container{background:url(https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.8s ease-in-out fadeIn;display:flex;position:relative}body.dark-mode .login-page-container{background-image:url(https://images.unsplash.com/photo-1475274047050-1d0c0975c63e?auto=format&fit=crop&w=1920&q=80)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.outlook-card{background:var(--color-bg-card);border-radius:var(--border-radius-md);width:440px;min-height:520px;box-shadow:var(--card-shadow);z-index:10;flex-direction:column;justify-content:space-between;padding:44px 44px 36px;transition:transform .3s,height .3s;display:flex;position:relative}.step-container{flex-direction:column;height:100%;animation:.35s cubic-bezier(.1,.9,.2,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-title{color:var(--color-text-main);text-align:center;margin-bottom:16px;font-size:24px;font-weight:600;line-height:32px}.card-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:32px;font-size:13px;line-height:18px}.email-display{color:var(--color-text-main);text-align:center;margin-top:-12px;margin-bottom:24px;font-size:14px;font-weight:400}.provider-icons-row{justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.provider-icon-wrapper{justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.provider-icon-wrapper:hover{transform:scale(1.1)}.provider-icon{object-fit:contain;width:100%;height:100%}.center-icon-container{color:var(--color-text-muted);justify-content:center;align-items:center;margin-bottom:28px;display:flex}.center-icon-container.blue-theme{color:var(--color-primary)}.form-group{flex-direction:column;margin-top:12px;display:flex}.form-label{color:var(--color-text-main);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.info-icon{border:1px solid var(--color-text-muted);cursor:help;width:14px;height:14px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.outlook-input{width:100%;color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-bg-card);transition:border-color var(--transition-fast);padding:8px 10px;font-size:14px}.outlook-input:hover{border-color:var(--color-border-hover)}.outlook-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.outlook-input::placeholder{color:var(--color-text-disabled)}.input-link-subtext{color:var(--color-text-muted);margin-top:10px;font-size:12px}.forgot-password-link{margin-top:12px;font-size:13px;display:inline-block}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-top:18px;display:flex}.toggle-label{color:var(--color-text-main);margin-right:8px;font-size:13px}.switch-container{width:38px;height:20px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;border:1.5px solid var(--color-border);background-color:#fff;border-radius:20px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#323130;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:2.5px;left:3px}.switch-container input:checked+.switch-slider{border-color:var(--color-primary);background-color:#eff6fc}.switch-container input:checked+.switch-slider:before{background-color:var(--color-primary);transform:translate(18px)}.sync-description{color:var(--color-text-main);text-align:center;margin-bottom:24px;font-size:13px;line-height:18px}.card-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:40px;display:flex}.btn-outlook{text-align:center;border-radius:var(--border-radius-sm);justify-content:center;align-items:center;min-width:90px;padding:6px 20px;font-size:14px;font-weight:400;display:inline-flex}.btn-outlook.primary{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed;border:1px solid #0000}.btn-outlook.primary.active{background-color:var(--color-primary);color:#fff;cursor:pointer}.btn-outlook.primary.active:hover{background-color:var(--color-primary-hover)}.btn-outlook.primary.active:active{background-color:var(--color-primary-active)}.btn-outlook.primary-blue{background-color:var(--color-primary);color:#fff;border:1px solid #0000}.btn-outlook.primary-blue:hover{background-color:var(--color-primary-hover)}.btn-outlook.secondary{color:var(--color-text-main);border:1px solid var(--color-border);background-color:#fff}.btn-outlook.secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.window-titlebar{color:#fff;z-index:100;-webkit-user-select:none;user-select:none;background-color:#201f1e;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.window-title{align-items:center;gap:8px;display:flex}.titlebar-logo{object-fit:contain;width:16px;height:16px}.window-controls{align-items:center;height:100%;display:flex}.control-btn{cursor:default;color:#fff;justify-content:center;align-items:center;width:46px;height:100%;font-size:14px;transition:background-color .1s;display:flex}.control-btn:hover{background-color:#ffffff26}.control-btn.close:hover{color:#fff;background-color:#e81123}.card-brand-header{justify-content:center;align-items:center;margin-top:-10px;margin-bottom:16px;display:flex}.card-brand-logo{object-fit:contain;max-width:140px;max-height:40px}@media (width<=768px){.login-page-container{background-position:30%}}@media (width<=600px){.outlook-card{width:100%;height:100vh;min-height:100vh;box-shadow:none;border-radius:0;justify-content:space-between;padding:60px 24px 36px}.login-page-container{background:var(--color-bg-card);align-items:stretch}.window-titlebar{display:none}body.dark-mode .switch-slider:before{background-color:#f3f2f1}.card-actions{flex-direction:column-reverse;gap:10px;width:100%;margin-top:auto}.btn-outlook{width:100%;padding:10px}}.mobile-theme-toggle{display:none}@media (width<=600px){.mobile-theme-toggle{background-color:var(--color-bg-card);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-main);z-index:200;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000026}.mobile-theme-toggle:hover{background-color:var(--color-bg-hover)}}.home-container{background-color:var(--color-bg-card);width:100vw;height:100vh;color:var(--color-text-main);flex-direction:column;display:flex;overflow:hidden}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-border)}body.dark-mode .custom-scrollbar::-webkit-scrollbar-thumb{background:#3c3b3a}body.dark-mode .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555350}.ribbon-container{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);background-color:#f3f2f1;flex-shrink:0}body.dark-mode .ribbon-container{border-bottom:1px solid var(--color-border);background-color:#201f1e}.window-titlebar{color:#000;background-color:#f3f2f1;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:32px;padding:6px 12px;font-size:12px;display:flex}body.dark-mode .window-titlebar{color:#fff;background-color:#201f1e;border-bottom:1px solid #ffffff0d}.window-title{align-items:center;gap:8px;font-weight:500;display:flex}.titlebar-logo{width:auto;height:16px}.window-controls{align-items:center;gap:12px;display:flex}.notification-control{color:#000}body.dark-mode .notification-control{color:#fff}.control-btn.theme-toggle{color:var(--color-text-muted);border-radius:4px;padding:4px}.control-btn.theme-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.ribbon-menu-tabs{border-bottom:1px solid #0000000d;gap:4px;padding-left:12px;display:flex}body.dark-mode .ribbon-menu-tabs{border-bottom:1px solid #ffffff0d}.ribbon-tab{color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid #0000;padding:6px 16px;font-size:13px;font-weight:400}.ribbon-tab:hover{color:var(--color-text-main);background-color:var(--color-bg-hover)}.ribbon-tab.active{color:var(--color-text-secondary);border-bottom-color:var(--color-primary);font-weight:600}.ribbon-toolbar{background-color:#fff;align-items:center;gap:0;height:82px;padding:4px 12px;display:flex;overflow-x:auto}body.dark-mode .ribbon-toolbar{background-color:#252423}.ribbon-group{border-right:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;height:100%;padding:2px 12px;display:flex}body.dark-mode .ribbon-group{border-right:1px solid var(--color-border)}.ribbon-group:last-child{border-right:none}.ribbon-group-buttons{flex:1;align-items:center;gap:4px;display:flex}.ribbon-group-label{color:var(--color-text-muted);text-align:center;-webkit-user-select:none;user-select:none;margin-top:2px;font-size:10px}.ribbon-btn{border-radius:var(--border-radius-md);min-width:48px;color:var(--color-text-main);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.ribbon-btn:hover{background-color:var(--color-bg-hover)}.ribbon-btn.disabled{opacity:.4;cursor:not-allowed}.ribbon-btn.disabled:hover{background-color:#0000}.ribbon-btn svg{color:var(--color-primary)}body.dark-mode .ribbon-btn svg{color:#479ef5}.main-content-area{background-image:url(/assets/wallpaper-BkJ5I1oV.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;gap:10px;width:100%;padding:10px;display:flex;position:relative;overflow:hidden}.sidebar-panel{scrollbar-width:thin;scrollbar-color:#80808073 transparent;-webkit-backdrop-filter:blur(24px);width:240px;min-height:0;transition:background-color var(--transition-fast);background-color:#ffffffbf;border:1px solid #ffffff4d;border-radius:8px;flex-direction:column;flex-shrink:0;padding:12px 0;display:flex;overflow-y:auto;box-shadow:0 8px 32px #1f268714}.sidebar-panel::-webkit-scrollbar{width:4px}.sidebar-panel::-webkit-scrollbar-button{width:4px;height:8px;display:block}.sidebar-panel::-webkit-scrollbar-thumb{background:#80808073;border-radius:4px}.sidebar-panel::-webkit-scrollbar-track{background:0 0}body.dark-mode .sidebar-panel{background-color:#14141473;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000005e}.sidebar-section{margin-bottom:20px}.sidebar-section-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:4px 20px;font-size:11px;font-weight:600;display:flex}.sidebar-item{color:var(--color-text-main);cursor:pointer;transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:8px 20px;font-size:14px;display:flex}.sidebar-item:hover{background-color:var(--color-bg-hover)}.sidebar-item.active{background-color:var(--color-primary-light);color:var(--color-primary-hover);font-weight:600}body.dark-mode .sidebar-item.active{color:#479ef5;background-color:#112e51}.sidebar-item-badge{color:var(--color-text-muted);background-color:#0000000d;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:12px;font-weight:700}.sidebar-item.active .sidebar-item-badge{background-color:var(--color-primary);color:#fff}body.dark-mode .sidebar-item-badge{color:var(--color-text-muted);background-color:#ffffff14}.sidebar-item-actions{align-items:center;gap:2px;display:none}.sidebar-item:hover .sidebar-item-actions{display:flex}.folder-action-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px 4px;transition:background-color .15s,color .15s;display:flex}.folder-action-btn:hover{background-color:var(--color-bg-hover,#00000014);color:var(--color-primary,#0078d4)}body.dark-mode .folder-action-btn:hover{color:#479ef5;background-color:#ffffff1f}.folder-action-btn.delete-btn:hover{color:#d83b01;background-color:#d83b011f}.add-account-btn{border:1px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-main);background-color:#0000;justify-content:center;align-items:center;gap:8px;margin:auto 16px 0;padding:10px;font-size:13px;font-weight:500;display:flex}.add-account-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.maillist-panel{-webkit-backdrop-filter:blur(12px);background-color:#ffffffeb;border:1px solid #0000000d;border-radius:8px;flex-direction:column;flex-shrink:0;width:380px;display:flex;box-shadow:0 4px 12px #00000014}body.dark-mode .maillist-panel{background-color:#252423e6;border:1px solid #ffffff0d;box-shadow:0 4px 12px #0003}.maillist-header{border-bottom:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px;display:flex}body.dark-mode .maillist-header{border-bottom:1px solid var(--color-border)}.maillist-search-box{width:100%;position:relative}.maillist-search-input{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);width:100%;color:var(--color-text-main);background-color:#fff;padding:8px 12px 8px 36px;font-size:13px}body.dark-mode .maillist-search-input{border:1px solid var(--color-border);background-color:#201f1e}.maillist-search-input:focus{border-color:var(--color-border-focus);background-color:var(--color-bg-card)}.maillist-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.maillist-tabs-row{justify-content:space-between;align-items:center;display:flex}.maillist-tabs{gap:16px;display:flex}.maillist-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;padding-bottom:4px;font-size:14px;font-weight:500}.maillist-tab.active{color:var(--color-text-secondary);border-bottom-color:var(--color-primary);font-weight:700}.maillist-actions{color:var(--color-text-muted);gap:8px;display:flex}.maillist-action-btn{border-radius:var(--border-radius-sm);color:var(--color-text-secondary);padding:4px}.maillist-action-btn svg{color:inherit}.maillist-action-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.maillist-content{flex:1;overflow-y:auto}.maillist-group-header{cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast);background-color:#f8f9fa;border:none;border-bottom:1px solid #0000000a;outline:none;align-items:center;gap:8px;padding:10px 16px;display:flex}.maillist-group-header:hover{background-color:#f1f3f4}body.dark-mode .maillist-group-header{background-color:#201f1e;border-bottom:1px solid #ffffff0a}body.dark-mode .maillist-group-header:hover{background-color:#2d2c2b}.maillist-group-chevron{color:var(--color-text-muted);transition:transform .2s}.maillist-group-chevron.expanded{transform:rotate(90deg)}.maillist-group-title-text{color:var(--color-text-main);font-size:12px;font-weight:700}.mail-item{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid #00000008;gap:12px;padding:12px 16px;display:flex;position:relative}body.dark-mode .mail-item{border-bottom:1px solid #ffffff08}.mail-item:hover{background-color:var(--color-bg-hover)}.mail-item.selected{background-color:var(--color-primary-light)}body.dark-mode .mail-item.selected{background-color:#1b2f47}.mail-item.unread:before{content:"";background-color:var(--color-primary);width:3px;position:absolute;top:0;bottom:0;left:0}.mail-item-avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.mail-item-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mail-item-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mail-item-sender{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mail-item.unread .mail-item-sender{color:var(--color-text-secondary);font-weight:700}.mail-item-date{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.mail-item.unread .mail-item-date{color:var(--color-primary);font-weight:600}body.dark-mode .mail-item.unread .mail-item-date{color:var(--color-text-muted)}.mail-item-subject{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.mail-item-subject a,.mail-item-subject a *{color:inherit!important}.mail-item.unread .mail-item-subject{color:var(--color-primary)!important}.mail-item.unread .mail-item-subject a,.mail-item.unread .mail-item-subject a *{color:inherit!important}body.dark-mode .mail-item.unread .mail-item-subject{color:var(--color-text-secondary)!important}body.dark-mode .mail-item.unread .mail-item-subject a,body.dark-mode .mail-item.unread .mail-item-subject a *{color:inherit!important}body.dark-mode .mail-item .mail-item-subject,body.dark-mode .mail-item .mail-item-subject *{color:var(--color-text-secondary)!important}.mail-item-snippet{color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.mail-item-tags{justify-content:flex-end;align-items:center;gap:6px;height:16px;display:flex}.maillist-pagination-row{border-top:1px solid var(--color-border-light);background-color:var(--color-bg-card);justify-content:center;padding:12px;display:flex}body.dark-mode .maillist-pagination-row{border-top:1px solid var(--color-border)}.maillist-loadmore-btn{text-align:center;width:100%;color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--border-radius-md);border:1px solid #0078d433;padding:8px;font-size:13px;font-weight:600}.maillist-loadmore-btn:hover{background-color:#0078d426}.maillist-loadmore-btn:disabled{opacity:.5;cursor:not-allowed}.maildetails-panel{-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;border:1px solid #0000000d;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000001a}body.dark-mode .maildetails-panel{background-color:#1b1a19eb;border:1px solid #ffffff0d;box-shadow:0 4px 16px #00000040}.maildetails-empty{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.maildetails-empty-icon{opacity:.3;color:var(--color-primary)}.maildetails-titlebar{border-bottom:1px solid var(--color-border-light);background-color:#0000;flex-shrink:0;padding:16px 24px}body.dark-mode .maildetails-titlebar{border-bottom:1px solid var(--color-border)}.maildetails-scrollable-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.maildetails-meta-section{flex-direction:column;gap:16px;padding:16px 24px 0;display:flex}.maildetails-divider{border-bottom:1px solid var(--color-border-light);flex-shrink:0;margin:16px 24px 0}body.dark-mode .maildetails-divider{border-bottom:1px solid var(--color-border)}.maildetails-subject-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0;display:flex}.maildetails-subject-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.maildetails-subject{color:var(--color-text-secondary);word-break:break-word;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.3}.maildetails-actions{align-items:center;gap:12px;display:flex}.maildetails-action-btn{color:var(--color-text-muted);border-radius:var(--border-radius-md);padding:6px}.maildetails-action-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.maildetails-sender-card{align-items:flex-start;gap:12px;display:flex}.maildetails-sender-avatar{color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.maildetails-sender-details{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.maildetails-sender-name{color:var(--color-text-secondary);font-weight:600}.maildetails-sender-email{color:var(--color-text-muted);font-weight:400}.maildetails-to-recipients{color:var(--color-text-muted)}.maildetails-cc-recipients{color:var(--color-text-muted);font-style:italic}.maildetails-meta{text-align:right;color:var(--color-text-muted);font-size:11px}.maildetails-attachments-box{background-color:var(--color-bg-disabled);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);margin-top:16px;padding:10px 14px}body.dark-mode .maildetails-attachments-box{border-color:var(--color-border)}.attachments-header{color:var(--color-text-main);margin-bottom:8px;font-size:12px;font-weight:600}.attachments-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-pill{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-main);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}body.dark-mode .attachment-pill{border-color:var(--color-border)}.attachment-pill:hover{border-color:var(--color-primary)}.attachment-pill-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.attachment-pill-size{color:var(--color-text-muted)}.attachment-download-icon{color:var(--color-primary)}.maildetails-body-container{padding:24px 24px 20px;position:relative}.maildetails-body-iframe{background-color:#0000;border:none;width:100%;overflow:hidden}.maildetails-body-text{white-space:pre-wrap;word-break:break-word;color:var(--color-text-main);flex:1;font-size:14px;line-height:1.6;overflow-y:auto}.maildetails-bottom-actions{border-top:1px solid var(--color-border-light);background-color:#fff;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}body.dark-mode .maildetails-bottom-actions{border-top:1px solid var(--color-border);background-color:#1b1a19}.bottom-action-btn{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-main);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}body.dark-mode .bottom-action-btn{border-color:var(--color-border)}.bottom-action-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.bottom-action-btn svg{color:var(--color-primary)}.thread-cards-container{flex-direction:column;gap:12px;padding:16px;display:flex}.thread-card{background-color:var(--color-bg-card,#fff);border:1px solid var(--color-border-light,#e1dfdd);border-radius:8px;transition:all .15s ease-in-out;overflow:hidden;box-shadow:0 1px 3px #0000000a}body.dark-mode .thread-card{background-color:#252423;border-color:#3b3a39;box-shadow:0 1px 3px #0003}.thread-card.collapsed{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.thread-card.collapsed:hover{background-color:var(--color-bg-hover,#f3f2f1);border-color:var(--color-border-hover,#c8c6c4)}body.dark-mode .thread-card.collapsed:hover{background-color:#323130}.thread-card-avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.thread-card-preview-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thread-card-sender-name{color:var(--color-text-main,#323130);font-size:13px;font-weight:600}.thread-card-snippet{color:var(--color-text-muted,#605e5c);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.thread-card-date{color:var(--color-text-muted,#605e5c);white-space:nowrap;flex-shrink:0;font-size:12px}.thread-card.expanded{padding:0}.thread-card-header{border-bottom:1px solid var(--color-border-light,#edebe9);background-color:var(--color-bg-card,#fff);align-items:flex-start;gap:12px;padding:16px;display:flex}body.dark-mode .thread-card-header{background-color:#252423;border-bottom-color:#323130}.thread-card-sender-details{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.thread-card-sender-email{color:var(--color-text-muted,#605e5c);margin-left:4px;font-size:12px}.thread-card-to-recipients,.thread-card-cc-recipients{color:var(--color-text-muted,#605e5c);font-size:12px}.thread-card-header-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.thread-card-actions{align-items:center;gap:12px;display:flex}.thread-card-action-btn{cursor:pointer;color:var(--color-text-secondary,#323130);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.thread-card-action-btn:hover{background-color:var(--color-bg-hover,#f3f2f1)}body.dark-mode .thread-card-action-btn:hover{background-color:#3b3a39}.thread-card-body{padding:16px}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur();background-color:#00000040;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(6px)}.modal-overlay{z-index:1000;background-color:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-card);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 40px #00000052}.modal-content input,.modal-content select{background-color:var(--color-bg-card);color:var(--color-text-main);border-color:var(--color-border)}.modal-content input::placeholder{color:var(--color-text-muted)}body.dark-mode .modal-content{background-color:var(--color-bg-card);color:var(--color-text-main);border-color:var(--color-border)}.sidebar-panel.drawer{z-index:1000;-webkit-backdrop-filter:none;background-color:#fff;width:250px;transition:left .25s;position:fixed;top:0;bottom:0;left:-260px;box-shadow:0 4px 20px #0003}body.dark-mode .sidebar-panel.drawer{background-color:#201f1e}.sidebar-panel.drawer.open{left:0}.mobile-header{border-bottom:1px solid var(--color-border-light);background-color:#fff;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:none}body.dark-mode .mobile-header{border-bottom:1px solid var(--color-border);background-color:#252423}.mobile-hamburger{color:var(--color-text-main);background:0 0;border:none;align-items:center;display:none}.mobile-title{color:var(--color-text-secondary);font-size:15px;font-weight:600}.mobile-back-btn{color:var(--color-text-secondary);margin-right:0}.mobile-back-btn svg{color:inherit}@media screen and (width<=1024px){.sidebar-panel:not(.drawer){display:none}.sidebar-panel.drawer,.mobile-hamburger{display:flex}.maildetails-titlebar .maildetails-actions{display:none!important}}@media screen and (width<=768px){.mail-item.unread .mail-item-subject,.mail-item.unread .mail-item-subject *,body.dark-mode .mail-item.unread .mail-item-subject,body.dark-mode .mail-item.unread .mail-item-subject *{color:var(--color-primary)!important}.mobile-header{display:flex}.maillist-panel,.maildetails-panel{width:100%;display:none}.main-content-area.show-list .maillist-panel,.main-content-area.show-detail .maildetails-panel{display:flex}.ribbon-toolbar{display:none}.maildetails-bottom-actions{display:none!important}.maildetails-titlebar{padding:12px 14px}.maildetails-subject-row{gap:8px}.maildetails-subject{font-size:15px;line-height:1.35}.maildetails-actions{gap:4px}.maildetails-action-btn{padding:4px}.thread-card-header{flex-wrap:wrap;gap:8px 10px;padding:12px}.thread-card-avatar{flex-shrink:0;width:36px;height:36px;font-size:13px}.thread-card-sender-details{flex:calc(100% - 50px);min-width:0}.thread-card-sender-name{word-break:break-word;font-size:13px}.thread-card-sender-email{word-break:break-all;margin-left:0;font-size:11px;display:block}.thread-card-header-right{border-top:1px dashed var(--color-border-light,#edebe9);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding-top:8px}body.dark-mode .thread-card-header-right{border-top-color:#3b3a39}.thread-card-actions{gap:4px}.thread-card-action-btn span{display:none}.thread-card-action-btn{border:1px solid var(--color-border-light,#edebe9);background-color:var(--color-bg-card,#fff);border-radius:6px;padding:6px 8px}body.dark-mode .thread-card-action-btn{background-color:#1f1e1d;border-color:#3b3a39}.thread-card-date{color:var(--color-text-muted,#605e5c);white-space:nowrap;font-size:11px}.thread-card-body{padding:12px}}.maildetails-image-previews{background-color:#0000;flex-wrap:wrap;gap:16px;padding:0 0 16px;display:flex}.image-preview-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:8px;flex-direction:column;max-width:280px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.image-preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}body.dark-mode .image-preview-card{border:1px solid var(--color-border);background-color:#201f1e;box-shadow:0 2px 8px #00000040}.image-preview-img{object-fit:contain;border-bottom:1px solid var(--color-border-light);cursor:pointer;background-color:#f3f2f1;max-width:100%;max-height:180px}body.dark-mode .image-preview-img{border-bottom:1px solid var(--color-border);background-color:#292827}.image-preview-info{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.image-preview-name{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.image-preview-size{color:var(--color-text-muted);font-size:11px}.compose-modal{-webkit-backdrop-filter:blur(16px);background-color:#ffffffd9;border:1px solid #ffffff59;border-radius:12px;flex-direction:column;flex:1;min-width:0;animation:.25s forwards composePanelIn;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000000f}body.dark-mode .compose-modal{background-color:#201f1ee0;border:1px solid #ffffff0f;box-shadow:0 4px 24px #0003}@keyframes composePanelIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.compose-titlebar{background-color:#f3f2f1;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}body.dark-mode .compose-titlebar{background-color:#201f1e;border-bottom:1px solid #ffffff0f}.compose-titlebar-left{align-items:center;gap:8px;display:flex}.compose-titlebar-text{color:var(--color-text-secondary);font-size:13px;font-weight:600}.compose-priority-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.compose-priority-badge.high{color:#d83b01;background-color:#fde7e1}.compose-priority-badge.low{color:#0078d4;background-color:#eff6fc}body.dark-mode .compose-priority-badge.high{background-color:#3b1a0e}body.dark-mode .compose-priority-badge.low{background-color:#0e2a45}.compose-draft-badge{color:#137333;background-color:#d9ead3;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}body.dark-mode .compose-draft-badge{color:#81c784;background-color:#1a3a1a}.compose-close-btn{border-radius:var(--border-radius-md);color:var(--color-text-muted);justify-content:center;align-items:center;padding:6px;display:flex}.compose-close-btn:hover{color:#fff;background-color:#e81123}.compose-tab-row{background-color:#f3f2f1;border-bottom:1px solid #0000000d;flex-shrink:0;gap:4px;padding:0 12px;display:flex}body.dark-mode .compose-tab-row{background-color:#201f1e;border-bottom:1px solid #ffffff0f}.compose-tab{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:6px 14px;font-size:12px;font-weight:500}.compose-tab:hover{color:var(--color-text-main);background-color:var(--color-bg-hover)}.compose-tab.active{color:var(--color-text-secondary);border-bottom-color:var(--color-primary);font-weight:600}.compose-toolbar-container{background-color:#faf9f8;border-bottom:1px solid #0000000f;flex-shrink:0;overflow:visible}body.dark-mode .compose-toolbar-container{background-color:#252423;border-bottom:1px solid #ffffff0f}.compose-toolbar{flex-wrap:wrap;align-items:center;gap:2px;min-height:38px;padding:4px 8px;display:flex}.compose-toolbar-group{align-items:center;gap:1px;display:flex;position:relative}.compose-toolbar-sep{background-color:var(--color-border-light);flex-shrink:0;width:1px;height:22px;margin:0 4px}body.dark-mode .compose-toolbar-sep{background-color:var(--color-border)}.compose-toolbar-btn{border-radius:var(--border-radius-sm);color:var(--color-text-main);cursor:pointer;min-width:28px;min-height:28px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;padding:5px 6px;display:flex}.compose-toolbar-btn:hover{background-color:var(--color-bg-hover)}.compose-toolbar-btn:active{background-color:#0078d41f}.compose-toolbar-btn svg{flex-shrink:0}.compose-toolbar-btn-labeled{white-space:nowrap;gap:5px;padding:5px 10px;font-size:12px}.compose-btn-active{color:var(--color-primary-hover);background-color:var(--color-primary-light)!important}body.dark-mode .compose-btn-active{color:#479ef5;background-color:#112e51!important}.compose-font-btn,.compose-size-btn{gap:4px;min-width:auto;padding:4px 8px;font-size:12px}.compose-font-label{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.compose-size-label{text-align:center;min-width:18px}.compose-popover{border:1px solid var(--color-border-light);z-index:100;background-color:#fff;border-radius:8px;margin-top:4px;animation:.15s popoverIn;position:absolute;top:100%;left:0;box-shadow:0 8px 32px #00000029}body.dark-mode .compose-popover{border-color:var(--color-border);background-color:#292827;box-shadow:0 8px 32px #0006}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.compose-font-dropdown{width:180px;max-height:240px;padding:4px;overflow-y:auto}.compose-font-option{border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-main);padding:6px 12px;font-size:13px}.compose-font-option:hover{background-color:var(--color-bg-hover)}.compose-font-option.active{background-color:var(--color-primary-light);color:var(--color-primary-hover);font-weight:600}body.dark-mode .compose-font-option.active{color:#479ef5;background-color:#112e51}.compose-size-dropdown{width:70px;max-height:220px;padding:4px;overflow-y:auto}.compose-size-option{text-align:center;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-main);padding:4px 12px;font-size:13px}.compose-size-option:hover{background-color:var(--color-bg-hover)}.compose-size-option.active{background-color:var(--color-primary-light);color:var(--color-primary-hover);font-weight:600}body.dark-mode .compose-size-option.active{color:#479ef5;background-color:#112e51}.compose-color-popover{width:auto;padding:10px}.compose-color-grid{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.compose-highlight-grid{grid-template-columns:repeat(6,1fr)}.compose-color-swatch{cursor:pointer;border-radius:3px;width:22px;height:22px;transition:transform .1s}.compose-color-swatch:hover{transform:scale(1.25);box-shadow:0 2px 8px #0003}.compose-color-swatch.active{outline:2px solid var(--color-primary);outline-offset:1px}.compose-emoji-popover{width:340px;max-height:320px;padding:8px;overflow-y:auto}.compose-emoji-category{margin-bottom:8px}.compose-emoji-category-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 4px 6px;font-size:11px;font-weight:600}.compose-emoji-grid{flex-wrap:wrap;gap:2px;display:flex}.compose-emoji-btn{border-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .1s;display:flex}.compose-emoji-btn:hover{background-color:var(--color-bg-hover);transform:scale(1.2)}.compose-table-popover{padding:10px}.compose-table-label{color:var(--color-text-muted);text-align:center;min-height:16px;margin-bottom:8px;font-size:11px;font-weight:600}.compose-table-grid{flex-direction:column;gap:3px;display:flex}.compose-table-row{gap:3px;display:flex}.compose-table-cell{border:1px solid var(--color-border-light);cursor:pointer;border-radius:2px;width:22px;height:22px;transition:all 80ms}body.dark-mode .compose-table-cell{border-color:var(--color-border)}.compose-table-cell.active{background-color:var(--color-primary);border-color:var(--color-primary)}.compose-link-dialog{width:280px;padding:16px}.compose-link-dialog-title{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.compose-link-input{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);background-color:var(--color-bg-card);width:100%;color:var(--color-text-main);font-size:13px;font-family:var(--font-family);outline:none;margin-bottom:8px;padding:8px 10px}.compose-link-input:focus{border-color:var(--color-border-focus)}body.dark-mode .compose-link-input{border-color:var(--color-border);background-color:#201f1e}.compose-link-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.compose-link-cancel{border-radius:var(--border-radius-md);color:var(--color-text-main);border:1px solid var(--color-border-light);padding:6px 14px;font-size:12px}.compose-link-cancel:hover{background-color:var(--color-bg-hover)}.compose-link-insert{border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff;padding:6px 14px;font-size:12px;font-weight:600}.compose-link-insert:hover{background-color:var(--color-primary-hover)}.compose-recipients{border-bottom:1px solid #0000000a;flex-shrink:0;padding:0 16px}body.dark-mode .compose-recipients{border-bottom:1px solid #ffffff0a}.compose-recipient-row{border-bottom:1px solid #0000000a;align-items:center;gap:8px;padding:6px 0;display:flex;position:relative}body.dark-mode .compose-recipient-row{border-bottom:1px solid #ffffff0a}.compose-recipient-row:last-child{border-bottom:none}.compose-recipient-label{color:var(--color-text-muted);flex-shrink:0;min-width:30px;font-size:13px;font-weight:500}.compose-recipient-input{color:var(--color-text-main);font-size:13px;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:6px 0}.compose-recipient-input::placeholder{color:var(--color-text-muted)}.compose-cc-toggle{color:var(--color-text-muted);border-radius:var(--border-radius-sm);white-space:nowrap;padding:4px 8px;font-size:12px}.compose-cc-toggle:hover{color:var(--color-primary);background-color:var(--color-bg-hover)}.compose-recipient-suggestions{background:var(--color-bg-primary);border-radius:var(--border-radius-sm);z-index:30;border:1px solid #00000014;max-height:220px;position:absolute;top:calc(100% + 4px);left:38px;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}body.dark-mode .compose-recipient-suggestions{border-color:#ffffff14;box-shadow:0 8px 24px #00000052}.compose-greeting-suggestions{background:var(--color-bg-primary);border-radius:var(--border-radius-sm);z-index:30;border:1px solid #00000014;min-width:220px;position:absolute;top:12px;left:16px;overflow:hidden;box-shadow:0 8px 24px #00000024}body.dark-mode .compose-greeting-suggestions{border-color:#ffffff14;box-shadow:0 8px 24px #00000057}.compose-greeting-suggestion{width:100%;color:var(--color-text-main);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000000d;padding:9px 12px;display:block}.compose-greeting-suggestion:last-child{border-bottom:0}.compose-greeting-suggestion:hover,.compose-greeting-suggestion.active{background:var(--color-bg-hover);color:var(--color-primary)}.compose-corporate-suggestions{min-width:min(360px,100% - 32px)}.compose-greeting-suggestion mark{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:2px;background:0 0;font-weight:700}body.dark-mode .compose-greeting-suggestion{border-bottom-color:#ffffff0f}.compose-recipient-suggestion{text-align:left;cursor:pointer;width:100%;color:var(--color-text-main);background:0 0;border:none;border-bottom:1px solid #0000000a;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.compose-recipient-suggestion:last-child{border-bottom:none}.compose-recipient-suggestion:hover,.compose-recipient-suggestion.active{background:var(--color-bg-hover)}.compose-recipient-suggestion-name{font-size:13px;font-weight:600;line-height:1.3}.compose-recipient-suggestion-email{color:var(--color-text-muted);font-size:12px;line-height:1.3}.compose-subject-row{border-bottom:1px solid #0000000f;flex-shrink:0;padding:0 16px}body.dark-mode .compose-subject-row{border-bottom:1px solid #ffffff0f}.compose-subject-input{width:100%;color:var(--color-text-secondary);font-size:14px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;outline:none;padding:10px 0}.compose-subject-input::placeholder{color:var(--color-text-muted);font-weight:400}.compose-body-area{flex:1;min-height:120px;position:relative;overflow:hidden}.compose-body-editor{width:100%;height:100%;color:var(--color-text-main);word-break:break-word;outline:none;padding:14px 16px;font-size:14px;line-height:1.65;overflow-y:auto}.compose-body-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-disabled);pointer-events:none;font-style:italic}.compose-body-editor blockquote{border-left:3px solid var(--color-border-light);color:var(--color-text-muted);margin:8px 0;padding:8px 16px}.compose-body-editor a{color:var(--color-primary);text-decoration:underline}.compose-body-editor table{border-collapse:collapse;width:100%;margin:8px 0}.compose-body-editor td,.compose-body-editor th{border:1px solid var(--color-border-light);min-width:60px;padding:6px 10px}body.dark-mode .compose-body-editor td,body.dark-mode .compose-body-editor th{border-color:var(--color-border)}.compose-body-area.drag-over{border:2px dashed var(--color-primary);border-radius:var(--border-radius-md)}.compose-drag-overlay{z-index:10;pointer-events:none;color:var(--color-primary);background-color:#0078d414;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.compose-drag-overlay svg{width:32px;height:32px;color:var(--color-primary)}.compose-attachments{border-top:1px solid #0000000a;flex-wrap:wrap;flex-shrink:0;gap:6px;max-height:100px;padding:8px 16px;display:flex;overflow-y:auto}body.dark-mode .compose-attachments{border-top:1px solid #ffffff0a}.compose-attachment-pill{background-color:var(--color-bg-disabled);border:1px solid var(--color-border-light);max-width:220px;transition:all var(--transition-fast);border-radius:16px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12px;display:flex}body.dark-mode .compose-attachment-pill{border-color:var(--color-border);background-color:#292827}.compose-attachment-pill:hover{border-color:var(--color-primary)}.compose-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-main);overflow:hidden}.compose-attachment-size{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.compose-attachment-remove{color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.compose-attachment-remove:hover{color:#fff;background-color:#e81123}.compose-footer{background-color:#f9f9f9;border-top:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}body.dark-mode .compose-footer{background-color:#201f1e;border-top:1px solid #ffffff0f}.compose-footer-left,.compose-footer-right{align-items:center;gap:8px;display:flex}.compose-send-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 24px;font-size:13px;font-weight:600;display:flex}.compose-send-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 8px #0078d44d}.compose-send-btn:active{background-color:var(--color-primary-active);transform:scale(.98)}.compose-send-btn:disabled{opacity:.6;cursor:not-allowed}.compose-footer-btn{border-radius:var(--border-radius-md);color:var(--color-text-muted);justify-content:center;align-items:center;padding:8px;display:flex}.compose-footer-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.compose-discard-btn:hover{color:#d83b01;background-color:#fde7e1}body.dark-mode .compose-discard-btn:hover{color:#ff8a65;background-color:#3b1a0e}@media screen and (width<=768px){.compose-modal{border-radius:0;width:100%;display:none}.main-content-area.show-detail .compose-modal{display:flex}.compose-emoji-popover{width:280px}.compose-toolbar{flex-wrap:wrap;padding:4px}.compose-toolbar-btn-labeled span{display:none}.compose-toolbar-btn-labeled{padding:5px 6px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maildetails-popup-overlay{-webkit-backdrop-filter:blur(10px);z-index:3000;background-color:#0006;justify-content:center;align-items:center;padding:20px;animation:.2s forwards mailDetailsFadeIn;display:flex;position:fixed;inset:0}@keyframes mailDetailsFadeIn{0%{opacity:0}to{opacity:1}}.maildetails-popup-overlay .maildetails-panel{border-radius:12px;width:1000px;max-width:95vw;height:90vh;overflow:hidden;box-shadow:0 12px 32px #00000040}.context-menu-container{background-color:var(--color-bg-card,#fff);border:1px solid var(--color-border-light,#e1dfdd);color:var(--color-text-main,#323130);border-radius:8px;min-width:210px;max-height:calc(100vh - 24px);padding:4px 0;animation:.12s ease-out contextMenuPop;overflow:hidden auto;box-shadow:0 8px 24px #00000029,0 0 2px #0000001f}.context-menu-container::-webkit-scrollbar{width:5px}.context-menu-container::-webkit-scrollbar-track{background:0 0}.context-menu-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}body.dark-mode .context-menu-container::-webkit-scrollbar-thumb{background:#ffffff40}body.dark-mode .context-menu-container{color:#f3f2f1;background-color:#252423;border-color:#3b3a39;box-shadow:0 8px 28px #00000073}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--color-text-main,#323130);cursor:pointer;align-items:center;gap:10px;padding:6px 14px;font-size:13px;font-weight:400;transition:background-color .1s;display:flex;position:relative}body.dark-mode .context-menu-item{color:#f3f2f1}.context-menu-item:hover,.context-menu-item.active{background-color:var(--color-bg-hover,#f3f2f1)}body.dark-mode .context-menu-item:hover,body.dark-mode .context-menu-item.active{background-color:#3b3a39}.context-menu-item .menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.context-menu-item .menu-chevron{color:var(--color-text-muted,#605e5c);margin-left:auto;font-family:sans-serif;font-size:14px}.context-menu-divider{background-color:var(--color-border-light,#edebe9);height:1px;margin:4px 0}body.dark-mode .context-menu-divider{background-color:#3b3a39}.context-submenu{background-color:var(--color-bg-card,#fff);border:1px solid var(--color-border-light,#e1dfdd);z-index:10000;border-radius:8px;min-width:220px;max-width:280px;padding:6px 0;animation:.1s ease-out contextSubmenuPop;position:absolute;top:-4px;left:100%;box-shadow:0 8px 24px #00000029}body.dark-mode .context-submenu{background-color:#252423;border-color:#3b3a39;box-shadow:0 8px 28px #00000073}@keyframes contextSubmenuPop{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.submenu-search-box{border:1px solid var(--color-border-light,#c8c6c4);background-color:#fff;border-radius:4px;align-items:center;gap:8px;margin:4px 8px 8px;padding:6px 12px;display:flex}body.dark-mode .submenu-search-box{background-color:#1b1a19;border-color:#484644}.submenu-search-box input{width:100%;color:var(--color-text-main,#323130);background:0 0;border:none;outline:none;font-size:12px}body.dark-mode .submenu-search-box input{color:#f3f2f1}.clear-search-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;align-items:center;padding:0;display:flex}.submenu-section-header{color:var(--color-text-muted,#605e5c);text-transform:uppercase;letter-spacing:.5px;padding:4px 14px;font-size:11px;font-weight:600}.submenu-folder-list{max-height:180px;overflow-y:auto}.category-color-swatch,.category-tag-icon{flex-shrink:0;width:16px;height:16px}.category-tag-icon{justify-content:center;align-items:center;display:inline-flex}.maildetails-category-pill{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:1px solid #dcdfe4;border-radius:10px;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:140px;margin:2px 4px;padding:0 12px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex;overflow:hidden}.maildetails-category-name{font-weight:600}.maildetails-category-clear{opacity:.92;color:inherit;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.mail-item-category-pill{cursor:pointer;color:#000;background:#fff;border:1px solid #0000;border-radius:888px;justify-content:center;align-items:center;gap:4px;min-height:18px;padding:0 8px;font-size:11px;line-height:1;transition:transform .15s,opacity .15s;display:inline-flex}.mail-item-category-pill:hover{transform:scale(1.02)}.mail-item-category-pill .mail-item-category-name{color:inherit;font-weight:600}.mail-item-category-clear{opacity:.92;background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:4px;font-size:11px;display:inline-flex}.mail-item-category-dot{display:none}.maildetails-popup-content{background-color:#fff;border:1px solid #ffffff59;border-radius:12px;flex-direction:column;height:750px;max-height:90vh;animation:.25s cubic-bezier(.1,.9,.2,1) forwards mailDetailsScaleIn;display:flex;overflow:hidden;box-shadow:0 24px 72px #00000059}body.dark-mode .maildetails-popup-overlay .maildetails-panel{background-color:#1b1a19;border:1px solid #ffffff14;box-shadow:0 24px 72px #000000a6}@keyframes mailDetailsScaleIn{0%{transform:scale(.95)translateY(10px)}to{transform:scale(1)translateY(0)}}@media screen and (width<=768px){.maildetails-popup-overlay{padding:0}.maildetails-popup-overlay .maildetails-panel{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}.thread-card-recipients-accordion{margin-top:2px}.recipients-summary-row{cursor:pointer;color:var(--color-text-muted,#605e5c);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px 0;font-size:12px;transition:color .12s;display:inline-flex}.recipients-summary-row:hover{color:var(--color-primary,#0078d4)}.recipients-others-tag{background-color:var(--color-bg-hover,#0000000f);color:var(--color-text-main,#323130);border-radius:10px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:500}body.dark-mode .recipients-others-tag{color:#f3f2f1;background-color:#ffffff1f}.recipients-chevron-btn{cursor:pointer;color:var(--color-text-muted,#605e5c);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.recipients-expanded-details{background-color:var(--color-bg-hover,#00000008);border-left:3px solid var(--color-primary,#0078d4);word-break:break-word;border-radius:0 6px 6px 0;margin-top:6px;padding:8px 12px;font-size:12px;line-height:1.5;animation:.15s ease-out recipientsExpand}body.dark-mode .recipients-expanded-details{background-color:#ffffff0d}@keyframes recipientsExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mail-item-checkbox-wrap{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;position:relative}.mail-item-checkbox{opacity:0;cursor:pointer;z-index:2;width:18px;height:18px;accent-color:var(--color-primary,#0078d4);position:absolute}.mail-item-avatar{transition:opacity .1s;position:absolute}.mail-item:hover .mail-item-checkbox,.mail-item-checkbox-wrap.checked .mail-item-checkbox{opacity:1}.mail-item:hover .mail-item-avatar,.mail-item-checkbox-wrap.checked .mail-item-avatar{opacity:0}.mail-item.multi-selected{background-color:color-mix(in srgb, var(--color-primary,#0078d4) 8%, transparent);border-left:3px solid var(--color-primary,#0078d4)}body.dark-mode .mail-item.multi-selected{background-color:#0078d426}.bulk-action-toolbar{color:#fff;z-index:10;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;animation:.18s ease-out bulkBarSlideIn;display:flex}@keyframes bulkBarSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .bulk-action-toolbar{background:linear-gradient(135deg,#005a9e 0%,#003d6b 100%)}.bulk-action-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.bulk-select-all-wrap{cursor:pointer;align-items:center;display:flex}.bulk-checkbox{accent-color:#fff;cursor:pointer;width:16px;height:16px}.bulk-count-badge{color:#fff;white-space:nowrap;font-size:13px;font-weight:600}.bulk-clear-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:background .12s;display:flex}.bulk-clear-btn:hover{background:#ffffff59}.bulk-action-right{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bulk-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.bulk-action-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff9}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn.bulk-delete-btn{background:#f0503233;border-color:#ff786480}.bulk-action-btn.bulk-delete-btn:hover:not(:disabled){background:#f0503266}.bulk-action-btn.bulk-star-btn svg{color:#f8b400;fill:#f8b400}.maillist-select-all-strip{border-bottom:1px solid var(--color-border-light,#edebe9);background:var(--color-bg-card,#fff);padding:4px 12px}.maillist-select-all-label{color:var(--color-text-muted,#605e5c);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.maillist-select-all-label:hover{color:var(--color-primary,#0078d4)}body.dark-mode .maillist-select-all-strip{background:var(--color-bg-card-dark,#252423);border-bottom-color:#3b3a39}@media print{body{color:#000!important;background-color:#fff!important}.ribbon-container,.sidebar-container,.maillist-panel,.maildetails-titlebar .maildetails-actions,.maildetails-bottom-actions,.window-titlebar,.ribbon-menu-tabs,.ribbon-toolbar,.mobile-back-btn{display:none!important}.home-container,.main-content-area{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.maildetails-panel{border:none!important;width:100%!important;height:auto!important;overflow:visible!important}.maildetails-scrollable-area{height:auto!important;overflow:visible!important}}.edit-signature-modal__overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out signature-fade-in;display:flex;position:fixed;inset:0}.edit-signature-modal{background:#fff;border:1px solid #d8dde3;border-radius:12px;flex-direction:column;width:min(840px,96vw);max-height:calc(100vh - 40px);animation:.18s cubic-bezier(.1,.9,.2,1) signature-modal-pop;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a38,0 6px 20px #0f172a1f}body.dark-mode .edit-signature-modal{color:#f3f2f1;background:#201f1e;border-color:#3b3a39}.edit-signature-modal__header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}body.dark-mode .edit-signature-modal__header{border-bottom-color:#3b3a39}.edit-signature-modal__title-wrap h2{color:#201f1e;margin:0;font-size:22px;font-weight:600}body.dark-mode .edit-signature-modal__title-wrap h2{color:#fff}.edit-signature-modal__user-email{color:#605e5c;align-items:center;gap:6px;font-size:14px;display:flex}body.dark-mode .edit-signature-modal__user-email{color:#a19f9d}.edit-signature-modal__tabs-bar{background:#faf9f8;border-bottom:1px solid #edebe9;gap:20px;padding:0 24px;display:flex}body.dark-mode .edit-signature-modal__tabs-bar{background:#292827;border-bottom-color:#3b3a39}.edit-signature-tab{color:#605e5c;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;font-weight:500;transition:color .12s,border-color .12s}.edit-signature-tab:hover{color:#201f1e}.edit-signature-tab.active{color:#0f6cbd;border-bottom-color:#0f6cbd;font-weight:600}body.dark-mode .edit-signature-tab.active{color:#4f9ef7;border-bottom-color:#4f9ef7}.edit-signature-toolbar{background:#f3f2f1;border:1px solid #e1dfdd;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 24px 10px;padding:8px 16px;display:flex}body.dark-mode .edit-signature-toolbar{background:#2b2a29;border-color:#3b3a39}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-divider{background:#c8c6c4;width:1px;height:24px;margin:0 4px}body.dark-mode .toolbar-divider{background:#484644}.toolbar-select{color:#201f1e;cursor:pointer;background:#fff;border:1px solid #c8c6c4;border-radius:4px;outline:none;height:30px;padding:0 8px;font-size:13px}body.dark-mode .toolbar-select{color:#fff;background:#323130;border-color:#484644}.toolbar-btn{color:#323130;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}body.dark-mode .toolbar-btn{color:#f3f2f1}.toolbar-btn:hover{background:#e1dfdd}body.dark-mode .toolbar-btn:hover{background:#3b3a39}.toolbar-btn.active{color:#0f6cbd;background:#c7e0f4;border-color:#0078d4}body.dark-mode .toolbar-btn.active{color:#fff;background:#114f8a;border-color:#4f9ef7}.edit-signature-card{background:#fff;border:1px solid #c8c6c4;border-radius:8px;flex-direction:column;margin:0 24px;transition:border-color .12s;display:flex;overflow:hidden}.edit-signature-card:focus-within{border-color:#0f6cbd}body.dark-mode .edit-signature-card{background:#252423;border-color:#3b3a39}.signature-name-input{color:#201f1e;background:0 0;border:none;outline:none;width:100%;padding:14px 16px;font-size:16px;font-weight:500;transition:background .15s}.signature-name-input.invalid{background:#e811230f}.signature-name-input.invalid::placeholder{color:#d83b01}body.dark-mode .signature-name-input{color:#fff}.signature-card-divider{background:#edebe9;height:1px}body.dark-mode .signature-card-divider{background:#3b3a39}.signature-content-editor{color:#201f1e;outline:none;min-height:220px;max-height:420px;padding:16px;font-size:14px;line-height:1.5;overflow-y:auto}body.dark-mode .signature-content-editor{color:#fff}.signature-content-editor[placeholder]:empty:before{content:attr(placeholder);color:#a19f9d;pointer-events:none}.edit-signature-defaults-section{flex-wrap:wrap;align-items:center;gap:24px;padding:16px 24px 8px;display:flex}.edit-signature-checkbox-label{color:#323130;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}body.dark-mode .edit-signature-checkbox-label{color:#f3f2f1}.edit-signature-checkbox{accent-color:#0f6cbd;cursor:pointer;width:16px;height:16px}.edit-signature-modal__footer{border-top:1px solid #edebe9;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;padding:16px 24px;display:flex}body.dark-mode .edit-signature-modal__footer{border-top-color:#3b3a39}.edit-sig-save-btn{color:#fff;cursor:pointer;background:#0f6cbd;border:1px solid #0f6cbd;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:background .12s}.edit-sig-save-btn:hover:not(:disabled){background:#0b5ca5}.edit-sig-save-btn:disabled{color:#a19f9d;cursor:not-allowed;background:#f3f2f1;border-color:#e1dfdd}body.dark-mode .edit-sig-save-btn:disabled{color:#605e5c;background:#323130;border-color:#3b3a39}.edit-sig-cancel-btn{color:#323130;cursor:pointer;background:#fff;border:1px solid #8a8886;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .12s}.edit-sig-cancel-btn:hover{background:#f3f2f1}body.dark-mode .edit-sig-cancel-btn{color:#f3f2f1;background:#2d2c2b;border-color:#484644}body.dark-mode .edit-sig-cancel-btn:hover{background:#3b3a39}@keyframes signature-fade-in{0%{opacity:0}to{opacity:1}}@keyframes signature-modal-pop{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.signature-content-editor img{object-fit:contain;cursor:nwse-resize;touch-action:none;width:220px;min-width:40px;max-width:100%;height:auto;margin:8px 0;display:block}.signature-content-editor{overflow-wrap:anywhere;min-height:220px}.signature-content-editor:empty:before{content:attr(data-placeholder);color:#8a8886;pointer-events:none}.mail-signature-modal__overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out signature-overlay-in;display:flex;position:fixed;inset:0}.mail-signature-modal{background:#fff;border:1px solid #d8dde3;border-radius:10px;width:min(760px,100%);max-height:calc(100vh - 48px);animation:.18s ease-out signature-modal-in;overflow:hidden;box-shadow:0 24px 70px #0f172a33,0 6px 20px #0f172a1a}.mail-signature-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:78px;padding:0 26px;display:flex}.mail-signature-modal__header h2{color:#171717;margin:0;font-size:25px;font-weight:500;line-height:1.2}.mail-signature-modal__close{color:#46505a;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .14s,color .14s;display:inline-flex}.mail-signature-modal__close:hover{color:#111827;background:#f1f3f5}.mail-signature-modal__body{max-height:calc(100vh - 128px);padding:20px 26px 28px;overflow-y:auto}.mail-signature-modal__intro{justify-content:space-between;align-items:center;gap:30px;display:flex}.mail-signature-modal__intro p{color:#1d1d1f;max-width:440px;margin:0;font-size:17px;line-height:1.42}.mail-signature-modal__add-button{color:#fff;cursor:pointer;background:#0f6cbd;border:1px solid #0f6cbd;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 17px;font-size:16px;font-weight:600;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.mail-signature-modal__add-button:hover{background:#0b5ca5;border-color:#0b5ca5}.mail-signature-modal__add-button:active{transform:translateY(1px)}.mail-signature-modal__divider{background:#d7dce1;height:1px;margin:28px 0 34px}.mail-signature-modal__defaults{flex-direction:column;gap:24px;display:flex}.mail-signature-modal__field{grid-template-columns:195px minmax(0,1fr);align-items:center;gap:25px;display:grid}.mail-signature-modal__field label{color:#2b2f33;font-size:16px;line-height:1.45}.mail-signature-modal__select-wrapper{position:relative}.mail-signature-modal__select-wrapper select{color:#1f2328;appearance:none;cursor:pointer;background:#fff;border:1px solid #c6cbd1;border-radius:5px;outline:none;width:100%;height:43px;padding:0 45px 0 14px;font-family:inherit;font-size:16px;transition:border-color .14s,box-shadow .14s}.mail-signature-modal__select-wrapper select:hover{border-color:#8e969f}.mail-signature-modal__select-wrapper select:focus{border-color:#0f6cbd;box-shadow:0 0 0 2px #0f6cbd29}.mail-signature-modal__select-wrapper svg{color:#3f4c59;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.mail-signature-modal__list{flex-direction:column;gap:10px;margin-top:34px;display:flex}.mail-signature-modal__item{background:#fff;border:1px solid #d9dde2;border-radius:6px;justify-content:space-between;align-items:center;min-height:58px;padding:8px 11px;transition:border-color .14s,box-shadow .14s;display:flex}.mail-signature-modal__item:hover{border-color:#b8bec6;box-shadow:0 2px 8px #0f172a0d}.mail-signature-modal__item-info{align-items:center;gap:10px;min-width:0;display:flex}.mail-signature-modal__item-name{color:#1e2227;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.mail-signature-modal__badges{flex-wrap:wrap;gap:5px;display:flex}.mail-signature-modal__badges span{color:#075a9c;background:#e8f3fc;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.2}.mail-signature-modal__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mail-signature-modal__actions button{color:#303942;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .14s,background-color .14s;display:inline-flex}.mail-signature-modal__actions button:hover{color:#0f6cbd;background:#f0f5fa}.mail-signature-modal__actions button:nth-child(2):hover{color:#c62828;background:#fff0f0}.mail-signature-modal__status{color:#59636e;justify-content:center;align-items:center;gap:11px;min-height:210px;font-size:15px;display:flex}.mail-signature-modal__spinner{border:2px solid #d6dce2;border-top-color:#0f6cbd;border-radius:50%;width:21px;height:21px;animation:.7s linear infinite signature-spinner}.mail-signature-modal__error{color:#9b1c1c;background:#fff3f3;border:1px solid #f3c5c5;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;font-size:14px;display:flex}.mail-signature-modal__error button{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:4px;padding:7px 13px;font-weight:600}.mail-signature-modal__empty{text-align:center;background:#fafbfc;border:1px dashed #cfd5dc;border-radius:6px;padding:35px 20px}.mail-signature-modal__empty h3{color:#24292f;margin:0 0 7px;font-size:16px}.mail-signature-modal__empty p{color:#68717c;margin:0;font-size:14px;line-height:1.5}@keyframes signature-spinner{to{transform:rotate(360deg)}}@keyframes signature-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes signature-modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=680px){.mail-signature-modal__overlay{align-items:flex-end;padding:0}.mail-signature-modal{border-radius:14px 14px 0 0;width:100%;max-height:94vh}.mail-signature-modal__header{min-height:68px;padding:0 18px}.mail-signature-modal__body{max-height:calc(94vh - 68px);padding:18px}.mail-signature-modal__intro{flex-direction:column;align-items:flex-start;gap:18px}.mail-signature-modal__intro p{max-width:none;font-size:15px}.mail-signature-modal__add-button{width:100%}.mail-signature-modal__divider{margin:22px 0}.mail-signature-modal__field{grid-template-columns:1fr;gap:7px}.mail-signature-modal__item-info{flex-direction:column;align-items:flex-start;gap:6px}}