/* TG-Sender — Custom styles (Tailwind CDN handles most styling) */

:root {
  --background: #f9f9fb;
  --foreground: #1a1a2e;
  --card: #ffffff;
  --card-foreground: #1a1a2e;
  --primary: #1a1a2e;
  --primary-foreground: #f9f9fb;
  --muted: #f4f4f7;
  --muted-foreground: #71717a;
  --border: #e4e4e7;
  --input: #e4e4e7;
  --destructive: #ef4444;
  --emerald: #16a34a;
  --amber: #d97706;
  --ring: #3b82f6;
  --radius: 0.5rem;
  --sidebar: #ffffff;
  --sidebar-border: #e4e4e7;
  --sidebar-accent: #f4f4f7;
}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', system-ui, sans-serif; }

/* Animations */
@keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.animate-pulse-dot { animation: pulse-dot 1.5s ease-in-out infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 1s linear infinite; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.fade-in { animation: fadeIn 0.3s ease both; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d4d4d8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #a1a1aa; }

/* Toast */
.toast-container { position: fixed; top: 16px; right: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; }
.toast { padding: 10px 16px; border-radius: 8px; font-size: 13px; border: 1px solid var(--border); background: var(--card); color: var(--foreground); box-shadow: 0 4px 12px rgba(0,0,0,0.08); animation: fadeIn 0.3s ease; }
.toast-success { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.toast-error { border-color: #fecaca; background: #fef2f2; color: #991b1b; }

/* Progress bar */
.progress-track { height: 6px; background: var(--muted); border-radius: 3px; overflow: hidden; }
.progress-fill { height: 100%; border-radius: 3px; transition: width 0.5s ease; }

/* Custom select styling */
select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 32px; }

/* File drop zone */
.drop-zone { transition: all 0.2s; }
.drop-zone.dragging { border-color: var(--ring); background: rgba(59,130,246,0.04); }