/* ═══ Pr.IA Brand Identity — Chatwoot 4.12.1 ═══ */
/* Respeita tema claro/escuro do Chatwoot */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,900&family=Space+Grotesk:wght@400;500;700&display=swap');

/* ═══ GLOBAL (ambos os temas) ═══ */
body { font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important; }

/* Pr.IA CSS Logo */
.pria-logo { display: inline-flex; align-items: baseline; line-height: 1; gap: 0; }
.pria-logo .pria-pr { font-family: 'DM Sans', sans-serif; font-weight: 200; letter-spacing: -0.03em; }
.pria-logo .pria-ia { font-family: 'DM Sans', sans-serif; font-weight: 900; background: linear-gradient(135deg, #A8CFFF, #2255EE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: -0.03em; }

/* Sidebar category labels */
[class*="secondary-sidebar"] .text-xs.uppercase, [class*="secondary-sidebar"] h6 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
}

/* Badges */
span[class*="badge"], .label-badge { font-family: 'Space Grotesk', sans-serif !important; }

/* Powered by */
[class*="powered-by"], .branding--text { visibility: hidden; position: relative; }
[class*="powered-by"]::after, .branding--text::after { visibility: visible; content: 'Powered by Pr.IA'; position: absolute; left: 0; font-family: 'Space Grotesk', sans-serif; font-size: 10px; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: rgba(85,153,255,0.10); border-radius: 3px; }
::selection { background: rgba(34,85,238,0.3); }
*:focus-visible { outline-color: #2255EE !important; }

/* Brand primary color override */
[class*="primary--sidebar"] .active { background: rgba(34,85,238,0.08) !important; }
[class*="primary--sidebar"] .active svg { color: #A8CFFF !important; }

/* ═══ Notificações (ambos os temas) ═══ */
@keyframes priaUnreadPulse {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); }
  50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
@keyframes priaSlideIn {
  0% { opacity: 0.7; transform: translateX(-4px); }
  100% { opacity: 1; transform: translateX(0); }
}
@keyframes priaShimmerBorder {
  0% { background-position: 0% 0%; opacity: 0.5; }
  50% { background-position: 0% 100%; opacity: 1; }
  100% { background-position: 0% 200%; opacity: 0.5; }
}

.conversation span.bg-n-teal-9 {
  background-color: #EF4444 !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  min-width: 20px !important;
  height: 20px !important;
  animation: priaUnreadPulse 2s ease-in-out infinite !important;
}

.conversation:has(span.bg-n-teal-9:not(.hidden)) {
  border-left: 3px solid #2255EE !important;
  animation: priaSlideIn 0.3s ease-out;
}

/* ═══ TEMA ESCURO (dark) ═══ */
body.dark [class*="primary--sidebar"] { background: #080A10 !important; }
body.dark [class*="secondary-sidebar"], body.dark [class*="secondary--sidebar"] { background: #111318 !important; }
body.dark [class*="powered-by"]::after, body.dark .branding--text::after { color: rgba(255,255,255,0.25); }
.dark .pria-logo .pria-pr { color: #EDEAE0; }

body.dark .conversation:has(span.bg-n-teal-9:not(.hidden)) {
  background: linear-gradient(90deg, rgba(34,85,238,0.08) 0%, transparent 100%) !important;
}
body.dark .conversation:has(span.bg-n-teal-9:not(.hidden)):hover {
  background: linear-gradient(90deg, rgba(34,85,238,0.14) 0%, rgba(255,255,255,0.02) 100%) !important;
}

/* Dark Login */
body.dark main.flex.min-h-screen {
  background: radial-gradient(ellipse at 50% 30%, rgba(34,85,238,0.18) 0%, rgba(10,46,200,0.08) 40%, #080A10 100%) !important;
}
body.dark main.flex.min-h-screen section.bg-white,
body.dark main.flex.min-h-screen section[class*="dark:bg-n-solid"] {
  background: #0D0F18 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 18px !important;
}
body.dark main.flex.min-h-screen label { color: rgba(255,255,255,0.45) !important; }
body.dark main.flex.min-h-screen input { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.1) !important; color: #EDEAE0 !important; border-radius: 10px !important; }
body.dark main.flex.min-h-screen input:focus { border-color: #5599FF !important; box-shadow: 0 0 0 2px rgba(85,153,255,0.15) !important; }
body.dark main.flex.min-h-screen button[type="submit"] { background: linear-gradient(135deg, #0A2EC8, #2255EE) !important; border: none !important; border-radius: 10px !important; }

/* ═══ TEMA CLARO (sem classe dark) ═══ */
body:not(.dark) .pria-logo .pria-pr { color: #1a1a2e; }
body:not(.dark) [class*="powered-by"]::after, body:not(.dark) .branding--text::after { color: rgba(0,0,0,0.35); }

body:not(.dark) .conversation:has(span.bg-n-teal-9:not(.hidden)) {
  background: linear-gradient(90deg, rgba(34,85,238,0.06) 0%, transparent 100%) !important;
}
body:not(.dark) .conversation:has(span.bg-n-teal-9:not(.hidden)):hover {
  background: linear-gradient(90deg, rgba(34,85,238,0.10) 0%, rgba(0,0,0,0.02) 100%) !important;
}

/* Light Login */
body:not(.dark) main.flex.min-h-screen {
  background: radial-gradient(ellipse at 50% 30%, rgba(34,85,238,0.08) 0%, rgba(10,46,200,0.04) 40%, #f5f5f5 100%) !important;
}
body:not(.dark) main.flex.min-h-screen section.bg-white {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}
body:not(.dark) main.flex.min-h-screen button[type="submit"] { background: linear-gradient(135deg, #0A2EC8, #2255EE) !important; border: none !important; border-radius: 10px !important; }

/* Hide Vue img logos on login */
main.flex.min-h-screen section.max-w-5xl img { display: none !important; }
main.flex.min-h-screen section.max-w-5xl .pria-logo { display: inline-flex !important; }