:root{color:#1f1f1f;background:#f3f2f1;font-family:Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#f3f2f1;min-height:100vh}button{font:inherit;cursor:pointer;color:#1f1f1f;background:#fff;border:1px solid #d1d1d1;border-radius:2px;padding:7px 14px;font-size:13px}button:hover{background:#f8f8f8}.app-shell{background:#f3f2f1;min-height:100vh}.brand-bar{color:#fff;background:#f2b705;border-bottom:1px solid #d89f00;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.brand-left{align-items:center;gap:12px;min-width:0;display:flex}.brand-product{white-space:nowrap;font-size:15px;font-weight:600}.brand-divider{background:#ffffff73;width:1px;height:22px}.brand-app{white-space:nowrap;font-size:14px;font-weight:400}.brand-right{align-items:center;gap:10px;display:flex}.auth-status{color:#fffdf5;white-space:nowrap;font-size:12px}.dashboard-status{color:#605e5c;min-height:28px;padding:8px 16px 0;font-size:12px}.dashboard-status.error{color:#a4262c}.dashboard-container{flex-wrap:wrap;align-content:flex-start;width:100%;padding:8px 10px 10px;display:flex}.chart-card{background:0 0;min-width:0;height:calc(100vh - 110px);padding:10px;position:relative}.dashboard-container.two-rows .chart-card{height:calc(50vh - 55px)}.chart-panel{background:#fff;border:1px solid #d8d8d8;border-radius:2px;flex-direction:column;height:100%;display:flex;overflow:hidden}.chart-panel-header{background:#fff;border-bottom:1px solid #e1dfdd;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.chart-panel-title{color:#242424;padding:8px 4px 7px;font-size:18px;font-weight:600;line-height:1.2;display:inline-block;position:relative}.chart-panel-title:after{content:"";background:#0078d4;border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:4px}.chart-controls{align-items:center;gap:8px;display:flex}.audio-alert-button{border-radius:2px;padding:5px 10px;font-size:12px}.chart-canvas-wrapper{background:#fff;flex:1;min-height:0;padding:10px 10px 6px;position:relative}.chart-canvas-wrapper canvas{width:100%!important;height:100%!important}.auth-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffa6;border-radius:2px;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.auth-button:hover{color:#fff;background:#ffffff2e}.auth-button[hidden]{display:none}@media (width<=900px){.brand-bar{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:10px 12px}.brand-right{flex-wrap:wrap;width:100%}.chart-card{height:460px;width:100%!important}}.dashboard-selector-container{background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.dashboard-selector-container[hidden]{display:none}.dashboard-selector-container label{color:#fff;font-size:13px;font-weight:500}#dashboardSelector{cursor:pointer;border-radius:2px;width:260px;height:30px;padding:0 28px 0 8px;font-family:inherit;font-size:13px;appearance:none!important;color:#fff!important;background-color:#f2b705!important;border:none!important}#dashboardSelector:hover,#dashboardSelector:focus{outline:none;color:#fff!important;background-color:#f2b705!important;border-color:#fff!important}#dashboardSelector option{color:#323130;background-color:#fff}