.feature-enabled {
    color: #10B981;
}

.feature-disabled {
    color: #EF4444;
}

.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Responsive table styles */
.prose table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    display: block;
}

.prose table th,
.prose table td {
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    text-align: left;
}

.prose table th {
    background-color: #f8fafc;
    font-weight: 600;
}

.prose table tr:nth-child(even) {
    background-color: #f9fafb;
}

@media (max-width: 768px) {
    .prose table {
        font-size: 0.9rem;
    }

    .prose table th,
    .prose table td {
        padding: 0.4rem;
    }
}