/* AI Specific Styles - Aggressive Light Theme (FORCE LIGHT) */
:root {
    --ai-force-white: #ffffff !important;
    --ai-force-dark: #212529 !important;
    --ai-force-muted: #6c757d !important;
    --ai-force-border: #dee2e6 !important;
}

/* Bootstrap Modal FORCE Light Theme */
.ai-modal .modal-content,
.ai-modal.modal .modal-content {
    background-color: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.ai-modal .modal-header,
.ai-modal.modal .modal-header {
    border-bottom: 2px solid #f8f9fa !important;
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.ai-modal .modal-title,
.ai-modal.modal .modal-title {
    color: #212529 !important;
}

.ai-modal .modal-body,
.ai-modal.modal .modal-body {
    background-color: #ffffff !important;
    color: #212529 !important;
}

.ai-modal .form-control,
.ai-modal .form-select,
.ai-modal textarea {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #212529 !important;
}

.ai-modal label {
    color: #212529 !important;
}

.ai-modal .text-muted {
    color: #6c757d !important;
}

/* SweetAlert2 Aggressive Light Overrides */
div.swal2-container div.swal2-popup {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #212529 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #212529 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #dee2e6 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup .swal2-title,
div.swal2-container div.swal2-popup.swal2-light-popup .swal2-html-container,
div.swal2-container div.swal2-popup.swal2-light-popup .swal2-content,
div.swal2-container div.swal2-popup.swal2-light-popup label,
div.swal2-container div.swal2-popup.swal2-light-popup p,
div.swal2-container div.swal2-popup.swal2-light-popup span,
div.swal2-container div.swal2-popup.swal2-light-popup strong {
    color: #212529 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup .form-control,
div.swal2-container div.swal2-popup.swal2-light-popup textarea,
div.swal2-container div.swal2-popup.swal2-light-popup select {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #212529 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup .text-muted {
    color: #6c757d !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup .alert-info {
    background-color: #e7f1ff !important;
    border: 1px solid #cfe2ff !important;
    color: #084298 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup .bg-light {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

div.swal2-container div.swal2-popup.swal2-light-popup code {
    color: #d63384 !important;
}

/* AI Image Wizard Enhancements */
#ai-image-preview {
    transition: opacity 0.3s ease;
    background-color: #f8f9fa;
    min-height: 100px;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

#ai-prompt-display {
    max-height: 120px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.ai-loading-placeholder {
    background-image: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) !important;
    background-size: 200% 100% !important;
    animation: ai-shimmer 1.5s infinite !important;
}

@keyframes ai-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}