/* GG Advocacia - Navy brand override for Chatwoot v4.12 */

/* Palette
   Navy principal (escuro):        rgb(7 20 39)       #071427
   Navy secundario (sidebar):      rgb(11 33 72)      #0B2148
   Navy action (botoes solid):     rgb(30 58 120)     #1E3A78
   Navy action hover:              rgb(19 40 92)      #13285C
   Navy accent (links):            rgb(40 89 156)     #28599C
   Navy-tinted bg (light):         rgb(242 246 252)   #F2F6FC
*/

/* ---------- Override Radix blue scale (accents) ---------- */
:root,
.light,
[data-theme="light"] {
  --blue-1: 248 250 253;
  --blue-2: 241 245 251;
  --blue-3: 226 234 247;
  --blue-4: 200 214 237;
  --blue-5: 168 188 224;
  --blue-6: 130 158 208;
  --blue-7: 92 125 186;
  --blue-8: 60 96 166;
  --blue-9: 30 58 120;
  --blue-10: 19 40 92;
  --blue-11: 15 32 80;
  --blue-12: 7 20 39;

  --solid-blue: 226 234 247;
  --solid-blue-2: 248 250 253;
  --text-blue: 15 32 80;
  --border-blue-strong: 30 58 120;

  --background-color: 242 246 252;
  --label-background: 242 246 252;

  /* Slate scale com tinta navy */
  --slate-1: 249 251 254;
  --slate-2: 244 247 252;
  --slate-3: 232 238 248;
  --slate-4: 219 228 242;
  --slate-5: 202 214 232;
  --slate-6: 180 194 216;
  --slate-7: 152 170 198;
  --slate-8: 112 136 170;
  --slate-9: 70 96 136;
  --slate-10: 50 74 110;
  --slate-11: 30 50 84;
  --slate-12: 11 33 72;
}

/* ---------- Dark theme: navy profundo ---------- */
.dark,
[data-theme="dark"] {
  --blue-1: 7 13 24;
  --blue-2: 9 18 33;
  --blue-3: 11 33 72;
  --blue-4: 15 42 91;
  --blue-5: 20 54 115;
  --blue-6: 28 70 140;
  --blue-7: 40 90 170;
  --blue-8: 60 118 200;
  --blue-9: 85 145 220;
  --blue-10: 68 128 205;
  --blue-11: 160 195 240;
  --blue-12: 220 235 252;

  --solid-blue: 11 33 72;
  --solid-blue-2: 18 22 32;
  --text-blue: 160 195 240;
  --border-blue-strong: 85 145 220;

  --background-color: 7 13 24;
  --label-background: 11 22 42;

  --slate-1: 7 13 24;
  --slate-2: 11 20 36;
  --slate-3: 18 32 56;
  --slate-4: 26 46 80;
  --slate-5: 35 60 105;
  --slate-6: 50 80 130;
  --slate-7: 72 105 158;
  --slate-8: 100 135 185;
  --slate-9: 130 160 202;
  --slate-10: 175 195 225;
  --slate-11: 200 215 235;
  --slate-12: 235 240 250;
}

/* ---------- NAVY CHROME: primary sidebar ----------
   Chatwoot v4.12 primary sidebar = <aside class="bg-n-background ...">
   (unico <aside> que usa bg-n-background no dashboard). */
aside.bg-n-background {
  background-color: #0B2148 !important;
  color: rgb(226 234 247) !important;
  border-color: rgba(226, 234, 247, 0.15) !important;
}

/* Texto / links / icones do sidebar primary */
aside.bg-n-background *,
aside.bg-n-background span,
aside.bg-n-background p,
aside.bg-n-background a,
aside.bg-n-background button {
  color: rgb(226 234 247);
}

aside.bg-n-background .text-n-slate-12,
aside.bg-n-background .text-n-slate-11,
aside.bg-n-background .text-n-slate-10,
aside.bg-n-background .text-n-slate-9 {
  color: rgb(226 234 247) !important;
}

aside.bg-n-background svg,
aside.bg-n-background .text-n-slate-6,
aside.bg-n-background .text-n-slate-7,
aside.bg-n-background .text-n-slate-8 {
  color: rgb(178 196 227) !important;
}

/* Hover / active states no sidebar */
aside.bg-n-background .hover\:bg-n-slate-3:hover,
aside.bg-n-background .hover\:bg-n-slate-4:hover,
aside.bg-n-background .hover\:bg-n-alpha-2:hover,
aside.bg-n-background .hover\:bg-n-alpha-3:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

