/**
 * AgenteOffice — login simples (não esconde o form)
 */
:root {
  --solid-blue: 13, 115, 103;
  --solid-blue-2: 10, 101, 94;
  --ao-green: #0a655e;
  --ao-green-dark: #0a655e;
  --ao-green-login: #0a655e;
  --ao-green-soft: #d4f3ef;
  --ao-bg: #f4f7f9;
}

html {
  color-scheme: light !important;
}

body,
body.dark {
  color-scheme: light !important;
  background-color: var(--ao-bg) !important;
}

body.dark {
  --background-color: 244, 247, 249;
  --slate-1: 255, 255, 255;
  --slate-12: 31, 41, 55;
}

.bg-n-brand,
[class*="bg-n-brand"],
button.bg-n-brand {
  background-color: var(--ao-green-soft) !important;
  color: var(--ao-green-dark) !important;
}

button[type="submit"].bg-n-brand {
  background-color: var(--ao-green-dark) !important;
  color: #fff !important;
}

.woot-sidebar,
aside[class*="sidebar"] {
  background: #fff !important;
}

/* Login — mesmo tom do botão (#0a655e) */
html.ao-login,
body.ao-login {
  background: #0a655e !important;
  background-color: #0a655e !important;
}

body.ao-login #app,
body.ao-login #app > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 1.5rem 1rem 2rem !important;
  background: #0a655e !important;
  background-color: #0a655e !important;
}

body.ao-login #app div:has(> form) {
  background: transparent !important;
  box-shadow: none !important;
}

body.ao-login #app img[src*="logo"]:first-of-type,
body.ao-login #app img[src*="agenteoffice"]:first-of-type {
  display: block !important;
  max-width: 340px !important;
  width: min(340px, 92vw) !important;
  height: auto !important;
  margin: 0 auto 0.5rem !important;
}

body.ao-login #app img[src*="logo"]:not(:first-of-type) {
  display: none !important;
}

body.ao-login #app h1,
body.ao-login #app h2 {
  color: #fff !important;
  text-align: center !important;
  margin: 0 auto 1.25rem !important;
  max-width: 420px !important;
  padding: 0 1rem !important;
}

body.ao-login #app form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  color: #1f2937 !important;
  color-scheme: light !important;
  border-radius: 20px !important;
  padding: 1.75rem 1.5rem !important;
  max-width: 400px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}

body.ao-login #app form label {
  color: #374151 !important;
}

body.ao-login #app form input:not([type="checkbox"]) {
  background: #f8fafb !important;
  color: #1f2937 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
}

body.ao-login #app form button[type="submit"] {
  background: var(--ao-green-dark) !important;
  color: #fff !important;
  border-radius: 12px !important;
}

body.ao-login #app form a {
  color: var(--ao-green-dark) !important;
}

.i-lucide-palette,
[class*="Appearance"] {
  display: none !important;
}