/* Custom styles for Balancer */

/* These are minimal since we're using Tailwind */

/* Ensure consistent form styling */
input:focus, select:focus, textarea:focus {
    outline: none;
}

/* Reset select to use only native browser dropdown arrow */
select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    background-image: none !important;
}

/* Animation for modals */
.modal-enter {
    animation: modalEnter 0.2s ease-out;
}

@keyframes modalEnter {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Custom scrollbar styling - subtle modern style */
.scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}