.logoClass 
{
  width: 25%;
  height: 25%;
}
.logoClass 
{
  width: 25%;
  height: 25%;
}
.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance:nth-child(1n + 15) 
{
    display: none;
}
.status-day:nth-child(n+6) 
{
  display:none;
}
 
.components-container {
  display: flex;
  flex-wrap: wrap;
}
 
.component-container {
  flex-basis: 50%;
}
 
.component-container:nth-child(even) {
  border-left: 0 !important;
}
 
.update + .update { display: none; }
/* 1) Let long component names wrap instead of ellipsis */
.components-section .component-inner-container,
.components-section .component-status .name,      /* older pages */
.components-section .component-container .name {  /* newer pages */
  white-space: normal !important;      /* allow wrapping */
  word-break: break-word;              /* break long tokens */
  overflow: visible;                   /* show full lines */
}

/* 2) Ensure rows expand height when names wrap */
.components-section .component-container {
  height: auto !important;
}

/* 3) Keep layout tidy on mobile as well */
@media (max-width: 650px) {
  .components-section .component-container .name {
    font-size: 0.95rem;
    line-height: 1.3rem;
  }
}