.login-story-footer{align-items:flex-start;position:relative;z-index:2}
.system-status{font-size:11px;color:#9babb8;position:relative;width:100%;max-width:330px}
.system-status .system-status-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;border:0;background:none;font:inherit;color:inherit;text-align:left;width:max-content;max-width:100%;padding:7px 0;outline-offset:5px}

.system-status .system-status-toggle strong{color:#acb8c2;font-weight:550}
.system-status-dot{height:7px;width:7px;background:#83919c;border-radius:50%;flex-shrink:0}
.system-status[data-state=online] .system-status-dot{background:#66bd9a;box-shadow:0 0 0 4px #66bd9a0d}
.system-status[data-state=online] .system-status-toggle strong{color:#75c8a7}
.system-status[data-state=offline] .system-status-dot{background:#e88d72;box-shadow:0 0 0 4px #e88d720d}
.system-status[data-state=offline] .system-status-toggle strong{color:#eca28d}
.system-status-chevron{font-size:14px;line-height:1;color:#6f8191;margin-left:3px;transition:transform .15s}
.system-status[data-expanded=true] .system-status-chevron{transform:rotate(180deg)}
.system-status-panel{position:absolute;bottom:calc(100% + 8px);left:0;width:310px;max-width:100%;padding:18px;background:#252f38;border:1px solid #3b4752;border-radius:8px;box-shadow:0 10px 30px #0002;color:#a8b5c1}
.system-status-heading{font-size:10px;font-weight:600;color:#d0d9e1;letter-spacing:.3px;margin-bottom:12px}
.system-status-panel ul{padding:0;margin:0;list-style:none}
.system-status-panel li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 0;font-size:10px}
.system-status-panel li strong{font-size:10px;font-weight:500}
.system-status-panel .module-online{color:#75c8a7}
.system-status-panel .module-offline{color:#eca28d}
.system-status-panel p{font-size:9px!important;line-height:1.7!important;color:#899aa9!important;border-top:1px solid #3b4752;padding-top:10px;margin-top:10px}
.login-status-mobile{display:none}
.status-noscript{display:block;font-size:10px;margin-top:8px;color:#9babb8}
@media(max-width:720px){.login-status-mobile{display:block;width:100%;max-width:360px;margin-top:28px}.login-status-mobile .system-status{max-width:none;color:#83909a}.login-status-mobile .system-status .system-status-toggle{margin:auto}.login-status-mobile .system-status[data-state=online] .system-status-toggle strong{color:#408268}.login-status-mobile .system-status[data-state=offline] .system-status-toggle strong{color:#b95f42}.login-status-mobile .system-status-panel{left:50%;transform:translateX(-50%)}.login-version{margin-top:22px}}
