/* Surfaces, geometry and status colours taken from guns.lol's statusPage module. */
.monitor{--status-up:#5cb85c;--status-down:#d9534f;background:#161616;border:2px solid #1b1b1b;border-radius:25px;color:#fafafa;isolation:isolate}
.monitor-full{max-width:850px;margin:auto;padding:24px}.monitor-preview{height:100%;padding:24px;display:flex;flex-direction:column}.home-status-host{min-width:0}
.monitor-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.monitor-kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#a8a8a8;letter-spacing:1px}.monitor-live{display:flex;align-items:center;gap:7px;font-size:12px;color:#a8a8a8}.monitor-live i,.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#777}.monitor-live.is-live i,.live-dot{background:var(--status-up)}
.monitor-overview{display:flex;gap:16px;align-items:center;padding:28px 4px}.monitor-orb{display:grid;place-items:center;flex-shrink:0;color:#999}.monitor-orb.healthy{color:var(--status-up)}.source-status-icon{display:block;box-sizing:content-box;border:2px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:50%;flex-shrink:0}.monitor-overview h2{font-size:23px;font-weight:600;letter-spacing:-.5px;line-height:1.3}.monitor-overview p{font-size:14px;color:#a8a8a8;margin-top:6px}.monitor-preview .monitor-overview{padding:26px 0 22px}.monitor-preview .monitor-overview h2{font-size:20px}.monitor-preview .monitor-overview p{font-size:13px}
.preview-service-dots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;min-height:50px}.preview-service-dots span{display:flex;align-items:center;gap:8px;font-size:12px;color:#a8a8a8}.preview-service-dots i{width:5px;height:5px;border-radius:50%;background:#777}.preview-service-dots i.healthy{background:var(--status-up)}
.monitor-bars{display:flex;gap:4px;align-items:center;min-height:30px}.monitor-bar{flex:1;min-width:0;height:26px;padding:0;border:0;border-radius:4px;background:#303030;cursor:pointer;transition:opacity .2s,transform .2s;outline:none}.monitor-bar.up{background:var(--status-up)}.monitor-bar.down{background:var(--status-down)}.monitor-bar:hover{opacity:.75;transform:scaleY(1.08);outline:none;box-shadow:none}.monitor-bar:focus-visible{outline:2px solid currentColor;outline-offset:3px}.monitor-preview .monitor-bars{gap:3px}.monitor-preview .monitor-bar{height:22px}.monitor-axis{display:flex;justify-content:space-between;font-size:12px;color:#909090;margin-top:10px}
.preview-status-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #292929;padding-top:18px;margin-top:22px}.preview-status-bottom a{display:flex;align-items:center;gap:6px;font-size:13px;color:#a8a8a8;transition:color .3s}.preview-status-bottom a:hover{color:#fafafa}.preview-status-bottom a svg{transition:transform .3s}.preview-status-bottom a:hover svg{transform:translate(2px,-2px)}
.monitor-refresh{display:flex;align-items:center;justify-content:center;gap:7px;background:#242424;border:2px solid #303030;border-radius:20px;padding:9px 13px;color:#ddd;font-size:12px;min-width:104px;transition:background .3s,transform .3s,border-color .3s;cursor:pointer}.monitor-refresh:hover{background:#2e2e2e;border-color:#3b3b3b}.monitor-refresh:active:not(:disabled){transform:translateY(3px)}.monitor-refresh:disabled{opacity:1;cursor:progress;color:#a8a8a8}.monitor-refresh svg.is-spinning{animation:monitor-spin .7s linear infinite!important}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 20px;color:#a8a8a8;font-size:14px;gap:12px}.monitor-ranges{display:flex;background:#1b1b1b;border:2px solid #252525;border-radius:14px;padding:3px;gap:3px}.monitor-ranges button{padding:5px 11px;border:0;background:transparent;border-radius:9px;font-size:12px;color:#a8a8a8;transition:background .25s,color .25s;cursor:pointer}.monitor-ranges button[aria-pressed=true]{background:#343434;color:#fafafa}.monitor-ranges button:hover{color:#fafafa;background:#292929}
.monitor-services{display:grid;gap:12px;min-height:408px}.monitor-services article{background:#1b1b1b;border-radius:20px;padding:18px;transition:background .3s}.monitor-services article:hover{background:#1e1e1e}.monitor-service-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.monitor-service-title strong{font-size:16px;font-weight:500}.monitor-service-title span{display:flex;align-items:center;gap:6px;font-size:12px}.healthy-text{color:var(--status-up)}
.monitor-legend{display:flex;flex-wrap:wrap;gap:18px;padding:20px 4px 0;font-size:12px;color:#a8a8a8}.monitor-legend span{display:flex;align-items:center;gap:6px}.monitor-legend i{height:7px;width:7px;border-radius:2px;background:#404040}.monitor-legend .up{background:var(--status-up)}.monitor-legend .down{background:var(--status-down)}
.monitor-history{border-radius:20px;margin-top:24px;overflow:hidden;background:#1b1b1b}.monitor-history-toggle{width:100%;background:none;border:0;display:flex;justify-content:space-between;align-items:center;padding:18px;color:#a8a8a8;font-size:14px;transition:background .3s,color .3s;cursor:pointer}.monitor-history-toggle:hover{background:#222;color:#fafafa}.monitor-history-toggle>span{display:flex;align-items:center;gap:9px}.monitor-history-toggle small{font-size:12px;border-radius:7px;background:#292929;padding:1px 7px;color:#a8a8a8}.monitor-history-toggle>svg{transition:transform .25s}.monitor-incidents{padding:0 18px 18px}.no-incidents{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;font-size:14px;color:#a8a8a8}.monitor-incidents article{border-top:1px solid #292929;padding:14px 0}.monitor-incidents strong{font-size:14px}.monitor-incidents small{float:right;font-size:12px;color:#a8a8a8}.monitor-incidents p{font-size:13px;margin-top:4px;color:#a8a8a8}.monitor-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px;font-size:12px;color:#909090}.monitor-bottom span:first-child{display:flex;align-items:center;gap:7px}.monitor-error{display:flex;gap:7px;align-items:center;font-size:14px;color:#e89996;margin-top:15px}
.monitor .uptime-tooltip{position:fixed;z-index:300;pointer-events:none;white-space:pre-line;background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:14px 16px;max-width:min(290px,calc(100vw - 24px));font-size:12px;line-height:1.7;color:#ddd;box-shadow:0 10px 30px #0006;animation:menu-enter .14s ease-out}.monitor .status-skeleton{min-height:408px;gap:12px}.monitor .status-skeleton>div{border-radius:20px;background:#1b1b1b}
@keyframes monitor-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.monitor-full,.monitor-preview{padding:20px}.monitor-overview{gap:12px;padding:25px 0}.monitor-overview h2{font-size:20px}.monitor-service-title{align-items:flex-start;gap:8px}.monitor-service-title strong{font-size:14px;max-width:58%}.monitor-service-title span{font-size:12px}.monitor-services article{padding:16px}.monitor-bars{gap:3px}.monitor-bottom{flex-wrap:wrap}.monitor-toolbar{font-size:13px}.monitor-ranges button{padding:5px 8px}.monitor-incidents small{float:none;display:block}.monitor-preview .monitor-overview h2{font-size:19px}.preview-status-bottom a{font-size:12px}.monitor-refresh{min-width:99px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.monitor-refresh svg.is-spinning{animation:none!important}.monitor *{transition:none!important}.monitor-bar:hover{transform:none}}