body { padding-top: 172px; }
#system-metrics, #past-incidents {
    pointer-events: none;
    font-weight: normal;
}
#system-metrics {
    font-size: 24px;
}
.metric-name {
    font-weight: normal;
    font-size: 17px;
}
.container > .page-status { display: none; }
/* Header */
.show-updates-dropdown, .flat-button {
    background: #008CFF !important;
}
.masthead, .layout-content.status-incident::before {
    z-index: 10;
    background: #FFFFFF;
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    top: 0;
    padding: 0 !important;
    margin: 0 !important;
}
.logo-container::before, .layout-content.status-incident .subheader::before {
    content: 'System Status';
    position: absolute;
    width: 342px;
    font-size: 30px;
    text-align: center;
    left: 50%;
    margin-left: -171px;
    margin-top: 10px;
    color: #63666A;
}
.logo-container::after, .layout-content.status-incident .page-title::after {
    content: '100%';
    display: block;
    color: #35d575;
    width: 44px;
    position: absolute;
    text-align: center;
    bottom: -35px;
    left: 50%;
    margin-left: 87px;
    z-index: 1;
}
.logo-container {
    width: 200px;
    margin: 19px 0 0 19px;
}
.masthead .updates-dropdown-container {
    margin-right: 19px;
}
.masthead::before, .layout-content.status-incident .page-title::before {
    content: 'Uptime for the current quarter:';
    display: block;
    width: 220px;
    position: absolute;
    text-align: center;
    bottom: -35px;
    left: 50%;
    margin-left: -133px;
    z-index: 1;
}
/* Grey Bar */
.masthead::after, .layout-content.status-incident .container::before {
    content: '';
    display: block;
    height: 50px;
    background: #f5f5f5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(100,100,100,0.05);
}
/* Header */
/* Footer */
.page-footer  {
    position: relative;
    height: 100px;
}
.page-footer .color-secondary {
    display: none !important;
}
.page-footer::after {
    content: 'Copyright © 2026 Alohi (Geneva, Switzerland). All rights reserved.';
    position: absolute;
    left: 0;
    top: 38px;
}
/* Footer */
/* Unresolved Incidents */
.unresolved-incidents .incident-title {
    border-radius: 3px 3px 0 0;
    color: #FFFCF7;
}
.unresolved-incident.impact-none .incident-title {
    background: #008CFF !important;
}
.unresolved-incidents .updates {
    border-color: transparent !important;
}
.unresolved-incident {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 13px rgba(100,100,100,0.2);
}
.unresolved-incidents .subscribe {
    background: rgba(0,0,0,0.2);
}
.unresolved-incidents .subscribe {
    background: 
    rgba(255,255,255,0.2);
    padding: 0 12px;
    border-radius: 2px;
}
/* Unresolved Incidents */
/* Components */
.component-inner-container[data-js-hook="component-group-opener"] span.name:nth-child(1)::before {
    margin-right: 0 !important;
}
.component-inner-container .name span:nth-child(1)::before {
    display: none !important;
}
.component-inner-container span.name::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #35d575;
    border-radius: 100%;
    margin-right: 4px;
}
.component-inner-container[data-js-hook="component-group-opener"], .component-inner-container[data-js-hook="component-group-opener"] span.name {
    cursor: default !important;
}
.component-inner-container[data-js-hook="component-group-opener"] .component-status {
    display: none !important;
}
.child-components-container { display: block !important; }
.component-status { display: block !important; }
.component-inner-container.status-orange[data-js-hook="component-group-opener"] span.name:nth-child(1)::before, 
     .component-inner-container.status-orange span.name::before {
    background: #F5A623;
}
.component-inner-container.status-yellow[data-js-hook="component-group-opener"] span.name:nth-child(1)::before, 
     .component-inner-container.status-yellow span.name::before {
    background: #F0C713;
}
.component-container {
    border: none !important;
    position: relative;
}
.component-container::after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    background: #ececec;
    width: 96%;
    left: 2%;
    bottom: -2px;
}
.components-container::before {
    content: '';
    text-align: center;
    display: block;
    background: #35d575;
    padding: 15px 16px;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    font-size: 20px;
}
.components-container {
    border-radius: 3px;
    box-shadow: 0 0 13px rgba(100,100,100,0.2);
}
body.status-none .components-container::before {
    content: 'All Systems Operational' !important;
    background: #35d575 !important;
}
body.status-maintenance .components-container::before {
    content: 'Service Under Maintenance' !important;
    background: #008CFF !important;
}
body.status-minor .components-container::before {
    content: 'Minor Service Disruption' !important;
    background: #F5A623 !important;
}
body.status-major .components-container::before {
    content: 'Major System Outage' !important;
    background: #FF3D00 !important;
}
/* Components */
/* Past Incidents */
.incidents-list .incident-container, .incident-list .incident-container {
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(100,100,100,0.1);
    border: 1px solid rgba(100,100,100,0.08);
}
.incidents-list .incident-title a, .incident-list .incident-title {
    color: #FFFFFF !important;
}
.incidents-list .incident-title, .incident-list .incident-title {
    display: block;
    padding: 12px 20px;
    border-radius: 3px 3px 0 0;
}
.incidents-list .updates-container, .incident-list .updates-container {
    padding: 12px 20px;
}
.incident-list .incident-body {
    padding: 10px 12px;
}
.incident-list .secondary {
    padding: 0 12px 10px;
}
.incidents-list .incident-title.impact-none, .incident-list .incident-title.impact-none {
    background: #008CFF !important;
}
.incidents-list .incident-title.impact-minor, .incidents-list .incident-title.impact-major, 
.incident-list .incident-title.impact-minor, .incident-list .incident-title.impact-major
{
    background: #F5A623 !important;
}
.incidents-list .incident-title.impact-critical {
    background: #FF3D00 !important;
}
.incidents-list .status-day > .incident-container {
    margin-top: 20px;
}
.updates-container .update, .updates .update {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: : 10px !important;
}
.updates-container .update:last-child, .updates .update:last-child {
    padding: 0;
    border: none;
}
/* Past Incidents */
/* Metrics */
.custom-metrics-container {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 13px rgba(100,100,100,0.2);
    padding: 10px;
}
/* Metrics */
/* Inner Page */
body.status.incident { padding-top: 130px !important; }
.layout-content.status-incident::before {
    content: '';
    display: block;
    position: fixed;
}
.layout-content.status-incident .subheader::before {
    z-index: 10;
    top: 13px;
    position: fixed;
}
.layout-content.status-incident .container::before {
    position: fixed;
    z-index: 10;
    top: 79px;
}
.layout-content.status-incident .page-title::before, .layout-content.status-incident .page-title::after {
    top: 92px;
    z-index: 10;
    position: fixed;
    bottom: inherit;
}
.layout-content.status-incident::after {
    display: block;
    width: 200px;
    background-size: 200px 42px;
    content: '';
    background-image: url('https://dka575ofm4ao0.cloudfront.net/pages-transactional_logos/retina/152452/FAXPLUS_Logo_H.png');
    height: 42px;
    z-index: 10;
    top: 19px;
    left: 19px;
    position: fixed;
}
/* Inner Page */
/* Responsive */
@media screen and (max-width: 900px) {
    .logo-container::before, .layout-content.status-incident .subheader::before {
        font-size: 22px;
    }
}
@media screen and (max-width: 790px) {
    .logo-container::before, .layout-content.status-incident .subheader::before {
        display: none;
    }
    .layout-content.status-incident::after {
        left: 50%;
        margin-left: -100px;
    }
}
@media screen and (max-width: 550px) {
    .masthead .updates-dropdown-container {
        display: none;
    }
    .logo-container {
        float: none !important;
        margin: 18px auto 0;
    }
    /* Components */
    .layout-content.status.status-index .components-section .component-container .name {
        position: relative;
        width: 100%;
        max-width: none;
        white-space: normal;
    }
    .layout-content.status.status-index .components-section .component-container .component-status {
        display: none !important;
    }
    /* Components */
}
/* Responsive */