.service-ops{margin:14px 0}.service-ops-metrics{display:grid;gap:9px;grid-template-columns:repeat(5,1fr)}.service-ops-metrics article,.service-ops-metrics button{background:#fff;border:1px solid var(--line);border-radius:11px;color:var(--ink);padding:12px;text-align:left}.service-ops-metrics button:hover{border-color:#1781eb}.service-ops-metrics small,.service-ops-metrics strong{display:block}.service-ops-metrics small{color:var(--muted);font-size:8px}.service-ops-metrics strong{font-size:15px;margin-top:4px}.service-ops-filters{align-items:end;background:#f7f9fc;border:1px solid var(--line);border-radius:11px;display:grid;gap:9px;grid-template-columns:repeat(4,1fr) auto;margin-top:10px;padding:11px}.service-ops-filters label{margin:0}.service-ops-filters select{min-width:0}.service-ops-filters button{font-size:9px;min-height:34px;padding:7px 12px;white-space:nowrap}.service-ops-count{color:var(--muted);display:block;font-size:8px;margin:7px 2px 0;text-align:right}.service-op-state{display:block;font-size:9px;font-weight:600;white-space:nowrap}.service-op-state.is-late{color:#c0392b}.service-op-state.is-ok{color:#16824b}.service-row-alert{background:#fffaf8}@media(max-width:900px){.service-ops-metrics{grid-template-columns:repeat(2,1fr)}.service-ops-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.service-ops-metrics,.service-ops-filters{grid-template-columns:1fr}}
.service-ops-metrics{grid-template-columns:repeat(6,1fr)}@media(max-width:1100px){.service-ops-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.service-ops-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.service-ops-metrics{grid-template-columns:1fr}}