.ocss { overflow-x: auto; margin: 1.5em 0; }
.ocss table { width: 100%; border-collapse: collapse; }
.ocss th, .ocss td { text-align: left; padding: 12px 14px; vertical-align: top; }
.ocss .ocss-status::before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; background: #737b85; }
.ocss .ocss-status[data-state="up"]::before { background: #7ecb28; }
.ocss .ocss-status[data-state="warning"]::before { background: #f58617; }
.ocss .ocss-status[data-state="down"]::before { background: #ec117a; }
.ocss .ocss-detail { font-size: .88em; white-space: nowrap; }

.ocss .ocss-heading { margin: 0 0 16px; }
.ocss .ocss-server-name { display: inline-flex; align-items: center; gap: 10px; }
.ocss img.ocss-server-icon { display: block; flex: 0 0 24px; width: 24px; height: 24px; max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; }