aside.bg-n-background .bg-n-alpha-2,
aside.bg-n-background .bg-n-alpha-3,
aside.bg-n-background .bg-n-slate-3,
aside.bg-n-background .bg-n-slate-4 {
  background-color: rgba(255, 255, 255, 0.10) !important;
  color: rgb(255 255 255) !important;
}

/* Inputs (search box) no sidebar */
aside.bg-n-background input {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: rgb(226 234 247) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
aside.bg-n-background input::placeholder {
  color: rgba(226, 234, 247, 0.55) !important;
}

/* Cards internos do sidebar (profile bottom card) */
aside.bg-n-background .bg-n-solid-1,
aside.bg-n-background .bg-n-solid-2,
aside.bg-n-background .bg-n-solid-3 {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

aside.bg-n-background .border-n-weak,
aside.bg-n-background .border-n-strong {
  border-color: rgba(226, 234, 247, 0.15) !important;
}

/* Conteudo principal com tinta navy leve */
main.bg-n-background,
div.bg-n-background:not(.w-3):not([class*="shadow-md"]) {
  background-color: rgb(242 246 252) !important;
}

/* ---------- .bg-n-brand (hardcoded no dashboard.css) ---------- */
.bg-n-brand {
  background-color: rgb(30 58 120 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-n-brand:hover,
.hover\:enabled\:bg-n-brand:enabled:hover {
  background-color: rgb(19 40 92 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:enabled\:bg-n-brand\/20:enabled:hover {
  background-color: rgba(30, 58, 120, 0.15) !important;
}
.text-n-brand {
  color: rgb(30 58 120 / var(--tw-text-opacity, 1)) !important;
}
.border-n-brand {
  border-color: rgb(30 58 120 / var(--tw-border-opacity, 1)) !important;
}
.ring-n-brand {
  --tw-ring-color: rgb(30 58 120 / var(--tw-ring-opacity, 1)) !important;
}
.fill-n-brand { fill: rgb(30 58 120) !important; }
.stroke-n-brand { stroke: rgb(30 58 120) !important; }

/* ---------- Legacy .button--primary ---------- */
button.button--primary,
.button--primary {
  background-color: #1E3A78 !important;
  border-color: #1E3A78 !important;
}
button.button--primary:hover,
.button--primary:hover {
  background-color: #13285C !important;
  border-color: #13285C !important;
}

/* ---------- Links ---------- */
a.text-woot-500,
a.text-n-blue-9,
a.text-n-brand {
  color: #1E3A78 !important;
}

/* ---------- Legacy woot-blue (Chatwoot v3 residues) ---------- */
.bg-woot-500, .bg-woot-600 { background-color: #1E3A78 !important; }
.bg-woot-700, .bg-woot-800 { background-color: #0B2148 !important; }
.text-woot-500, .text-woot-600 { color: #1E3A78 !important; }
.border-woot-500 { border-color: #1E3A78 !important; }
.hover\:bg-woot-600:hover { background-color: #13285C !important; }

/* ---------- Logo breathing room ---------- */
img[src*="advogadogabryelguerra"],
img[src*="/brand/logo"] {
  object-fit: contain;
  background: transparent;
}

/* Logo dentro do sidebar navy: forca tudo que for img (exceto avatars de usuario)
   a virar silhueta clara. Cobre: logo.png cacheado, qualquer <img> renderizado
   no componente account switcher, etc. Avatars de usuario tem classe .user-thumbnail
   ou estao em elementos diferentes, nao sao afetados pela regra quando estao
   dentro de cards (bg-alpha-*) tipo o profile bottom card. */
aside.bg-n-background > div:first-child img,
aside.bg-n-background header img,
aside.bg-n-background [class*="account"] img,
aside.bg-n-background > div > button img {
  filter: brightness(0) invert(1) !important;
}

/* Mais amplo: qualquer img diretamente descendente do aside top area,
   exceto cards com bg-alpha-* (onde vivem avatars de usuario) */
aside.bg-n-background img:not([class*="user-thumbnail"]):not([alt*="avatar" i]) {
  filter: brightness(0) invert(1) !important;
}

/* Avatares de usuario dentro do sidebar: manter cor original */
aside.bg-n-background .bg-n-alpha-1 img,
aside.bg-n-background .bg-n-alpha-2 img,
aside.bg-n-background .user-thumbnail,
aside.bg-n-background [class*="avatar" i] img {
  filter: none !important;
}