/* Wanted Page General Styles */
    .wanted-page-button {
        background: #0F172A; 
        color: white; 
        padding: 10px 20px; 
        border: none; 
        border-radius: 5px; 
        cursor: pointer; 
        font-size: 16px; 
        transition: all 0.3s; 
        text-decoration: none; 
        display: inline-block;
    }
    .wanted-page-button:hover { 
        background: #1E293B; 
        transform: translateY(-1px); 
    }
    .wanted-page-button-small { 
        font-size: 12px; 
        padding: 6px 12px; 
    }

    /* Popups */
    .wanted-popup-overlay { 
        position: fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        background: rgba(0,0,0,0.6); 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        z-index: 10000; 
        padding: 20px; 
        box-sizing: border-box; 
    }
    .wanted-popup-content { 
        background: white; 
        padding: 30px; 
        border-radius: 15px; 
        max-width: 500px; 
        width: 100%; 
        position: relative; 
        box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
        max-height: 90vh; 
        overflow-y: auto; 
    }
    .wanted-popup-close { 
        position: absolute; 
        top: 15px; 
        right: 20px; 
        font-size: 28px; 
        cursor: pointer; 
        color: #666; 
        width: 30px; 
        height: 30px; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        border-radius: 50%; 
        transition: all 0.3s; 
    }
    .wanted-popup-close:hover { 
        background-color: #f0f0f0; 
        color: #000; 
    }
    
    /* Form Styles */
    .form-group { 
        margin-bottom: 15px; 
    }
    #wanted-form input, 
    #wanted-form textarea, 
    #wanted-form select, 
    #vendor-response-form-popup select, 
    #vendor-response-form-popup input,
    #vendor-categories-form input { 
        width: 100%; 
        padding: 12px; 
        border: 1px solid #ddd; 
        border-radius: 5px; 
        font-size: 14px; 
        box-sizing: border-box; 
        transition: border-color 0.3s; 
    }
    #wanted-form input:focus, 
    #wanted-form textarea:focus, 
    #wanted-form select:focus,
    #vendor-categories-form input:focus { 
        outline: none; 
        border-color: #0F172A; 
        box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.1); 
    }
    #wanted-form textarea { 
        resize: vertical; 
        min-height: 100px; 
        font-family: inherit; 
    }

    /* Vendor Response Popup */
    .request-details-box { 
        background: #f9f9f9; 
        padding: 15px; 
        border-radius: 5px; 
        margin-bottom: 20px; 
        border-left: 4px solid #0F172A; 
    }
    .response-label { 
        display: block; 
        margin-bottom: 8px; 
        font-weight: bold; 
        color: #0F172A; 
    }
    .response-option { 
        margin-bottom: 15px; 
        padding: 15px; 
        border: 1px solid #ddd; 
        border-radius: 5px; 
        background: white; 
    }
    .response-option label { 
        display: block; 
        margin-bottom: 10px; 
        font-weight: 600; 
        cursor: pointer; 
    }
    .response-option input[type=radio],
    .response-option input[type=checkbox] { 
        margin-right: 8px; 
    }
    .response-option small { 
        color: #666; 
        display: block; 
        margin-top: 5px; 
    }

    /* Table Styles */
    .wanted-table-wrapper { 
        overflow-x: auto; 
    }
    .wanted-table { 
        width: 100%; 
        border-collapse: collapse; 
        margin-bottom: 20px; 
        background: white; 
        border-radius: 8px; 
        overflow: hidden; 
        box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
        font-size: 14px; 
    }
    .wanted-table th { 
        background: #f8f9fa; 
        font-weight: 600; 
        text-align: left; 
        padding: 12px; 
        border-bottom: 2px solid #dee2e6; 
    }
    .wanted-table td { 
        padding: 12px; 
        border-bottom: 1px solid #dee2e6; 
        vertical-align: top; 
    }
    .wanted-table tr:hover { 
        background-color: #f8f9fa; 
    }
    .wanted-table .wanted-actions { 
        display: flex; 
        gap: 5px; 
    }
    .status-badge { 
        color: white; 
        padding: 4px 8px; 
        border-radius: 12px; 
        font-size: 12px; 
        text-transform: capitalize; 
    }
    .status-open { 
        background: #4CAF50; 
    }
    .status-closed { 
        background: #f44336; 
    }

    /* Responses Row */
    .responses-row .responses-cell { 
        padding: 20px; 
        background: #f1f5f9; 
    }
    .response-item { 
        margin-bottom: 10px; 
        padding: 15px; 
        border: 1px solid #ddd; 
        border-radius: 5px; 
        background: white; 
    }
    .response-item:last-child { 
        margin-bottom: 0; 
    }
    
    /* Select2 Styles for Popups */
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        width: 100%;
        padding: 6px;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 5px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 28px;
        padding-left: 6px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 8px;
    }
    .select2-dropdown {
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index: 10050; /* Ensure dropdown is on top */
    }
    .select2-container .select2-selection--multiple {
        min-height: 42px;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .wanted-table thead { 
            display: none; 
        }
        .wanted-table, 
        .wanted-table tbody, 
        .wanted-table tr, 
        .wanted-table td { 
            display: block; 
            width: 100%; 
        }
        .wanted-table tr { 
            margin-bottom: 15px; 
            border: 1px solid #ddd; 
            border-radius: 5px; 
        }
        .wanted-table td { 
            text-align: right; 
            padding-left: 50%; 
            position: relative; 
            border-bottom: 1px solid #eee; 
        }
        .wanted-table td:before { 
            content: attr(data-label); 
            position: absolute; 
            left: 10px; 
            width: calc(50% - 20px); 
            text-align: left; 
            font-weight: bold; 
        }
        .wanted-table td.responses-cell { 
            text-align: left; 
            padding-left: 20px; 
        }
        .wanted-table td.responses-cell:before { 
            display: none; 
        }
        .wanted-page-button { 
            width: 100%; 
            text-align: center; 
        }
        #open-request-popup-btn,
        #open-vendor-categories-btn { 
            margin-top: 10px; 
        }
    }