:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--card-border-accent:240 5.9% 10%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--success:142.1 76.2% 36.3%;--success-foreground:0 0% 98%;--radius:.5rem}[data-theme=dark]{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--card-border-accent:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--success:142.1 70.6% 45.3%;--success-foreground:0 0% 98%}[data-color=blue]{--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--ring:221.2 83.2% 53.3%;--card-border-accent:221.2 83.2% 53.3%}[data-color=blue][data-theme=dark]{--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%;--card-border-accent:217.2 91.2% 59.8%}[data-color=violet]{--primary:262.1 83.3% 57.8%;--primary-foreground:210 40% 98%;--ring:262.1 83.3% 57.8%;--card-border-accent:262.1 83.3% 57.8%}[data-color=violet][data-theme=dark]{--primary:263.4 70% 50.4%;--primary-foreground:210 40% 98%;--card-border-accent:263.4 70% 50.4%}[data-color=green]{--primary:142.1 76.2% 36.3%;--primary-foreground:355.7 100% 97.3%;--ring:142.1 76.2% 36.3%;--card-border-accent:142.1 76.2% 36.3%}[data-color=green][data-theme=dark]{--primary:142.1 70.6% 45.3%;--primary-foreground:144.9 80.4% 10%;--card-border-accent:142.1 70.6% 45.3%}[data-color=navy]{--primary:226.2 57% 21%;--primary-foreground:210 40% 98%;--ring:226.2 57% 21%;--card-border-accent:226.2 57% 21%}[data-color=navy][data-theme=dark]{--primary:226.2 57% 21%;--primary-foreground:210 40% 98%;--card-border-accent:226.2 57% 21%}[data-color=emerald]{--primary:164.2 85.7% 16.5%;--primary-foreground:210 40% 98%;--ring:164.2 85.7% 16.5%;--card-border-accent:164.2 85.7% 16.5%}[data-color=emerald][data-theme=dark]{--primary:164.2 85.7% 16.5%;--primary-foreground:210 40% 98%;--card-border-accent:164.2 85.7% 16.5%}[data-color=teal]{--primary:175.9 60.8% 19%;--primary-foreground:210 40% 98%;--ring:175.9 60.8% 19%;--card-border-accent:175.9 60.8% 19%}[data-color=teal][data-theme=dark]{--primary:175.9 60.8% 19%;--primary-foreground:210 40% 98%;--card-border-accent:175.9 60.8% 19%}[data-color=cyan]{--primary:196.4 63.6% 23.7%;--primary-foreground:210 40% 98%;--ring:196.4 63.6% 23.7%;--card-border-accent:196.4 63.6% 23.7%}[data-color=cyan][data-theme=dark]{--primary:196.4 63.6% 23.7%;--primary-foreground:210 40% 98%;--card-border-accent:196.4 63.6% 23.7%}[data-color=graphite]{--primary:220.9 39.3% 11%;--primary-foreground:210 40% 98%;--ring:220.9 39.3% 11%;--card-border-accent:220.9 39.3% 11%}[data-color=graphite][data-theme=dark]{--primary:220.9 39.3% 11%;--primary-foreground:210 40% 98%;--card-border-accent:220.9 39.3% 11%}*{box-sizing:border-box}html{background-color:var(--bg-primary,hsl(var(--background)));transition:background-color .3s}html.theme-dark{background-color:#050c1a}html.theme-light{background-color:#f4f6fb}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));color:hsl(var(--foreground));margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}
:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem;--success:142.1 76.2% 36.3%;--success-foreground:0 0% 98%;--warning:24.6 95% 53.1%;--warning-foreground:0 0% 98%}[data-theme=dark]{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--success:142.1 70.6% 45.3%;--success-foreground:0 0% 98%;--warning:24.6 95% 53.1%;--warning-foreground:240 10% 3.9%}[data-color=blue]{--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--ring:221.2 83.2% 53.3%}[data-color=blue][data-theme=dark]{--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%}[data-color=violet]{--primary:262.1 83.3% 57.8%;--primary-foreground:210 40% 98%;--ring:262.1 83.3% 57.8%}[data-color=violet][data-theme=dark]{--primary:263.4 70% 50.4%;--primary-foreground:210 40% 98%}[data-color=green]{--primary:142.1 76.2% 36.3%;--primary-foreground:355.7 100% 97.3%;--ring:142.1 76.2% 36.3%}[data-color=green][data-theme=dark]{--primary:142.1 70.6% 45.3%;--primary-foreground:144.9 80.4% 10%}[data-color=navy]{--primary:226.2 57% 21%;--primary-foreground:210 40% 98%;--ring:226.2 57% 21%}[data-color=navy][data-theme=dark]{--primary:226.2 57% 21%;--primary-foreground:210 40% 98%}[data-color=emerald]{--primary:164.2 85.7% 16.5%;--primary-foreground:210 40% 98%;--ring:164.2 85.7% 16.5%}[data-color=emerald][data-theme=dark]{--primary:164.2 85.7% 16.5%;--primary-foreground:210 40% 98%}[data-color=teal]{--primary:175.9 60.8% 19%;--primary-foreground:210 40% 98%;--ring:175.9 60.8% 19%}[data-color=teal][data-theme=dark]{--primary:175.9 60.8% 19%;--primary-foreground:210 40% 98%}[data-color=cyan]{--primary:196.4 63.6% 23.7%;--primary-foreground:210 40% 98%;--ring:196.4 63.6% 23.7%}[data-color=cyan][data-theme=dark]{--primary:196.4 63.6% 23.7%;--primary-foreground:210 40% 98%}[data-color=graphite]{--primary:220.9 39.3% 11%;--primary-foreground:210 40% 98%;--ring:220.9 39.3% 11%}[data-color=graphite][data-theme=dark]{--primary:220.9 39.3% 11%;--primary-foreground:210 40% 98%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));transition:background-color .3s,color .3s}.bg-background{background-color:hsl(var(--background))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-card{background-color:hsl(var(--card))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-muted{background-color:hsl(var(--muted))}.bg-accent{background-color:hsl(var(--accent))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-success{background-color:hsl(var(--success))}.text-foreground{color:hsl(var(--foreground))}.text-primary{color:hsl(var(--primary))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-success{color:hsl(var(--success))}.border-border{border-color:hsl(var(--border))}.button{border-radius:calc(var(--radius) - 2px);transition:all .15s}.button-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary))}.button-primary:hover{opacity:.9}.button-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.button-secondary:hover{background-color:hsl(var(--accent))}.button-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:1px solid hsl(var(--destructive))}.button-destructive:hover{opacity:.9}.button-ghost{color:hsl(var(--foreground));background-color:#0000;border:1px solid #0000}.button-ghost:hover{background-color:hsl(var(--accent))}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius)}.input{background-color:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:calc(var(--radius) - 2px);transition:all .15s}.input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsla(var(--ring)/.2);outline:none}.badge{border-radius:calc(var(--radius) - 4px);padding:2px 8px;font-size:11px;font-weight:500}.badge-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.badge-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.badge-destructive{background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive)/.2)}.badge-success{background-color:hsl(var(--success)/.1);color:hsl(var(--success));border:1px solid hsl(var(--success)/.2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsl(var(--muted))}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}::selection{background-color:hsl(var(--primary)/.3);color:hsl(var(--foreground))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-up{animation:.3s ease-out slideUp}.animate-slide-down{animation:.3s ease-out slideDown}.animate-slide-in-right{animation:.3s ease-out slideInFromRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.transition-all{transition:all .15s}.transition-colors{transition:background-color .15s,color .15s,border-color .15s}.transition-transform{transition:transform .15s}@media print{*{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--border:240 5.9% 90%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border:240 10% 20%}[data-theme=dark]{--border:240 5% 80%}}
:root{--bg-primary:#f4f6fb;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverted:#f8fafc;--muted-text:#495057;--border-color:#e2e8f0;--muted-border:#e9ecef;--muted-bg:#f8f9fa;--card-bg:#fff;--card-shadow:0 20px 40px #0f172a14;--modal-overlay:#0f172a73;--header-gradient-start:#e0e7ff;--header-gradient-end:#c7d2fe;--accent-strong:#667eea;--accent-strong-hover:#5a67d8;--email-card-border:hsl(var(--ring,221.2 83.2% 53.3%));--accent-secondary:#764ba2;--accent-secondary-hover:#6b46c1;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--cockpit-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--accent-green:#22c55e;--accent-green-strong:#16a34a;--accent-green-soft:#f0fdf4;--accent-yellow:#f59f0b;--accent-yellow-soft:#fff4d6;--accent-red:#fb7185;--accent-red-soft:#ffe4e6;--pill-bg:#667eea1f;--pill-text:#4338ca;--chip-pill-bg:#f3f0ff;--chip-pill-text:#5f3dc4;--info-bg:#e7f5ff;--info-border:#4dabf7;--info-text:#1971c2;--success-bg:#f0fdf4;--success-border:#51cf66;--success-text:#2b8a3e;--warning-bg:#fff3bf;--warning-border:#f59f0b;--warning-text:#b45309;--danger-bg:#ffe3e3;--danger-border:#ff6b6b;--danger-text:#c92a2a;--nav-surface:#1a2040;--nav-surface-highlight:#2a3055;--nav-surface-shadow:#1f2440;--nav-icon:#e5e7eb;--nav-icon-muted:#9ca3af;--input-bg:#fff;--input-border:#d7e3f4;--glass-bg:#ffffffeb;--glass-border:#0f172a14;--footer-bg:#ffffffe6;--footer-border:#0f172a14;--footer-icon:#475569;--footer-icon-active:#111322;--footer-badge-border:#fffffff2;--scrollbar-thumb:#94a3b866;--shadow-strong:#0f172a33;--shadow-blue:#3b82f673;--shadow-accent:#667eea4d;--app-background:linear-gradient(135deg,#e0e7ff 0%,#f8fafc 45%,#fff 100%);--tab-card-bg:#fff;--tab-card-border:#dbeafe;--tab-card-shadow:0 25px 45px #0f172a1f;--tab-card-header-bg:linear-gradient(135deg,#e2e8f0e6,#ede9fef2);--tab-card-divider:#6366f126;--tab-card-item-hover:#6366f114;--tab-card-item-selected:#6366f11f;--tab-card-text-strong:#111322;--tab-card-text-muted:#475569}[data-theme=dark]{--bg-primary:#050c1a;--bg-secondary:#0f172a;--text-primary:#e2e8f0;--text-secondary:#a5b4fc;--text-tertiary:#94a3b8;--text-inverted:#050c1a;--muted-text:#cbd5f5;--border-color:#94a3b866;--muted-border:#94a3b84d;--muted-bg:#ffffff0d;--card-bg:#111c2d;--card-shadow:0 25px 45px #020617cc;--modal-overlay:#020617d9;--header-gradient-start:#312e81;--header-gradient-end:#1e1b4b;--accent-strong:#a5b4fc;--accent-strong-hover:#818cf8;--email-card-border:hsl(var(--ring,217.2 91.2% 59.8%));--accent-secondary:#c084fc;--accent-secondary-hover:#a855f7;--accent-blue:#60a5fa;--accent-blue-hover:#3b82f6;--cockpit-gradient:linear-gradient(135deg,#60a5fa,#c084fc);--accent-green:#34d399;--accent-green-strong:#22c55e;--accent-green-soft:#22c55e2e;--accent-yellow:#facc15;--accent-yellow-soft:#facc1533;--accent-red:#fb7185;--accent-red-soft:#f8717133;--pill-bg:#818cf82e;--pill-text:#e0e7ff;--chip-pill-bg:#818cf838;--chip-pill-text:#ede9fe;--info-bg:#60a5fa2e;--info-border:#60a5fa;--info-text:#93c5fd;--success-bg:#22c55e2e;--success-border:#34d399;--success-text:#a7f3d0;--warning-bg:#facc1533;--warning-border:#facc15;--warning-text:#fde68a;--danger-bg:#f871712e;--danger-border:#fb7185;--danger-text:#fecdd3;--nav-surface:#0f172ae6;--nav-surface-highlight:#ffffff14;--nav-surface-shadow:#0009;--nav-icon:#f1f5f9;--nav-icon-muted:#94a3b8;--input-bg:#0f172a;--input-border:#94a3b873;--glass-bg:#0a0f1ee0;--glass-border:#94a3b84d;--footer-bg:#020617f2;--footer-border:#94a3b833;--footer-icon:#cbd5f5;--footer-icon-active:#f8fafc;--footer-badge-border:#020617e6;--scrollbar-thumb:#6366f173;--shadow-strong:#000000bf;--shadow-blue:#60a5fa8c;--shadow-accent:#818cf873;--app-background:linear-gradient(135deg,#01050f 0%,#050c1a 50%,#0f172a 100%);--tab-card-bg:linear-gradient(155deg,#060914f2,#0f172aeb 60%,#18142df2);--tab-card-border:#818cf873;--tab-card-shadow:0 35px 70px #020617e6;--tab-card-header-bg:linear-gradient(145deg,#6366f152,#0ea5e929);--tab-card-divider:#94a3b840;--tab-card-item-hover:#4f46e538;--tab-card-item-selected:#3b82f652;--tab-card-text-strong:#f4f7ff;--tab-card-text-muted:#cdd5ff}[data-color=blue]{--cockpit-gradient:linear-gradient(135deg,#2563eb,#38bdf8)}[data-color=blue][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#60a5fa,#93c5fd)}[data-color=violet]{--cockpit-gradient:linear-gradient(135deg,#7c3aed,#c084fc)}[data-color=violet][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#a855f7,#f472b6)}[data-color=green]{--cockpit-gradient:linear-gradient(135deg,#16a34a,#84cc16)}[data-color=green][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#34d399,#86efac)}[data-color=navy]{--cockpit-gradient:linear-gradient(135deg,#1e3a8a,#312e81)}[data-color=navy][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#312e81,#4338ca)}[data-color=emerald]{--cockpit-gradient:linear-gradient(135deg,#047857,#10b981)}[data-color=emerald][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#10b981,#6ee7b7)}[data-color=teal]{--cockpit-gradient:linear-gradient(135deg,#0f766e,#14b8a6)}[data-color=teal][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#2dd4bf,#5eead4)}[data-color=cyan]{--cockpit-gradient:linear-gradient(135deg,#0e7490,#06b6d4)}[data-color=cyan][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#22d3ee,#67e8f9)}[data-color=graphite]{--cockpit-gradient:linear-gradient(135deg,#111827,#374151)}[data-color=graphite][data-theme=dark]{--cockpit-gradient:linear-gradient(135deg,#1f2937,#4b5563)}body{background-color:var(--bg-primary);background-image:var(--app-background);color:var(--text-primary);background-size:cover;background-attachment:fixed;transition:background-color .3s,color .3s,background-image .4s}.app{background-color:#0000;background-image:var(--app-background);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.app-shell{--footer-h:80px;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px))}@media (max-width:768px){.app-shell{--footer-h:72px}}@media (max-width:480px){.app-shell{--footer-h:64px}}.app-header{background:linear-gradient(135deg,var(--header-gradient-start)0%,var(--header-gradient-end)100%);z-index:100;padding:11.52px 16px;position:sticky;top:0;box-shadow:0 8px 24px #667eea66}.flow-app .app-header,.flow-demo-app .app-header{padding:9.792px 16px}.header-content{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.header-center{flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.header-search{flex:1;max-width:500px}.header-search input{width:100%;color:var(--text-primary);background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.header-search input::placeholder{color:var(--text-secondary);font-size:13px}.header-search input:focus{background:#fff;border-color:#fffc;outline:none;box-shadow:0 4px 12px #00000026}.icon-nav-container{gap:12px;display:flex}.icon-nav-box{position:relative}.icon-nav-btn{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px 20px;transition:all .2s;display:flex}.icon-nav-btn:hover{border-color:var(--accent-strong);background:var(--chip-pill-bg);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.icon-nav-btn.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.icon-nav-btn.opp-filter{border-color:var(--success-border)}.icon-nav-btn.opp-filter:hover{border-color:var(--accent-green-strong);background:var(--success-bg)}.icon-nav-btn.opp-filter.active{background:var(--success-border);border-color:var(--success-border);color:#fff}.icon-nav-icon{font-size:32px}.icon-nav-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:13px;font-weight:700;overflow:hidden}.icon-nav-btn.active .icon-nav-label{color:#fff}.icon-nav-btn.delegated-btn{border-color:var(--accent-secondary);position:relative}.icon-nav-btn.delegated-btn:hover{border-color:var(--accent-secondary-hover);background:var(--chip-pill-bg)}.delegated-badge{background:var(--danger-border);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0003}.header-right{align-items:center;gap:24px;display:flex}.app-title-container{position:relative}.app-title{color:var(--text-primary);cursor:pointer;margin:0;font-size:24px;font-weight:700;transition:all .2s}.app-title-with-logo{align-items:center;gap:12px;display:flex}.app-title-logo{z-index:1;background:0 0;width:36px;height:36px;display:block;position:relative}.app-title-text{line-height:1}.app-title-copy{flex-direction:column;line-height:1;display:flex}.app-title-subcopy{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:600}.app-email-count{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:600}@media (max-width:768px){.app-title-with-logo{gap:8px}.app-title-logo{width:36px;height:36px}}@media (max-width:480px){.app-title-logo{width:36px;height:36px}}.app-title.clickable:hover{color:var(--text-primary);transform:scale(1.05)}.header-right-actions{align-items:center;gap:12px;display:flex;position:relative}.header-deck-mode-toggle{margin-left:4px}@media (max-width:1024px){.header-deck-mode-toggle{display:none}}.deferred-counter-container{justify-content:center;align-items:center;display:flex;position:relative}.deferred-badge{background:var(--accent-blue);color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 12px;font-size:14px;font-weight:700;animation:2s ease-in-out infinite deferredPulse;display:flex;box-shadow:0 2px 8px #3b82f666}@keyframes deferredPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #3b82f666}50%{transform:scale(1.05);box-shadow:0 4px 12px #3b82f699}}.search-icon-btn{background:var(--nav-surface);cursor:pointer;width:36px;height:36px;color:var(--nav-icon);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0003}.search-icon-btn svg{width:21.6px;height:21.6px;display:block}.search-icon-btn:hover{background:var(--accent-blue);transform:translateY(-1px);box-shadow:0 2px 12px #3b82f666}.search-icon-btn:hover svg .icon-stroke{stroke:#fff}.search-icon-btn:active{transform:translateY(0)}.hamburger-menu-btn{background:var(--nav-surface);cursor:pointer;width:36px;height:36px;color:var(--nav-icon);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0003}.hamburger-menu-btn:hover{background:var(--accent-blue);color:#fff;transform:translateY(-1px);box-shadow:0 2px 12px #3b82f666}.hamburger-menu-btn:active{transform:translateY(0)}.hamburger-menu{background:var(--card-bg);box-shadow:0 8px 24px var(--card-shadow);border:1px solid var(--border-color);z-index:10004;border-radius:12px;min-width:220px;animation:.2s ease-out menuSlideIn;position:fixed;top:60px;right:20px}.hamburger-menu-section{padding:8px 0}.hamburger-menu-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:8px 16px;font-size:12px;font-weight:700}.hamburger-menu-item{cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.hamburger-menu-item:hover{color:var(--accent-strong);background:#667eea1a}.hamburger-menu-item.active{background:var(--accent-strong);color:#fff;font-weight:700}.hamburger-menu-item:first-of-type{margin-top:4px}.hamburger-menu-item:last-of-type{border-radius:0 0 12px 12px;margin-bottom:4px}.header-menu{background:var(--card-bg);box-shadow:0 4px 12px var(--card-shadow);border:1px solid var(--border-color);z-index:10004;border-radius:8px;width:auto;min-width:0;max-width:180px;padding:8px 0;animation:.2s ease-out menuSlideIn;position:fixed;top:60px;left:20px}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{cursor:pointer;color:var(--text-primary);text-align:left;border:none;border-bottom:1px solid var(--border-color);background:0 0;align-items:flex-start;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.35;transition:all .2s;display:flex}.header-menu-item:first-child{border-radius:8px 8px 0 0}.header-menu-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.header-menu-item:hover{background:var(--info-bg);color:var(--text-primary)}.header-menu-item.outlook-login{color:#fff;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);font-weight:700}.header-menu-item.outlook-login:hover{color:#fff;background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.header-menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:14px;display:inline-flex}.header-menu-icon svg{width:100%;height:100%}.header-menu-label{word-break:break-word;flex:1;min-width:0}.header-menu-divider{background:var(--border-color);height:1px;margin:4px 0}.guide-modal{background:var(--modal-overlay);z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.guide-content{background:var(--card-bg);width:100%;max-width:700px;max-height:85vh;box-shadow:0 20px 60px var(--card-shadow);border-radius:16px;padding:32px;animation:.3s ease-out guideSlideIn;position:relative;overflow-y:auto}@keyframes guideSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.guide-close{background:var(--bg-secondary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);z-index:10;border:none;border-radius:50%;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:16px;right:16px}.guide-close:hover{background:var(--border-color);transform:rotate(90deg)}.guide-content h2{color:var(--text-primary);margin:0 0 24px;font-size:28px}.guide-section{margin-bottom:32px}.guide-section:last-child{margin-bottom:0}.guide-section h3{color:var(--text-primary);margin:0 0 16px;font-size:20px;font-weight:600}.guide-instructions{flex-direction:column;gap:16px;display:flex}.guide-item{background:var(--bg-secondary);border-left:4px solid var(--accent-strong);border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex}.guide-arrow{color:var(--accent-strong);flex-shrink:0;font-size:32px;font-weight:700}.guide-text{flex:1}.guide-text strong{color:var(--text-primary);margin-bottom:6px;font-size:16px;display:block}.guide-text p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;margin-bottom:8px;padding:12px 16px;line-height:1.6}.guide-list li strong{color:var(--text-primary)}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px;display:grid}.shortcut-item{background:var(--bg-secondary);border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.shortcut-item:hover{border-color:var(--accent-strong);background:#667eea0d;transform:translateY(-2px)}.shortcut-item kbd{background:linear-gradient(135deg,var(--accent-strong)0%,var(--accent-secondary)100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-family:Courier New,monospace;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 4px 8px #667eea4d}.shortcut-item span{color:var(--text-primary);font-size:14px;font-weight:500}.skip-link{background:var(--accent-strong);color:#fff;z-index:9999;border-radius:0 0 8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.app-main{flex:1;padding:20px}.delegated-view{width:100%;max-width:1400px;margin:0 auto;padding:20px}.view-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.view-header h2{color:#fff;margin:0;font-size:28px}.delegated-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:10px;display:grid}.delegated-card{box-shadow:0 4px 12px var(--card-shadow);border-left:4px solid var(--accent-strong);background:#a5b4fc;border-radius:12px;padding:20px;transition:all .2s}.delegated-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.delegated-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.delegated-from{flex-direction:column;gap:4px;display:flex}.delegated-label{color:var(--text-secondary);font-size:12px;font-weight:600}.delegated-value{color:var(--text-primary);font-size:14px;font-weight:600}.delegated-priority{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700}.priority-high{background:var(--danger-bg);color:var(--danger-border)}.priority-medium{background:var(--warning-bg);color:var(--warning-border)}.priority-low{background:var(--success-bg);color:var(--success-border)}.delegated-subject{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.4}.delegated-delegator{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:12px;display:flex}.delegated-message{background:var(--info-bg);border-left:3px solid var(--accent-strong);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.delegated-message-text{color:var(--text-primary);margin:0;font-size:14px;font-style:italic;line-height:1.6}.delegated-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.delegated-due{color:var(--text-primary);font-size:13px;font-weight:600}.delegated-actions{align-items:center;gap:8px;display:flex}.delegated-accepted-badge{background:var(--success-bg);color:var(--success-text);border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.delegated-card.accepted{opacity:.7;border-left-color:var(--success-border)}.delegated-card.accepted .delegated-subject{color:var(--text-secondary);text-decoration:line-through}.delegated-action-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.delegated-action-btn.accept{background:var(--success-border);color:#fff}.delegated-action-btn.accept:hover{background:var(--accent-green-strong);transform:translateY(-1px);box-shadow:0 4px 8px #51cf664d}.delegated-action-btn.view{background:var(--accent-strong);color:#fff}.delegated-action-btn.view:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 8px #4c6ef54d}.app-footer{background:linear-gradient(135deg,var(--header-gradient-start)0%,var(--header-gradient-end)100%);color:#fff;text-align:center;z-index:1;padding:16px;font-size:14px;position:relative}.app-footer p{margin:0}.opp-menu{background:var(--tab-card-bg);border:1px solid var(--tab-card-border);box-shadow:var(--tab-card-shadow);box-sizing:border-box;z-index:1000;width:min(500px,92vw);min-width:min(320px,92vw);max-width:500px;color:var(--tab-card-text-muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;margin-bottom:8px;animation:.2s ease-out oppMenuSlideIn;position:absolute;bottom:100%;left:0}.opp-menu.opp-menu--footer{bottom:calc(80px + env(safe-area-inset-bottom,0px));width:min(500px,92vw);min-width:0;max-width:500px;margin-bottom:0;animation:.2s ease-out oppMenuFooterSlideIn;position:fixed;left:50%;transform:translate(-50%)}@keyframes oppMenuSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes oppMenuFooterSlideIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.opp-menu-header{border-bottom:1px solid var(--tab-card-divider);background:var(--tab-card-header-bg);border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.opp-menu-header strong{color:var(--tab-card-text-strong);letter-spacing:.02em;font-size:14px}.opp-menu-items{max-height:360px;overflow-y:auto}.opp-menu-items::-webkit-scrollbar{width:6px}.opp-menu-items::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:999px}.opp-menu-close{cursor:pointer;color:var(--tab-card-text-muted);background:0 0;border:none;width:24px;height:24px;padding:0;font-size:24px;line-height:1;transition:all .2s}.opp-menu-close:hover{color:var(--tab-card-text-strong);transform:rotate(90deg)}.opp-menu-item{border-bottom:1px solid var(--tab-card-divider);cursor:pointer;background:0 0;border-left:3px solid #0000;padding:12px 16px;transition:all .2s}.opp-menu-item:hover{background:var(--tab-card-item-hover);border-left:3px solid var(--accent-strong);padding-left:13px;box-shadow:inset 0 0 0 1px #667eea33}.opp-menu-item.selected{background:var(--tab-card-item-selected);border-left:3px solid var(--accent-strong);padding-left:13px;box-shadow:inset 0 0 0 1px #667eea40}.opp-menu-items .opp-menu-item:last-child{border-bottom:none}.opp-menu-all{color:var(--tab-card-text-strong);letter-spacing:.01em;font-size:14px;font-weight:700}.opp-menu-id{color:var(--accent-strong);letter-spacing:.04em;margin-bottom:4px;font-size:13px;font-weight:700}.opp-menu-name{color:var(--tab-card-text-strong);margin-bottom:2px;font-size:13px;font-weight:600}.opp-menu-value{color:var(--success-text);font-size:12px;font-weight:700}.opp-menu-add{border-top:1px solid var(--tab-card-divider);-webkit-backdrop-filter:inherit;backdrop-filter:inherit;background:#0f172a14;border-radius:0 0 22px 22px;padding:16px}[data-theme=dark] .opp-menu-add{background:#0f172a59}.opp-menu-add-label{text-transform:uppercase;letter-spacing:.06em;color:var(--tab-card-text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.opp-menu-add-row{gap:10px;display:flex}.opp-menu-input{border:1px solid var(--tab-card-border);color:var(--tab-card-text-strong);background:#ffffffa6;border-radius:999px;flex:1;padding:10px 16px;font-size:13px;box-shadow:inset 0 2px 6px #0f172a14}[data-theme=dark] .opp-menu-input{color:var(--tab-card-text-strong);background:#060b19cc;border-color:#818cf873}.opp-menu-input::placeholder{color:var(--tab-card-text-muted);opacity:.8}.opp-menu-add-btn{background:linear-gradient(120deg,var(--accent-strong),var(--accent-blue));color:#fff;letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;padding:0 20px;font-weight:700;transition:transform .2s,box-shadow .2s}.opp-menu-add-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #6366f159}.opp-menu-error{color:var(--danger-border);margin-top:8px;font-size:12px;font-weight:600}@media (max-width:768px){.app-header{padding:8.64px 12.8px}.flow-app .app-header,.flow-demo-app .app-header{padding:7.344px 12.8px}.header-content{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions""center center";align-items:flex-start;gap:8px 12px;width:100%;padding:0;display:grid}.header-center{flex-direction:column;grid-area:center;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%}.header-search{width:100%;max-width:100%}.header-search input{padding:8px 12px;font-size:13px}.header-search input::placeholder{font-size:12px}.app-title-container{grid-area:title;justify-content:flex-start;align-items:center;gap:12px;width:auto;display:flex}.header-right-actions{flex-wrap:wrap;grid-area:actions;place-self:flex-start flex-end;gap:10px;max-width:100%}.app-title{font-size:20px}.icon-nav-container{justify-content:space-around;gap:8px;width:100%;display:flex!important}.icon-nav-btn{flex:1;min-width:70px;padding:10px 8px}.icon-nav-icon{font-size:20px}.icon-nav-label{max-width:80px;font-size:11px}.guide-modal{padding:12px}.guide-content{max-height:90vh;padding:20px}.guide-content h2{margin-bottom:16px;padding-right:32px;font-size:22px}.guide-section h3{font-size:18px}.guide-item{text-align:center;flex-direction:column;align-items:center}.guide-arrow{font-size:28px}.delegated-view{padding:12px}.delegated-grid{grid-template-columns:1fr;gap:16px;padding:0}.delegated-card{padding:16px}.delegated-footer{flex-direction:column;align-items:flex-start;gap:12px}.delegated-actions{justify-content:stretch;width:100%}.delegated-action-btn{flex:1}.opp-menu{min-width:280px;max-width:90vw}.app-footer{padding:12px;font-size:12px}}@media (max-width:480px){.app-header{padding:7.2px 9.6px}.flow-app .app-header,.flow-demo-app .app-header{padding:6.12px 9.6px}.header-content{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}.header-right-actions{gap:8px}.search-icon-btn,.hamburger-menu-btn{width:36px;height:36px}.search-icon-btn svg{width:21.6px;height:21.6px}.deferred-badge{min-width:28px;height:28px;padding:4px 8px}.app-title{font-size:18px}.icon-nav-btn{min-width:60px;padding:8px 6px}.icon-nav-icon{font-size:18px}.icon-nav-label{font-size:10px}.delegated-badge,.mobile-delegated-badge{width:20px;height:20px;font-size:11px;top:-6px;right:-6px}.guide-content{padding:16px}.guide-content h2{font-size:20px}.guide-section{margin-bottom:20px}.guide-section h3{margin-bottom:12px;font-size:16px}.guide-item{padding:12px}.guide-text strong{font-size:14px}.guide-text p{font-size:13px}.delegated-card{padding:14px}.delegated-subject{font-size:16px}.view-header h2{font-size:22px}.opp-menu{min-width:260px}.app-footer p{font-size:11px}}@media (min-width:769px) and (max-width:1024px){.header-content{gap:30px}.delegated-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px;border-radius:4px}.icon-nav-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.header-menu-item:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.guide-close:focus-visible,.opp-menu-close:focus-visible,.delegated-action-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.delegated-action-btn:active{transform:translateY(0)}button,[role=button],.icon-nav-btn,.header-menu-item,.opp-menu-item,.delegated-card,.guide-item{transition:all .2s}.app-title.clickable:active{transform:scale(.98)}.header-menu-item:active{background:var(--info-bg);transform:scale(.98)}.icon-nav-btn:active{transform:translateY(0)}.opp-menu-item:active{transform:scale(.98)}.delegated-card:hover .delegated-subject{color:var(--accent-strong)}.guide-content:hover{box-shadow:0 24px 70px #00000059}.skip-to-main{z-index:999;background:var(--accent-strong);color:#fff;border-radius:0 0 8px;padding:12px 24px;font-weight:600;text-decoration:none;position:absolute;left:-9999px}.skip-to-main:focus{top:0;left:0}@media (prefers-contrast:high){.icon-nav-btn{border-width:3px}.delegated-card{border-left-width:6px}button:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.app-header,.app-footer,.icon-nav-container,.guide-modal,.delegated-actions{display:none!important}.app{background:#fff}.delegated-card{page-break-inside:avoid;box-shadow:none;border:1px solid var(--muted-border)}}
.calendar-view{--calendar-surface:var(--card-bg);--calendar-surface-muted:var(--muted-bg);--calendar-border:var(--border-color);--calendar-border-muted:var(--muted-border);--calendar-text-primary:var(--text-primary);--calendar-text-secondary:var(--text-secondary);--calendar-text-muted:var(--text-tertiary);--calendar-inverted:var(--text-inverted);--calendar-accent:var(--accent-strong);--calendar-accent-hover:var(--accent-strong-hover);--calendar-pill-bg:var(--pill-bg);--calendar-info-bg:var(--info-bg);--calendar-info-border:var(--info-border);--calendar-shadow:var(--card-shadow);max-width:1400px;margin:0 auto;padding:clamp(16px,4vw,24px)}.calendar-header{background:var(--calendar-surface);border:1px solid var(--calendar-border);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:clamp(16px,4vw,24px);display:flex;box-shadow:0 18px 35px #0f172a1f}.calendar-header-text{flex:1;min-width:220px}.calendar-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--calendar-text-muted);margin:0 0 4px;font-size:12px;font-weight:600}.calendar-header h2{color:var(--calendar-text-primary);text-align:left;margin:0 0 6px;font-size:clamp(24px,4vw,32px)}.calendar-subtitle{color:var(--calendar-text-secondary);text-align:left;margin:0;font-size:clamp(14px,2.5vw,16px)}.calendar-stat-highlight{color:#667eea;font-weight:600}.calendar-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.calendar-header-actions-label{letter-spacing:.3em;text-transform:uppercase;color:var(--calendar-text-muted);font-size:11px;font-weight:600}.aag-view{flex-direction:column;gap:16px;display:flex}.aag-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.aag-card{text-align:left;background:var(--calendar-surface);border:1px solid var(--calendar-border);font:inherit;color:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.aag-card:hover{border-color:var(--calendar-accent);transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.aag-day{color:var(--calendar-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.aag-title{color:var(--calendar-text-primary);font-size:16px;font-weight:600}.aag-time{color:var(--calendar-text-secondary);font-size:14px}.aag-location{color:var(--calendar-text-secondary);font-size:13px}.aag-meta{color:var(--calendar-text-muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.aag-empty{text-align:center;border:1px dashed var(--calendar-border);color:var(--calendar-text-muted);background:var(--calendar-surface);border-radius:16px;padding:48px 16px}.aag-empty-icon{margin-bottom:12px;font-size:40px}.day-view{background:var(--calendar-surface);border-radius:12px;max-width:500px;margin:0 auto;overflow:hidden;box-shadow:0 2px 8px #0000001a}.day-view-header{border-bottom:2px solid var(--calendar-border);cursor:pointer;justify-content:space-between;align-items:center;padding:20px;display:flex}.day-view-header h3{color:var(--calendar-text-primary);margin:0;font-size:20px}.add-event-btn{background:var(--calendar-accent);color:var(--calendar-inverted);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.add-event-btn:hover{background:var(--calendar-accent-hover);transform:translateY(-2px)}.day-view-timeline{max-height:70vh;padding:20px;overflow-y:auto}.no-events-large{text-align:center;padding:60px 20px}.no-events-icon{margin-bottom:16px;font-size:64px}.no-events-large p{color:var(--calendar-text-muted);margin:0 0 24px;font-size:18px}.add-event-btn-large{background:var(--calendar-accent);color:var(--calendar-inverted);cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.add-event-btn-large:hover{background:var(--calendar-accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.event-card-large{background:var(--calendar-surface);border:2px solid var(--calendar-border);border-left:4px solid var(--calendar-accent);border-radius:12px;gap:16px;margin-bottom:16px;padding:20px;display:flex}.event-card-large:last-child{margin-bottom:0}.event-time-large{color:var(--calendar-accent);min-width:120px;padding-top:2px;font-size:clamp(13px,3.2vw,14px);font-weight:700}.event-details-large{flex:1}.event-title-large{color:var(--calendar-text-primary);margin-bottom:8px;font-size:clamp(16px,4vw,18px);font-weight:700}.event-location-large{color:var(--calendar-text-secondary);margin-bottom:6px;font-size:clamp(13px,3vw,14px)}.event-attendees-large{color:var(--calendar-text-muted);margin-bottom:8px;font-size:clamp(12px,2.8vw,13px)}.event-description-large{color:var(--calendar-text-secondary);border-top:1px solid var(--calendar-border-muted);margin-top:12px;padding-top:12px;font-size:clamp(13px,3vw,14px);line-height:1.6}.week-view{overflow:hidden}.week-navigation{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:0 20px;display:flex}.month-navigation{margin-bottom:24px}.week-nav-btn{background:var(--calendar-surface);border:2px solid var(--calendar-accent);cursor:pointer;width:40px;height:40px;color:var(--calendar-accent);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .2s;display:flex}.week-nav-btn:hover{background:var(--calendar-accent);color:var(--calendar-inverted);transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.week-nav-btn:active{transform:scale(.95)}.week-nav-today{background:var(--calendar-accent);border:2px solid var(--calendar-accent);cursor:pointer;color:var(--calendar-inverted);border-radius:20px;min-width:80px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.week-nav-today:hover{background:var(--calendar-accent-hover);border-color:var(--calendar-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.week-nav-today:active{transform:translateY(0)}.week-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;gap:12px;max-width:476px;margin:0 auto;padding:10px 0;display:flex;overflow-x:auto}.week-scroll:active{cursor:grabbing}.week-scroll::-webkit-scrollbar{height:8px}.week-scroll::-webkit-scrollbar-track{background:var(--calendar-surface-muted);border-radius:4px;margin:0 20px}.week-scroll::-webkit-scrollbar-thumb{background:var(--calendar-accent);border-radius:4px;transition:background .2s}.week-scroll::-webkit-scrollbar-thumb:hover{background:var(--calendar-accent-hover)}.week-day-card{background:var(--calendar-surface);scroll-snap-align:start;border-radius:12px;flex:0 0 140px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.week-day-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.week-day-card.today{border:2px solid var(--calendar-accent);box-shadow:0 4px 16px #667eea4d}.week-day-header{background:var(--calendar-accent);text-align:center;cursor:pointer;color:var(--calendar-inverted);padding:16px;transition:all .2s}.week-day-header:hover{background:var(--calendar-accent-hover)}.week-day-card.today .week-day-header{background:var(--calendar-accent);color:var(--calendar-inverted)}.week-day-name{text-transform:uppercase;color:var(--calendar-inverted);margin-bottom:4px;font-size:12px;font-weight:600}.week-day-date{color:var(--calendar-inverted);font-size:clamp(18px,4.5vw,24px);font-weight:700}.week-events{min-height:120px;padding:12px}.event-count{color:var(--calendar-accent);text-transform:uppercase;margin-bottom:8px;font-size:clamp(10px,2.5vw,11px);font-weight:600}.no-events-small{text-align:center;color:var(--muted-text);padding:40px 0;font-size:24px}.event-card-small{background:var(--calendar-surface-muted);border-left:3px solid var(--calendar-accent);border-radius:6px;margin-bottom:6px;padding:8px}.event-card-small:last-child{margin-bottom:0}.event-time-small{color:var(--calendar-text-muted);margin-bottom:2px;font-size:clamp(10px,2.5vw,11px);font-weight:600}.event-title-small{color:var(--calendar-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,3vw,12px);font-weight:600;overflow:hidden}.more-events{color:var(--calendar-accent);text-align:center;margin-top:8px;font-size:clamp(10px,3vw,11px);font-weight:600}.month-view{background:var(--calendar-surface);--month-day-size:clamp(18px,calc(((100% - 32px)/7)*.81),37px);--month-day-padding:clamp(4px,.9vw,8px);border-radius:12px;width:100%;max-width:720px;margin:0 auto;padding:clamp(10px,2.5vw,16px);box-shadow:0 2px 8px #0000001a}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(var(--month-day-size),1fr);gap:clamp(2px,.6vw,6px);display:grid}.month-day-label{text-align:center;color:var(--calendar-text-muted);text-transform:uppercase;padding:4px;font-size:11px;font-weight:700}.month-day-cell{background:var(--calendar-surface-muted);padding:var(--month-day-padding);cursor:pointer;min-height:var(--month-day-size);border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;transition:all .2s;display:flex}.month-day-cell:hover{background:var(--calendar-info-bg);transform:scale(1.05)}.month-day-cell.empty{cursor:default;background:0 0}.month-day-cell.today{background:var(--calendar-accent);color:var(--calendar-inverted)}.month-day-cell.today:hover{background:var(--calendar-accent-hover)}.month-day-number{color:var(--calendar-text-primary);margin-bottom:2px;font-size:clamp(11px,3vw,13px);font-weight:700}.month-day-cell.today .month-day-number{color:var(--calendar-inverted)}.month-event-indicators{flex-direction:column;gap:1px;width:100%;margin-top:2px;display:flex}.event-indicator-wrapper{position:relative}.event-indicator{cursor:pointer;justify-content:center;align-items:center;gap:2px;transition:all .2s;display:flex}.event-indicator:hover{transform:scale(1.1)}.indicator-icon{font-size:clamp(12px,3vw,14px);line-height:1}.indicator-count{color:var(--calendar-text-secondary);text-align:left;min-width:10px;font-size:clamp(9px,2.5vw,10px);font-weight:700}.month-day-cell.today .indicator-count{color:var(--calendar-inverted)}.many-indicator{background:var(--calendar-accent);border-radius:4px;padding:2px 6px}.indicator-text{color:var(--calendar-inverted);font-size:11px;font-weight:700}.many-popup{min-width:200px}.many-popup-categories{padding:4px 0}.popup-category-item{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.popup-category-item:hover{background:var(--calendar-surface-muted)}.category-label{color:var(--calendar-text-primary);font-size:12px;font-weight:600}.popup-category-icon-only{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.popup-category-icon-only:hover{background:var(--calendar-info-bg);transform:scale(1.1)}.indicator-icon-large{font-size:32px;line-height:1}.category-meetings-list{flex-direction:column;gap:4px;padding-left:22px;display:flex}.category-meeting-item{background:var(--calendar-surface);border:1px solid var(--calendar-border);cursor:pointer;border-radius:6px;padding:6px 8px;transition:all .2s}.category-meeting-item:hover{background:var(--calendar-info-bg);border-color:var(--calendar-accent);transform:translate(4px)}.meeting-time-inline{color:var(--calendar-accent);margin-bottom:2px;font-size:10px;font-weight:700}.meeting-title-inline{color:var(--calendar-text-primary);font-size:11px;font-weight:600;line-height:1.3}.indicator-popup{background:var(--calendar-surface);border:1px solid var(--calendar-border);z-index:999;opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;min-width:220px;max-width:320px;transition:all .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000040}.indicator-popup.show{opacity:1;visibility:visible;pointer-events:auto}.indicator-popup:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.popup-header{background:var(--calendar-accent);color:var(--calendar-inverted);text-align:center;border-radius:8px 8px 0 0;padding:8px 12px;font-size:12px;font-weight:700}.popup-meeting{border-bottom:1px solid var(--calendar-border-muted);padding:8px 12px}.popup-meeting:last-child{border-bottom:none;border-radius:0 0 8px 8px}.popup-time{color:var(--calendar-accent);margin-bottom:2px;font-size:11px;font-weight:700}.popup-title{color:var(--calendar-text-primary);font-size:12px;font-weight:600;line-height:1.3}.new-event-modal{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.new-event-content{background:var(--calendar-surface);border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:32px;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.new-event-content h2{color:var(--calendar-text-primary);margin:0 0 8px;font-size:28px}.selected-date{color:var(--calendar-accent);margin:0 0 24px;font-size:16px;font-weight:600}.event-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--calendar-text-secondary);font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid var(--calendar-border);border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--calendar-accent);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-text)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-cancel,.btn-create{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-cancel{background:var(--calendar-surface-muted);color:var(--calendar-text-secondary)}.btn-cancel:hover{background:var(--calendar-border-muted)}.btn-create{background:var(--calendar-accent);color:var(--calendar-inverted)}.btn-create:hover{background:var(--calendar-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width:1024px){.calendar-view{padding:16px 14px}.day-view,.month-view,.week-scroll{max-width:100%}.aag-grid{gap:12px}}@media (max-width:768px){.calendar-view{padding:12px 10px}.calendar-header{gap:12px;margin-bottom:20px;padding:16px}.calendar-header-actions{justify-content:space-between;width:100%}.aag-grid{grid-template-columns:1fr}.aag-card{padding:14px}.day-view{border-radius:12px}.day-view-header{flex-direction:column;align-items:flex-start;gap:10px}.day-view-timeline{max-height:none;padding:16px}.add-event-btn{text-align:center;width:100%}.event-card-large{flex-direction:column;gap:10px}.event-time-large{min-width:auto}.week-navigation{flex-wrap:wrap;gap:8px;padding:0}.week-nav-btn{width:36px;height:36px}.week-nav-today{flex:100%}.week-scroll{gap:10px;max-width:100%;padding:8px 0 16px}.week-day-card{flex:0 0 clamp(180px,80vw,320px)}.week-events{min-height:auto}.month-view{--month-day-size:clamp(32px,calc(((100% - 20px)/7)*.81),59px);--month-day-padding:clamp(4px,1.6vw,6px);padding:12px}.month-day-label{font-size:10px}.month-event-indicators{gap:0}.many-popover{transform:translate(-50%,6px)scale(.97)}.new-event-content{max-height:85vh;padding:24px}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.calendar-view{padding:10px 8px}.calendar-header{margin-bottom:12px;padding:14px}.calendar-header-actions{flex-direction:column;align-items:flex-start;gap:8px}.day-view{border-radius:10px}.day-view-header,.event-card-large{padding:16px}.week-navigation{flex-direction:column;align-items:center}.week-nav-btn{width:100%;max-width:72px}.week-nav-today{width:100%}.week-day-card{flex:0 0 100%}.month-day-cell{align-items:flex-start}.month-view{--month-day-size:clamp(28px,calc(((100% - 16px)/7)*.81),49px);--month-day-padding:clamp(3px,1.8vw,5px)}.month-day-label{font-size:9px}.month-event-indicators{align-items:center}.many-popover{max-width:240px}.new-event-modal{padding:12px}.new-event-content{padding:20px}}
.email-card{--email-card-outline-color:hsl(var(--card-border-accent));--email-card-outline:0 0 0 3px var(--email-card-outline-color);--email-card-elevation:0 10px 30px #0000002e;background:var(--card-bg);box-shadow:var(--email-card-outline),var(--email-card-elevation);cursor:grab;-webkit-user-select:none;user-select:none;backface-visibility:hidden;-webkit-font-smoothing:antialiased;touch-action:none;-ms-touch-action:none;overscroll-behavior:contain;border:none;border-radius:14px;flex-direction:column;width:100%;max-width:333.333px;height:466.667px;margin:0 auto;padding:20px;display:flex;position:relative;overflow:visible;transform:translateZ(0);filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.email-card:active{cursor:grabbing}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.header-right{align-items:center;gap:8px;display:flex}.meeting-icon-container{cursor:help;align-items:center;display:flex;position:relative}.meeting-icon{background:var(--info-bg);border-radius:6px;padding:4px 8px;font-size:20px;transition:all .2s}.meeting-icon-container:hover .meeting-icon{background:var(--info-bg);transform:scale(1.1)}.meeting-tooltip{z-index:1000;background:#fff;border-radius:12px;min-width:280px;max-width:350px;margin-top:8px;animation:.2s ease-out meetingTooltipFadeIn;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}@keyframes meetingTooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.meeting-tooltip-header{border-bottom:1px solid var(--border-color);background:var(--muted-bg);border-radius:12px 12px 0 0;padding:12px 16px}.meeting-tooltip-header strong{color:var(--text-primary);font-size:14px}.meeting-list{max-height:300px;padding:8px;overflow-y:auto}.meeting-item{background:var(--muted-bg);border-left:3px solid var(--accent-strong);border-radius:8px;margin:4px 0;padding:12px;transition:all .2s;position:relative}.meeting-item.clickable{cursor:pointer}.meeting-item.clickable:hover{background:var(--info-bg);border-left-color:var(--accent-strong);transform:translate(2px);box-shadow:0 2px 8px #667eea26}.meeting-click-hint{color:var(--accent-strong);opacity:0;margin-top:6px;font-size:11px;font-weight:600;transition:opacity .2s}.meeting-item.clickable:hover .meeting-click-hint{opacity:1}.meeting-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.meeting-time{color:var(--accent-strong);margin-bottom:4px;font-size:13px;font-weight:600}.meeting-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.related-threads-icon-container{cursor:help;justify-content:center;align-items:center;display:flex;position:relative}.related-threads-icon{background:var(--warning-bg);border:1px solid var(--warning-bg);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.related-threads-icon-container:hover .related-threads-icon{background:var(--warning-bg);transform:translateY(-1px)scale(1.05);box-shadow:0 4px 10px #00000026}.related-threads-icon span{line-height:1}.related-threads-tooltip{z-index:1000;background:#fff;border-radius:12px;min-width:320px;max-width:400px;margin-top:8px;animation:.2s ease-out relatedThreadsTooltipFadeIn;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}@keyframes relatedThreadsTooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.related-threads-header{border-bottom:1px solid var(--border-color);background:var(--warning-bg);border-radius:12px 12px 0 0;padding:12px 16px}.related-threads-header strong{color:var(--text-primary);font-size:14px}.related-threads-list{max-height:300px;padding:8px;overflow-y:auto}.related-thread-item{border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:8px;transition:all .2s}.related-thread-item:hover{background-color:var(--muted-bg);transform:translate(2px)}.related-thread-item:last-child{border-bottom:none}.related-thread-subject{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.3}.related-thread-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.related-thread-sender{color:var(--muted-text);font-size:12px;font-weight:600}.related-thread-date{color:var(--text-tertiary);font-size:11px;font-weight:500}.related-thread-opp{background-color:var(--info-bg);color:var(--info-text);border-radius:3px;margin-top:4px;padding:2px 6px;font-size:11px;display:inline-block}.related-thread-click-hint{color:var(--text-tertiary);opacity:0;margin-top:4px;font-size:11px;font-style:italic;transition:opacity .2s}.related-thread-item:hover .related-thread-click-hint{opacity:1}.recipient-count-container{align-items:center;gap:6px;display:flex;position:relative}.recipient-icon-button{background:var(--warning-bg);border:1px solid var(--warning-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative}.recipient-icon-button:hover{background:var(--warning-bg);transform:translateY(-1px)scale(1.05);box-shadow:0 4px 10px #00000026}.recipient-count-badge{background:var(--danger-border);color:#fff;text-align:center;pointer-events:none;border:2px solid #fff;border-radius:9999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #0003}.recipient-count{color:var(--muted-text);background:var(--border-color);text-align:center;border-radius:12px;min-width:20px;padding:2px 8px;font-size:14px;font-weight:700}.recipient-popup{z-index:100;background:#fff;border-radius:12px;min-width:280px;animation:.2s ease-out popupSlideIn;position:absolute;top:45px;right:0;box-shadow:0 8px 24px #0003}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.popup-header strong{color:var(--text-primary);font-size:14px}.popup-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;transition:all .2s;display:flex}.popup-close:hover{color:var(--text-primary);transform:rotate(90deg)}.popup-body{padding:16px}.sender-detail{align-items:flex-start;gap:12px;display:flex}.sender-icon{background:var(--warning-bg);border:1px solid var(--warning-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:background .2s,box-shadow .2s;display:inline-flex}.sender-detail:hover .sender-icon{background:var(--warning-bg);box-shadow:0 4px 10px #0000001f}.sender-text{flex:1}.sender-full-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.sender-email-display{color:var(--text-secondary);word-break:break-all;font-size:13px}.recipients-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.recipients-header{align-items:center;gap:6px;margin-bottom:12px;display:flex}.recipients-icon{font-size:16px}.recipients-label{color:var(--muted-text);font-size:13px;font-weight:600}.recipients-breakdown{flex-direction:column;gap:8px;display:flex}.recipient-group{background:var(--muted-bg);cursor:help;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex;position:relative}.recipient-group:hover{background:var(--border-color)}.recipient-fallback-list{flex-direction:column;gap:8px;display:flex}.recipient-fallback-item{background:var(--muted-bg);color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.fallback-icon{font-size:16px}.fallback-email{word-break:break-all;font-weight:500}.recipient-tooltip{background:var(--text-primary);color:#fff;z-index:1000;border-radius:6px;min-width:200px;max-width:300px;margin-top:8px;padding:8px 12px;animation:.2s ease-out tooltipFadeIn;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000004d}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.recipient-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:var(--text-primary);position:absolute;bottom:100%;left:20px}.tooltip-email{color:var(--muted-bg);word-break:break-all;padding:4px 0;font-size:12px}.tooltip-email:not(:last-child){border-bottom:1px solid #ffffff1a;margin-bottom:2px;padding-bottom:6px}.group-icon{font-size:18px}.group-count{color:var(--text-primary);min-width:20px;font-size:15px;font-weight:700}.group-domain{color:var(--text-secondary);font-size:13px;font-weight:500}.sender-info{flex:1;align-items:center;gap:10px;display:flex}.sender-name{color:var(--text-primary);font-size:16px;font-weight:600}.priority-badge{justify-content:center;align-items:center;display:inline-flex}.priority-badge.bullseye-icon svg{display:block}.timestamp{color:var(--text-tertiary);font-size:13px}.subject{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.tone-indicator{color:#fff;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.tone-icon{font-size:16px}.tone-label{font-weight:600}.summary{color:var(--muted-text);background:var(--muted-bg);border-radius:8px;max-height:140px;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.6;overflow:hidden}.summary strong{color:var(--text-primary);margin-bottom:6px;display:block}.summary.ai-auto-summary{background:linear-gradient(135deg,var(--chip-pill-bg)0%,var(--info-bg)100%);border:2px solid var(--accent-secondary);margin-bottom:16px;animation:.3s ease-out summaryFadeIn}.summary.ai-auto-summary .summary-title{color:var(--chip-pill-text);align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.summary.ai-auto-summary .insights{margin:12px 0 0;padding:0;list-style:none}.summary.ai-auto-summary .insights li{color:var(--chip-pill-text);margin:6px 0;font-size:13px;line-height:1.5}.summary.loading{border:2px dashed var(--muted-border);margin-bottom:16px;position:relative;overflow:hidden}.summary.loading .summary-title{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.summary.loading p{color:var(--text-tertiary);opacity:.6;font-style:italic}@media (prefers-reduced-motion:no-preference){.summary.loading{background:linear-gradient(90deg,var(--muted-bg)25%,var(--muted-border)37%,var(--muted-bg)63%);background-size:400% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}}@media (prefers-reduced-motion:reduce){.summary.loading{background:linear-gradient(135deg,var(--muted-bg)0%,var(--border-color)100%);animation:2s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.8}}}.reasons{color:var(--text-secondary);max-height:120px;margin-bottom:16px;font-size:13px;overflow:hidden}.reasons strong{color:var(--muted-text);margin-bottom:6px;display:block}.reasons ul{margin:0;padding-left:20px}.reasons li{margin-bottom:4px}.card-footer{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:16px;display:flex}.wheel-wrapper{flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.opp-dropdown{z-index:1000;opacity:0;pointer-events:none;background:#fff;border-radius:12px;min-width:320px;margin-bottom:8px;transition:opacity .2s;position:absolute;bottom:100%;box-shadow:0 8px 24px #0003}.opp-dropdown.opp-dropdown-open{opacity:1;pointer-events:all}.opp-dropdown-view{min-width:260px}.opp-dropdown-header{border-bottom:2px solid var(--border-color);color:var(--text-primary);background:var(--muted-bg);border-radius:12px 12px 0 0;padding:12px 16px;font-size:14px;font-weight:700}.opp-view{flex-direction:column;gap:10px;padding:16px;display:flex}.opp-view-body{flex-direction:column;gap:6px;display:flex}.opp-view-id{color:var(--text-primary);font-size:18px;font-weight:700}.opp-view-name{color:var(--text-secondary);font-size:14px;font-weight:600}.opp-view-value{color:var(--success-text);font-size:13px;font-weight:600}.opp-option{border-bottom:1px solid var(--muted-border);cursor:pointer;padding:12px 16px;transition:all .2s}.opp-option:hover{background:var(--info-bg);border-left:3px solid var(--accent-strong);padding-left:13px}.opp-option:last-child{border-bottom:none;border-radius:0 0 12px 12px}.opp-option-id{color:var(--accent-strong);margin-bottom:4px;font-size:13px;font-weight:700}.opp-option-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.opp-option-value{color:var(--success-border);font-size:12px;font-weight:700}.card-actions{flex:1;gap:12px;display:flex}.action-button{cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:36px;transition:all .2s;display:flex}.action-button:hover{transform:scale(1.1)}.action-button:active{transform:scale(.95)}:root{--z-modal:2000}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c2bd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:12px;width:min(640px,92vw);max-height:90vh;animation:.3s ease-out delegationSlideIn;overflow:auto;box-shadow:0 20px 60px #00000059}@keyframes delegationSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.delegation-close{background:var(--muted-bg);cursor:pointer;width:32px;height:32px;color:var(--muted-text);z-index:10;border:none;border-radius:50%;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:16px;right:16px}.delegation-close:hover{background:var(--border-color);transform:rotate(90deg)}.delegation-header{border-bottom:2px solid var(--border-color);padding:24px 24px 16px}.delegation-header h3{color:var(--text-primary);margin:0 40px 8px 0;font-size:22px}.delegation-subject{color:var(--text-secondary);margin:0;font-size:14px;font-style:italic}.delegation-body{padding:24px}.delegation-section{margin-bottom:28px}.delegation-section:last-child{margin-bottom:0}.delegation-section h4{color:var(--muted-text);margin:0 0 16px;font-size:16px;font-weight:600}.team-members-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.team-member-card{background:var(--muted-bg);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.team-member-card:hover{background:var(--info-bg);border-color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 4px 12px #4c6ef533}.team-member-card.selected{background:var(--info-bg);border-color:var(--accent-strong);box-shadow:0 2px 8px #4c6ef540}.team-member-checkbox{border:2px solid var(--muted-border);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.team-member-card.selected .team-member-checkbox{background:var(--accent-strong);border-color:var(--accent-strong)}.checkmark{color:#fff;font-size:16px;font-weight:700;line-height:1}.team-member-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;display:flex}.team-member-info{flex:1;min-width:0}.team-member-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.team-member-role{color:var(--text-secondary);font-size:13px}.prompt-suggestions{flex-direction:column;gap:10px;display:flex}.prompt-option{background:var(--muted-bg);border:2px solid var(--border-color);color:var(--muted-text);cursor:pointer;text-align:left;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.prompt-option:hover{background:var(--info-bg);border-color:var(--accent-strong);color:var(--text-primary);transform:translate(4px)}.prompt-option.custom-prompt{background:linear-gradient(135deg,var(--info-bg)0%,var(--info-bg)100%);border-color:var(--accent-strong);font-weight:600}.prompt-option.custom-prompt:hover{background:linear-gradient(135deg,var(--info-bg)0%,var(--info-border)100%)}.custom-email-section{background:var(--muted-bg);border:2px dashed var(--muted-border);border-radius:8px;margin-top:16px;padding:16px}.custom-email-label{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.custom-email-label span{color:var(--muted-text);font-size:14px;font-weight:600}.custom-email-input{border:2px solid var(--muted-border);border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.custom-email-input:focus{border-color:var(--accent-strong);background:#fff;outline:none}.add-email-btn{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.add-email-btn:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 4px 12px #4c6ef54d}.add-email-btn:disabled{background:var(--muted-border);color:var(--text-tertiary);cursor:not-allowed}.selected-recipients{border:2px solid var(--border-color);background:#fff;border-radius:8px;margin-top:20px;padding:16px}.selected-recipients strong{color:var(--text-primary);margin-bottom:12px;font-size:14px;display:block}.recipient-tags{flex-wrap:wrap;gap:8px;display:flex}.recipient-tag{background:var(--info-bg);border:1px solid var(--accent-strong);color:var(--text-primary);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.recipient-tag:hover{background:var(--info-bg);transform:scale(1.02)}.recipient-tag span{font-weight:500}.remove-recipient{color:var(--danger-border);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.remove-recipient:hover{background:var(--danger-bg);transform:scale(1.2)}.attachments-section{margin-top:24px;margin-bottom:16px}.attachments-label{color:var(--muted-text);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.attachments-row{flex-direction:column;gap:8px;display:flex}.attachment-item{background:var(--muted-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.attachment-item:hover{background:var(--info-bg);border-color:var(--accent-strong);transform:translate(4px);box-shadow:0 2px 8px #4c6ef526}.attachment-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-icon-wrapper img{filter:drop-shadow(0 1px 2px #0000001a)}.attachment-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}@media (max-height:900px){.email-card{height:400px;padding:16px}.subject{margin-bottom:10px;font-size:16px}.summary{margin-bottom:12px;padding:10px;font-size:13px}.reasons{margin-bottom:12px;font-size:12px}}@media (max-height:800px){.email-card{height:366.667px;padding:14px}.card-header{margin-bottom:10px}.subject{margin-bottom:8px;font-size:15px}.tone-indicator{margin-bottom:12px;padding:5px 10px;font-size:12px}.summary{margin-bottom:10px;padding:8px;font-size:12px}.reasons{margin-bottom:10px;font-size:11px}.attachments-section{margin-top:16px;margin-bottom:12px}}@media (max-height:700px){.email-card{height:333.333px;padding:12px}.sender-name{font-size:14px}.subject{margin-bottom:8px;font-size:14px}.tone-indicator{margin-bottom:10px;padding:4px 8px;font-size:11px}.summary{margin-bottom:8px;padding:8px;font-size:11px}.reasons{margin-bottom:8px;font-size:11px}.card-footer{gap:10px;padding-top:12px}.opportunity-field,.action-button{width:50px;height:50px;font-size:24px}}@media (max-height:600px){.email-card{height:300px;padding:10px}.card-header{margin-bottom:8px}.sender-name{font-size:13px}.subject{margin-bottom:6px;font-size:13px}.tone-indicator{margin-bottom:8px;padding:3px 6px;font-size:10px}.summary{margin-bottom:6px;padding:6px;font-size:10px}.reasons{margin-bottom:6px;font-size:10px}.reasons ul{padding-left:16px}.attachments-section{margin-top:12px;margin-bottom:8px}.card-footer{gap:8px;padding-top:10px}.opportunity-field,.action-button{width:45px;height:45px;font-size:20px}}@media (max-width:768px){.email-card{height:433.333px}}@media (max-width:480px){.email-card{height:400px;padding:12px}.subject{font-size:14px}.summary{font-size:12px}.opportunity-field,.action-button{width:50px;height:50px}}.related-threads-icon-container{position:relative}.related-threads-badge{background:var(--danger-border);color:#fff;text-align:center;pointer-events:none;border:2px solid #fff;border-radius:9999px;min-width:19px;height:19px;padding:0 5px;font-size:12px;font-weight:700;line-height:19px;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 2px #0003}.summary.ai-auto-summary{cursor:pointer;max-height:140px;transition:max-height .25s;overflow:hidden}.summary.ai-auto-summary.expanded{max-height:600px}.summary.ai-auto-summary:after{content:"Tap to expand";color:var(--text-tertiary);text-align:right;margin-top:4px;font-size:11px;display:block}.summary.ai-auto-summary.expanded:after{content:"Tap to collapse"}
.meeting-countdown{cursor:pointer;background:0 0;flex-direction:row;align-items:flex-start;gap:12px;padding:0;transition:all .3s;display:flex}.meeting-countdown:hover{transform:scale(1.05)}.countdown-content{flex-direction:column;gap:4px;display:flex}.countdown-label{color:var(--text-secondary);letter-spacing:.5px;font-size:20px;font-weight:700;line-height:1}.countdown-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:20px;font-weight:700;line-height:1}.countdown-value.urgent{color:var(--danger-border)}.meeting-countdown.clock-mode .countdown-value{color:var(--text-primary)}.meeting-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.meeting-type-icon{flex-shrink:0;font-size:30px}@media (max-width:768px){.meeting-countdown{width:100%;margin-top:8px;margin-left:0}.countdown-value{font-size:18px}.meeting-title{max-width:100%}}
.meeting-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.meeting-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0006}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.meeting-modal-close{cursor:pointer;color:#495057;z-index:10;background:#f8f9fa;border:none;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1;transition:all .2s;position:absolute;top:20px;right:20px}.meeting-modal-close:hover{background:#e9ecef;transform:rotate(90deg)}.meeting-modal-header{border-bottom:2px solid #f1f3f5;align-items:flex-start;gap:20px;padding:40px 40px 20px;display:flex}.meeting-icon-large{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;box-shadow:0 8px 20px #667eea4d}.meeting-header-info{flex:1}.meeting-header-info h2{color:#212529;margin:0 0 12px;font-size:24px;font-weight:700}.meeting-meta{flex-wrap:wrap;gap:16px;display:flex}.conflict-status{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.conflict-status__icon{font-size:18px}.conflict-status__text{flex:1}.conflict-status__meta{color:#868e96;font-size:12px;font-weight:500}.conflict-status--checking{color:#495057;background:#f3f4ff;border-color:#d0d5ff}.conflict-status--conflict{color:#c92a2a;background:#fff5f5;border-color:#ffc9c9}.conflict-status--clear{color:#2f9e44;background:#eefdf2;border-color:#c3fae8}.conflict-status--error{color:#d9480f;background:#fff4e6;border-color:#ffd8a8}.invite-status{color:#d9480f;background:#fff4e6;border:1px dashed #ffd8a8;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.invite-status__icon{font-size:18px}.invite-status__text{flex:1}.invite-status--warning{color:#f08c00;background:#fff9db;border-color:#ffd43b}.meta-item{color:#6c757d;align-items:center;gap:6px;font-size:14px;display:flex}.meeting-tabs{border-bottom:2px solid #f1f3f5;gap:8px;padding:0 40px;display:flex}.tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.tab.active{color:#4c6ef5;border-bottom-color:#4c6ef5}.tab:hover:not(.active){color:#495057;background:#f8f9fa}.meeting-content{padding:30px 40px 40px}.meeting-section{margin-bottom:30px}.meeting-section h3{color:#212529;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:700;display:flex}.meeting-datetime{color:#212529;margin:0 0 6px;font-size:18px;font-weight:600}.meeting-time{color:#4c6ef5;margin:0;font-size:16px;font-weight:600}.meeting-time--local{color:#868e96;margin-top:4px;font-size:13px}.attendees-list{flex-wrap:wrap;gap:8px;display:flex}.attendee-chip{color:#1971c2;background:#e7f5ff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.meeting-description{color:#495057;margin:0;line-height:1.6}.invite-analysis-card{color:#704214;background:#fff7e6;border:1px solid #ffe8cc;border-radius:12px;margin-top:20px;padding:18px}.invite-analysis-card h4{margin:0 0 10px;font-size:16px;font-weight:700}.invite-analysis-card p{margin:0 0 12px;font-size:14px}.invite-analysis-card ul{color:#5c3a00;margin:0 0 12px;padding-left:20px;font-size:14px}.invite-analysis-card__cta{text-transform:uppercase;letter-spacing:.04em;color:#d9480f;margin:0;font-size:13px;font-weight:600}.meeting-actions-primary{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.action-secondary{justify-content:flex-end;margin-top:6px;display:flex}.action-link{color:#495057;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.action-link:hover:not(:disabled){color:#364fc7}.action-link:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.action-btn{cursor:pointer;border:2px solid;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.action-btn.accept{color:#fff;background:#51cf66;border-color:#51cf66}.action-btn.accept:hover{background:#40c057;transform:translateY(-2px);box-shadow:0 6px 20px #51cf664d}.action-btn.tentative{color:#f59f0b;background:#fff;border-color:#ffd43b}.action-btn.tentative:hover{background:#fff9db;transform:translateY(-2px)}.action-btn.decline{color:#fa5252;background:#fff;border-color:#ff6b6b}.action-btn.decline:hover{background:#ffe3e3;transform:translateY(-2px)}.action-btn.accept.has-conflict{color:#c92a2a;background:#fff;border-color:#ffa8a8;box-shadow:0 0 0 2px #ffadad33}.action-btn.accept.has-conflict:hover{color:#c92a2a;background:#fff0f0;box-shadow:0 8px 20px #fa525233}.action-btn.accept.has-warning{color:#f08c00;background:#fff;border-color:#ffd43b;box-shadow:0 0 0 2px #ffd43b40}.action-btn.accept.has-warning:hover{color:#f08c00;background:#fff9db;box-shadow:0 8px 20px #ffd43b40}.action-btn-flag{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.action-btn-flag--conflict{color:#c92a2a;background:#fff5f5;border-color:#ffc9c9}.action-btn-flag--info{color:#f08c00;background:#fff9db;border-color:#ffe066}.meeting-smart-actions{border-top:2px solid #f1f3f5;margin-top:20px;padding-top:20px}.meeting-smart-actions .smart-btn{margin-bottom:16px}.smart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.smart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.smart-btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;pointer-events:none;transform:none}.conflict-results{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.conflict-error{color:#d9480f;background:#fff4e6;border:1px solid #ffc078;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:600;display:flex}.retry-btn{color:#fff;cursor:pointer;background:#ff922b;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:background .2s}.retry-btn:hover{background:#f76707}.conflict-summary{background:#fff;border:1px solid #ffe3e3;border-radius:10px;margin-bottom:16px;padding:16px}.conflict-summary__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.conflict-summary__item{color:#495057;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.conflict-summary__title{color:#c92a2a;font-weight:600}.conflict-summary__time{color:#868e96;font-size:13px}.no-conflicts{color:#2f9e44;background:#fff;border:1px solid #e6fcf5;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-weight:600}.conflict-last-checked{text-transform:uppercase;letter-spacing:.05em;color:#868e96;margin-top:16px;font-size:12px}.loading-ai{color:#6c757d;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.spinner{border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.conflict-results h4{color:#212529;margin:0 0 16px;font-size:16px}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.suggestion-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.suggestion-icon{font-size:20px}.suggestion-text{color:#495057;flex:1;font-size:14px;font-weight:500}.propose-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.propose-btn:hover{background:#5a67d8}.response-type-banner{margin-bottom:24px}.banner{text-align:center;border-radius:10px;padding:16px;font-size:14px;font-weight:600}.decline-banner{color:#c92a2a;background:#ffe3e3}.banner-note{color:inherit;margin-top:8px;font-size:13px;font-weight:500}.tentative-banner{color:#e67700;background:#fff3bf}.helper-text{color:#6c757d;margin:0 0 12px;font-size:13px}.input-mode-selector{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.mode-btn{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:88px;padding:14px 12px;transition:all .2s;display:flex}.mode-btn:hover{background:#f8f9ff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.mode-icon{font-size:20px}.mode-label{color:#495057;font-size:13px;font-weight:600}.input-mode-active{background:#f8f9fa;border-radius:12px;margin-top:12px;padding:16px}.mode-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.active-mode-label{color:#212529;font-size:15px;font-weight:700}.change-mode-btn{color:#6c757d;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.change-mode-btn:hover{color:#495057;background:#e9ecef}.speech-controls{flex-direction:column;gap:12px;display:flex}.transcribed-text{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px}.transcribed-text strong{color:#495057;margin-bottom:6px;font-size:13px;display:block}.transcribed-text p{color:#212529;margin:0;font-size:14px;line-height:1.6}.alternate-attendees{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.alternate-attendees h4{color:#212529;margin:0 0 8px;font-size:16px}.team-members-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.team-member-card{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.team-member-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.team-member-card.selected{background:#f0fdf4;border-color:#51cf66;box-shadow:0 4px 12px #51cf6633}.member-info{flex:1;align-items:center;gap:16px;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.member-details{flex:1}.member-name{color:#212529;margin-bottom:4px;font-size:16px;font-weight:700}.member-role{color:#6c757d;margin-bottom:2px;font-size:13px}.member-email{color:#868e96;font-size:12px}.selected-badge{color:#fff;background:#51cf66;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700}.delegation-options{border-top:2px solid #e9ecef;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding-top:20px;display:grid}.delegate-action{cursor:pointer;border:none;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s}.delegate-action.suggest{color:#fff;background:#4c6ef5}.delegate-action.suggest:hover{background:#3b5bdb;transform:translateY(-2px);box-shadow:0 4px 12px #4c6ef54d}.delegate-action.delegate{color:#fff;background:#51cf66}.delegate-action.delegate:hover{background:#40c057;transform:translateY(-2px);box-shadow:0 4px 12px #51cf664d}.voice-controls{flex-direction:column;gap:12px;display:flex}.voice-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.voice-btn:hover{background:#fa5252;transform:translateY(-2px)}.voice-btn.recording{background:#c92a2a;animation:1.5s ease-in-out infinite pulseRed}@keyframes pulseRed{0%,to{box-shadow:0 0 #c92a2ab3}50%{box-shadow:0 0 0 10px #c92a2a00}}.recording-pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite blinkPulse}@keyframes blinkPulse{0%,to{opacity:1}50%{opacity:.3}}.recording-preview{background:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.audio-waveform{color:#495057;flex:1;font-size:14px;font-weight:500}.delete-recording{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:20px;transition:opacity .2s}.delete-recording:hover{opacity:1}.text-input-container{flex-direction:column;gap:12px;display:flex}.response-textarea{resize:vertical;border:2px solid #e9ecef;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s}.response-textarea:focus{border-color:#667eea;outline:none}.speech-btn{color:#fff;cursor:pointer;background:#4c6ef5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.speech-btn:hover:not(:disabled){background:#3b5bdb}.speech-btn.listening{background:#51cf66;animation:1.5s ease-in-out infinite pulseGreen}@keyframes pulseGreen{0%,to{box-shadow:0 0 #51cf66b3}50%{box-shadow:0 0 0 10px #51cf6600}}.listening-pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite blinkPulse}.speech-btn:disabled{opacity:.6;cursor:not-allowed}.return-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.return-btn{color:#495057;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.return-btn.return-btn--delegate{justify-content:center;align-items:center;gap:8px;display:inline-flex}.return-btn.return-btn--delegate .return-btn__icon{font-size:18px}.return-btn.return-btn--delegate.is-active{color:#5f3dc4;background:#f3f0ff;border-color:#9775fa}.return-btn:hover{background:#f8f9ff;border-color:#667eea;transform:translateY(-2px)}.response-actions{border-top:2px solid #f1f3f5;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:30px;display:flex}.cancel-btn{color:#6c757d;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.cancel-btn:hover{background:#f8f9fa}.send-response-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:12px 32px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.send-response-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.send-response-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.meeting-modal{max-height:95vh}.meeting-modal-header{padding:30px 20px 20px}.meeting-content{padding:20px}.meeting-tabs{padding:0 20px}.meeting-actions-primary,.return-options{grid-template-columns:1fr}.response-actions{flex-direction:column}.cancel-btn,.send-response-btn{width:100%}}