.trainee-course-search-bar {
    width: 100%;
    padding: 16px 0;
}

.trainee-course-search-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border-radius: var(--radius-md);
    border: 1px solid var(--admin-border);
    background: #fff;
    color: var(--ink);
    font-size: 0.85rem;
    outline: none;
    transition: border 0.14s ease, box-shadow 0.14s ease;
}


.trainee-course-search-input:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.35);
}


/******************************************************
 * Responsive
 ******************************************************/

@media (max-width: 768px) {
    .trainees-admin-search-input {
        width: 100%;
    }
}