/* Layout adapter for live Statping heartbeat data. Theme: original reference CSS. */
.ej-heartbeats{display:flex;align-items:center;gap:3px;height:24px;width:100%;min-width:0}.ej-heartbeats>span{display:block;flex:1;min-width:0;height:16px;border-radius:3px;background:#49525d}.ej-heartbeats>span.up{background:#5cdd8b}.ej-heartbeats>span.down{background:#dc3545}.ej-heartbeats>span:hover{opacity:.65}.ej-history{padding:4px 1.25px;min-width:0}.monitor-list .item .row{align-items:center}.monitor-list .item .info{white-space:normal}.ej-service-name{overflow-wrap:anywhere}.ej-group:last-child{margin-bottom:48px}.ej-group .badge{min-width:62px}.ej-group .group-title{font-size:26px}.ej-history .word{color:#aaa;font-size:12px}#status-icon{vertical-align:-.125em;margin-right:2px}@media(max-width:767px){.ej-history .word{display:none}.ej-heartbeats{gap:3px}.monitor-list .item .small-padding{padding-right:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.status-logo{object-fit:contain;user-select:none;-webkit-user-drag:none}.tag-cert{background-color:#059669}.tag-http{background-color:#2563eb}.tag-db{background-color:#4f46e5}.tag-cert-invalid{background-color:#dc3545}.ej-group .tag-wrapper{font-size:.7em;color:#fff}.ej-group .extra-info{margin-top:2px}.ej-group .tag-wrapper+.tag-wrapper{margin-left:1px}@media(max-width:1199px){.is-placeholder>span:nth-child(n+21){display:none}}@media(max-width:767px){.is-placeholder>span:nth-child(n+9){display:none}}

.sort-menu.show{display:block;position:absolute;inset:100% 0 auto auto;z-index:1000}.ej-group .group-title{flex-direction:row;align-items:center}.ej-group .group-title .title-section{min-width:0;margin-right:12px}.sort-dropdown .sort-button:focus-visible{outline:2px solid #5cdd8b;outline-offset:3px}footer a{text-decoration:underline}

.sort-dropdown svg.svg-inline--fa{width:.875em;height:1em;flex:none;overflow:visible}.sort-dropdown .sort-arrows{min-height:13px}.sort-dropdown .sort-menu .sort-item-content{min-width:195px}.mobile .ej-group .group-title[data-v-1c078f96]{flex-direction:row;align-items:center}.ej-heartbeats>span:hover{height:22px;opacity:1}.ej-tooltip{position:fixed;z-index:2000;background:#202a35;border:1px solid #354455;border-radius:8px;padding:12px;text-align:center;pointer-events:none;box-shadow:0 3px 10px #0004}.ej-tooltip[hidden]{display:none}.ej-tooltip:before{content:"";position:absolute;left:var(--tip-arrow);top:-6px;width:10px;height:10px;background:#202a35;border-left:1px solid #354455;border-top:1px solid #354455;transform:translateX(-50%) rotate(45deg)}.ej-tooltip.above:before{top:auto;bottom:-6px;transform:translateX(-50%) rotate(225deg)}.ej-tip-status{position:relative;font-weight:700;font-size:14px;line-height:20px;color:#aaa}.ej-tip-status.up{color:#5cdd8b}.ej-tip-status.down{color:#ef6674}.ej-tip-time{position:relative;color:#c4cbd4;font-size:12px;line-height:18px;margin-top:4px}

@media(prefers-reduced-motion:no-preference){.ej-tooltip:not([hidden]){animation:ej-tooltip-in .18s ease-out both}@keyframes ej-tooltip-in{from{opacity:0}to{opacity:1}}}

.ej-tooltip{width:max-content;max-width:calc(100vw - 16px)}.ej-tip-time{white-space:nowrap}

/* Reveal live history once, keeping every placeholder in place while loading. */
.ej-heartbeats>span{--beat-color:#49525d}.ej-heartbeats>span.up{--beat-color:#5cdd8b}.ej-heartbeats>span.down{--beat-color:#dc3545}
@media(prefers-reduced-motion:no-preference){.ej-heartbeats.is-revealing>span{animation:ej-beat-fill .3s ease-out both;animation-delay:var(--beat-delay,0ms)}@keyframes ej-beat-fill{from{background-color:#49525d}to{background-color:var(--beat-color)}}}