@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

/* Apply DM Sans to all text EXCEPT elements with certain icon-related classes */
body *:not([class*="fa"]):not([class*="icon"]):not([class*="material-icons"]) {
    font-family: 'DM Sans', sans-serif !important;
}

  .logo-container img {
    max-width: 250px; /* Adjust as needed */
    height: auto; /* Keeps aspect ratio */
}

.updates-dropdown-container .flat-button {
    margin-right: 10px; /* Adds spacing between inline buttons */
}
.show-updates-dropdown {
 background-color: #007171 !important;
}
  
/* Remove excess margin and padding */
.component-container {
    margin: 0rem !important;
    padding: 0.2rem !important;
}

/* Reduce spacing inside component boxes 
.component-inner-container {
 
}
*/

/* Compact component groups */
.component-group {
    margin-bottom: 0.3rem !important;
    padding-bottom: 0rem !important;
}

/* Reduce spacing between individual components */
.component-status {
    margin-bottom: 0.2rem !important;
    padding: 0.2rem !important;
}

/* Compact the whole page layout */
.page-container {
    padding: 0.5rem !important;
}

/* Reduce space between headers and content */
.page-header {
    margin-bottom: 0.3rem !important;
}

/* Compact incident history spacing */
.incident-list {
    margin-top: 0.2rem !important;
    padding-top: 0rem !important;
}

/* Reduce font sizes slightly for a tighter layout */
body, .component-status, .component-name, .incident-name {
    font-size: 0.85rem !important;
    line-height: 1rem !important;
}

.name{
  padding-left: 5px;
  padding-bottom: 2px;
  
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container{
margin-top: 0.25rem;
}

.components-section {
      border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 
                0 3px 9px rgba(0, 0, 0, 0.15); 
    padding: 12px;
  
}
.incident-container {
        border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 
                0 3px 9px rgba(0, 0, 0, 0.15); 
    padding: 12px;
}

.scheduled-maintenance {
        border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 
                0 3px 9px rgba(0, 0, 0, 0.15); 
    padding: 12px;
}

.font-largest {
    position: relative;
    padding-bottom: 20px;
    margin: 0; /* Remove default margin to ensure alignment */
}

.font-largest::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007171;
}