:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ribbon-header-bg: #2B579A;--ribbon-header-text: #FFFFFF;--ribbon-tab-active-bg: #FFFFFF;--ribbon-tab-active-text: #2B579A;--ribbon-tab-inactive-text: #FFFFFF;--ribbon-tab-hover-bg: rgba(255, 255, 255, .15);--ribbon-body-bg: #F5F6F7;--ribbon-border: #D1D2D4;--ribbon-btn-hover: #DDE2EB;--ribbon-btn-text: #333333;--ribbon-group-title: #707070;--nav-rail-bg: #1F3F70;--nav-rail-text: #DDE7F5;--nav-rail-active: #FFFFFF;--nav-rail-active-bg: #2B579A;--folder-bg: #F0F2F5;--folder-border: #DCDFE4;--folder-text: #333333;--folder-active-bg: #C8D8ED;--folder-active-text: #1F3F70;--folder-hover-bg: #E1E7F0;--list-bg: #FFFFFF;--list-border: #E0E2E5;--list-item-hover: #EBF3FC;--list-item-selected: #CCE4F7;--list-item-unread-indicator: #0072C6;--list-text-primary: #262626;--list-text-secondary: #666666;--list-header-bg: #F7F8F9;--reading-pane-bg: #FFFFFF;--reading-pane-header-bg: #FAFAFB;--reading-pane-border: #DCDFE4;--reading-pane-text: #262626;--ai-panel-bg: #F8FAFC;--ai-panel-header-bg: #2B579A;--ai-panel-border: #D1D5DB;--status-bar-bg: #2B579A;--status-bar-text: #FFFFFF;--status-success-bg: #E6F4EA;--status-success-text: #137333;--status-success-border: #CEEAD6;--status-warning-bg: #FEF7E0;--status-warning-text: #B06000;--status-warning-border: #FEEFC3;--status-error-bg: #FCE8E6;--status-error-text: #C5221F;--status-error-border: #FAD2CF}.ribbon-container{background-color:var(--ribbon-body-bg);border-bottom:1px solid var(--ribbon-border)}.ribbon-tab{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;background:transparent;transition:all .1s ease}.ribbon-tab.active{background-color:var(--ribbon-tab-active-bg);color:var(--ribbon-tab-active-text);border-top-left-radius:2px;border-top-right-radius:2px}.ribbon-group{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--ribbon-border);padding:4px 6px;min-height:90px}.ribbon-group-title{font-size:10px;color:var(--ribbon-group-title);text-align:center;border-top:1px dotted rgba(128,128,128,.25);padding-top:2px;margin-top:4px}.ribbon-btn-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border-radius:2px;border:1px solid transparent;background:transparent;cursor:pointer;min-width:54px;text-align:center}.ribbon-btn-large:hover{background-color:var(--ribbon-btn-hover);border-color:#8080804d}.ribbon-btn-large span{font-size:11px;line-height:1.2;margin-top:3px;color:var(--ribbon-btn-text, #333333)}.ribbon-btn-small{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:2px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:11px;color:var(--ribbon-btn-text, #333333);width:100%}.ribbon-btn-small:hover{background-color:var(--ribbon-btn-hover);border-color:#8080804d}.nav-rail{background-color:var(--nav-rail-bg);width:48px;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:8px}.nav-rail-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--nav-rail-text);border-radius:3px;cursor:pointer;transition:all .15s ease;background:transparent;border:none}.nav-rail-btn:hover{background-color:#ffffff26;color:#fff}.nav-rail-btn.active{background-color:var(--nav-rail-active-bg);color:#fff;box-shadow:inset 3px 0 #fff}.mail-item{position:relative;border-bottom:1px solid var(--list-border);padding:8px 12px 8px 16px;cursor:pointer;transition:background-color .1s ease}.mail-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--list-item-unread-indicator)}.mail-item:hover{background-color:var(--list-item-hover)}.mail-item.selected{background-color:var(--list-item-selected);border-color:#0072c64d}.density-compact .mail-item{padding:4px 8px 4px 12px;font-size:12px}.density-compact .mail-item .mail-preview{display:none}.theme-modern{--ribbon-header-bg: #0078D4;--ribbon-header-text: #FFFFFF;--ribbon-tab-active-bg: #FFFFFF;--ribbon-tab-active-text: #0078D4;--ribbon-tab-inactive-text: rgba(255, 255, 255, .85);--ribbon-body-bg: #FFFFFF;--ribbon-border: #E5E7EB;--ribbon-btn-hover: #F3F4F6;--ribbon-group-title: #6B7280;--nav-rail-bg: #0F172A;--nav-rail-text: #94A3B8;--nav-rail-active: #38BDF8;--nav-rail-active-bg: #1E293B;--folder-bg: #F8FAFC;--folder-border: #E2E8F0;--folder-text: #1E293B;--folder-active-bg: #E0F2FE;--folder-active-text: #0369A1;--folder-hover-bg: #F1F5F9;--list-bg: #FFFFFF;--list-border: #F1F5F9;--list-item-hover: #F8FAFC;--list-item-selected: #EFF6FF;--list-item-unread-indicator: #2563EB;--list-text-primary: #0F172A;--list-text-secondary: #64748B;--list-header-bg: #FAFAFA;--reading-pane-bg: #FFFFFF;--reading-pane-header-bg: #FAFCFE;--reading-pane-border: #E2E8F0;--reading-pane-text: #0F172A;--ai-panel-bg: #F0F9FF;--ai-panel-header-bg: #0284C7;--ai-panel-border: #BAE6FD;--status-bar-bg: #0284C7;--status-bar-text: #FFFFFF}.theme-modern .ribbon-container{border-bottom:1px solid var(--ribbon-border);box-shadow:0 1px 3px #0000000d}.theme-modern .ribbon-btn-large,.theme-modern .ribbon-btn-small{border-radius:6px;transition:all .15s ease}.theme-modern .mail-item{margin:4px 8px;border-radius:8px;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-modern .mail-item:hover{background-color:#f8fafc;border-color:#e2e8f0}.theme-modern .mail-item.selected{background-color:#eff6ff;border-color:#bfdbfe;box-shadow:0 1px 3px #2563eb14}.theme-dark{--ribbon-header-bg: #18181B;--ribbon-header-text: #F4F4F5;--ribbon-tab-active-bg: #27272A;--ribbon-tab-active-text: #60A5FA;--ribbon-tab-inactive-text: #A1A1AA;--ribbon-body-bg: #27272A;--ribbon-border: #3F3F46;--ribbon-btn-hover: #3F3F46;--ribbon-btn-text: #E4E4E7;--ribbon-group-title: #71717A;--nav-rail-bg: #09090B;--nav-rail-text: #71717A;--nav-rail-active: #60A5FA;--nav-rail-active-bg: #18181B;--folder-bg: #18181B;--folder-border: #27272A;--folder-text: #E4E4E7;--folder-active-bg: #27272A;--folder-active-text: #93C5FD;--folder-hover-bg: #202023;--list-bg: #121214;--list-border: #27272A;--list-item-hover: #1E1E22;--list-item-selected: #1E293B;--list-item-unread-indicator: #3B82F6;--list-text-primary: #F4F4F5;--list-text-secondary: #A1A1AA;--list-header-bg: #18181B;--reading-pane-bg: #18181B;--reading-pane-header-bg: #141416;--reading-pane-border: #27272A;--reading-pane-text: #F4F4F5;--ai-panel-bg: #0F172A;--ai-panel-header-bg: #1E293B;--ai-panel-border: #334155;--status-bar-bg: #09090B;--status-bar-text: #A1A1AA;--status-success-bg: rgba(16, 185, 129, .15);--status-success-text: #34D399;--status-success-border: rgba(16, 185, 129, .3);--status-warning-bg: rgba(245, 158, 11, .15);--status-warning-text: #FBBF24;--status-warning-border: rgba(245, 158, 11, .3);--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #F87171;--status-error-border: rgba(239, 68, 68, .3)}.theme-dark body,.theme-dark #app{background-color:#121214;color:#f4f4f5}.theme-dark .mail-body-content{background-color:#1e1e22;color:#e4e4e7;border-color:#27272a}.theme-dark input,.theme-dark textarea,.theme-dark select{background-color:#27272a;color:#f4f4f5;border-color:#3f3f46}.theme-dark .ribbon-btn-large span,.theme-dark .ribbon-btn-small{color:#e4e4e7!important}