.channel-monitor-toolbar,.channel-monitor-identity,.channel-monitor-kpis,.channel-monitor-panel{margin-bottom:12px}.channel-monitor-toolbar-row,.channel-monitor-identity{display:flex;align-items:center;justify-content:space-between;gap:16px}.channel-monitor-field{display:inline-flex;align-items:center;gap:8px;max-width:100%}.channel-monitor-field .ant-select,.channel-monitor-toolbar .ant-picker{max-width:100%}.channel-monitor-base-url{margin-top:4px;color:#00000073;font-size:13px;line-height:1.45;word-break:break-all}.channel-monitor-meta{margin-top:9px;color:#000000e0;font-size:14px;font-weight:500;word-break:break-all}.channel-monitor-kpis .ant-card{height:126px}.channel-monitor-kpis .ant-card-body{display:flex;height:100%;flex-direction:column;justify-content:space-between}.channel-monitor-kpis .ant-statistic-content{font-size:21px}.channel-monitor-kpis .ant-typography{font-size:11px}.channel-monitor-metric-lines{display:flex;flex-direction:column;gap:2px}.channel-monitor-metric-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;line-height:1.35}.channel-monitor-metric-line .ant-typography:last-child{color:#000000e0;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.channel-monitor-legend{color:#00000073;font-size:11px}.channel-monitor-legend .good,.channel-monitor-legend .warn,.channel-monitor-legend .bad,.channel-monitor-legend .none{display:inline-block;width:8px;height:8px;border-radius:2px}.channel-monitor-legend .good,.channel-monitor-strip .good{background:#52c41a}.channel-monitor-legend .warn,.channel-monitor-strip .warn{background:#faad14}.channel-monitor-legend .bad,.channel-monitor-strip .bad{background:#ff4d4f}.channel-monitor-legend .none,.channel-monitor-strip .none{background:#d9d9d9}.channel-monitor-strip-scroll{overflow-x:auto;padding:8px 0 12px}.channel-monitor-strip{display:grid;height:118px;align-items:end;gap:3px;border-bottom:1px solid #d9d9d9;background-image:linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:100% 33.33%}.channel-monitor-strip button{width:100%;min-height:3px;padding:0;border:0;border-radius:3px 3px 0 0;cursor:pointer;transition:opacity .15s,box-shadow .15s}.channel-monitor-strip button:hover{opacity:.75}.channel-monitor-strip button.selected{box-shadow:0 0 0 2px #1677ff}.channel-monitor-strip-footer{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#00000073;font-size:11px}.channel-monitor-chart{width:100%;min-height:260px}.channel-monitor-retry-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.channel-monitor-retry-flow>div{padding:12px 6px;border-radius:6px;background:#fafafa;text-align:center}.channel-monitor-retry-flow strong{display:block;margin-top:3px;font-size:17px}.channel-monitor-retry-flow>span{color:#00000040}.channel-monitor-errors{display:grid;gap:8px;margin-top:17px}.channel-monitor-status-codes{display:grid;gap:7px;margin-top:16px}.channel-monitor-errors>div>span{display:flex;justify-content:space-between;margin-bottom:2px;font-size:12px}@media (max-width: 768px){.channel-monitor-toolbar-row,.channel-monitor-identity{align-items:stretch;flex-direction:column}.channel-monitor-field{align-items:flex-start;flex-direction:column;width:100%}.channel-monitor-toolbar-row>.ant-space,.channel-monitor-toolbar-row>.ant-space>.ant-space-item{width:100%;max-width:100%}.channel-monitor-field .ant-select,.channel-monitor-toolbar .ant-picker{width:100%!important}.channel-monitor-strip-footer{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.logo{height:32px;margin:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.site-layout-background{background:#fff}.app-content{min-width:0;min-height:280px;margin:24px;padding:24px;overflow:hidden;border-radius:8px;background:#fff}.management-filter-shell{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0;margin-bottom:20px}.management-filter-grid{display:grid;flex:1 1 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));align-items:center;gap:10px 12px;width:100%;min-width:0}.responsive-filter-shell{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;min-width:0}.responsive-filter-fields{flex:1 1 560px;min-width:0;max-width:100%}.responsive-filter-fields>.ant-space{max-width:100%}.responsive-filter-actions{display:flex;flex:0 0 76px;flex-direction:column;gap:8px;width:76px;margin-left:auto}.responsive-filter-actions .ant-btn{width:100%}.test-center-percentiles{display:grid;grid-template-columns:minmax(220px,1fr) repeat(5,minmax(120px,150px));align-items:center;gap:12px;padding:16px;border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.test-center-percentile-input,.test-center-percentile-input .ant-input-number{width:100%}.test-center-percentile-input>.ant-typography{display:block;margin-bottom:4px;font-size:12px}.test-center-case-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fafafa}.test-result-chart-card{height:100%}.test-center-run-actions,.test-center-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.test-center-table-header{align-items:flex-start;margin-top:0;margin-bottom:16px}@media (max-width: 900px){.app-content{margin:12px;padding:16px}.test-center-percentiles{grid-template-columns:repeat(2,minmax(0,1fr))}.test-center-percentiles>:first-child{grid-column:1 / -1}}@media (max-width: 560px){.app-content{margin:8px;padding:12px}.management-filter-shell,.responsive-filter-shell{flex-wrap:wrap}.management-filter-grid,.responsive-filter-fields{flex-basis:100%}.test-center-percentiles{grid-template-columns:1fr}.test-center-run-actions,.test-center-table-header{align-items:stretch;flex-direction:column}.test-center-run-actions .ant-btn,.test-center-table-header .ant-btn{width:100%}.test-center-case-picker{align-items:stretch;flex-direction:column}.test-center-case-picker .ant-btn{width:100%}}
