/* Iza Lourença — Tema do dashboard Chatwoot, alinhado ao admin site-iza-2026. */
:root {
  --iza-ink: #111111;
  --iza-cream: #F8F5EE;
  --iza-pink: #D86F9D;
  --iza-pink-deep: #C1437A;
  --iza-blue: #1F4E79;
  --iza-yellow: #F2B705;
  --iza-line: #111111;
}

html, body, #app { background: var(--iza-cream) !important; }
body { color: var(--iza-ink) !important; }
body::selection { background: var(--iza-pink); color: #fff; }

/* Dashboard canvas. Chatwoot's current layout has this exact main class. */
#app main.bg-n-surface-1,
#app .bg-n-surface-1,
#app .bg-n-background:not(aside),
#app .bg-n-solid-1,
#app .bg-n-solid-2 {
  background-color: var(--iza-cream) !important;
}

/* Iza admin navigation: black rail, pink active item, official pin. */
#app aside.bg-n-background {
  background: var(--iza-ink) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #fff !important;
}
#app aside.bg-n-background::before {
  content: 'PAINEL ADMIN\A IZA LOURENÇA';
  white-space: pre-line;
  display: block;
  margin: 0 .7rem .5rem;
  padding: 1rem .5rem 1rem 3rem;
  min-height: 4.3rem;
  color: #fff;
  font: 900 11px/1.28 Inter, Arial, sans-serif;
  letter-spacing: .08em;
  background: url('/brand-assets/PIN-COMPLETO.webp') left .45rem center / 2.1rem auto no-repeat;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
#app aside.bg-n-background .bg-n-button-color,
#app aside.bg-n-background .bg-n-alpha-2,
#app aside.bg-n-background .bg-n-solid-1,
#app aside.bg-n-background .bg-n-solid-2 {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
}
#app aside.bg-n-background a,
#app aside.bg-n-background button,
#app aside.bg-n-background [class*='text-n-slate'] {
  color: rgba(255,255,255,.78) !important;
  font-weight: 700 !important;
}
#app aside.bg-n-background a:hover,
#app aside.bg-n-background button:hover {
  color: #fff !important;
  background-color: rgba(255,255,255,.12) !important;
}
#app aside.bg-n-background .router-link-active,
#app aside.bg-n-background [class*='bg-n-alpha-2'][class*='text-n-slate-12'],
#app aside.bg-n-background li a[aria-current='page'] {
  background: var(--iza-pink) !important;
  color: #fff !important;
  box-shadow: 2px 2px 0 rgba(0,0,0,.5) !important;
}
#app aside.bg-n-background .border-n-weak,
#app aside.bg-n-background .border-t,
#app aside.bg-n-background .border-r {
  border-color: rgba(255,255,255,.16) !important;
}
#app aside.bg-n-background .bg-gradient-to-t {
  --tw-gradient-from: var(--iza-ink) var(--tw-gradient-from-position) !important;
}

/* Main headers, conversation column and welcome surface. */
#app main [class*='text-n-slate-12'],
#app main .text-slate-900,
#app main .text-slate-800 { color: var(--iza-ink) !important; }
#app main [class*='text-n-slate-10'],
#app main [class*='text-n-slate-11'] { color: #5e584f !important; }
#app main [class*='border-n-weak'],
#app main .border-n-weak { border-color: #d9d0c2 !important; }
#app .conversation-view,
#app [class*='conversation-list'],
#app .conversation-list { background: var(--iza-cream) !important; }

/* Cards: black outlines and the hard shadow used in the reference admin. */
#app main .rounded-lg.bg-white,
#app main .rounded-xl.bg-white,
#app main [class*='rounded-lg'][class*='bg-n-solid'],
#app main [class*='rounded-xl'][class*='bg-n-solid'] {
  border: 2px solid var(--iza-line) !important;
  box-shadow: 4px 4px 0 var(--iza-ink) !important;
}
#app main [class*='shadow-sm'],
#app main [class*='shadow-md'] { box-shadow: 3px 3px 0 var(--iza-ink) !important; }

/* Interactive color language. */
#app .bg-n-brand,
#app [class*='bg-n-brand'],
#app [class*='bg-woot-500'] {
  background-color: var(--iza-pink) !important;
  color: #fff !important;
  border-color: var(--iza-ink) !important;
  box-shadow: 2px 2px 0 var(--iza-ink) !important;
}
#app .bg-n-brand:hover,
#app [class*='bg-n-brand']:hover { background-color: var(--iza-pink-deep) !important; }
#app a:not(aside a) { color: var(--iza-blue) !important; font-weight: 800; }
#app a:not(aside a):hover { color: var(--iza-pink-deep) !important; }
#app [role='tab'][aria-selected='true'] {
  color: var(--iza-pink-deep) !important;
  border-bottom: 3px solid var(--iza-pink) !important;
  font-weight: 900 !important;
}

/* Forms, badges and selected conversations. */
#app input, #app textarea, #app select, #app [contenteditable='true'] {
  background: #fff !important;
  border-color: var(--iza-ink) !important;
  color: var(--iza-ink) !important;
}
#app input:focus, #app textarea:focus, #app select:focus, #app [contenteditable='true']:focus {
  outline: 3px solid var(--iza-pink) !important;
  outline-offset: 1px;
  box-shadow: none !important;
}
#app [class*='badge'], #app .badge {
  border: 1px solid var(--iza-ink) !important;
  font-weight: 800 !important;
}
#app [class*='conversation-item']:hover,
#app [class*='conversation-item'][class*='active'] { background: #F8DCE8 !important; }

@media (max-width: 768px) {
  #app aside.bg-n-background::before { margin-top: .25rem; }
}