/* Header: match the IDrive e2 logo blue */
.layout-content.status .masthead-container.premium .masthead .text-container {
    background: #0071BC;
}

/* Keep the subscribe button visible against the blue header */
.layout-content.status .masthead-container.premium .updates-dropdown-container .show-updates-dropdown {
    background: #0071BC;
    color: #fff;
    text-shadow: none;
}

.layout-content.status .masthead-container.premium .updates-dropdown-container .show-updates-dropdown:hover {
    background: #057ccb !important;
    color: #fff;
}

/* Improve spacing above the component grid */
.layout-content.status .masthead-container.premium .masthead {
    margin-bottom: 32px;
}

.layout-content.status.status-index .page-status {
    margin-bottom: 32px;
}

.layout-content.status.status-index .components-section .components-uptime-link {
    margin: 0 0 12px;
}

/* Two-column layout with one continuous outside border */
.layout-content.status.status-index .components-section .components-container.one-column {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}

/* Reset the inherited one-column borders and corner rounding */
.layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-child(n) {
    width: 100% !important;
    min-width: 0;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box;

    border: 0 solid #ddd !important;
    border-bottom-width: 1px !important;
    border-radius: 0 !important;
}

/* One divider between columns */
.layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-child(odd) {
    border-right-width: 1px !important;
}

/* Let the outside border form the bottom edge */
.layout-content.status.status-index .components-section .components-container.one-column>.component-container:last-child,
.layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-last-child(2):nth-child(odd) {
    border-bottom-width: 0 !important;
}

/* Prevent clearfix elements from becoming grid cells */
.components-section .components-container.one-column::before,
.components-section .components-container.one-column::after {
    display: none !important;
}

/* Single column on mobile */
@media (max-width: 640px) {
    .layout-content.status.status-index .components-section .components-container.one-column {
        grid-template-columns: minmax(0, 1fr);
    }

    .layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-child(odd) {
        border-right-width: 0 !important;
    }

    /* Restore the separator above the final component */
    .layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-last-child(2):nth-child(odd) {
        border-bottom-width: 1px !important;
    }
}

/* Existing chart crop: latest third of a 90-day chart */
.uptime-90-days-wrapper svg {
    transform: scaleX(3);
    transform-origin: right center;
    clip-path: inset(0 0 0 66.666667%);
}

/* Replace the left date label */
.uptime-90-days-wrapper .legend .legend-item:first-child {
    font-size: 0 !important;
}

.uptime-90-days-wrapper .legend .legend-item:first-child::after {
    content: "30 days ago";
    font-size: 12px;
}

/* Hide the percentage because it still represents 90 days */
.uptime-90-days-wrapper .legend .legend-item:nth-child(3) {
    display: none !important;
}

/* Replace the displayed day count */
.components-uptime-link var[data-var="num"] {
    font-size: 0 !important;
}

.components-uptime-link var[data-var="num"]::after {
    content: "30";
    font-size: 12px;
}

body .layout-content.status .masthead-container.premium .masthead .text-container {
    background: #f4f4f4 !important;
    border-style: solid !important;
    border-width: 0px 1px 0px 1px !important;
    border-color: #dae6eb !important;
}

/* New CSS style */

body.status.index.status-none.sp-a11y-status-focus-visibility.a11y-focus-indicators {
    background: #EEF4FA !important;
}

/* .layout-content.status .masthead-container.premium .masthead .images-container {
    max-height: 355px;
    min-height: 45%;
    background-size: 100% 90%;
    height: 355px !important;
    background-repeat: no-repeat;
}
    */ 

.layout-content.status.status-index .page-status.status-none {
    background: #fff;
    border-radius: 0;
    border: 0;
}

.layout-content.status.status-index .page-status.status-none .font-large {
    margin-bottom: 0;
    font-size: 1rem;
    color: #000000;
}

.shared-partial.uptime-90-days-wrapper svg .uptime-day {
    fill: #0071BC;
    width: 2px;
}

.shared-partial.uptime-90-days-wrapper svg .uptime-day:hover {
    fill: #008ae5;
}

.layout-content.status.status-index .container {
    border: 1px solid #DAE6EB;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 50px;
}

.layout-content.status.status-index .page-status {
    margin-bottom: 0;
}

.layout-content.status.status-index .container .components-section {
    padding: 0 30px;
}


.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
    background-color: #E6F5FF;
    color: #0071BC;
    border-radius: 18.5px;
    padding: 0 10px;
    font-size: 12px;
}

.layout-content.status.status-index .components-section .components-container.one-column {
    gap: 14px 14px;
    border: 0px;
    border-radius: 0;
}

.layout-content.status.status-index .components-section .components-container.one-column>.component-container:nth-child(n) {
    border: 1px solid #ddd !important;
    border-bottom-width: 1px !important;
    border-color: #C7D3D866;
    border-radius: 0px !important;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer {
    display: none;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status::before {
    content: '';
    background-color: #0071BC;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -1px;
}

.scheduled-maintenances-container {
    padding: 0px 30px;
}

.layout-content.status .masthead-container.premium .updates-dropdown-container .show-updates-dropdown {
    background: #0071BC !important;
    color: #fff;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 18px;
    text-transform: inherit;
}

body .layout-content.status .masthead-container.premium .masthead .text-container {
    padding: 16px 30px;
}

.layout-content.status.status-index .page-status.status-none {
    padding: 16px 30px;
}

.layout-content.status .incidents-list {
    padding: 0px 30px;
}

.page-footer {
    padding: 25px 30px;
}

.layout-content.status.status-index .components-section .component-container .name {
    margin-bottom: 5px;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item.light {
    color: #999;
}

.uptime-90-days-wrapper .legend .legend-item:first-child::after {
    font-size: 14px;
    color: #999;
}

.layout-content.status .masthead-container.premium .masthead {
    margin-bottom: 0 !important;
    padding-top: 50px !important;

}

body.status.index.status-none.sp-a11y-status-focus-visibility.a11y-focus-indicators .page-footer {
    margin-bottom: 0px !important;
}

.layout-content.status .masthead-container.premium .masthead .text-container .page-name a {
    color: #0071bc;
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: 0 0 0 0px #ffffff, 0 0 0 0px #1868db !important;
}

@media (max-width: 1024px) {
    .layout-content.status .masthead-container.premium .masthead {
        padding-top: 0px !important;
    }
}

@media (max-width: 992px) {
    .layout-content.status.status-index .container {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 576px) {
    .layout-content.status.status-index .container .components-section {
        padding: 0 16px;
    }

    body .layout-content.status .masthead-container.premium .masthead .text-container {
        padding: 16px 16px;
    }

    .layout-content.status.status-index .page-status.status-none {
        padding: 16px 16px;
    }

    .scheduled-maintenances-container {
        padding: 0 16px;

    }

    .layout-content.status .incidents-list {
        padding: 0 16px;
        margin-top: 24px;
    }

    .layout-content.status.status-index .scheduled-maintenances-container {
        margin: 0;
    }

    .layout-content.status.status-index .components-section {
        margin-bottom: 24px;
    }

    .layout-content.status .incidents-list.format-expanded .status-day {
        margin-top: 16px;
    }

    body.status.index.status-none.sp-a11y-status-focus-visibility.a11y-focus-indicators .page-footer {
        margin-top: 24px;
    }
}

body .layout-content.status .components-section .components-uptime-link {
  text-align: right !important;
}

body .layout-content.status .components-section .components-uptime-link a {
  display: none !important;
}