/* This file is now empty as component-specific styles have been moved to:
   - columns.css for column styles
   - cards.css for card styles
*/

/* Onboarding styles */
.onboarding-container {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.onboarding-step {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
    display: none;
}

.onboarding-step.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transform: translateX(0);
    display: block;
}

.onboarding-content {
    padding: 20px;
    background-color: var(--bs-dark);
    height: 100%;
}

/* Progress bar */
.progress {
    position: relative;
    z-index: 3;
}

.progress-bar {
    transition: width 0.5s ease;
}

/* Form controls */
.form-control {
    transition: all 0.2s ease;
    background-color: var(--bs-dark) !important;
    color: var(--bs-light) !important;
    border-color: var(--bs-secondary);
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    border-color: var(--bs-primary);
}

/* Button animations */
.btn {
    transition: all 0.2s ease;
}

/* Removed global text nudge; now handled locally where needed */

/* Modal customization */
.modal-content {
    overflow: hidden;
}

.modal-body {
    padding: 0;
    position: relative;
    overflow: hidden;
}