/* System-Daten Anzeige */

/* Haupt-Container für die Speicheranzeige */
#storage_container {
    justify-content: center;
    width: 100%;
    margin-left: -10px; 
	margin-top: 8px;
}

.storage_info {
    padding: 10px 20px;
    margin: 10px auto;
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-items: center;
    gap: 40px;
    font-family: Arial, sans-serif;
}

/* SSD Sektionen nebeneinander */
.ssd_section {
    flex: 2; 
    text-align: center;
}

/* Hardware Sektion kompakt */
.hw_section {
    flex: 0.5;
    border-left: 1px solid #333;
    padding-left: 20px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px; 
}

/* Kompakte Balken-Container */
.progress_bar_container {
    background-color: #432200;
    border-radius: 4px;
    height: 10px; /* Platzsparende Höhe */
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
}

.storage_text {
    color: #ffca00;
    font-size: 18px;
}

.storage_text_temp {
    color: #ffca00;
    font-size: 18px;
	margin-left:-8px;
}

.storage_text_fan {
    color: #ffca00;
    font-size: 18px;
	margin-left:72px;
}

.storage_value {
    color: #00ffaf;
}

.storage_last_text {
    color: #83ff00;
    font-size: 1.03em;
	margin-left:50px;
}

.storage_last_value {
    color: #e1ff00;
}

/* #val_fan {
	margin-left:50px;
} */

/* Teil 2 */

        #stats_wrapper { 
		min-width: 100px;
		margin-left:-8px;
		}
		
        /* Label und Werte farblich getrennt */
        .label_text { color: #ffca00; font-size: 18px; }
        .val_text { color: #00ff00; font-weight: bold; }
        .val_alert { color: #ff4d4d; font-weight: bold; font-size: 18px; margin-left:50px; }
        .val_info { color: #00bcff; font-weight: bold; font-size: 18px; margin-left:50px; }


small {color:#fff;}

/* Fix für den OS-Balken */
.progress_bar_fill {
    height: 100%;
    border-radius: 5px;
    transition: width 0.8s ease-in-out;
    outline: none;
    background: linear-gradient(180deg, #ffb81f 0.00%, #ed8810 34.04%, #db5800 76.99%, #8a3700 93.89%);
    background-size: 532px 100%; 
    background-position: left center;
    background-repeat: no-repeat;
}

/* Fix für den Daten-Balken (1TB) */
.progress_bar_fill_data {
    height: 100%;
    border-radius: 5px;
    transition: width 0.8s ease-in-out;
    outline: none;
    background: linear-gradient(180deg, #ffb81f 0.00%, #ed8810 34.04%, #db5800 76.99%, #8a3700 93.89%);
    background-size: 532px 100%;
    background-position: left center;
    background-repeat: no-repeat;
}