#qrCanvas, #qrImage {
    max-width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.form-range {
    height: 1.5rem;
}

.card-header[data-bs-toggle="collapse"] {
    cursor: pointer;
}

.copy-btn {
    transition: all 0.2s;
}

.bg-light {
    background-color: #f8f9fa !important;
}

#phoneNumber:invalid {
    border-color: #dc3545;
}

#phoneNumber:valid {
    border-color: #198754;
}