/* Homelab Custom Styling for Glance */

/* Ensure CPU card container uses flex column to place progress bar first, temperature second */
.server-stats > .flex-1:first-child > div[data-popover-type=html] {
    display: flex !important;
    flex-direction: column !important;
}

.server-stats > .flex-1:first-child > div[data-popover-type=html] > .progress-bar {
    order: 1 !important;
}

/* Always display SoC Temperature directly beneath the CPU progress bar */
.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] {
    display: block !important;
    order: 2 !important;
    margin-top: 0.4rem !important;
}

/* Hide 1M and 15M averages from the in-card view (they remain in hover popover) */
.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] > div:not(:last-child) {
    display: none !important;
}

/* Style the in-card Temperature row cleanly */
.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 0.76rem !important;
    color: var(--color-text-subdue) !important;
    padding-top: 0.1rem !important;
}

.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] > div:last-child .size-h5 {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    color: var(--color-text-subdue) !important;
}

.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] > div:last-child .color-highlight {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: var(--color-primary, #10b981) !important;
}

.server-stats > .flex-1:first-child > div[data-popover-type=html] > [data-popover-html] > div:last-child .value-separator {
    flex-grow: 1 !important;
    margin: 0 0.4rem !important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2) !important;
}