/* Rasyonet Log Analiz Toolu — shared styles */
:root {
  --primary: #004ac6;
  --primary-container: #2563eb;
  --on-primary: #ffffff;
  --surface-bright: #f7f9fb;
  --surface-container-low: #f2f4f6;
  --outline-variant: #c3c6d7;
  --on-surface-variant: #434655;
  --error: #ba1a1a;
  --error-container: #ffdad6;
}

html, body { background:#f7f9fb; }

body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#191c1e; }
.mono { font-family: 'JetBrains Mono', Menlo, Consolas, monospace; }

.material-symbols-outlined { vertical-align: middle; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

.custom-scrollbar::-webkit-scrollbar      { width: 8px; height: 8px; }
.custom-scrollbar::-webkit-scrollbar-track{ background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb{ background: #CBD5E1; border-radius: 8px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.drop-active { border-color: var(--primary) !important; background: #eff6ff !important; }

/* Level chip colors */
.lvl-ERROR    { background:#fee2e2; color:#b91c1c; border:1px solid #fecaca; }
.lvl-WARN     { background:#fef3c7; color:#b45309; border:1px solid #fde68a; }
.lvl-INFO     { background:#dbeafe; color:#1d4ed8; border:1px solid #bfdbfe; }
.lvl-DEBUG    { background:#f1f5f9; color:#334155; border:1px solid #e2e8f0; }
.lvl-CRITICAL { background:#d1fae5; color:#047857; border:1px solid #a7f3d0; }
.lvl-TRACE    { background:#ede9fe; color:#6d28d9; border:1px solid #ddd6fe; }

/* Row colorization toggle */
.row-color-on .row-ERROR    { background: #fff1f2; }
.row-color-on .row-WARN     { background: #fffbeb; }
.row-color-on .row-CRITICAL { background: #ecfdf5; }
.row-color-on .row-INFO     { background: #ffffff; }
.row-color-on .row-DEBUG    { background: #f8fafc; }

/* Tabs */
.tab-btn { padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; color:#475569; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.tab-btn.active { background:#fff; color:var(--primary); box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
.tab-btn:hover:not(.active) { color:#0f172a; }
.tab-btn .x { opacity: 0.6; }
.tab-btn .x:hover { opacity: 1; color: var(--error); }

/* Badges */
.badge       { display:inline-block; padding: 2px 8px; border-radius: 4px; font-size: 10px; font-weight:700; letter-spacing: 0.04em; }
.badge-type-Cleartext { background:#e0e7ff; color:#3730a3; }
.badge-type-Json      { background:#ccfbf1; color:#115e59; }
.badge-type-Encrypted { background:#fee2e2; color:#991b1b; }

/* Spin */
.spin { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Toast */
.toast { position: fixed; bottom: 24px; right: 24px; min-width: 240px; max-width: 420px; padding: 12px 16px; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 500; box-shadow: 0 10px 25px rgba(0,0,0,0.15); z-index: 9999; animation: slideIn 200ms ease-out; }
.toast-ok   { background: #059669; }
.toast-err  { background: #dc2626; }
.toast-info { background: #2563eb; }
@keyframes slideIn { from { transform: translateY(12px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }