/* Modal styles (Schema validation modal) */

#schemaModal {
    animation: fadeIn 0.15s ease-out;
}

#schemaModal > div {
    animation: slideIn 0.2s ease-out;
}

#schemaInput {
    min-height: 200px;
}

/* Schema validation status */
.schema-status-valid {
    color: #16a34a;
}

.schema-status-invalid {
    color: #dc2626;
}

.dark .schema-status-valid {
    color: #4ade80;
}

.dark .schema-status-invalid {
    color: #f87171;
}

/* Schema toggle button active state */
.schema-active #schemaToggle {
    background: rgba(234, 88, 12, 0.15);
    color: #ea580c;
}

.dark .schema-active #schemaToggle {
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
}

/* Sliding Panel Section Titles */
#panelContent h2,
#panelContent h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Toast notification */
#toast.show {
    transform: translateY(0);
    opacity: 1;
}