/* =============================================
   PROMPT GALLERY AI - MANAGE PROMPTS PAGE STYLES
   ============================================= */

/* Page Load Animation */
#manage-section {
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Prompts Table Styling */
.prompts-table {
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: 1rem;
}

.prompts-table tbody tr {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: rgba(255, 255, 255, 0.03);
}

.prompts-table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.05);
}

/* Pagination controls */
.table-pagination button {
    transition: all 0.2s ease;
    font-weight: 500;
}

.table-pagination button:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Badge colors */
.badge-trending {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.badge-new {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft {
    background: rgba(156, 163, 175, 0.15);
    color: #9ca3af;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}