:root{--timeline-height: 52px;--active-color: hsl(100 60% 40%);--bg-body: #f6f7f9;--bg-card: #ffffff;--bg-card-secondary: #f9fafb;--bg-modal: #ffffff;--bg-modal-header: linear-gradient(to bottom, #fafbfc, #fff);--bg-input: #ffffff;--bg-hover: #f9fafb;--bg-active: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--border-color-dark: #d1d5db;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .4);--shadow-inset: inset 0 0 0 1px rgba(0, 0, 0, .06);--timeline-bg: #e7e7e7;--timeline-bg-night: #e5e7eb;--progress-bg-inactive: #bbb;--progress-bg-night: #d1d5db;--marker-color: #111;--cursor-line: #ff3b30;--cursor-line-night: #9ca3af;--cursor-time-bg: #fff;--cursor-time-bg-night: #f3f4f6;--cursor-time-text: #111827;--cursor-time-text-night: #6b7280;--night-indicator-bg: rgba(243, 244, 246, .95);--night-indicator-text: #6b7280;--night-indicator-border: #4338ca;--status-green: #10b981;--status-red: #ef4444;--status-yellow: #eab308;--status-blue: #3b82f6;--status-orange: #f59e0b;--status-purple: #ba68c8;--status-gray: #6b7280;--ring-blue: rgba(30, 144, 255, .6);--ring-green: rgba(0, 200, 83, .7);--ring-yellow: rgba(255, 193, 7, .9);--ring-red: rgba(255, 59, 48, .8);--ring-orange: rgba(255, 152, 0, .8);--ring-purple: rgba(186, 104, 200, .7);--ring-zoom: #028dff;--ring-meeting: #475569;--overlay-bg: rgba(0, 0, 0, .6);--ooo-bg: linear-gradient(135deg, #fef3c7, #fde68a);--ooo-border: #f59e0b;--ooo-text: #92400e}.dark-mode{--bg-body: #1a1a1a;--bg-card: #2a2a2a;--bg-card-secondary: #252525;--bg-modal: #2a2a2a;--bg-modal-header: linear-gradient(to bottom, #2f2f2f, #2a2a2a);--bg-input: #2a2a2a;--bg-hover: #333333;--bg-active: #3a3a3a;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #111827;--border-color: #404040;--border-color-light: #353535;--border-color-dark: #4a4a4a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5), 0 0 0 1px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .4);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, .1);--timeline-bg: #2a2a2a;--timeline-bg-night: #2f2f2f;--progress-bg-inactive: #404040;--progress-bg-night: #4a4a4a;--marker-color: #9ca3af;--cursor-line: #ff3b30;--cursor-line-night: #6b7280;--cursor-time-bg: #2a2a2a;--cursor-time-bg-night: #333333;--cursor-time-text: #ffffff;--cursor-time-text-night: #d1d5db;--night-indicator-bg: rgba(42, 42, 42, .95);--night-indicator-text: #d1d5db;--night-indicator-border: #6366f1;--status-green: #10b981;--status-red: #ef4444;--status-yellow: #eab308;--status-blue: #60a5fa;--status-orange: #f59e0b;--status-purple: #c084fc;--status-gray: #d1d5db;--ring-blue: rgba(96, 165, 250, .7);--ring-green: rgba(16, 185, 129, .8);--ring-yellow: rgba(234, 179, 8, 1);--ring-red: rgba(239, 68, 68, .9);--ring-orange: rgba(245, 158, 11, .9);--ring-purple: rgba(192, 132, 252, .8);--ring-zoom: #3b82f6;--ring-meeting: #64748b;--overlay-bg: rgba(0, 0, 0, .8);--ooo-bg: linear-gradient(135deg, #78350f, #92400e);--ooo-border: #f59e0b;--ooo-text: #fef3c7}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-body);color:var(--text-primary);margin:0;padding:0 0 8px;min-height:100vh;transition:background-color .3s ease,color .3s ease}#root{height:100%}.app{max-width:100%;margin:0 auto;padding:0 12px}.main-content{width:100%}.timeline-section{flex:1;min-width:0}.timeline-wrapper{position:relative;margin-bottom:12px;margin-top:24px;padding-top:28px}.timeline{position:relative;height:var(--timeline-height);background:var(--timeline-bg);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-inset);transition:height .28s ease,background-color .3s ease}.overlap-band{position:absolute;top:0;height:100%;pointer-events:none;background:repeating-linear-gradient(45deg,#78787814,#78787814 8px,#78787805 8px,#78787805 16px);opacity:.4}.progress{position:absolute;top:0;height:100%;border-radius:8px;transition:transform .25s ease,opacity .2s ease,filter .2s ease,box-shadow .2s ease,background-color .2s ease;transform-origin:center;z-index:1;background:var(--progress-bg-inactive)}.progress.magnified{transform:scaleY(1.6);opacity:.95;z-index:3;box-shadow:0 4px 18px #0000001f;filter:saturate(1.15) brightness(1.03);background:var(--active-color)}.progress.dim{opacity:.35}.progress.dim.night-mode-bar{background:var(--progress-bg-night)!important;opacity:.65!important;filter:grayscale(.6) brightness(.95)}.marker{position:absolute;top:0;width:3px;height:100%;background:var(--marker-color);opacity:.5;z-index:2}.cursor{position:absolute;top:0;transform:translate(-50%);text-align:center;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center}.cursor-line{width:3px;height:calc(var(--timeline-height) + 20px);margin-top:-10px;margin-bottom:-10px;background:var(--cursor-line);box-shadow:0 0 8px #ff3b3099;z-index:-1;position:relative}.cursor-time{font-size:13px;font-weight:500;background:var(--cursor-time-bg);color:var(--cursor-time-text);padding:4px 10px;border-radius:5px;box-shadow:var(--shadow-sm);white-space:nowrap;position:relative;z-index:1}.cursor-time.top{margin-bottom:6px}.cursor-time.bottom{margin-top:6px}.timeline-wrapper.night-mode .timeline{background:var(--timeline-bg-night)}.cursor.night .cursor-line{background:var(--cursor-line-night);box-shadow:0 0 8px #9ca3af66}.cursor.night .cursor-time{background:var(--cursor-time-bg-night);color:var(--cursor-time-text-night);border:1px solid var(--border-color-dark)}.night-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--night-indicator-bg);color:var(--night-indicator-text);padding:10px 20px;border-radius:24px;font-size:14px;border:1px solid var(--night-indicator-border);font-weight:500;display:flex;align-items:center;gap:8px;z-index:3;box-shadow:0 2px 8px #0000004d}.zones{display:flex;justify-content:space-between;text-align:center;gap:12px;margin-bottom:8px}.zone{flex:1;transition:transform .25s ease,opacity .2s ease}.zone h3{margin:20px 0 16px;font-size:17px;font-weight:600;color:var(--text-primary);transition:transform .25s ease,color .3s ease}.zone.current{opacity:1}.zone.inactive{opacity:.5}.agents{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;transition:transform .25s ease}.agent{width:64px;height:64px;border-radius:50%;background:url(https://i.pravatar.cc/64) center/cover;border:3px solid var(--bg-card);box-shadow:var(--shadow-sm);position:relative;cursor:pointer;transition:transform .15s ease,border-color .3s ease}.agent.ring-green,.agent.ring-yellow,.agent.ring-orange,.agent.ring-red,.agent.ring-blue,.agent.ring-zoom,.agent.ring-meeting,.agent.ring-purple{margin-left:-15px}.agent-first-in-group{margin-left:0!important}.agent-zones-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:24px;margin-top:8px}.agent-zone{display:flex;flex-direction:column;align-items:center;gap:6px}.agent-zone--muted .available-agents,.agent-zone--muted .agents-bunch.agents-bunch--medium{opacity:.5}.agent-zone-title{font-size:18px;font-weight:600;color:var(--text-secondary, #666);white-space:nowrap;margin-bottom:4px}.agent-zone-subbunches{display:flex;flex-direction:column;gap:6px;align-items:center}.agent-zone-subbunch-title{font-size:12px;font-weight:600;color:var(--text-secondary, #888);margin-bottom:4px}.agent-zone-subbunch{display:flex;flex-direction:column;align-items:center}.available-agents{display:flex;flex-wrap:wrap;max-width:400px;justify-content:center;align-items:center}.available-agents .agent{margin-left:-28px}.available-agents .agent:nth-child(6n+1){margin-left:0}.available-agents .agent:nth-child(n+7){margin-top:-24px}.agents-bunch.agents-bunch--medium{display:flex;flex-wrap:wrap;max-width:144px;justify-content:center;align-items:center}.agents-bunch.agents-bunch--medium .agent{margin-left:-18px}.agents-bunch.agents-bunch--medium .agent:nth-child(3n+1){margin-left:0}.agents-bunch.agents-bunch--medium .agent:nth-child(n+4){margin-top:-10px}.agent-spacer,.agent-spacer.agent-first-in-group{margin-left:14px!important}.agent:hover{transform:scale(1.1);z-index:10}.agent .status-badge{position:absolute;left:-4px;top:-4px;width:28px;height:28px;border-radius:50%;background:var(--bg-card);box-shadow:0 0 0 1px #00000014,var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.agent .status-badge svg{width:16px;height:16px;display:block}.agent .status-badge.emoji-badge{font-size:16px;line-height:1}.agent-minutes{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:8px;white-space:nowrap;line-height:1.2;pointer-events:none;z-index:5;box-shadow:0 1px 2px #0000004d}.agent.ring-blue{box-shadow:0 0 0 5px var(--ring-blue),var(--shadow-sm)}.agent.ring-green{box-shadow:0 0 0 5px var(--ring-green),var(--shadow-sm)}.agent.ring-yellow{box-shadow:0 0 0 5px var(--ring-yellow),0 0 10px #ffc10780;animation:pulse-yellow 2s ease-in-out infinite}.agent.ring-red{box-shadow:0 0 0 5px var(--ring-red),0 0 10px #ff3b3080;animation:pulse-red 2s ease-in-out infinite}.agent.ring-zoom{box-shadow:0 0 0 5px var(--ring-zoom),0 0 10px #028dff80}.agent.ring-meeting{box-shadow:0 0 0 5px var(--ring-meeting),var(--shadow-sm)}.agent.ring-purple{box-shadow:0 0 0 5px var(--ring-purple),var(--shadow-sm)}.agent.ring-orange{box-shadow:0 0 0 5px var(--ring-orange),0 0 10px #ff980080;animation:pulse-orange 2s ease-in-out infinite}@keyframes pulse-orange{0%,to{box-shadow:0 0 0 5px var(--ring-orange),0 0 10px #ff980080}50%{box-shadow:0 0 0 6px var(--ring-orange),0 0 14px #ff9800b3}}@keyframes pulse-red{0%,to{box-shadow:0 0 0 5px var(--ring-red),0 0 10px #ff3b3080}50%{box-shadow:0 0 0 6px var(--ring-red),0 0 14px #ff3b30b3}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 0 5px var(--ring-yellow),0 0 10px #ffc10780}50%{box-shadow:0 0 0 6px var(--ring-yellow),0 0 14px #ffc107b3}}.legend{display:flex;gap:16px;justify-content:center;align-items:center;font-size:13px;color:var(--text-secondary);flex-wrap:wrap;transition:color .3s ease;margin-top:20px}.legend-item{display:flex;align-items:center;gap:6px}.legend-emoji{font-size:17px}.legend-ring{width:20px;height:20px;border-radius:50%;border:3px solid;background:var(--bg-card);flex-shrink:0;transition:background-color .3s ease}.legend-ring.ring-green{border-color:var(--ring-green)}.legend-ring.ring-yellow{border-color:var(--ring-yellow)}.legend-ring.ring-red{border-color:var(--ring-red)}.legend-ring.ring-zoom{border-color:var(--ring-zoom)}.legend-ring.ring-meeting{border-color:var(--ring-meeting)}.legend-ring.ring-blue{border-color:var(--ring-blue)}.legend-ring.ring-purple{border-color:var(--ring-purple)}.legend-ring.ring-orange{border-color:var(--ring-orange)}.sidebar-components-container{position:relative;display:flex;flex-direction:column;gap:16px;width:calc(100% - 21px);margin-left:20px;padding-left:0;padding-right:0;border-left:1px solid var(--border-color);box-sizing:border-box;transition:border-color .3s ease}.fallback-gauges{margin:0;padding:8px;background:var(--bg-card-secondary);border-radius:8px;border:1px solid var(--border-color);width:100%;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.fallback-gauge{margin-bottom:8px}.fallback-gauge:last-child{margin-bottom:0}.fallback-gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fallback-gauge-region{font-weight:600;font-size:13px;color:var(--text-primary);transition:color .3s ease}.fallback-gauge-status{font-size:11px;color:var(--status-green);font-weight:500}.fallback-gauge-status.at-risk{color:var(--status-red)}.fallback-gauge-bar-container{position:relative;width:100%;height:12px;background:var(--border-color);border-radius:6px;overflow:hidden;margin-bottom:4px;transition:background-color .3s ease}.fallback-gauge-bar{height:100%;background:linear-gradient(to right,#10b981,#f59e0b,#ef4444);border-radius:6px;transition:width .3s ease;position:relative}.fallback-gauge-bar.at-risk{background:linear-gradient(to right,#f59e0b,#ef4444)}.fallback-gauge-bar-overflow{position:absolute;top:0;left:100%;width:20px;height:100%;background:repeating-linear-gradient(45deg,#ef4444,#ef4444 4px,#dc2626 4px,#dc2626 8px);animation:pulse-overflow 1s ease-in-out infinite}@keyframes pulse-overflow{0%,to{opacity:1}50%{opacity:.7}}.fallback-gauge-stats{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-secondary);transition:color .3s ease}.fallback-gauge-label{font-weight:500;color:var(--text-primary);transition:color .3s ease}.fallback-gauge-detail{color:var(--text-muted);font-size:10px}.fallback-gauge-warning{margin-top:4px;padding:4px 8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;font-size:10px;color:var(--status-red);font-weight:500;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.office-hours{margin:0;padding:8px;background:var(--bg-card-secondary);border-radius:8px;border:1px solid var(--border-color);width:100%;transition:background-color .3s ease,border-color .3s ease}.office-hours-title{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.office-hours-dropdown{font-size:13px;color:var(--text-secondary);margin-left:8px;transition:color .3s ease}.office-hours-list{display:flex;flex-direction:column;gap:0}.office-hours-item{font-size:16px;font-weight:400;padding:8px 0;color:#14b8a6;border-bottom:1px solid var(--border-color-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:border-color .3s ease}.office-hours-item:last-child{border-bottom:none}.tse-status-sidebar-counts{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:16px;margin-left:20px;padding:16px 0;background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-sm);width:calc(100% - 21px);box-sizing:border-box;border-left:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.tse-status-sidebar-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.tse-status-sidebar-value{font-size:32px;font-weight:700;line-height:1}.tse-status-sidebar-value.tse-status-active{color:var(--status-green)}.tse-status-sidebar-value.tse-status-away{color:var(--status-red)}.tse-status-sidebar-value.tse-status-chat{color:var(--status-blue)}.tse-status-sidebar-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.ooo-profile-pictures{margin:0;padding:12px;background:var(--bg-card-secondary);border-radius:8px;border:1px solid var(--border-color);width:100%;transition:background-color .3s ease,border-color .3s ease}.ooo-profile-pictures-title{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--text-primary);text-align:center;transition:color .3s ease}.ooo-profile-pictures-grid{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.ooo-profile-picture-item{position:relative;flex-shrink:0;margin-left:-10px}.ooo-profile-picture-item:first-child{margin-left:0}.ooo-profile-picture{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-card-secondary);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .3s ease;display:block}.ooo-profile-picture:hover{transform:scale(1.1);box-shadow:var(--shadow-md);z-index:2}.ooo-profile-picture-name{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.ooo-box{display:flex;flex-direction:column;padding:16px;background:var(--ooo-bg);border-radius:10px;border:1px solid var(--ooo-border);min-width:150px;max-width:250px;transition:background .3s ease,border-color .3s ease}.ooo-box h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ooo-text);white-space:nowrap;text-align:center;transition:color .3s ease}.ooo-agents{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-content:flex-start;flex:1;overflow-y:auto}.ooo-agent{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #f59e0b;box-shadow:0 1px 3px #00000026;flex-shrink:0}.app.loading{display:flex;align-items:center;justify-content:center;min-height:250px}.loading-message{font-size:16px;color:var(--text-secondary);transition:color .3s ease}.incident-banner{width:100%;margin-bottom:12px;background:var(--bg-card);border-radius:10px;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;border:1px solid var(--border-color)}.incident-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.incident-banner-content{display:flex;align-items:center;gap:10px;padding:8px 16px;position:relative;flex-wrap:nowrap;overflow:hidden}.incident-banner-incident-section{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;flex:1;width:100%}.incident-banner-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.dashboard-logo{flex-shrink:0;width:220px;height:56px;display:flex;align-items:center;justify-content:flex-start;padding-right:12px}.dashboard-logo img{width:100%;height:100%;object-fit:contain}.incident-banner-divider{width:1px;height:50px;background:var(--border-color);flex-shrink:0;transition:background-color .3s ease}.incident-banner-incident-section-wrapper{display:flex;align-items:stretch;gap:12px;flex:1 1 0%;min-width:0;max-width:38%;margin-left:auto}.tse-status-banner-counts{display:flex;align-items:center;gap:16px;flex-shrink:1;padding:0 4px}.tse-status-banner-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.tse-status-banner-value{font-size:24px;font-weight:700;line-height:1}.tse-status-banner-value.tse-status-active{color:var(--status-green)}.tse-status-banner-value.tse-status-away{color:var(--status-red)}.tse-status-banner-value.tse-status-chat{color:var(--status-blue)}.tse-status-banner-value.tse-status-closed{color:var(--status-gray)}.tse-status-banner-yesterday{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:2px;transition:color .3s ease}.tse-status-banner-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.incident-banner-logo{flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color);margin:-30px 0;position:relative;z-index:1;transition:background-color .3s ease,border-color .3s ease}.incident-banner-logo img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.incident-banner-logo-icon{position:absolute;top:-15px;right:20px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;z-index:10}.incident-banner-logo-icon img{width:100%;height:100%;object-fit:contain;margin:0;padding:0}.incident-banner-details{min-width:0;display:flex;flex-direction:column;gap:4px;width:100%}.incident-desc-scroll{scrollbar-width:none;-ms-overflow-style:none}.incident-desc-scroll::-webkit-scrollbar{display:none}.incident-banner-no-incidents{display:flex;flex-direction:column;gap:4px;padding:2px 0}.no-incidents-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;box-shadow:0 2px 4px #10b9814d}.no-incidents-badge svg{flex-shrink:0}.no-incidents-message{font-size:11px;font-weight:500;color:var(--text-secondary);line-height:1.2;transition:color .3s ease}.incident-banner-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.incident-banner-severity{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 12px #00000040,0 0 16px currentColor}}.incident-banner-counter{font-size:11px;color:var(--text-secondary);font-weight:500;padding:4px 8px;background:var(--bg-active);border-radius:4px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.incident-banner-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;word-wrap:break-word;transition:color .3s ease}.incident-banner-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);transition:color .3s ease}.incident-meta-item{display:flex;align-items:center}.incident-meta-separator{color:#fff6;font-weight:300}.incident-banner-progress{display:flex;gap:6px;align-items:center;flex-shrink:0}.incident-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color-dark);transition:all .3s ease;cursor:pointer}.incident-progress-dot.active{background:#6366f1;width:24px;border-radius:4px;box-shadow:0 0 8px #6366f14d}@media (max-width: 768px){.main-content,.zones{flex-direction:column}.incident-banner-content{flex-direction:column;align-items:flex-start;gap:16px}.incident-banner-incident-section{width:100%}.incident-banner-logo,.incident-banner-progress{align-self:center}.incident-banner-title{font-size:14px}.incident-banner-meta{font-size:11px}.on-call-section{width:100%}.on-call-people{gap:8px}}.tse-status-summary{width:100%;margin-bottom:24px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.tse-status-summary-content{display:flex;align-items:center;justify-content:center;gap:48px;padding:24px}.tse-status-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.tse-status-stat-value{font-size:48px;font-weight:700;line-height:1}.tse-status-stat-value.tse-status-active{color:var(--status-green)}.tse-status-stat-value.tse-status-away{color:var(--status-red)}.tse-status-stat-label{font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center;transition:color .3s ease}@media (max-width: 768px){.tse-status-summary-content{gap:32px;padding:20px}.tse-status-stat-value{font-size:36px}.tse-status-stat-label{font-size:12px}}.tse-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2147483647;animation:fadeIn .2s ease-out;isolation:isolate;transition:background-color .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tse-modal-content{background:var(--bg-modal);border-radius:16px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out;position:relative;z-index:2147483647;transition:background-color .3s ease}.tse-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color-light);background:var(--bg-modal-header);transition:border-color .3s ease,background .3s ease}.tse-modal-header-left{display:flex;align-items:center;gap:16px}.tse-modal-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);box-shadow:var(--shadow-sm);transition:border-color .3s ease}.tse-modal-header-info{display:flex;flex-direction:column;gap:4px}.tse-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.tse-modal-region{display:flex;align-items:center;gap:6px}.tse-modal-region-text{font-size:13px;color:var(--text-secondary);font-weight:500;transition:color .3s ease}.tse-modal-close{width:36px;height:36px;border:none;background:var(--bg-active);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-secondary);transition:all .15s ease}.tse-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.tse-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-color-light);border-bottom:1px solid var(--border-color-light);transition:background-color .3s ease,border-color .3s ease}.tse-modal-stat{background:var(--bg-modal);padding:16px;text-align:center;transition:background-color .3s ease}.tse-modal-stat-value{font-size:28px;font-weight:700;line-height:1.2}.tse-modal-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:500;transition:color .3s ease}.tse-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.tse-modal-section{margin-bottom:24px}.tse-modal-section:last-child{margin-bottom:0}.tse-modal-section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;gap:8px;transition:color .3s ease,border-color .3s ease}.tse-modal-section-count{color:var(--text-muted);font-weight:500;transition:color .3s ease}.tse-modal-info-icon{font-size:14px;cursor:help;opacity:.6;transition:opacity .2s ease;flex-shrink:0;line-height:1}.tse-modal-info-icon:hover{opacity:1}.tse-modal-conversation-list{display:flex;flex-direction:column;gap:8px}.tse-modal-conversation-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-card-secondary);border-radius:10px;border:1px solid var(--border-color-light);transition:all .15s ease}.tse-modal-conversation-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.tse-modal-conv-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.tse-modal-conv-content{flex:1;min-width:0}.tse-modal-conv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.tse-modal-conv-id-link{font-size:14px;font-weight:600;color:var(--status-blue);text-decoration:none;transition:color .15s ease}.tse-modal-conv-id-link:hover{color:#1d4ed8;text-decoration:underline}.tse-modal-conv-date{font-size:11px;color:var(--text-muted);white-space:nowrap;transition:color .3s ease}.tse-modal-conv-email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.tse-modal-empty{text-align:center;color:var(--text-muted);font-size:13px;font-style:italic;padding:16px;background:var(--bg-card-secondary);border-radius:8px;border:1px dashed var(--border-color);transition:color .3s ease,background-color .3s ease,border-color .3s ease}.zoom-call-section{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 4px}.zoom-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.zoom-icon{width:48px;height:48px;object-fit:contain}.zoom-badge{position:absolute;top:-4px;right:-8px;min-width:22px;height:22px;padding:0 6px;background:#028dff;color:#fff;font-size:12px;font-weight:700;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #028dff4d;border:2px solid #fff}.zoom-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.response-time-section{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px}.response-time-value{font-size:32px;font-weight:800;color:#10b981;line-height:1}.response-time-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:color .3s ease}.on-call-section{display:flex;flex-direction:column;gap:0;width:100%;margin-top:auto;padding-top:4px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.on-call-people{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;min-width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto}.on-call-people::-webkit-scrollbar{display:none}.on-call-person{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.on-call-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color);flex-shrink:0;transition:border-color .3s ease}.on-call-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;transition:color .3s ease}.on-call-type{font-size:10px;font-weight:700;color:#fff;background:#6366f1;padding:2px 6px;border-radius:4px;text-transform:uppercase;white-space:nowrap}@keyframes fly-away{0%{transform:translate(50%,-50%) scale(1);opacity:1}15%{transform:translate(50%,-60%) scale(1.15);opacity:1}to{transform:translate(50%,-350%) scale(.5);opacity:0}}@keyframes assignee-coin-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@keyframes assignee-avatar-fade-in{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.bubble-flying-away{will-change:transform,opacity}.trail-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.trail-particle{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 8px #10b98199;animation:trail-fade 1.5s ease-out forwards}@keyframes trail-fade{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%,100px) scale(.2);opacity:0}}.trail-particle:nth-child(1){left:0}.trail-particle:nth-child(2){left:-15px}.trail-particle:nth-child(3){left:15px}.trail-particle:nth-child(4){left:-8px}.trail-particle:nth-child(5){left:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-cluster-item{transition:transform .2s cubic-bezier(.34,1.56,.64,1),z-index 0s}.avatar-cluster-item:hover{transform:scale(1.15)!important;z-index:1000!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),z-index 0s!important}