/* utilities.css - Common utility classes */

/* Image utilities */
.img-contain {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.img-cover {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.img-auto-height {
    max-height: 100px;
    width: auto;
    object-fit: cover;
}

/* Container utilities */
.container-max-width-600 {
    max-width: 600px;
}

.container-max-width-500 {
    max-width: 500px;
}

/* Display utilities */
.display-none {
    display: none;
}

.display-flex-align-center {
    display: flex;
    align-items: center;
}

/* Margin utilities */
.margin-left-05 {
    margin-left: 0.5rem;
}

/* Width utilities */
.width-auto {
    width: auto;
}

.min-width-150 {
    min-width: 150px;
}

/* Height utilities */
.height-60vh {
    height: 60vh;
}

.height-22px {
    height: 22px;
}

.height-24px {
    height: 24px;
}

.min-height-22px {
    min-height: 22px;
}

/* Progress bar utilities */
.progress-bar-width-0 {
    width: 0%;
}

.progress-bar-font-bold {
    font-weight: bold;
}

/* Text utilities */
.font-weight-500 {
    font-weight: 500;
}

.font-size-1em {
    font-size: 1em;
}

/* Transition utilities */
.transition-transform-02s {
    transition: transform 0.2s;
}

/* Background utilities */
.scan-params-card {
    background: var(--params-card-bg);
}

/* Max width utilities */
.max-width-200 {
    max-width: 200px;
}

.max-width-500 {
    max-width: 500px;
}