/* --- Split-Screen Registration Styling --- */

/* Allow the right panel to scroll independently if the form is long */
.right-panel-scroll {
    overflow-y: auto;
    max-height: 100vh;
}

/* Custom Scrollbar for the right panel to keep it neat */
.right-panel-scroll::-webkit-scrollbar {
    width: 6px;
}

.right-panel-scroll::-webkit-scrollbar-track {
    background: #f8fafc;
}

.right-panel-scroll::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
}

/* Hover opacity helper */
.hover-opacity-75:hover {
    opacity: 0.75;
}

/* Fix Bootstrap select arrow color on light inputs */
.split-registration .form-select.custom-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* Ensure floating labels on solid white forms don't get blocked out */
.split-registration .form-floating>.custom-input:focus~label::after,
.split-registration .form-floating>.custom-input:not(:placeholder-shown)~label::after {
    background-color: #ffffff !important;
}