/* Sentrer kun dato/klokke i toppfeltet */
#information-widgets {
    position: relative !important;
}

/* Dato og klokke sentrert som to separate linjer */
#information-widgets {
    min-height: 120px;
}

#information-widgets-right > .information-widget-datetime:nth-of-type(1) {
    position: absolute !important;
    left: 50% !important;
    top: 27% !important;
    transform: translate(-50%, -50%) !important;
    white-space: nowrap !important;
    text-align: center !important;
}

#information-widgets-right > .information-widget-datetime:nth-of-type(2) {
    position: absolute !important;
    left: 50% !important;
    top: 57% !important;
    transform: translate(-50%, -50%) !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Servernavn under klokken */
#information-widgets::after {
    content: "Fedora-server";
    position: absolute;
    left: 50%;
    top: 82%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    white-space: nowrap;
}

/* Kortere søkefelt på høyre side */
.information-widget-search {
    margin-left: auto !important;
    flex-grow: 0 !important;
    flex-basis: 38% !important;
    width: 38% !important;
    max-width: 720px !important;
}

/* Større systemstatus til venstre */
#widgets-wrap .information-widget-glances {
    transform: scale(1.18);
    transform-origin: left center;
}

/* Servernavnet vises nå under den sentrerte klokken */
#widgets-wrap .information-widget-label {
    display: none !important;
}

/* ===== Farger på Glances-statuslinjer ===== */

/* CPU - blå */
#widgets-wrap .information-widget-resource:nth-child(1 of .information-widget-resource)
.resource-usage > div {
    background-color: #60a5fa !important;
}

/* Minne - lys blå */
#widgets-wrap .information-widget-resource:nth-child(2 of .information-widget-resource)
.resource-usage > div {
    background-color: #7dd3fc !important;
}

/* Oppetid - grønn */
#widgets-wrap .information-widget-resource:nth-child(3 of .information-widget-resource)
.resource-usage > div {
    background-color: #86efac !important;
}

/* Litt kraftigere statuslinjer */
#widgets-wrap .information-widget-resource .resource-usage {
    height: 6px !important;
}

#widgets-wrap .information-widget-resource .resource-usage > div {
    height: 6px !important;
}
