:root{--color-primary:#0078d4;--color-primary-hover:#005a9e;--color-primary-active:#004578;--color-primary-light:#eff6fc;--color-bg-card:#fff;--color-bg-card-subtle:#faf9f8;--color-bg-disabled:#f3f2f1;--color-bg-hover:#f3f2f1;--color-bg-secondary:#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-card-subtle:#252423;--color-bg-disabled:#292929;--color-bg-hover:#2d2c2b;--color-bg-secondary:#292827;--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:100dvh;min-height:100dvh;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}.login-page-container>.window-titlebar{display:none}body.dark-mode .switch-slider:before{background-color:#f3f2f1}.card-actions{width:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column-reverse;flex-shrink:0;gap:10px;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;min-width:0;font-weight:500;display:flex}.window-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}.sound-settings{align-items:center;display:flex;position:relative}.sound-settings-button{color:var(--color-text-muted);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.sound-settings-menu{z-index:20;width:260px;max-width:min(260px,100vw - 24px);color:var(--color-text-main);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 32px #0003}.sound-settings-heading{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 14px 12px;display:flex}.sound-settings-title{align-items:center;gap:10px;min-width:0;display:flex}.sound-settings-icon{width:34px;height:34px;color:var(--color-primary);background:var(--color-primary-light);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.sound-settings-title>div{flex-direction:column;gap:2px;display:flex}.sound-settings-title strong{font-size:13px;font-weight:600}.sound-settings-title>div>span{color:var(--color-text-muted);font-size:11px}.sound-settings-close{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;padding:0;display:grid}.sound-settings-close:hover{color:var(--color-text-main);background:var(--color-bg-hover)}.sound-settings-options{flex-direction:column;gap:3px;padding:8px;display:flex}.sound-settings-option-row{align-items:center;gap:4px;display:flex}.sound-settings-option{min-width:0;min-height:38px;color:var(--color-text-main);text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.sound-settings-option:hover:not(:disabled){background:var(--color-bg-hover)}.sound-settings-option.selected{color:var(--color-primary);background:var(--color-primary-light);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent);font-weight:600}.sound-settings-option:disabled{cursor:wait;opacity:.55}.sound-option-icon{color:var(--color-text-muted);display:flex}.sound-settings-option.selected .sound-option-icon{color:var(--color-primary)}.sound-option-check{margin-left:auto}.sound-option-preview{min-width:76px;min-height:32px;color:var(--color-primary);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:600;display:flex}.sound-option-preview:hover:not(:disabled){background:var(--color-primary-light);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent)}.sound-option-preview:disabled{color:var(--color-text-disabled);cursor:not-allowed}.sound-settings-footer{color:var(--color-text-muted);background:var(--color-bg-card-subtle);border-top:1px solid var(--color-border-light);padding:9px 14px 11px;font-size:11px}.control-btn.theme-toggle{color:var(--color-text-muted);border-radius:4px;padding:4px}.pwa-install-control,.mobile-compose-control{color:var(--color-text-muted);border-radius:4px;justify-content:center;align-items:center;padding:4px}.pwa-install-control:hover,.mobile-compose-control:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.pwa-install-control{display:flex}.mobile-compose-control,.notification-status-mobile{display:none}.pwa-install-overlay{z-index:1200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pwa-install-dialog{background:var(--color-bg-card);border-radius:12px;flex-direction:column;width:min(440px,100%);max-height:min(760px,92vh);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.pwa-install-image{object-fit:cover;object-position:top;width:100%;max-height:68vh;display:block}.pwa-install-close{z-index:1;color:#000;border-radius:50%;width:32px;height:32px;font-size:31px;line-height:1;position:absolute;top:10px;right:10px}body.dark-mode .pwa-install-close{color:#fff}.user-mail-signature .signature-social-link,.user-mail-signature .signature-social-link:visited,.user-mail-signature .signature-social-link:hover,.user-mail-signature .signature-social-link:active,.user-mail-signature .signature-time-line{color:#000!important}.pwa-install-actions{color:var(--color-text-main);padding:14px 16px 16px}.pwa-install-actions h2{margin:0;font-size:18px}.pwa-install-actions p{color:var(--color-text-muted);margin:5px 0 12px;font-size:13px}.pwa-install-buttons{justify-content:flex-end;gap:8px;display:flex}.pwa-install-buttons button{border-radius:var(--border-radius-md);padding:7px 14px;font-size:13px}.pwa-install-later{border:1px solid var(--color-border-light);color:var(--color-text-main)}.pwa-install-confirm{background:var(--color-primary);color:#fff}.pwa-install-confirm:hover{background:var(--color-primary-hover)}.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/light-bg-desktop-D8EtjMTO.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}body.dark-mode .main-content-area{background-image:url(/assets/dark-bg-desktop-Bhdfcops.png)}.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-drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 10px 0 16px;font-weight:600;display:flex}.sidebar-close-btn{width:44px;height:44px;color:var(--color-text-main);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover{background:var(--color-bg-hover)}.sidebar-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar-compose-btn{border-radius:var(--border-radius-md);color:#fff;background:#25d366;border:1px solid #25d366;justify-content:center;align-items:center;gap:8px;width:calc(100% - 20px);margin:10px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.sidebar-compose-btn:hover{background:#25d366}.sidebar-compose-btn.sidebar-manual-btn{border-color:var(--color-border-light,#d1d5db);background:var(--color-bg-hover,#e5e7eb);width:calc(100% - 20px);color:var(--color-text-main,#374151);cursor:pointer;flex-shrink:0;align-self:center;gap:8px;margin:0 10px 10px;padding:8px 12px;font-size:13px}.sidebar-compose-btn.sidebar-manual-btn:hover{background:var(--color-border-light,#d1d5db)}.sidebar-compose-btn svg{color:currentColor}.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:#ffffffb8;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:#252423ad;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), backdrop-filter var(--transition-fast);background-color:#ffffff2e;border-bottom:1px solid #00000008;gap:12px;padding:12px 16px;display:flex;position:relative}body.dark-mode .mail-item{background-color:#ffffff0a;border-bottom:1px solid #ffffff08}.mail-item:hover{background-color:#ffffff4d}.mail-item.selected{background-color:#4a90e224}body.dark-mode .mail-item.selected{background-color:#58a6ff24}.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:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.mail-item-avatar-img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.mail-item-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thread-card-avatar{color:#fff;text-transform:uppercase;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.thread-card-avatar-img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.thread-card-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;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-search-highlight{color:#0f172a;background:#ffeb3b;border-radius:2px;padding:0 1px;box-shadow:inset 0 -1px #0f172a33}.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:8px;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:8px;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}.lighting-toggle-btn{border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.lighting-toggle-btn:hover{background-color:var(--color-bg-hover,#f3f2f1)}body.dark-mode .lighting-toggle-btn:hover{background-color:#3b3a39}.lighting-toggle-btn.dark-active:hover svg{filter:drop-shadow(0 0 3px #f59e0b99)}.lighting-toggle-btn.light-active:hover svg{filter:drop-shadow(0 0 3px #6366f199)}.thread-card-body{padding:16px}.email-content-wrapper{width:100%;position:relative}.email-content-wrapper.email-forced-light-canvas{border-radius:6px;margin-top:4px;box-shadow:0 1px 4px #00000040;background-color:#fff!important}body.dark-mode .maildetails-tts-bar{background-color:#292827!important;border-color:#3b3a39!important}.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){.main-content-area{background:0 0;position:relative;overflow:hidden}.main-content-area:before{content:"";filter:blur(3px)brightness(.96)saturate(.85);z-index:0;background-image:url(/assets/light-bg-mobile-nsA0VtHw.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}body.dark-mode .main-content-area:before{filter:blur(3px)brightness(.9)saturate(.85);background-image:url(/assets/dark-bg-mobile-DqTmzcS1.png)}.main-content-area>.maillist-panel,.main-content-area>.maildetails-panel{z-index:1;position:relative}.mobile-compose-control{display:flex}.pwa-install-control{flex-shrink:0;display:flex}.window-controls{flex-shrink:0;gap:4px!important}.notification-status-full{display:none}.notification-status-mobile{display:inline}.window-controls .notification-control{white-space:nowrap;text-overflow:ellipsis;width:auto;max-width:78px;overflow:hidden;min-width:66px!important;padding:6px!important;font-size:11px!important}.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{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;flex-direction:column;flex:1;min-width:0;animation:.25s forwards composePanelIn;display:flex;overflow:hidden;box-shadow:0 2px 18px #0000000a}body.dark-mode .compose-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 2px 18px #0000001f}@keyframes composePanelIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.compose-titlebar{background-color:#f3f2f1;border-bottom:1px solid #0000000a;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 #ffffff0a}.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-close-confirm-backdrop,.delete-confirmation-backdrop{z-index:2000;background-color:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.compose-close-confirm-card,.delete-confirmation-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;width:min(440px,100vw - 32px);padding:20px;box-shadow:0 12px 44px #0003}body.dark-mode .compose-close-confirm-card{background-color:var(--color-bg-card);border-color:var(--color-border)}.compose-close-confirm-title,.delete-confirmation-title{color:var(--color-text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.compose-close-confirm-copy,.delete-confirmation-copy{color:var(--color-text-secondary);margin-bottom:16px;font-size:13px}.compose-close-confirm-actions,.delete-confirmation-actions{justify-content:flex-end;gap:10px;display:flex}.compose-close-confirm-delete,.compose-close-confirm-save,.compose-close-confirm-cancel,.delete-confirmation-delete,.delete-confirmation-cancel{border:1px solid var(--color-border-light);cursor:pointer;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.compose-close-confirm-delete,.delete-confirmation-delete{color:#fff;background-color:#d83b01;border-color:#d83b01}.compose-close-confirm-save{color:var(--color-text-primary);background-color:var(--color-bg-button)}.compose-close-confirm-cancel{color:var(--color-text-primary);background-color:#0000}body.dark-mode .compose-close-confirm-delete,body.dark-mode .delete-confirmation-delete{background-color:#b02d16;border-color:#b02d16}body.dark-mode .compose-close-confirm-save,body.dark-mode .compose-close-confirm-cancel,body.dark-mode .delete-confirmation-save,body.dark-mode .delete-confirmation-cancel{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.compose-tab-row{background-color:#f3f2f1;border-bottom:1px solid #0000000a;flex-shrink:0;gap:4px;padding:0 12px;display:flex}body.dark-mode .compose-tab-row{background-color:#201f1e;border-bottom:1px solid #ffffff0a}.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:#292827;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:1000;border-radius:8px;margin-top:4px;animation:.15s popoverIn;position:absolute;top:100%;left:0;box-shadow:0 8px 32px #00000038,0 2px 8px #00000014;-webkit-backdrop-filter:none!important;opacity:1!important;background-color:#fff!important}body.dark-mode .compose-popover{border-color:var(--color-border);box-shadow:0 8px 32px #00000080,0 2px 8px #0003;background-color:#201f1e!important}@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;-webkit-backdrop-filter:none!important;background-color:#fff!important}body.dark-mode .compose-font-dropdown{background-color:#201f1e!important}.compose-font-option{border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-main);background-color:#0000;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;-webkit-backdrop-filter:none!important;background-color:#fff!important}body.dark-mode .compose-size-dropdown{background-color:#201f1e!important}.compose-size-option{text-align:center;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-main);background-color:#0000;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;background-color:#fff!important}body.dark-mode .compose-color-popover{background-color:#201f1e!important}.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{background:0 0;border-bottom:1px solid #0000000a;flex-shrink:0;padding:0 16px}body.dark-mode .compose-recipients{background:0 0;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{border-radius:var(--border-radius-sm);z-index:30;background:#fff;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{background:#1f2329;border-color:#ffffff14;box-shadow:0 8px 24px #00000052}.compose-greeting-suggestions{border-radius:var(--border-radius-sm);z-index:30;background:#fff;border:1px solid #00000014;min-width:220px;max-width:min(360px,100% - 32px);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 24px #00000024}body.dark-mode .compose-greeting-suggestions{background:#1f2329;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{-webkit-backdrop-filter:blur(2px);background-color:#ffffff29;border-bottom:1px solid #0000000a;flex-shrink:0;padding:0 16px}body.dark-mode .compose-subject-row{-webkit-backdrop-filter:blur(2px);background-color:#14141429;border-bottom:1px solid #ffffff0a}.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{background:#fff;flex:1;min-height:120px;position:relative;overflow:hidden}.compose-body-editor{color:#201f1e;word-break:break-word;background:#fff;outline:none;width:100%;height:100%;padding:14px 16px;font-size:14px;line-height:1.65;overflow-y:auto}.compose-body-editor:empty:before{content:attr(data-placeholder);color:#a19f9d;pointer-events:none;font-style:italic}.compose-body-editor blockquote{color:#605e5c;border-left:3px solid #edebe9;margin:8px 0;padding:8px 16px}.compose-body-editor a{color:#0078d4;text-decoration:underline}.compose-body-editor table{border-collapse:collapse;width:100%;margin:8px 0}.compose-body-editor td,.compose-body-editor th{color:#201f1e;border:1px solid #d2d0ce;min-width:60px;padding:6px 10px}.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}}.manuals-modal{border:1px solid var(--color-border-light,#ddd);width:min(560px,100vw - 32px);max-width:none;max-height:90dvh;color:var(--color-text-main,#242424);background:var(--color-bg-card,white);border-radius:8px;padding:0;box-shadow:0 16px 64px #0004}.manuals-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c}.manuals-modal__content{flex-direction:column;height:100%;display:flex}.manuals-modal header{border-bottom:1px solid var(--color-border-light,#ddd);align-items:center;gap:12px;padding:16px 20px;display:flex}.manuals-modal h2{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:18px}.manuals-modal__title-group{flex:1;min-width:0}.manuals-modal button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;padding:8px}.manuals-modal button:hover{background:var(--color-bg-hover,#f0f4fa)}.manuals-modal button:focus-visible{outline:2px solid var(--color-primary,#0078d4);outline-offset:2px}.manuals-modal__list{padding:16px 20px;overflow-y:auto}.manuals-modal ul{margin:0;padding:0;list-style:none}.manuals-modal li+li{border-top:1px solid var(--color-border-light,#ddd)}.manuals-modal li button{text-align:left;align-items:center;gap:12px;width:100%;padding:16px 10px;display:flex}.manuals-modal li span{overflow-wrap:anywhere}.manuals-modal li svg{color:var(--color-primary,#0078d4);flex-shrink:0}.manuals-modal__viewer{flex-direction:column;flex:1;min-height:0;display:flex}.manuals-modal__viewer p{margin:0;padding:10px 20px;font-size:13px}.manuals-modal a{color:var(--color-primary,#0078d4)}.manuals-modal iframe{background:#eee;border:0;flex:1;width:100%;min-height:0}.manuals-modal:not(.manuals-modal--viewer){z-index:2000;border-radius:6px;width:min(340px,100vw - 24px);margin:0;position:fixed;inset:auto;box-shadow:0 4px 18px #0003}.manuals-modal:not(.manuals-modal--viewer) header{gap:10px;margin:0 12px;padding:14px 12px}.manuals-modal:not(.manuals-modal--viewer) h2{font-size:14px;font-weight:600}.manuals-modal:not(.manuals-modal--viewer) .manuals-modal__list{padding:8px 12px 12px}.manuals-modal:not(.manuals-modal--viewer) li+li{border-top:0}.manuals-modal:not(.manuals-modal--viewer) li button{gap:10px;padding:10px 6px;font-size:13px}.manuals-modal__heading-icon,.manuals-modal__file-icon{background:var(--color-bg-hover,#eef0f3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.manuals-modal__item-title{flex:1}.manuals-modal--viewer{border-radius:16px;width:min(1000px,100vw - 64px);height:92dvh;max-height:92dvh;margin:auto;position:fixed;inset:0;overflow:hidden;box-shadow:0 32px 100px #0006}.manuals-modal--viewer header{flex-shrink:0;gap:16px;padding:16px 20px}.manuals-modal--viewer h2{font-size:17px;font-weight:600;line-height:1.4}.manuals-modal__eyebrow{letter-spacing:1.3px;color:var(--color-text-muted,#64748b);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.manuals-modal__eyebrow span{opacity:.5;margin:0 6px}.manuals-modal--viewer header button{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.manuals-modal__actions{border-right:1px solid var(--color-border-light,#e2e8f0);align-items:center;gap:6px;padding-right:12px;display:flex}.manuals-modal__action{border:1px solid var(--color-border-light,#e2e8f0);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.manuals-modal__action:hover{background:var(--color-bg-hover,#f1f5f9)}.manuals-modal__action:focus-visible{outline:2px solid var(--color-primary,#0078d4);outline-offset:2px}.manuals-modal__document{background:var(--color-bg-hover,#edf0f5);flex:1;min-height:0;padding:12px;display:flex;position:relative}.manuals-modal__document iframe{border-radius:8px;display:block}.manuals-modal__loading{z-index:1;pointer-events:none;background:var(--color-bg-card,#fff);color:var(--color-text-muted,#64748b);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex;position:absolute;inset:12px}.manuals-modal__loading svg{color:var(--color-primary,#0078d4);animation:1s linear infinite manual-spin}@keyframes manual-spin{to{transform:rotate(360deg)}}.manuals-modal__footer{border-top:1px solid var(--color-border-light,#e2e8f0);color:var(--color-text-muted,#64748b);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:11px;display:flex}.manuals-modal__footer>span,.manuals-modal__footer a{align-items:center;gap:6px;display:inline-flex}.manuals-modal__footer a{text-decoration:none}.manuals-modal--expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}@media (width<=640px){.manuals-modal--viewer,.manuals-modal--expanded{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.manuals-modal--viewer header{padding:max(10px, env(safe-area-inset-top)) 10px 10px;flex-wrap:wrap;gap:8px}.manuals-modal--viewer .manuals-modal__title-group{flex-basis:calc(100% - 100px)}.manuals-modal--viewer h2{font-size:14px;line-height:1.35}.manuals-modal__eyebrow{letter-spacing:1px;font-size:9px}.manuals-modal__actions{border-right:0;border-top:1px solid var(--color-border-light,#e2e8f0);order:4;width:100%;padding:8px 0 0}.manuals-modal__actions .manuals-modal__action{flex:1;min-height:40px}.manuals-modal__actions button{display:none}.manuals-modal__document{padding:0}.manuals-modal__document iframe{border-radius:0}.manuals-modal__footer{padding:10px 12px max(10px, env(safe-area-inset-bottom));justify-content:center}.manuals-modal__footer>span:first-child{display:none}}@media (prefers-reduced-motion:reduce){.manuals-modal__loading svg{animation:none}}.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;background:#fff;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:#201f1e;background:#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}}.availability-modal__overlay{z-index:10000;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.availability-modal{width:min(760px,100%);max-height:calc(100vh - 48px);color:var(--color-text-main);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000040}.availability-modal__header,.availability-modal__footer{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.availability-modal__header h2{margin:0;font-size:20px;font-weight:600}.availability-modal__header button{color:inherit;cursor:pointer;background:0 0;border:0}.availability-modal__body{padding:20px 24px;overflow-y:auto}.availability-modal__field{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:14px;display:grid}.availability-modal__field--top{align-items:start}.availability-modal__field label,.availability-modal__check{font-size:14px}.availability-modal input,.availability-modal textarea,.availability-modal select{box-sizing:border-box;width:100%;min-height:36px;color:var(--color-text-main);background:var(--color-bg-card);border:1px solid var(--color-border-light);font:inherit;border-radius:4px;padding:7px 10px}.availability-modal textarea{resize:vertical}.availability-modal input:disabled,.availability-modal textarea:disabled{opacity:.55}.availability-modal__check{align-items:center;gap:8px;margin:4px 0 18px 198px;display:flex}.availability-modal__check input{width:auto;min-height:auto}.availability-modal__date,.availability-modal__inline{grid-template-columns:1fr 1fr;gap:8px;display:grid}.availability-modal__inline{grid-template-columns:1fr auto;align-items:center}.availability-modal__inline span{background:var(--color-bg-hover);border:1px solid var(--color-border-light);padding:9px 12px}.availability-modal h3{margin:26px 0 16px;font-size:16px}.availability-modal__secondary,.availability-modal__primary{cursor:pointer;min-height:36px;font:inherit;border-radius:4px;padding:7px 14px}.availability-modal__secondary{color:var(--color-text-main);background:var(--color-bg-hover);border:1px solid var(--color-border-light)}.availability-modal__body .availability-modal__secondary{margin-top:8px}.availability-modal__primary{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary)}.availability-modal__footer{border-top:1px solid var(--color-border-light);border-bottom:0;justify-content:flex-end;gap:8px}.availability-modal__error,.availability-modal__success,.availability-modal__status{border-radius:4px;margin-bottom:16px;padding:10px 12px}.availability-modal__error{color:#a4262c;background:#a4262c1a}.availability-modal__success{color:#107c10;background:#107c101a}.availability-modal__status{color:var(--color-text-muted)}@media (width<=640px){.availability-modal__field{grid-template-columns:1fr;gap:6px}.availability-modal__check{margin-left:0}.availability-modal__date{grid-template-columns:1fr}}.availability-modal__editor-wrap{border:1px solid var(--color-border-light);border-radius:4px;min-width:0;overflow:hidden}.availability-modal__toolbar{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border-light);align-items:center;gap:2px;padding:5px;display:flex}.availability-modal__toolbar button,.availability-modal__toolbar-button{width:30px;height:30px;color:var(--color-text-main);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.availability-modal__toolbar button:hover,.availability-modal__toolbar-button:hover{background:var(--color-bg-card)}.availability-modal__toolbar-button{position:relative}.availability-modal__toolbar-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.availability-modal__editor{background:var(--color-bg-card);outline:0;min-height:150px;max-height:280px;padding:10px;overflow-y:auto}.availability-modal__editor:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent)}.availability-modal__editor p{margin:0}.availability-modal__editor p+p{margin-top:1em}.availability-modal__editor--disabled{opacity:.55;pointer-events:none}.availability-modal__editor img{max-width:100%;height:auto}.availability-modal__warning{color:#8a5700;background:#ffb90029;border-radius:4px;grid-column:1/-1;margin:-2px 0 0;padding:4px 8px;font-size:12px}.availability-modal__hint{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.communities{background:var(--bg-primary,#f3f6fa);min-height:0;color:var(--text-primary,#172b4d);padding:32px max(20px,50vw - 600px);font-family:inherit}.community-workspace{--bg-primary:var(--color-bg-card,#f3f6fa);--bg-secondary:var(--color-bg-card,#fff);--text-primary:var(--color-text-main,#172b4d);border-radius:12px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.community-workspace>.communities{box-sizing:border-box;height:100%;padding:24px;overflow:auto}.community-workspace .community-overlay{z-index:20;justify-content:center;align-items:center;padding:10px;position:absolute}.community-workspace .community-dialog{box-sizing:border-box;width:min(640px,100%);max-height:100%}.communities .community-menu-toggle{display:none}@media (width<=1024px){.communities .community-menu-toggle{margin-right:12px;display:inline-block}}.communities header{margin-bottom:28px}.communities h1{margin:16px 0 6px}.communities a{color:inherit}.community-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.communities button,.communities select{cursor:pointer;background:var(--bg-secondary,#fff);color:inherit;border:1px solid #b8c7d8;border-radius:8px;padding:9px 14px}.communities button:disabled{opacity:.5;cursor:wait}.communities .primary{color:#fff;background:#135da5;border-color:#135da5}.communities input:not([type=file]),.communities textarea{box-sizing:border-box;background:var(--bg-secondary,#fff);width:100%;color:inherit;font:inherit;border:1px solid #b8c7d8;border-radius:8px;padding:12px}.community-toolbar>input{flex:1;min-width:180px}.community-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.community-card{background:var(--bg-secondary,#fff);border:1px solid #dce4ed;border-radius:16px;margin-bottom:20px;padding:24px;text-decoration:none;box-shadow:0 4px 14px #17324f06}.community-card p{white-space:pre-wrap;overflow-wrap:anywhere}.community-avatar{object-fit:cover;border-radius:22px;width:68px;height:68px;display:inline-flex}.community-placeholder{color:#135da5;background:#dceafd;justify-content:center;align-items:center;font-size:24px;font-weight:700}.community-member{border-bottom:1px solid #dce4ed;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.community-member>div:first-of-type{overflow-wrap:anywhere;flex:1;min-width:180px}.community-member small{opacity:.75;margin-top:5px;display:block}.community-initial{color:#135da5;background:#e0edfa;border-radius:50%;padding:12px}.community-table{overflow:auto}.communities table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.communities td,.communities th{border-bottom:1px solid #dce4ed;padding:12px 8px}.community-overlay{z-index:2000;background:#182c422e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.community-workspace>.communities{padding:30px 32px;font-size:14px}.communities header h1{letter-spacing:-.7px;margin:10px 0 6px;font-size:28px}.communities header>p{color:var(--color-text-muted,#66778a);margin-top:0}.community-page-kicker{color:var(--color-primary,#0078d4);letter-spacing:1.5px;align-items:center;gap:7px;margin-top:22px;font-size:10px;font-weight:700;display:flex}.community-workspace .community-dialog{border-radius:16px;width:min(560px,100%);padding:28px 30px 0;box-shadow:0 12px 48px #102c4926}.community-close{width:32px;height:32px;font-size:20px;position:absolute;top:22px;right:22px;color:var(--color-text-muted,#66778a)!important;background:0 0!important;border-color:#0000!important;padding:0!important}.community-wizard-heading{align-items:center;gap:13px;padding-right:24px;display:flex}.community-heading-icon{color:#0078d4;background:#eaf4ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.community-eyebrow{letter-spacing:1.4px;color:var(--color-text-muted,#66778a);font-size:9px;font-weight:700}.community-wizard-heading h2{letter-spacing:-.5px;margin:4px 0;font-size:22px;line-height:1.3}.community-wizard-heading p{color:var(--color-text-muted,#66778a);margin:0;font-size:12px}.community-steps{border-top:1px solid var(--color-border-light,#e5eaf0);border-bottom:1px solid var(--color-border-light,#e5eaf0);gap:12px;margin:22px 0 0;padding:20px 0;list-style:none;display:flex}.community-steps li{color:var(--color-text-muted,#66778a);flex:1;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.community-steps li>span{background:var(--color-bg-hover,#f0f3f7);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:inline-flex}.community-steps .current{color:var(--color-primary,#0078d4)}.community-steps .current>span{color:#fff;background:var(--color-primary,#0078d4);box-shadow:0 0 0 4px #0078d413}.community-steps .complete>span{color:#188256;background:#e6f5ee}.community-wizard-body{flex:1;min-height:0;padding:24px 0 20px}.community-workspace .community-wizard{flex-direction:column;height:min(720px,100%);display:flex;overflow:hidden}.community-inline-action{width:100%;max-width:900px;margin:24px auto}.community-workspace .community-inline-action .community-dialog{border:1px solid var(--color-border-light,#e5eaf0);width:100%;height:auto;max-height:none;padding:28px 30px 0;overflow:visible;box-shadow:0 3px 16px #102c4908}.community-inline-action .community-wizard-body{overflow:visible}.community-inline-action .community-wizard-footer{position:static}@media (width<=600px){.community-workspace .community-inline-action .community-dialog{padding:22px 18px 0}}.community-workspace{container-type:inline-size}.community-workspace>.communities{padding:12px 16px 24px}.communities .community-hero{box-sizing:border-box;color:#12234e;background:radial-gradient(at 90% 10%,#c6c3ff 0%,#0000 58%),linear-gradient(110deg,#edf6ff 0%,#dcecff 58%,#ebe7ff 100%);border-radius:12px;align-items:center;min-height:178px;margin-bottom:16px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.community-hero:after{content:"";background:#a8ccff38;border-radius:18px;width:150px;height:100px;position:absolute;bottom:-75px;left:58%;transform:rotate(24deg)}.community-hero-copy{z-index:1;width:69%;position:relative}.community-hero .community-page-kicker{color:#0078f8;letter-spacing:1.4px;margin:0 0 12px;font-size:10px}.communities .community-hero h1{letter-spacing:-.8px;color:#10204b;margin:0 0 5px;font-size:29px;font-weight:750}.community-hero-copy>p{color:#4b5c7c;margin:0;font-size:12px;line-height:1.6}.community-hero-features{gap:clamp(16px,3vw,44px);margin-top:21px;display:flex}.community-hero-features>div{align-items:center;gap:10px;display:flex}.community-feature-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 2px 8px #fff3}.community-feature-icon.blue{background:linear-gradient(135deg,#22adff,#0079f9)}.community-feature-icon.green{background:linear-gradient(135deg,#43d7b5,#11b17d)}.community-feature-icon.purple{background:linear-gradient(135deg,#b07aff,#7d47ee)}.community-hero-features strong{color:#17264e;white-space:nowrap;font-size:11px;font-weight:650;display:block}.community-hero-features small{color:#53617d;white-space:nowrap;margin-top:4px;font-size:10px;display:block}.community-hero-art{pointer-events:none;width:34%;max-width:360px;height:100%;position:absolute;bottom:0;right:16px}.communities .community-directory-toolbar{gap:10px;margin:14px 0}.community-search-field{background:var(--color-bg-hover,#f0f5fb);color:#5b6b88;border-radius:7px;flex:1;align-items:center;gap:10px;max-width:64%;margin-right:auto;padding:0 12px;display:flex}.community-search-field:focus-within{outline:2px solid #0078d466}.communities .community-search-field input{box-shadow:none;background:0 0;border:none;min-width:0;padding:10px 0;font-size:11px}.community-search-field input::placeholder{color:#697892}.community-search-field>svg{flex-shrink:0}.community-view-switch{background:var(--color-bg-hover,#f6f9ff);border-radius:8px;padding:3px;display:flex}.communities .community-view-switch button{color:#63728e;background:0 0;border:none;justify-content:center;align-items:center;width:31px;height:30px;padding:0;display:flex}.communities .community-view-switch button.selected{color:#007fff;background:#e2f0ff}.community-directory-toolbar>.primary{white-space:nowrap;background:linear-gradient(#078aff,#0073e8);border-color:#078aff;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 16px;font-size:11px;display:inline-flex}.community-grid.community-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.community-directory .community-directory-card{border:1px solid var(--color-border-light,#e5edf8);box-shadow:none;border-radius:12px;flex-direction:column;min-width:0;margin:0;padding:14px;display:flex;position:relative}.community-card-overview{align-items:flex-start;gap:12px;min-height:85px;display:flex}.community-directory-card .community-avatar{background:var(--community-tint);width:46px;height:46px;color:var(--community-accent);border-radius:50%;flex-shrink:0;font-size:20px;font-weight:600}.community-card-copy{flex:1;min-width:0;padding-top:2px}.community-directory-card h2{color:var(--text-primary,#17264e);text-overflow:ellipsis;white-space:nowrap;margin:0 14px 3px 0;font-size:12px;font-weight:700;line-height:1.4;overflow:hidden}.community-card-copy>span{color:var(--color-text-muted,#566581);font-size:10px;display:block}.community-directory-card .community-card-copy p{-webkit-line-clamp:2;color:var(--color-text-muted,#566581);white-space:normal;-webkit-box-orient:vertical;margin:5px 0 0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.community-card-members{align-items:center;min-height:23px;margin:2px 0 10px;padding-left:3px;display:flex}.community-card-members>span{border:2px solid var(--bg-secondary,#fff);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;margin-left:-3px;font-size:9px;font-weight:700;display:inline-flex;position:relative}.community-card-members>span>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.community-card-members .community-more-members{color:#007aff;background:#e8f3ff;border-radius:12px;width:auto;min-width:30px;margin-left:3px;padding:0 6px}.community-card-actions{gap:10px;margin-top:auto;display:flex}.community-card-actions>a{background:var(--color-bg-hover,#edf4fc);color:var(--text-primary,#24385e);white-space:nowrap;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 5px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.community-card-actions>.community-card-send{color:#fff;background:linear-gradient(#0788ff,#0070e6)}.community-card-actions>a:hover{filter:brightness(.95)}.community-card-menu{z-index:2;position:absolute;top:10px;right:8px}.community-card-menu summary{cursor:pointer;color:#8293b2;border-radius:4px;padding:2px;list-style:none;display:flex}.community-card-menu summary::-webkit-details-marker{display:none}.community-card-menu summary:focus-visible{outline-offset:2px;outline:2px solid #0078d4}.community-card-menu[open] summary{color:#0078d4;background:#0078d410}.community-card-menu>div{border:1px solid var(--color-border-light,#e5edf8);background:var(--bg-secondary,#fff);border-radius:7px;width:154px;padding:5px;position:absolute;top:26px;right:0;box-shadow:0 5px 20px #142b4c1a}.community-card-menu a{border-radius:4px;padding:8px;font-size:11px;text-decoration:none;display:block}.community-card-menu a:hover{background:var(--color-bg-hover,#edf4fc)}.community-directory.community-list-view{grid-template-columns:1fr}.community-list-view .community-directory-card{grid-template-columns:minmax(200px,1fr) minmax(80px,160px) 220px;align-items:center;gap:18px;display:grid}.community-list-view .community-card-overview{align-items:center;min-height:0}.community-list-view .community-card-members{margin:0}.community-list-view .community-card-actions{margin:0 10px 0 0}.community-no-results{text-align:center;color:var(--color-text-muted,#566581);padding:36px 16px}@container (width<=980px){.community-grid.community-directory:not(.community-list-view){grid-template-columns:repeat(3,minmax(0,1fr))}.community-hero-features{gap:16px}.community-hero-copy{width:75%}.community-hero-art{opacity:.8;right:-30px}}@container (width<=740px){.community-grid.community-directory:not(.community-list-view){grid-template-columns:repeat(2,minmax(0,1fr))}.community-hero-art{opacity:.3;width:44%;right:-30px}.community-hero-copy{width:100%}.community-list-view .community-directory-card{grid-template-columns:1fr 170px}.community-list-view .community-card-members{display:none}.community-search-field{max-width:none}}@container (width<=500px){.community-grid.community-directory:not(.community-list-view){grid-template-columns:1fr}.communities .community-hero{padding:20px 16px}.community-hero-features{flex-wrap:wrap;gap:12px}.community-feature-icon{width:29px;height:29px}.community-hero-features strong{font-size:10px}.community-hero-features small{font-size:9px}.communities .community-hero h1{font-size:25px}.community-search-field{flex-basis:100%}.community-directory-toolbar>.primary{flex:1}.community-list-view .community-directory-card{align-items:stretch;display:flex}.community-hero .community-menu-toggle{z-index:2;position:absolute;top:10px;right:12px}}body.dark-mode .community-hero{background:linear-gradient(110deg,#152a45,#303050)}body.dark-mode .community-hero h1,body.dark-mode .community-hero-features strong{color:#e8efff}body.dark-mode .community-hero-copy>p,body.dark-mode .community-hero-features small{color:#c1cee6}.community-wizard>.community-wizard-heading,.community-wizard>.community-steps,.community-wizard>.community-wizard-footer{flex-shrink:0}.community-wizard .community-wizard-body{padding-right:4px;overflow-y:auto}.community-step-title{letter-spacing:-.2px;margin:0 0 6px;font-size:17px}.community-step-description{color:var(--color-text-muted,#66778a);margin:0 0 22px;font-size:12px;line-height:1.6}.community-dialog label{margin:20px 0;font-size:12px;font-weight:600}.community-dialog input:not([type=file]),.community-dialog textarea{border-color:var(--color-border,#d8e0e9);border-radius:7px;padding:11px 12px;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}.communities input:focus-visible,.communities textarea:focus-visible{border-color:#0078d4;outline:none;box-shadow:0 0 0 3px #0078d414}.communities button:focus-visible,.communities a:focus-visible{outline-offset:3px;outline:2px solid #0078d4}.community-dialog textarea{resize:vertical}.community-required{color:#0078d4}.community-optional{color:var(--color-text-muted,#66778a);font-size:11px;font-weight:400}.community-dialog .community-image-picker{border:1px dashed var(--color-border,#d2ddea);cursor:pointer;background:var(--color-bg-hover,#f9fbfd);border-radius:10px;align-items:center;gap:14px;padding:15px;display:flex;position:relative}.community-image-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0;margin:0!important}.community-image-picker:focus-within{outline-offset:2px;outline:2px solid #0078d4}.community-upload-avatar{color:#0078d4;background:#eaf4ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.community-upload-avatar img{object-fit:cover;width:100%;height:100%}.community-image-picker strong{font-size:12px}.community-image-picker small{color:var(--color-text-muted,#66778a);margin-top:6px;font-size:10px;font-weight:400;display:block}.communities .community-remove-photo{color:#0078d4;border:0;margin-top:-10px;padding:0;font-size:11px}.community-privacy-note{color:var(--color-text-muted,#66778a);background:#0078d409;border:1px solid #0078d417;border-radius:8px;align-items:flex-start;gap:9px;margin-top:24px;padding:13px;font-size:11px;line-height:1.6;display:flex}.community-privacy-note svg{color:#0078d4;flex-shrink:0}.community-wizard-footer{background:var(--bg-secondary,#fff);border-top:1px solid var(--color-border-light,#e5eaf0);z-index:1;align-items:center;gap:10px;margin-top:10px;padding:18px 0;display:flex;position:sticky;bottom:0}.community-step-counter{color:var(--color-text-muted,#66778a);margin-right:auto;font-size:11px}.community-wizard-footer button{justify-content:center;align-items:center;gap:9px;min-height:38px;padding:9px 17px;font-size:12px;display:inline-flex}.communities .primary{background:var(--color-primary,#0078d4);border-color:var(--color-primary,#0078d4);font-weight:600}.communities .primary:hover:not(:disabled){filter:brightness(.94)}.community-review{text-align:center;border:1px solid var(--color-border-light,#e5eaf0);border-radius:12px;padding:24px 16px}.community-review>span{color:var(--color-text-muted,#66778a);align-items:center;gap:7px;font-size:12px;display:inline-flex}.community-review .community-chips{justify-content:center}.community-review .community-chips>span{overflow-wrap:anywhere;background:#0078d40a;border-radius:5px;padding:5px 8px;font-size:11px}.community-empty{text-align:center;border:1px dashed var(--color-border,#d8e0e9);background:#0078d403;border-radius:16px;flex-direction:column;align-items:center;margin-top:24px;padding:64px 20px;display:flex}.community-empty-icon{color:#0078d4;background:#eaf4ff;border-radius:26px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:10px;display:flex}.community-empty h2{letter-spacing:-.3px;margin-bottom:0;font-size:19px}.community-empty p{color:var(--color-text-muted,#66778a);font-size:13px;line-height:1.8}.community-empty-note{color:var(--color-text-muted,#66778a);align-items:center;gap:7px;margin-top:14px;font-size:11px;display:flex}.community-grid .community-card{transition:transform .15s,box-shadow .15s}.community-grid .community-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17324f13}@media (width<=600px){.community-workspace>.communities{padding:20px 16px}.community-workspace .community-dialog{padding:22px 18px 0}.community-wizard-heading h2{font-size:19px}.community-heading-icon{display:none}.community-empty{padding:38px 14px}.community-empty-note{font-size:10px}}.community-dialog{background:var(--bg-secondary,#fff);border-radius:18px;width:640px;max-width:100%;max-height:85vh;padding:30px;position:relative;overflow:auto;box-shadow:0 16px 60px #0004}.community-close{float:right}.community-dialog label{margin:18px 0;display:block}.community-dialog label>input,.community-dialog label>textarea{margin-top:8px;display:block}.community-chips,.community-suggestions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.community-chips button{color:#174b80;overflow-wrap:anywhere;background:#e0edfa;max-width:100%}.community-error{color:#9c291c;background:#fff0ed;border-radius:8px;padding:12px}@media (width<=600px){.communities{padding:18px}.community-dialog{padding:20px}.community-card{padding:18px}}.compose-community-addresses{flex-wrap:wrap;flex-basis:100%;gap:5px;max-height:100px;display:flex;overflow:auto}.compose-community-addresses>span{overflow-wrap:anywhere;background:#0078d40c;border-radius:5px;padding:4px 7px}.community-compose-page{height:100%;min-height:0;display:flex}.community-compose-page .compose-modal{width:100%;animation:none}.compose-community-recipients{border-bottom:1px solid var(--color-border-light);background:#0078d407;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;font-size:13px;display:flex}.compose-community-recipients strong{color:var(--color-primary,#0078d4)}.compose-community-recipients span{color:var(--color-text-muted);font-size:11px}.community-matched-users{border:1px solid var(--community-border);border-radius:9px;max-width:760px;max-height:280px;margin:16px 0;overflow:hidden auto}.community-match-caption{background:var(--color-bg-hover,#f4f8fd);color:var(--community-muted);padding:10px 12px;font-size:11px;font-weight:600;display:block}.communities .community-matched-users>button{text-align:left;border:0;border-bottom:1px solid var(--community-border);border-radius:0;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px;display:flex}.community-matched-users>button>span:nth-child(2){flex:1;min-width:0}.community-match-avatar{color:#0078d4;background:#0078ff10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.community-matched-users strong,.community-matched-users small{overflow-wrap:anywhere;display:block}.community-matched-users strong{font-size:12px}.community-matched-users small{color:var(--community-muted);margin-top:3px;font-size:11px;font-weight:400}.community-matched-users>button>svg{color:#0078d4;flex-shrink:0}.community-matched-users>p{color:var(--community-muted);margin:0;padding:12px;font-size:11px;line-height:1.6}.communities{--community-border:var(--color-border-light,#e5edf8);--community-muted:var(--color-text-muted,#566581)}.communities button,.communities select{border-color:var(--community-border);min-height:34px;font-family:inherit;font-size:12px}.communities button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.communities button:not(.primary):hover:not(:disabled){background:var(--color-bg-hover,#edf4fc)}.community-breadcrumb{color:var(--community-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:18px 2px;font-size:12px;display:flex}.community-breadcrumb a{color:var(--color-primary,#0078d4);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.community-breadcrumb strong{font-weight:500}.communities .community-card:not(.community-directory-card){border-color:var(--community-border);border-radius:12px;margin-bottom:16px;padding:22px;position:relative;box-shadow:0 3px 12px #17324f04}.community-profile-card{background:linear-gradient(115deg, #0078ff05, transparent 65%), var(--bg-secondary,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.community-profile-identity{flex:1;align-items:center;gap:16px;min-width:220px;display:flex}.community-profile-identity>div{min-width:0}.community-profile-identity .community-avatar{border-radius:18px;flex-shrink:0;width:64px;height:64px}.community-profile-identity h2{letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 7px;font-size:20px}.community-profile-identity p{color:var(--community-muted);margin:9px 0 0;font-size:12px;line-height:1.6}.community-profile-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.community-profile-meta>span{color:var(--community-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.community-profile-meta .community-role-badge{color:#0078d4;text-transform:capitalize;background:#0078ff0d;border-radius:6px;padding:3px 7px}.community-profile-actions{gap:8px;margin:0}.community-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px;display:grid}.community-stat-grid>div{border:1px solid var(--community-border);background:var(--bg-secondary,#fff);border-radius:10px;align-items:center;gap:12px;padding:16px 20px;display:flex}.community-stat-grid strong{letter-spacing:-.5px;font-size:21px;line-height:1.2;display:block}.community-stat-grid small{color:var(--community-muted);margin-top:4px;font-size:11px;display:block}.community-section-heading{align-items:center;gap:11px;margin-bottom:19px;padding-right:28px;display:flex}.community-section-icon{color:#0078d4;background:#0078ff0b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.communities .community-section-heading h2{letter-spacing:-.25px;margin:0;font-size:16px;line-height:1.4}.community-section-heading p{color:var(--community-muted);margin:3px 0 0;font-size:11px;line-height:1.6}.community-section-count{color:#0078d4;background:#0078ff0b;border-radius:6px;padding:5px 9px;font-size:10px;position:absolute;top:25px;right:22px}.community-members-panel .community-section-heading{padding-right:95px}.community-member-search{max-width:430px;margin-bottom:8px}.community-member-search input{font-size:12px!important}.community-member{border-color:var(--community-border);gap:12px;padding:13px 0}.community-member:last-child{border-bottom:0}.community-member strong{font-size:12px;font-weight:650}.community-member small{opacity:1;color:var(--community-muted);font-size:11px;line-height:1.6}.community-initial{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:12px;font-weight:650;display:flex}.community-member-role{color:#0078d4;text-transform:capitalize;background:#0078ff0a;border-radius:4px;margin-left:6px;padding:0 6px;font-size:9px;display:inline-flex}.community-member-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.community-member-actions button,.community-member-actions select{border-radius:6px;min-height:30px;padding:6px 10px;font-size:10px}.community-member-actions .community-remove-member{color:#b74e57;background:#d5596607;border-color:#d559661a}.community-history-panel .community-table{border:1px solid var(--community-border);border-radius:8px}.community-history-panel table{font-size:11px}.community-history-panel th{color:var(--community-muted);background:var(--color-bg-hover,#f4f8fd);white-space:nowrap;padding:11px 12px;font-size:10px;font-weight:650}.community-history-panel td{border-color:var(--community-border);padding:12px;font-size:11px}.community-history-panel tbody tr:last-child td{border-bottom:0}.community-history-panel td:first-child{font-weight:600}.community-history-panel td button{color:#0078d4;background:#0078ff08;border-color:#0000;min-height:29px;margin:2px;padding:5px 9px;font-size:10px}.community-status{color:#0078d4;text-transform:capitalize;white-space:nowrap;background:#0078ff0b;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex}.community-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.community-status-sent{color:#168359;background:#15a36d11}.community-status-failed,.community-status-completed_with_errors{color:#bf4d58;background:#db526510}.community-status-uncertain,.community-status-needs_review{color:#aa760d;background:#e3ac2517}.community-section-empty{text-align:center;color:var(--community-muted);flex-direction:column;align-items:center;padding:28px 12px 12px;display:flex}.community-section-empty>svg{color:#0078d4;margin-bottom:12px}.community-section-empty strong{color:var(--text-primary);font-size:13px}.community-section-empty p{font-size:11px;line-height:1.6}.community-workspace .community-inline-action{max-width:100%;margin:16px 0}.community-workspace .community-inline-action .community-dialog{border-color:var(--community-border);border-radius:12px;padding:24px}.community-inline-action .community-dialog>label{max-width:760px}.community-inline-action .community-dialog>.community-section-heading{border-bottom:1px solid var(--community-border);padding-bottom:18px}.community-recipient-notice{color:var(--community-muted);background:#0078ff08;border-radius:7px;align-items:center;gap:9px;max-width:732px;padding:12px 14px;font-size:11px;display:flex}.community-recipient-notice svg{color:#0078d4;flex-shrink:0}.community-recipient-notice strong{color:#0078d4;font-weight:600}.community-dialog input[type=file]::file-selector-button{border:1px solid var(--community-border);color:#0078d4;cursor:pointer;background:#0078ff08;border-radius:6px;margin-right:10px;padding:8px 12px;font-family:inherit;font-size:11px}.community-dialog>button.primary{margin-top:8px}.community-workspace .community-inline-action .community-wizard{max-width:900px;margin:0 auto}@container (width<=740px){.community-profile-actions{flex-basis:100%}.community-stat-grid{gap:8px}.community-stat-grid>div{gap:8px;padding:12px}.community-stat-grid .community-feature-icon{width:30px;height:30px}.community-stat-grid strong{font-size:18px}.community-stat-grid small{font-size:10px}}@container (width<=500px){.communities .community-card:not(.community-directory-card){padding:16px}.community-stat-grid{grid-template-columns:1fr}.community-stat-grid>div{padding:12px 16px}.community-member-actions{flex-basis:100%;padding-left:48px}.community-section-count{top:19px;right:16px}.community-workspace .community-inline-action .community-dialog{padding:20px 16px}}.community-mobile-navigation{display:none}@media screen and (width<=1024px){.community-mobile-navigation{align-items:center;gap:12px;padding:12px 4px 16px;display:flex}.communities .community-mobile-navigation .mobile-hamburger{width:36px;height:36px;min-height:36px;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.community-mobile-search{border:1px solid var(--color-border,#d1d1d1);background:var(--bg-secondary,#fff);min-width:0;color:var(--color-text-muted,#605e5c);border-radius:4px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.community-mobile-search>svg{flex-shrink:0}.communities .community-mobile-search input{box-shadow:none;background:0 0;border:none;border-radius:0;min-width:0;padding:12px 0;font-size:14px}.community-mobile-search:focus-within{outline:2px solid var(--color-primary,#0078d4);outline-offset:1px}.community-mobile-title{overflow-wrap:anywhere;font-size:14px;font-weight:600}.community-directory-toolbar>.community-search-field{display:none}}.pwa-status{z-index:1000;border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.pwa-offline{color:#5c4300;background:#fff4ce}.pwa-update{background:var(--color-bg-card);color:var(--color-text-main)}.pwa-update button{border-radius:var(--border-radius-sm);background:var(--color-primary);color:#fff;padding:5px 10px;font-size:12px}.pwa-update button:hover{background:var(--color-primary-hover)}@media (width<=480px){.pwa-status{max-width:calc(100vw - 16px);bottom:8px}}