.container {
  width:96%;
}

/* ===== Move incidents above components, only if they exist ===== */
.layout-content.status.status-index {
  display: flex;
  flex-direction: column;
}

/* Only apply reordering when the incidents section has content */
.layout-content.status.status-index .unresolved-incidents:not(:empty) {
  order: -1; /* move incidents to top */
  margin-bottom: 30px;
}

/* Reset order if no incidents (so components move up normally) */
.layout-content.status.status-index .unresolved-incidents:empty {
  display: none; /* hides empty space */
}

.layout-content.status.status-index .components-section {
  order: 2; /* keep platforms below */
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom:30px;
  padding: 3%;
}
/* ========================================== */

.components-container {
  padding-top: 0px;
}

body .component-container.border-color {
  margin-top: 5px;
  border-radius: 10px !important;  
  border: 1px solid #ddd !important;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(1),
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2),
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(3) {
  border-radius: 10px !important;
}

.layout-content.status .masthead-container .masthead {
  margin-bottom:40px;
}

.layout-content.status .masthead-container.basic .masthead {
  padding-top: 40px;
}

.layout-content.status .masthead-container.basic .masthead .logo-container {
  margin-left:auto;
  margin-right:auto;
  max-width:250px;
  padding-right: 5%;
  width:100%;
}

.layout-content.status .masthead-container.basic .masthead .updates-dropdown-container {
  margin-top:10px;
}

.layout-content.status.status-index .page-status,
.layout-content.status.status-index .unresolved-incidents {
  margin-bottom:30px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
  border-radius: 4px 4px 0 0;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
  border-radius: 0 0 4px 4px;
}

.layout-content.status.status-index .text-section {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom:0;
  border-radius: 4px 4px 0 0;
  margin-bottom:0;
  padding: 3% 3% .5%;
}

.layout-content.status .incidents-list {
  margin-top:30px;
  padding:3%;
}

/* MOBILE OVERRIDES */
@media screen and (max-width: 560px) {
  .layout-content.status.status-index .components-section .component-container .name {
    position:relative;
  }
  .tooltip-base {
    border:none;
    font-size:0;
    position:absolute;
    left:0;
    width:100%;
    z-index:2;
  } 
}

.last-updated-stamp {
  display: none;
}