.latency-panel{border:1px solid #d6e7f3!important;background:#fffffff8!important;padding:34px!important;color:#244b65}.latency-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.latency-top h2{font-size:28px;font-weight:650;line-height:1.5;margin:9px 0}.latency-top p{font-size:12px;color:#6b879c;margin:0}.latency-badge{flex-shrink:0;display:flex;align-items:center;gap:7px;border:1px solid #dce8f2;border-radius:25px;padding:7px 12px;background:#f5f9fd;color:#708ba0;font-size:10px;margin-top:5px}.latency-badge i{width:6px;height:6px;background:#729fbf;border-radius:50%}.lat-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:27px 0}.lat-kpis>div{padding:20px 23px;background:#eef6fd;border:1px solid #e2edf5;border-radius:15px}.lat-kpis small{display:block;color:#718a9f;font-size:11px}.lat-kpis strong{display:block;font-size:34px;color:#286b99;line-height:1.4;margin-top:8px;font-weight:650}.lat-kpis strong>span{font-size:11px;font-weight:400;margin-left:7px;color:#7a96aa}.lat-kpis .lat-kpi-alert{background:#fff6e9;border-color:#f5e6ce}.lat-kpi-alert strong{color:#c58c3e}.lat-overview{padding:25px 26px 20px;border:1px solid #dfebf4;border-radius:18px;background:#fbfdff}.lat-chart-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:20px}.lat-chart-title h3{font-size:18px;margin:0;font-weight:600}.lat-chart-title>span{font-size:10px;color:#8198aa}.lat-region{display:grid;grid-template-columns:145px minmax(0,1fr) 105px;align-items:center;gap:20px;padding:12px 0}.lat-region-name b{display:block;font-size:13px;font-weight:600}.lat-region-name small{font-size:9px;color:#8399aa}.lat-region-track{position:relative;height:15px;border-radius:4px;background:repeating-linear-gradient(90deg,#eef4f9 0,#eef4f9 calc(20% - 1px),#e0eaf3 calc(20% - 1px),#e0eaf3 20%)}.lat-region-track>span{display:block;height:15px;border-radius:4px}.lat-region-value{text-align:right}.lat-region-value strong{font-size:20px;font-weight:600;color:#376e94}.lat-region-value>span{font-size:10px;color:#7f9ab0;margin-left:5px}.lat-region-value small{font-size:9px;color:#8199aa;display:block;margin-top:2px}.lat-axis{display:flex;justify-content:space-between;margin:8px 125px 0 165px;font-size:9px;color:#94a8b7}.lat-method-note{background:#f4f8fc;border:1px solid #e5edf4;padding:17px 20px;border-radius:13px;margin:17px 0 25px}.lat-method-note>b{font-size:12px;font-weight:600;color:#507c9b}.lat-method-note p{font-size:11px;line-height:1.95;color:#7a94a7;margin:7px 0 0}.lat-details>summary{font-size:16px;font-weight:600;cursor:pointer;padding:10px 0 18px}.lat-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 18px}.lat-filters{display:flex;flex-wrap:wrap;gap:7px}.lat-filters button{border:1px solid #dbe8f2;background:#f6fafd;border-radius:22px;padding:7px 12px;font-size:10px;color:#7393aa}.lat-filters button[aria-pressed="true"]{background:#287fb5;border-color:#287fb5;color:white}.lat-sort{font-size:10px;color:#7898ad;display:flex;gap:8px;align-items:center;white-space:nowrap}.lat-sort select{font:inherit;color:#517d99;border:1px solid #d8e7f3;border-radius:8px;padding:7px 10px;background:#fff;max-width:150px}.lat-node-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lat-node{background:#fff;border:1px solid #dce9f3;border-radius:13px;padding:17px}.lat-node>div:first-child{display:flex;align-items:center;gap:7px}.lat-node-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lat-node b{font-size:12px;font-weight:600;white-space:nowrap}.lat-node-state{font-size:8px;margin-left:auto;color:#9aacb9;white-space:nowrap}.lat-node p{display:flex;align-items:baseline;gap:5px;margin:15px 0 12px}.lat-node p strong{font-size:25px;font-weight:600;color:#346b91}.lat-node p>span{font-size:10px;color:#8da3b4}.lat-node-line{height:4px;background:#eef4f8;border-radius:3px;overflow:hidden}.lat-node-line>span{display:block;height:100%;border-radius:3px}.lat-node.is-timeout{background:#fff9f0;border-color:#efdfc3}.lat-node.is-timeout p strong{color:#c58c3e;font-size:20px}.lat-node.is-timeout .lat-node-state{color:#b59971}.lat-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0 25px}.lat-pagination button{border:1px solid #d7e7f2;border-radius:9px;color:#3c81ab;padding:7px 13px;font-size:10px;background:#f4f9fd}.lat-pagination button:disabled{opacity:.4;cursor:default}.lat-pagination p{font-size:10px;color:#7894a9;margin:0}.lat-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 25px;padding-top:23px;border-top:1px solid #e2ecf4}.lat-metadata>div>span{font-size:9px;display:block;color:#8ba1b2}.lat-metadata b{font-size:11px;line-height:1.8;display:block;color:#6d8ca3;font-weight:400;margin-top:4px}.lat-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.lat-downloads>a{font-size:10px;color:#4484ab;border:1px solid #d8e9f6;background:#f6fbff;border-radius:9px;padding:8px 12px}.latency-panel:focus{outline:0}
@media(max-width:1000px){.lat-node-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lat-region{grid-template-columns:100px minmax(0,1fr) 80px;gap:15px}.lat-axis{margin-left:115px;margin-right:95px}.latency-top h2{font-size:25px}.lat-controls{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.latency-panel{padding:25px 18px!important}.latency-top{flex-direction:column;gap:12px}.latency-top h2{font-size:23px}.latency-top p{font-size:11px}.latency-badge{font-size:9px;margin:0}.lat-kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.lat-kpis>div{padding:16px 18px}.lat-kpis strong{font-size:29px}.lat-overview{padding:21px 15px 16px}.lat-chart-title{flex-direction:column;gap:8px;margin-bottom:15px}.lat-chart-title h3{font-size:16px}.lat-chart-title>span{font-size:8px}.lat-region{grid-template-columns:62px minmax(0,1fr) 65px;gap:10px}.lat-region-name b{font-size:12px}.lat-region-name small{font-size:8px;line-height:1.5;display:block;margin-top:4px}.lat-region-value strong{font-size:17px}.lat-region-value small{font-size:8px}.lat-region-value>span{font-size:8px;margin-left:3px}.lat-region-track,.lat-region-track>span{height:12px}.lat-axis{margin-left:72px;margin-right:75px;font-size:7px}.lat-method-note{padding:15px}.lat-method-note p{font-size:10px}.lat-details>summary{font-size:15px}.lat-filters{gap:6px}.lat-filters button{padding:7px 11px;font-size:9px}.lat-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lat-node{padding:14px 12px}.lat-node b{font-size:11px}.lat-node-state{font-size:7px}.lat-node p strong{font-size:24px}.lat-node p>span{font-size:9px}.lat-node p{margin-top:12px}.lat-pagination{gap:10px}.lat-pagination button{font-size:9px;padding:7px 10px}.lat-pagination p{font-size:9px}.lat-metadata{grid-template-columns:1fr;gap:13px}.lat-downloads{gap:8px}.lat-downloads>a{font-size:9px;padding:8px 10px}}
.lat-static{border-top:1px solid #e2ecf4;margin-top:24px;padding-top:17px}.lat-static summary{cursor:pointer;font-size:12px;color:#63849b}.lat-static img{display:block;width:100%;height:auto;border:1px solid #e2ecf4;border-radius:13px;margin-top:16px}