.updates-dropdown-container { display:none; }

/* Hide the availability bars */
.shared-partial.uptime-90-days-wrapper {
    display: none !important;
    visibility: hidden !important;
}

/* Format component list for better spacing */
.component-inner-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Add emoji indicators for status */
.component-status::before {
    margin-right: 8px;
    font-size: 18px;
}
.layout-content.status.status-index .components-section .component-container .tool.icon-indicator.fa.fa-check.tooltipstered
{top: 0;
}
/* Green checkmark for Operational */
.status-green .component-status::before {
    content: "✅";
  
}
/* Red X for Outages */
.status-red .component-status::before {
    content: "❌";
}
/* Ensure status text is easy to read */
.component-status {
    font-weight: bold;
    font-size: 16px;
}

/*ZM NOTES - everything above line 37 works to edit components and remove availability bars. dont change it */


/* Ensure the status update ("Investigating", "Monitoring", etc.) stands out */
.unresolved-incident .update strong {
    font-size: 22px; /* Make status bold & slightly larger */
    font-weight: 800;
}

/* Keep timestamp readable but less prominent */
.unresolved-incident small {
    font-size: 14px;
    font-weight: 500;
}

/*ZM NOTES - everything from line 40-64 works to edit the font/prominence of incident messaging to standout.  dont change it */