@import url('/public/theme.css');

/* Unified status message styles and animations */
.lc-status { min-height: 24px; font-size: 0.95rem; display:inline-flex; align-items:center; gap:8px; transition: opacity .2s ease, transform .2s ease; }
.lc-status--info { color: var(--text-muted); }
.lc-status--success { color: var(--success); }
.lc-status--error { color: var(--error); }
.lc-status.is-loading { opacity: 0.9; animation: fadePulse 1.2s ease-in-out infinite; }

.lc-spinner { width:14px; height:14px; border-radius:50%; border:2px solid rgba(124,58,237,.25); border-top-color: var(--primary); display:inline-block; animation: spin .9s linear infinite; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadePulse { 0%, 100% { opacity:.85; transform: translateY(0); } 50% { opacity:1; transform: translateY(-1px); } }

/* Buttons disabled state alignment */
.lc-disabled { opacity:.6; cursor:not-allowed; }