.dateBox {  
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23343a40' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E") !important;
    background-position: right 0.75rem center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    cursor:pointer !important;
    padding-right: 2.5rem !important;
}

/* Fix DataTables Bootstrap 5 styling conflicts */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}
.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Fix dropdown arrow for DataTables length select */
.dataTables_wrapper .dataTables_length select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}
.dataTables_wrapper .dataTables_length select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230d6efd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0.5rem;
    border: none;
    background: transparent;
    color: #0d6efd;
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: transparent !important;
    color: #0d6efd !important;
    border: none !important;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent !important;
    color: #0d6efd !important;
    border: none !important;
    text-decoration: underline;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    opacity: 0.5;
    cursor: not-allowed;
    background: transparent !important;
    color: #6c757d !important;
    border: none !important;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 0.75rem;
    color: #6c757d;
}
.dataTables_wrapper .dataTables_processing {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0.375rem;
    padding: 1rem;
}
/* Ensure table styling matches Metor */
.dataTables_wrapper .table {
    margin-bottom: 0;
}
.dataTables_wrapper .table thead th {
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}
/* Action buttons styling */
.dataTables_wrapper .table td .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dataTables_wrapper .table td .btn-sm i {
    font-size: 1rem;
    line-height: 1;
}
/* Ensure action column buttons are properly aligned */
.dataTables_wrapper .table td.text-end {
    white-space: nowrap;
}
/* Image upload dropzone styling */
.dropzone {
    border: 2px dashed #dee2e6;
    transition: all 0.3s ease;
    cursor: pointer;
}
.dropzone:hover {
    border-color: #0d6efd;
    background-color: #f8f9fa;
}
.dropzone .dz-message {
    pointer-events: auto;
}
.dropzone .dz-message i {
    display: block;
    margin-bottom: 0.5rem;
}
#picture-dropzone-add:has(input:focus),
#picture-dropzone-update:has(input:focus) {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
