/**
 * CSS стили для AI генерации
 * Стили для drag&drop зоны, изображений и модальных окон
 */

/* Базовые стили для textarea без принудительного форматирования */
#product-attributes,
#product-description,
textarea.preserve-whitespace {
    font-family: 'Courier New', monospace !important;
    /* white-space: pre-wrap !important; */
}

/* Drag & Drop зона */
.drag-over {
    border-color: #007bff !important;
    background-color: #f8f9fa !important;
    transform: scale(1.02);
    transition: all 0.2s ease;
}

#image-drop-zone {
    cursor: pointer;
    transition: all 0.2s ease;
}

#image-drop-zone:hover {
    border-color: #6c757d;
    background-color: #f8f9fa;
}

/* Toast уведомления */
.toast-container {
    z-index: 1055;
}

/* Превью загруженных изображений */
.uploaded-image-preview {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    border-radius: 0.375rem;
}

/* Информация о файле */
.file-info {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 1rem;
}

/* Интерактивные изображения */
.clickable-image {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.clickable-image:hover {
    opacity: 0.8;
}

/* Курсор pointer для всех интерактивных изображений */
#uploaded-image-preview,
#generated-image,
.card-body img,
.uploaded-image-preview {
    cursor: pointer !important;
}

/* Модальное окно для изображений */
#imageModal .modal-body {
    padding: 0;
}

#modalImage {
    cursor: pointer;
}

/* Анимации загрузки */
.loading-spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.125rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

/* Стили для результатов генерации */
.generation-result {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

.generation-result.success {
    background-color: #d1edff;
    border: 1px solid #0d6efd;
}

.generation-result.error {
    background-color: #f8d7da;
    border: 1px solid #dc3545;
}

/* Стили для контента */
.content-item {
    transition: transform 0.2s ease;
}

.content-item:hover {
    transform: translateY(-2px);
}

/* Стили для избранного */
.favorite-btn.active {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}

/* Адаптивность */
@media (max-width: 768px) {
    .uploaded-image-preview {
        max-height: 150px;
    }
    
    #imageModal .modal-dialog {
        margin: 0.5rem;
    }
}

.nav-pills .nav-link.active {
    background-color: #0d6efd;
    color: white;
}
.nav-pills .nav-link {
    color: #495057;
}
.card-balance {
    border-left: 5px solid #0d6efd;
}
.card-orders {
    border-left: 5px solid #198754;
}
.card-transactions {
    border-left: 5px solid #fd7e14;
}
.card-users {
    border-left: 5px solid #6f42c1;
}
.loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}