/* Admin Table Enhancements - Missing Styles for Production */

/* Toggle Switch Styling */
.form-check-input[type="checkbox"] {
    width: 48px !important;
    height: 24px !important;
    border-radius: 12px !important;
    background-color: #dc3545 !important;
    border: 2px solid #dc3545 !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.form-check-input[type="checkbox"]:checked {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.form-check-input[type="checkbox"]::before {
    content: '' !important;
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background-color: white !important;
    top: 1px !important;
    left: 1px !important;
    transition: transform 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.form-check-input[type="checkbox"]:checked::before {
    transform: translateX(24px) !important;
}

/* Enhanced Table Styling */
.table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    background: white !important;
}

.table thead th {
    background-color: #f8f9fa !important;
    border-bottom: 2px solid #dee2e6 !important;
    font-weight: 600 !important;
    color: #495057 !important;
    padding: 16px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.table tbody td {
    padding: 16px !important;
    border-bottom: 1px solid #e9ecef !important;
    vertical-align: middle !important;
}

.table tbody tr {
    transition: background-color 0.2s ease !important;
}

.table tbody tr:hover {
    background-color: #f8f9fa !important;
}

.table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Stock Level Colors */
.table tbody td:nth-child(6) {
    font-weight: 600 !important;
}

/* Green stock numbers for available items */
.table tbody tr:has(.form-check-input:checked) td:nth-child(6) {
    color: #28a745 !important;
}

/* Red stock numbers for unavailable items */
.table tbody tr:has(.form-check-input:not(:checked)) td:nth-child(6) {
    color: #dc3545 !important;
}

/* Action Buttons Enhancement */
.btn {
    border-radius: 6px !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.btn-primary {
    background-color: #007bff !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: #0056b3 !important;
    transform: translateY(-1px) !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    color: white !important;
}

.btn-danger:hover {
    background-color: #c82333 !important;
    transform: translateY(-1px) !important;
}

.btn-info {
    background-color: #17a2b8 !important;
    color: white !important;
}

.btn-info:hover {
    background-color: #138496 !important;
    transform: translateY(-1px) !important;
}

/* Star Rating Enhancement */
.text-warning {
    color: #ffc107 !important;
}

.bi-star, .bi-star-fill {
    font-size: 16px !important;
    margin-right: 2px !important;
}

/* Product Image Enhancement */
.table img {
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: transform 0.2s ease !important;
}

.table img:hover {
    transform: scale(1.05) !important;
}

/* Filter Dropdowns Enhancement */
.form-select {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    background-color: white !important;
    transition: border-color 0.2s ease !important;
}

.form-select:focus {
    border-color: #007bff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

/* Search Box Enhancement */
.form-control {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    transition: border-color 0.2s ease !important;
}

.form-control:focus {
    border-color: #007bff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

/* Badge Enhancements */
.badge {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
}

.badge.bg-success {
    background-color: #28a745 !important;
}

.badge.bg-danger {
    background-color: #dc3545 !important;
}

/* Card Enhancement */
.card {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
}

.card-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef !important;
    padding: 20px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* Responsive Enhancements */
@media (max-width: 768px) {
    .table {
        font-size: 12px !important;
    }
    
    .table thead th,
    .table tbody td {
        padding: 8px !important;
    }
    
    .btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}