/* Dynamic Portal Branding Styles for EUP Auth Pages */

/* Custom checkbox styling with dynamic colors */
.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
}

.custom-checkbox:checked {
    background-color: var(--checkbox-color) !important;
    border-color: var(--checkbox-color) !important;
}

.custom-checkbox:checked::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='var(--checkbox-checkmark-color, white)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-checkbox:focus {
    outline: none;
    box-shadow: 0 0 0 3px
        rgba(var(--checkbox-ring-color-rgb, 59, 130, 246), 0.1);
    border-color: var(--checkbox-ring-color) !important;
}

.custom-checkbox:hover {
    border-color: var(--checkbox-color) !important;
}

/* Button hover effects */
button:hover {
    opacity: 0.9;
}

/* Optional additional styles */

.sidebar-width[data-v-8cd2ffde] {
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.accordion-enter-active[data-v-8cd2ffde], .accordion-leave-active[data-v-8cd2ffde] {
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}
.accordion-enter-from[data-v-8cd2ffde], .accordion-leave-to[data-v-8cd2ffde] {
  max-height: 0;
}

/* Transition for the popup menu */
.menu-fade-enter-active[data-v-8cd2ffde],
.menu-fade-leave-active[data-v-8cd2ffde] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.menu-fade-enter-from[data-v-8cd2ffde],
.menu-fade-leave-to[data-v-8cd2ffde] {
  opacity: 0;
  transform: translateY(-10px);
}

.h-screen[data-v-cc18db85] {
  height: 100vh;
}
.fade-enter-active[data-v-cc18db85],
.fade-leave-active[data-v-cc18db85] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-cc18db85],
.fade-leave-to[data-v-cc18db85] {
  opacity: 0;
}
.slide-enter-active[data-v-cc18db85],
.slide-leave-active[data-v-cc18db85] {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(0);
}
.slide-enter-from[data-v-cc18db85],
.slide-leave-to[data-v-cc18db85] {
  transform: translateX(-100%);
  opacity: 0;
}
@media (min-width: 1024px) {
.slide-enter-from[data-v-cc18db85],
  .slide-leave-to[data-v-cc18db85] {
    transform: translateX(-20px);
    opacity: 0;
}
}