/* Custom Scrollbar Styles */
.custom-scrollbar {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(79, 73, 224, 0.3) transparent; /* thumb track */
}

/* Webkit (Chrome, Safari, Edge) */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(79, 73, 224, 0.3);
    border-radius: 10px;
    border: 2px solid transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(79, 73, 224, 0.5);
}

/* Stiluri suplimentare pot fi adăugate aici */

/* Stiluri de bază pentru input-uri și select-uri */
.form-input-field {
    width: 100%;
    padding: 10px; /* 2.5 p-ul din Tailwind */
    border-radius: 8px; /* rounded-lg din Tailwind */
    font-size: 14px; /* text-sm din Tailwind */
    background-color: #161B22; /* corespunde cu bg-content-bg */
    border: 1px solid transparent; /* Bordura este invizibilă în starea normală */
    color: #E6EDF3; /* corespunde cu text-text-primary */
    transition-property: border-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Stil pentru placeholder */
.form-input-field::placeholder {
    color: #7D8590; /* corespunde cu placeholder-text-secondary */
}

/* Stil la focus */
.form-input-field:focus {
    outline: none;
    border-color: #4F49E0; /* corespunde cu brand-blue */
    box-shadow: 0 0 0 2px rgba(79, 73, 224, 0.5); /* ring-2 focus:ring-brand-blue */
}

/* Stil specific pentru select */
select.form-input-field {
    /* Ajustări pentru a se alinia cu input-urile text */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%237D8590" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px; /* spațiu pentru iconiță */
}