/* LaTeX API SaaS - Custom Styles */

/* Loading spinner */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.spinner {
    animation: spin 1s linear infinite;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
}

/* Toast animations */
@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.toast-enter {
    animation: slideIn 0.3s ease-out;
}

/* Editor textarea */
.latex-editor {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.5;
    tab-size: 2;
    resize: none;
}

/* PDF preview container */
.preview-container iframe,
.preview-container object {
    width: 100%;
    height: 100%;
    border: none;
}

/* Custom scrollbar */
.latex-editor::-webkit-scrollbar {
    width: 8px;
}
.latex-editor::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.latex-editor::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}
.latex-editor::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Plan badges */
.badge-free { background-color: #f3f4f6; color: #374151; }
.badge-pro { background-color: #dbeafe; color: #1e40af; }
.badge-enterprise { background-color: #ede9fe; color: #5b21b6; }