:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.dashboard-main{overscroll-behavior:contain;scrollbar-gutter:stable}@media (max-width: 768px){html,body,#root{height:100%;min-height:100dvh}body{overscroll-behavior:none}.dashboard-shell{height:100dvh!important;min-height:100dvh}.dashboard-content{width:100%;min-width:0}.dashboard-header{height:auto!important;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;background:color-mix(in srgb,currentColor 3%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);position:relative;z-index:20}.dashboard-header-copy{min-width:0}.dashboard-header-copy h1{font-size:19px!important;line-height:1.2;letter-spacing:0!important}.dashboard-header-copy p,.dashboard-latency,.dashboard-avatar{display:none!important}.dashboard-header-actions{gap:6px!important}.dashboard-live-badge{min-height:36px;padding:7px 10px!important;border-radius:18px!important}.dashboard-live-badge span{font-size:0!important}.dashboard-live-badge span:after{content:"Live";font-size:11px}.dashboard-theme-toggle{width:44px!important;height:44px!important;border-radius:50%!important}.dashboard-main{padding:14px 14px calc(92px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.dashboard-panel{gap:14px!important}.dashboard-sidebar{position:fixed!important;inset:auto 0 0 0;width:100%!important;min-width:0!important;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-right:0!important;border-top:1px solid rgba(128,144,168,.22);box-shadow:0 -8px 28px #0d1b2e1a!important;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);overflow:visible!important;z-index:9998!important}.sidebar-logo-row,.sidebar-account,.dashboard-nav>button[aria-label="Expand sidebar"]{display:none!important}.dashboard-nav{width:100%;height:68px;padding:5px max(5px,env(safe-area-inset-left)) 4px max(5px,env(safe-area-inset-right))!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important}.dashboard-nav-item{min-width:0;min-height:56px;padding:5px 2px!important;border-radius:8px!important;flex-direction:column;justify-content:center!important;gap:3px!important;font-size:9px!important;line-height:1.1}.dashboard-nav-item.is-active{background:transparent!important}.dashboard-nav-item.is-active:before{content:"";position:absolute;top:1px;width:22px;height:3px;border-radius:2px;background:currentColor}.dashboard-nav-icon svg{width:21px;height:21px;stroke-width:1.8}.dashboard-nav-label{width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;letter-spacing:0!important;font-size:0}.dashboard-nav-label:after{content:attr(data-mobile-label);font-size:9px}.dashboard-nav-badge{position:absolute;top:4px;left:calc(50% + 7px);min-width:15px!important;height:15px;padding:1px 4px!important;border:2px solid white;font-size:8px!important;line-height:9px}.call-widget{display:none!important}.call-widget button{width:52px;height:52px;padding:0!important;justify-content:center;box-shadow:0 8px 22px #00a87a47!important}.call-widget button>div{width:34px!important;height:34px!important}.call-widget-label{display:none}.panel-heading,.dashboard-main>div>div:first-child{align-items:flex-start!important;flex-wrap:wrap;gap:10px}.panel-heading h2,.dashboard-main h2{font-size:17px!important;line-height:1.3;letter-spacing:0!important}.overview-heading>div:first-child{width:100%}.period-filter{width:100%;overflow-x:auto;padding:3px!important;border-radius:8px!important;scrollbar-width:none}.period-filter::-webkit-scrollbar,.metric-grid::-webkit-scrollbar,.personas-grid::-webkit-scrollbar{display:none}.period-filter button{flex:1 0 auto;min-height:38px;padding:7px 12px!important}.metric-grid{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(252px,82vw);gap:10px!important;overflow-x:auto;margin:0 -14px;padding:0 14px 5px;scroll-snap-type:x mandatory;scrollbar-width:none}.metric-grid>div{min-width:0;padding:17px!important;border-radius:8px!important;box-shadow:0 5px 18px #0d1b2e12!important;scroll-snap-align:start}.metric-grid>div>div:nth-child(2){font-size:30px!important}.analytics-grid,.test-agent-grid,.dashboard-main [style*=grid-template-columns]:not(.metric-grid):not(.personas-grid){grid-template-columns:minmax(0,1fr)!important}.analytics-card,.analytics-grid>div,.personas-card,.dashboard-main [style*=box-shadow]{border-radius:8px!important}.analytics-grid>div,.personas-card,.dashboard-main [style*="padding: 20px 24px"],.dashboard-main [style*="padding: 20px 22px"]{padding:16px!important}.analytics-heading,.personas-heading{align-items:flex-start!important;flex-direction:column;gap:10px}.chart-legend{width:100%;gap:12px!important;overflow-x:auto}.analytics-card .recharts-responsive-container{min-height:210px}.personas-grid{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(242px,78vw);gap:10px!important;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.personas-grid>div{scroll-snap-align:start;border-radius:8px!important}.dashboard-main input:not([type=checkbox]),.dashboard-main select,.dashboard-main textarea{min-height:44px;max-width:100%;font-size:16px!important}.dashboard-main button{min-height:44px}.dashboard-main table{min-width:680px}.dashboard-main [style*="max-width: 360px"]{width:100%;max-width:none!important}.dashboard-main [style*="display: flex"][style*="justify-content: space-between"]{row-gap:10px}.test-agent-grid{display:flex!important;flex-direction:column;gap:16px!important}.test-agent-panel>.panel-heading{display:none!important}.agent-phone{order:1;width:min(100%,370px)!important;border-radius:28px!important;padding:18px 14px!important;box-shadow:0 16px 40px #00000047,0 0 0 5px #181c26!important}.agent-profile-card{order:2;width:100%}.agent-transcript-column{order:3;width:100%}.agent-phone button{min-height:44px}}@media (max-width: 390px){.dashboard-nav-label{font-size:0}.dashboard-nav-label:after{font-size:8px}.dashboard-main{padding-left:12px!important;padding-right:12px!important}.metric-grid{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}