/* Schedule.css - Styles cho trang lịch tàu */

/* Bootstrap form controls styling */
.form-label {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #495057;
}

.form-control, .form-select {
    font-size: 0.95rem;
    transition: all 0.15s ease-in-out;
}

.form-control:focus, .form-select:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-md {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
}

.form-select-md {
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .form-label {
        font-size: 0.85rem;
        margin-bottom: 0.3rem;
    }
    
    .form-control, .form-select {
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    .btn {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
    }
}

/* Grid borders - đường kẻ dọc và ngang */
#scheduleGrid .ag-cell,
#scheduleGrid .ag-header-cell {
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

#scheduleGrid .ag-header-cell:first-child,
#scheduleGrid .ag-cell:first-child {
    border-left: 1px solid #d3d3d3;
}

/* Cột Mã Tàu có border trái */
#scheduleGrid .schedule-voyage-header {
    border-left: 1px solid #d3d3d3 !important;
}

#scheduleGrid .ag-header-row {
    border-top: 1px solid #d3d3d3;
}

#scheduleGrid .ag-header {
    border-bottom: 2px solid #d3d3d3;
}

/* Đảm bảo tất cả các cell có border đầy đủ */
#scheduleGrid .ag-row {
    border-left: 1px solid #d3d3d3;
}

#scheduleGrid .ag-row:last-child .ag-cell {
    border-bottom: 1px solid #d3d3d3;
}