body {
    background-color: #f0f2f5;
}

.card {
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.table-responsive {
    max-height: 400px;
    overflow-y: auto;
}

.nav-tabs .nav-link {
    color: #495057;
}

.nav-tabs .nav-link.active {
    color: #000;
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    color: #0d6efd;
    background-color: #e7f1ff;
}

.player-thumb {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #e9ecef; /* Màu nền dự phòng nếu ảnh lỗi */
    max-width: 35px;
    max-height: 35px;
}

/* --- BẮT ĐẦU PHẦN SỬA GIAO DIỆN MOBILE --- */
@media (max-width: 768px) {
    /* Giảm kích thước font và padding cho tất cả các bảng */
    .table td, .table th {
        font-size: 0.8rem; /* Giảm kích thước chữ */
        padding: 0.5rem 0.4rem; /* Giảm padding (top/bottom, left/right) */
        white-space: nowrap; /* Ngăn text xuống dòng, giúp cột gọn hơn */
    }

    /* Thu nhỏ ảnh đại diện cầu thủ */
    .player-thumb {
        width: 25px;
        height: 25px;
        max-width: 25px;
        max-height: 25px;
    }

    /* Giảm kích thước các nút hành động */
    .table .btn {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }
    
    /* Giảm kích thước các tab */
    .nav-tabs .nav-link {
        font-size: 0.85rem;
        padding: 0.5rem 0.6rem;
    }

    /* Tối ưu hóa form mua phôi và nâng cấp */
    #fodder-panel .input-group, #quick-upgrade-panel .input-group {
        flex-wrap: wrap; /* Cho phép các item trong group xuống dòng */
    }
    #fodder-panel .input-group > .form-control, 
    #quick-upgrade-panel .input-group > .form-control {
        flex: 1 1 100%; /* Bắt các input chiếm toàn bộ chiều rộng */
        margin-bottom: 5px;
    }
    #fodder-panel .input-group-text,
    #quick-upgrade-panel .input-group-text {
        width: 100%;
        justify-content: center;
        margin-bottom: 5px;
    }
}
/* --- KẾT THÚC PHẦN SỬA GIAO DIỆN MOBILE --- */