/* Media Usage Tracker Admin Styles */

/* Progress bar container */
.oo-media-usage-progress-bar {
    background: #f0f0f0;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
}

/* Progress bar fill */
.oo-media-usage-progress-fill {
    background: #0073aa;
    height: 100%;
    transition: width 0.3s;
    /* Width is set inline dynamically */
}

/* Hidden containers for buttons */
#oo-media-usage-clear-cache-container,
#oo-media-usage-background-scan-container,
#oo-media-usage-stop-scan-container,
#oo-media-usage-reset-scan-container {
    display: none;
}

/* Button styles */
#oo-media-usage-clear-cache,
#oo-media-usage-start-background-scan,
#oo-media-usage-stop-background-scan,
#oo-media-usage-reset-background-scan {
    vertical-align: unset;
    margin-left: 1rem;
}

/* Stop button styles */
#oo-media-usage-stop-background-scan {
    background-color: #dc3232;
    border-color: #dc3232;
    color: white;
}

/* Reset button styles */
#oo-media-usage-reset-background-scan {
    background-color: #f56e28;
    border-color: #f56e28;
    color: white;
}