/* public/assets/css/modules/schedule.css */

.bg-light.border-bottom.py-5 {
    padding-top: 100px !important; 
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.schedule-controls {
    background: #fff; border-radius: 16px; padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04); margin-top: -40px; position: relative; z-index: 10;
}

.type-switcher .btn {
    border-radius: 8px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 0.6rem 1.2rem;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.type-switcher .btn i { font-size: 1.05rem; line-height: 1; }

.type-switcher .btn-active {
    background-color: var(--fl-green-primary); color: #fff; border: 1px solid var(--fl-green-primary);
    box-shadow: 0 8px 16px -10px rgba(0, 155, 58, 0.75);
}
.type-switcher .btn-active i { color: #fff; }

.type-switcher .btn-inactive {
    background-color: #f3f4f6; color: #6b7280; border: 1px solid #e5e7eb;
}
.type-switcher .btn-inactive i { color: #9ca3af; }

.type-switcher .btn-inactive:hover { background-color: #e5e7eb; color: #4b5563; }
.type-switcher .btn-inactive:hover i { color: #6b7280; }

.search-input-group { position: relative; }
.search-input-group .bi-search {
    position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
    color: #9ca3af; font-size: 1.1rem;
}

.search-input {
    padding-left: 45px; height: 50px; border-radius: 10px;
    border: 1px solid #e5e7eb; background-color: #f9fafb; font-weight: 500; transition: all 0.2s;
}

.search-input:focus {
    background-color: #fff; border-color: var(--fl-green-primary); box-shadow: 0 0 0 4px rgba(0, 155, 58, 0.1);
}

.date-input {
    height: 50px; border-radius: 10px; border: 1px solid #e5e7eb;
    background-color: #f9fafb; font-weight: 500; padding-left: 15px; color: var(--fl-dark-deep);
}