.server-metric header span{display:inline;width:auto;height:auto;border-radius:0;background:transparent}.operations-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;margin-top:16px}.operations-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.operations-head .kicker{margin:0 0 5px;color:var(--orange)}.operations-head h3{margin:0}.operations-head select{height:36px;padding:0 32px 0 11px;border:1px solid var(--line);border-radius:10px;background:#f8faf9;color:var(--ink);font-size:11px;font-weight:700}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 12px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend span:before{width:8px;height:8px;border-radius:50%;background:#aab6b1;content:""}.chart-legend .cpu:before{background:var(--teal)}.chart-legend .memory:before{background:var(--orange)}.chart-legend .disk:before{background:#6682ac}.chart-legend b{color:var(--ink)}.resource-chart{position:relative;padding-left:36px}.resource-chart svg{display:block;width:100%;height:190px;overflow:visible}.resource-chart line{stroke:#e7ece9;stroke-width:1}.resource-chart polyline{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.resource-chart polyline.cpu{stroke:var(--teal)}.resource-chart polyline.memory{stroke:var(--orange)}.resource-chart polyline.disk{stroke:#6682ac}.resource-chart .axis{position:absolute;left:0;color:#9aa5ad;font-size:9px}.resource-chart .axis.top{top:7px}.resource-chart .axis.middle{top:87px}.resource-chart .axis.bottom{bottom:22px}.chart-time{display:flex;justify-content:space-between;margin-top:-8px;color:#929da6;font-size:9px}.log-count{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#fff0e8;color:#bc6042;font-size:11px;font-weight:850}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.service-cards>div{display:grid;grid-template-columns:8px 1fr;gap:2px 7px;padding:10px;border:1px solid #e7ece9;border-radius:11px;background:#fafcfb}.service-cards i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:currentColor}.service-cards span{font-size:10px;font-weight:750}.service-cards small{grid-column:2;color:var(--muted);font-size:8px}.service-cards .healthy{color:var(--teal)}.service-cards .critical{color:var(--danger)}.operations-log{max-height:235px;overflow:auto;border-top:1px solid #edf1ef}.operations-log article{display:grid;grid-template-columns:112px 80px 1fr;gap:8px;padding:10px 3px;border-bottom:1px solid #edf1ef;align-items:center;font-size:9px}.operations-log time{color:var(--muted)}.operations-log article>span{padding:4px 6px;border-radius:7px;background:#eef5f2;color:var(--teal);text-align:center;font-weight:750}.operations-log article.warning>span,.operations-log article.critical>span{background:#fff0e8;color:#b65e3f}.operations-log article.success>span{background:#e9f5f0;color:#277b72}.operations-log p{margin:0;color:#4d5969;line-height:1.35}.privacy-note{display:block;margin-top:12px;color:#929ca5;font-size:8px}@media(max-width:1120px){.operations-grid{grid-template-columns:1fr}}@media(max-width:620px){.service-cards{grid-template-columns:1fr}.operations-log article{grid-template-columns:1fr}.resource-chart svg{height:150px}.resource-chart .axis.middle{top:67px}}
