.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:29px}.overview-card{padding:20px 22px 16px;position:relative;overflow:hidden;--metric:var(--blue)}.blue{--metric:var(--blue)}.teal{--metric:var(--teal)}.purple{--metric:var(--purple)}.orange{--metric:var(--orange)}.overview-label{font-size:11px;color:#718098;display:flex;align-items:center;justify-content:space-between;font-weight:550}.metric-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--metric);background:color-mix(in srgb,var(--metric) 8%,white);border:1px solid color-mix(in srgb,var(--metric) 10%,white);border-radius:8px}.metric-icon svg{width:17px;height:17px}.overview-number{font-size:35px;line-height:1.2;letter-spacing:-1.2px;margin:10px 0 12px;font-weight:650;font-variant-numeric:tabular-nums}.overview-bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9aa6b9}.overview-bottom b{color:var(--metric);font-weight:650;white-space:nowrap}.metric-track{height:3px;background:#f1f4f8;margin-top:15px;border-radius:5px;overflow:hidden}.metric-track i{display:block;height:100%;width:0;background:var(--metric);border-radius:5px;transition:width .7s}.period-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.period-context{display:flex;align-items:center;gap:8px;font-size:11px}.period-context strong{font-weight:650}.period-context>span:last-child{font-size:9px;color:#94a1b4;margin-left:6px}.period-dot{width:5px;height:5px;background:var(--blue);border-radius:2px}.period-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.segmented{display:flex;background:#e8edf5;border:1px solid #e3e8f1;border-radius:7px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;color:#8190a8;padding:6px 13px;border-radius:5px;font-size:9px;font-weight:550;cursor:pointer}.segmented button.active{background:white;color:#5268df;box-shadow:0 1px 4px #203b6020}.custom-dates{display:flex;align-items:center;gap:7px}.custom-dates[hidden]{display:none}.custom-dates label{font-size:9px;color:#8391a5;display:flex;align-items:center;gap:5px}.custom-dates input{font-size:10px;border:1px solid var(--line);padding:6px;background:white;border-radius:5px;color:#54647f}.period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.period-card{padding:17px 19px 14px;position:relative;overflow:hidden;min-height:125px}.period-card-title{font-size:9px;font-weight:550;color:#77869e;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.metric-dot,.blue-dot,.teal-dot,.purple-dot,.red-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--metric,var(--blue))}.blue-dot{background:var(--blue)}.teal-dot{background:var(--teal)}.purple-dot{background:var(--purple)}.red-dot{background:var(--red)}.period-value{font-size:27px;letter-spacing:-.8px;font-weight:650;line-height:1.15;margin:14px 0 13px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.period-note{font-size:8px;color:#a4aebd;position:relative;z-index:1}.mini-chart{position:absolute;right:17px;top:43px;width:72px;height:35px;opacity:.55;pointer-events:none}.mini-chart svg{width:100%;height:100%;overflow:visible}.charts-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.chart-legend{display:flex;align-items:center;gap:16px;margin:17px 21px 8px;flex-wrap:wrap}.chart-legend button{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;color:#8b97ac;font-size:8px;cursor:pointer}.chart-legend button[aria-pressed=false]{opacity:.35;text-decoration:line-through}.chart-caption{color:#a4afc0;font-size:8px;padding:1px 22px 18px}.main-chart{height:207px;margin:0 15px 0 9px}.main-chart svg,.request-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-gridline{stroke:#edf1f6;stroke-dasharray:3 4;stroke-width:1}.chart-axis{font-size:9px;fill:#a2aec0;font-family:inherit}.chart-hit{fill:transparent;cursor:crosshair}.chart-hit:hover{fill:#5269ec08}.chart-tooltip{position:fixed;z-index:800;max-width:230px;padding:12px 15px;border:1px solid #dae1ef;background:#fff;border-radius:8px;box-shadow:0 8px 30px #142f5426;font-size:10px;line-height:1.9;pointer-events:none;color:#596c89}.chart-tooltip strong{color:#223653;display:block;font-size:10px;margin-bottom:4px}.chart-tooltip[hidden]{display:none}.chart-tooltip span{display:block}.platform-mode{display:flex;align-items:center;gap:5px;padding:13px 20px 0}.platform-mode button{border:0;background:transparent;font-size:8px;color:#96a2b6;cursor:pointer;padding:5px 8px;border-radius:4px}.platform-mode button.active{background:#f0f3fc;color:#6174d5}.platform-visual{display:flex;align-items:center;justify-content:center;padding:15px 0 10px}.donut{width:127px;height:127px;border-radius:50%;background:#edf1f7;position:relative;display:grid;place-items:center;transform:rotate(-90deg)}.donut:before{content:"";position:absolute;inset:14px;background:white;border-radius:50%}.donut>div{position:relative;transform:rotate(90deg);text-align:center}.donut strong{display:block;font-size:22px;font-weight:650;letter-spacing:-.5px}.donut span{display:block;font-size:8px;color:#9aa8bd;margin-top:4px}.platform-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px;margin:0 22px 13px}.platform-row{display:flex;align-items:center;gap:6px;font-size:9px;color:#6f819d}.platform-row i{width:5px;height:5px;border-radius:50%;flex:none}.platform-row b{font-size:9px;font-weight:600;color:#4a5e7d;margin-left:auto}.platform-footnote{text-align:center;color:#a5afbf;font-size:8px;padding:0 10px 18px}.operations-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.request-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 22px 8px}.request-kpis>div+div{border-left:1px solid #edf1f6;padding-left:20px}.request-kpis span{display:block;font-size:8px;color:#94a2b8;margin-bottom:7px}.request-kpis strong{font-size:20px;letter-spacing:-.5px;font-weight:650;font-variant-numeric:tabular-nums}.request-kpis>div:nth-child(2) strong,.request-kpis>div:nth-child(3) strong{color:var(--red)}.request-chart{height:120px;margin:10px 13px 0 9px}.request-chart-legend{padding:8px 23px 17px;display:flex;align-items:center;gap:14px;font-size:8px;color:#99a6ba}.request-chart-legend>span{display:flex;align-items:center;gap:6px}.request-chart-legend>span:last-child{margin-left:auto;color:#a2aec0}.type-distribution{display:grid;gap:13px;padding:21px 21px 14px}.type-row-top{display:flex;align-items:center;gap:7px;font-size:9px;color:#71839e;margin-bottom:6px}.type-row-top i{width:5px;height:5px;border-radius:2px}.type-row-top strong{font-size:9px;color:#586e90;font-weight:600}.type-row-top>span{font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a2aec0}.type-row-top b{margin-left:auto;font-size:9px;font-weight:600;white-space:nowrap}.type-track{height:3px;border-radius:3px;background:#f1f4f9}.type-track i{height:100%;display:block;border-radius:3px;min-width:2px}.types-footer{padding:7px 22px 18px;color:#a0adbf;font-size:8px}.details-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.table-wrap{overflow:auto;padding:7px 0 5px}.data-table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap}.data-table th{color:#9aa7bb;font-size:8px;font-weight:550;text-align:left;padding:13px 21px 10px;border-bottom:1px solid #edf1f6}.data-table td{padding:12px 21px;color:#72839e;border-bottom:1px solid #f0f3f8;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafbfe}.data-table th:not(:first-child),.data-table td:not(:first-child){text-align:right}.data-table td:first-child{color:#506585;font-weight:550}.service-label{display:block;font-size:8px;color:#a1aec1;margin-top:4px;font-weight:400}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;letter-spacing:-.15px}.error-cell{color:var(--red)!important}.error-badge{padding:4px 6px;font-size:8px;color:#ca7586;background:#fdf1f4;border:1px solid #f6e3e8;border-radius:4px;white-space:nowrap}.error-reasons{padding:17px 22px 12px;display:grid;gap:15px}.reason-top{display:flex;align-items:center;gap:10px;font-size:9px;color:#8191aa;margin-bottom:6px}.reason-top b{margin-left:auto;font-size:9px;color:#bd6f7e;font-weight:550}.reason-track{background:#f8f0f3;height:3px;border-radius:3px}.reason-track i{display:block;height:100%;background:#df91a2;border-radius:3px}.recent-panel{margin-bottom:18px}.result-badge{display:inline-block;font-size:8px;font-weight:550;color:#3a9c88;padding:4px 7px;background:#eff9f5;border:1px solid #def1e9;border-radius:4px}.result-badge.failed{color:#c46a7c;background:#fff2f5;border-color:#fae1e8}.coverage-note{display:flex;gap:12px;padding:17px 20px;border:1px solid #e3e9f4;background:#edf2fa;border-radius:8px;color:#8292ab;font-size:9px;line-height:1.8}.coverage-icon{flex:none;display:grid;place-items:center;width:15px;height:15px;border:1px solid #a7b6d2;border-radius:50%;font-size:10px;margin-top:2px}.coverage-note strong{font-size:9px;font-weight:650;color:#6f819e}.coverage-note p{margin:5px 0 0;max-width:1050px}.coverage-note details{margin-top:6px}.coverage-note summary{cursor:pointer;font-size:8px;color:#6f81a3}.full-stats,.versions-panel{margin-bottom:18px}.version-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px;padding:20px}.version-row{font-size:9px;min-width:0}.version-row>div:first-child{display:flex;gap:10px;justify-content:space-between;margin-bottom:7px;color:#8494ae}.version-row .mono{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-row b{color:#52688b}.version-track{height:3px;background:#edf1f7}.version-track i{height:100%;display:block;background:var(--blue);opacity:.6}.loading .overview-number,.loading .period-value{opacity:.4}.loading .icon-button svg{animation:rotating 1s linear infinite}.refreshing-note{color:var(--orange)!important}@keyframes rotating{to{transform:rotate(360deg)}}
@media(min-width:1600px){.overview-number{font-size:41px}.overview-label{font-size:12px}.overview-card{padding:23px 25px 19px}.period-card-title{font-size:11px}.period-value{font-size:32px}.period-note{font-size:9px}.period-card{padding:20px 23px 18px}.panel-header h2{font-size:14px}.panel-subtitle{font-size:10px}.main-chart{height:235px}.platform-visual{padding:20px 0 12px}.donut{width:145px;height:145px}.platform-legend{font-size:10px}.request-chart{height:140px}.type-distribution{gap:17px}.data-table{font-size:10px}.data-table th{font-size:9px}.coverage-note{font-size:10px}}
@media(max-width:1200px){.charts-grid,.operations-grid,.details-grid{grid-template-columns:minmax(0,1.6fr) minmax(238px,1fr)}.overview-card{padding:17px 17px 14px}.overview-number{font-size:31px}.period-card{padding:15px}.period-card-title{font-size:8px}.period-value{font-size:25px}.mini-chart{width:55px;right:12px}.data-table td,.data-table th{padding-left:16px;padding-right:16px}.panel-header{padding-left:17px;padding-right:17px}.request-kpis{margin-left:17px;margin-right:17px}.request-kpis>div+div{padding-left:12px}.request-kpis strong{font-size:18px}}
@media(max-width:1000px){.overview-grid{gap:10px}.overview-number{font-size:28px}.overview-bottom{font-size:8px;display:block}.overview-bottom b{display:block;margin-top:5px}.period-grid{gap:9px}.period-card-title{font-size:8px}.mini-chart{width:40px;top:45px}.period-note{font-size:7px}.charts-grid,.operations-grid,.details-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.chart-legend{gap:10px;margin-left:17px}.chart-legend button{font-size:7px}.panel-header h2{font-size:11px}.panel-kicker{display:none}.platform-legend{margin-left:16px;margin-right:16px;gap:9px}.request-kpis{gap:9px}.request-kpis>div+div{padding-left:9px}.request-kpis span{font-size:7px}.request-kpis strong{font-size:16px}.request-chart-legend{padding-left:16px;padding-right:16px}.request-chart-legend>span:last-child{display:none}}
@media(max-width:850px){.charts-grid,.operations-grid,.details-grid{grid-template-columns:1fr}.platform-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:8px}.platform-panel .panel-header{grid-column:1/-1}.platform-mode{grid-column:1/-1}.platform-visual{grid-row:3/5}.platform-legend{grid-template-columns:1fr;align-self:end;margin-top:18px}.platform-footnote{text-align:left;align-self:start;margin-left:16px;font-size:8px}.main-chart{height:210px}.request-kpis strong{font-size:21px}.types-panel .type-distribution{grid-template-columns:1fr 1fr;column-gap:25px}.details-grid{gap:16px}.error-reasons{grid-template-columns:1fr 1fr}.period-grid{grid-template-columns:repeat(2,1fr)}.period-card-title{font-size:10px}.period-note{font-size:8px}.period-value{font-size:28px}.mini-chart{width:65px}.request-chart-legend>span:last-child{display:flex}.panel-header h2{font-size:12px}.version-list{grid-template-columns:1fr}}
@media(max-width:480px){.overview-grid{grid-template-columns:1fr;gap:9px;margin-bottom:23px}.overview-card{display:grid;grid-template-columns:1fr auto;padding:16px}.overview-label{grid-column:1;font-size:10px}.metric-icon{width:26px;height:26px;margin-left:15px}.overview-number{grid-column:2;grid-row:1/3;align-self:center;font-size:29px;margin:0 0 0 12px}.overview-bottom{grid-column:1;font-size:8px;margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.overview-bottom b{margin:0}.metric-track{grid-column:1/-1;margin-top:12px;height:2px}.period-context{flex-wrap:wrap;font-size:10px}.period-context>span:last-child{font-size:8px;margin-left:2px}.period-toolbar{gap:12px}.period-actions{width:100%}.segmented{width:100%;justify-content:space-between}.segmented button{flex:1;padding:7px 9px;font-size:9px}.custom-dates{flex-wrap:wrap;width:100%;gap:8px}.custom-dates input{max-width:118px}.period-card{min-height:122px;padding:14px 13px}.period-card-title{font-size:8px}.period-value{font-size:25px}.period-note{font-size:7px}.mini-chart{width:45px;right:12px;top:46px}.request-kpis{grid-template-columns:repeat(4,1fr);gap:4px}.request-kpis strong{font-size:16px}.request-kpis>div+div{padding-left:7px}.request-kpis span{font-size:7px}.types-panel .type-distribution{column-gap:18px}.type-row-top>span{display:none}.request-chart-legend{font-size:7px;gap:8px}.error-reasons{grid-template-columns:1fr}.chart-legend{gap:13px}.coverage-note{padding:14px;font-size:8px}.coverage-note strong{font-size:9px}.coverage-note summary{font-size:8px}.data-table td,.data-table th{padding-left:14px;padding-right:14px}}
.contact-strip{display:flex;align-items:center;gap:12px;border:1px solid #dce9e8;background:#f7fbfa;border-radius:9px;padding:12px 16px;margin-bottom:17px;font-size:10px}.contact-strip>div{display:flex;align-items:center;gap:12px}.contact-strip>div>span{color:#7b9293;font-size:9px}.contact-strip strong{font-size:11px;font-weight:650;color:#3c6e6c;font-variant-numeric:tabular-nums}.contact-strip>span:last-of-type{color:#238f84;font-size:9px;background:#e9f6f1;border-radius:5px;padding:4px 7px;white-space:nowrap}.contact-strip small{color:#9aabae;font-size:8px;margin-left:auto}.contact-pulse{width:6px;height:6px;background:#29b49c;border-radius:50%;box-shadow:0 0 0 4px #29b49c14}
@media(max-width:1000px){.contact-strip small{display:none}}
@media(max-width:600px){.contact-strip{gap:9px;flex-wrap:wrap;padding:12px}.contact-strip>div{display:block}.contact-strip>div>span{display:block;font-size:8px;margin-bottom:4px}.contact-strip strong{font-size:10px}.contact-strip>span:last-of-type{margin-left:auto}}
