.font-body{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif}:root{--email-sidebar: 210 20% 97%;--email-sidebar-foreground: 210 11% 25%;--email-sidebar-active: 210 78% 46%;--email-sidebar-hover: 210 20% 92%;--email-unread: 210 78% 46%;--email-starred: 45 95% 55%;--email-flagged: 15 85% 55%;--email-ai: 210 65% 50%;--email-ai-foreground: 0 0% 100%;--email-priority-high: 0 72% 51%;--email-priority-medium: 32 90% 55%;--email-priority-low: 150 50% 45%;--email-list-hover: 210 40% 96%;--email-selected: 210 60% 92%;--email-ribbon: 210 78% 46%;--email-ribbon-foreground: 0 0% 100%;--email-focused: 210 78% 46%}.dark{--email-sidebar: 210 24% 8%;--email-sidebar-foreground: 210 14% 80%;--email-sidebar-active: 210 78% 56%;--email-sidebar-hover: 210 20% 14%;--email-list-hover: 210 20% 14%;--email-selected: 210 40% 18%}.outlook-ribbon{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-bottom-width:1px;background:hsl(var(--card));border-color:hsl(var(--border))}.outlook-ribbon-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem;border-radius:.5rem;transition:all .15s;font-size:.75rem;line-height:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsl(var(--muted-foreground));background:transparent;border:none;cursor:pointer}.outlook-ribbon-btn:hover:not(:disabled){background:hsl(var(--secondary));color:hsl(var(--foreground));transform:translateY(-1px)}.outlook-ribbon-btn:active:not(:disabled){transform:translateY(0)}.outlook-ribbon-btn:disabled{opacity:.4;cursor:not-allowed}.outlook-ribbon-btn.active{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.outlook-ribbon-divider{width:1px;height:2rem;margin:0 .375rem;background:hsl(var(--border))}.outlook-ribbon.compact{padding-top:.375rem;padding-bottom:.375rem;gap:.125rem}.outlook-ribbon.compact .outlook-ribbon-btn{padding:.375rem .5rem}.outlook-ribbon.compact .outlook-ribbon-btn span{display:none}.outlook-ribbon.compact .outlook-ribbon-divider{height:1.5rem;margin:0 .25rem}.email-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .15s;font-size:.875rem;line-height:1.25rem;color:hsl(var(--email-sidebar-foreground))}.email-sidebar-item:hover{background:hsl(var(--email-sidebar-hover))}.email-sidebar-item.active{background:hsl(var(--email-sidebar-active) / .18);color:hsl(var(--email-sidebar-active));font-weight:600;box-shadow:inset 3px 0 hsl(var(--email-sidebar-active))}.email-list-item{position:relative;display:flex;flex-direction:column;gap:.125rem;padding:.75rem 1rem;cursor:pointer;border-bottom-width:1px;transition:all .15s;border-color:hsl(var(--border))}.email-list-item:hover{background:hsl(var(--email-list-hover))}.email-list-item.selected{background:hsl(var(--email-selected));box-shadow:inset 3px 0 hsl(var(--primary))}.email-list-item.unread{border-left:3px solid hsl(var(--email-unread));background:hsl(var(--card))}.email-list-item.unread:hover{background:hsl(var(--email-list-hover))}.email-list-item .quick-actions{position:absolute;right:.5rem;top:.5rem;display:flex;align-items:center;gap:.125rem;opacity:0;transition:opacity .1s;background:hsl(var(--card));border-radius:4px;box-shadow:0 1px 4px hsl(var(--foreground) / .1);padding:2px 4px}.email-list-item:hover .quick-actions{opacity:1}.quick-action-btn{padding:.375rem;border-radius:.25rem;transition:background-color .15s;background:transparent;border:none;cursor:pointer}.quick-action-btn:hover{background:hsl(var(--secondary))}.inbox-tab{padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;transition:color .15s;position:relative;color:hsl(var(--muted-foreground));background:transparent;border:none}.inbox-tab:hover{color:hsl(var(--foreground))}.inbox-tab.active{color:hsl(var(--primary))}.inbox-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.125rem;background:hsl(var(--primary))}.ai-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500;background:hsl(var(--email-ai) / .12);color:hsl(var(--email-ai))}.priority-dot{width:.5rem;height:.5rem;border-radius:9999px;display:inline-block}.priority-dot.high{background:hsl(var(--email-priority-high))}.priority-dot.medium{background:hsl(var(--email-priority-medium))}.priority-dot.low{background:hsl(var(--email-priority-low))}.ai-suggestion-card{border-radius:.5rem;border-width:1px;padding:.75rem;cursor:pointer;transition:all .2s;border-color:hsl(var(--email-ai) / .2);background:hsl(var(--email-ai) / .04)}.ai-suggestion-card:hover{background:hsl(var(--email-ai) / .08);border-color:hsl(var(--email-ai) / .4)}.density-comfortable .email-list-item{padding-top:1rem;padding-bottom:1rem}.density-compact .email-list-item{padding-top:.375rem;padding-bottom:.375rem;gap:0}.density-compact .email-list-item .priority-dot{width:.375rem;height:.375rem}.color-cat-blue{background:#258cf4}.color-cat-green{background:#2eb873}.color-cat-red{background:#dc2828}.color-cat-yellow{background:#f9c31f}.color-cat-purple{background:#8c47d1}.color-cat-orange{background:#f47b25}.email-html-content{word-wrap:break-word;overflow-wrap:break-word}.email-html-content img{max-width:100%;height:auto}.email-html-content blockquote{margin:8px 0;padding-left:12px;border-left:3px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.email-html-content table{border-collapse:collapse;max-width:100%}.email-html-content a{color:hsl(var(--primary));text-decoration:underline}.email-html-content pre{white-space:pre-wrap;font-family:inherit}.email-scroll::-webkit-scrollbar{width:6px}.email-scroll::-webkit-scrollbar-track{background:transparent}.email-scroll::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .2);border-radius:3px}.email-scroll::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .4)}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}.calendar-has-event:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:hsl(var(--primary))}