/* Compact Input Group Component */
.compact-input-group {
    display: flex;
    width: 100%;
}

.compact-input-group .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.compact-input-group .form-control {
    width: 40px;
    text-align: center;
}

/* Button states */
.compact-input-group .btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Optional - highlight when value exceeds threshold */
.compact-input-group .form-control.exceeded {
    background-color: #ffaaaa;
}