/* Error text */

.error-text { color: var(--danger); font-size: 13px; text-align: center; margin-bottom: 8px; }

/* Toast */

.toast {

  position: fixed; top: 20px; left: 50%; transform: translateX(-50%) translateY(-20px);

  padding: 10px 20px; border-radius: 10px; font-size: 13px; font-weight: 500;

  z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.3s ease;

  background: var(--bg-soft); color: var(--text); border: 1px solid var(--border);

}

.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; }

.toast.error { background: var(--danger); color: #fff; border-color: var(--danger); }

.toast.success { background: var(--success); color: #fff; border-color: var(--success); }

.toast.info { background: var(--accent); color: var(--accent-text); }

/* Lightbox */

.lightbox {

  display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85);

  z-index: 9998; align-items: center; justify-content: center; cursor: pointer;

}

.lightbox.active { display: flex; }

.lightbox img { max-width: 90vw; max-height: 90vh; border-radius: 8px; }