/* ==========================================================================
   AMIND Omnichannel - Persistent Whitelabel Theme
   Arquivo persistido no host: /opt/omnichannel/custom/custom-theme.css
   Injetado automaticamente via Nginx sub_filter (nunca se perde em updates)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --w-brand-primary: #1e40af;
  --w-brand-secondary: #0f172a;
}

body, html, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Personalização da Tela de Login (/app/login) com Background AMIND */
main.flex.flex-col.bg-n-brand\/5,
main.flex.flex-col.min-h-screen.w-full.py-20,
div.w-full.min-h-screen.flex.flex-col.justify-center {
  background-image: linear-gradient(135deg, rgba(10, 18, 36, 0.80) 0%, rgba(15, 23, 42, 0.72) 100%), url('/whitelabel/backgrounds/login_background.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Card de Login com efeito Glassmorphism */
main section.bg-white,
main div.bg-white.shadow,
main .sm\:mx-auto.sm\:w-full.sm\:max-w-md {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Destaque para o Logotipo AMIND SISTEMAS na Tela de Login */
main img[alt*='AMIND'],
main section img.h-8,
main div.sm\:mx-auto img {
  height: 86px !important;
  max-height: 92px !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
  content: url('/brand-assets/logo_amind_dark.png') !important;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.45));
}

/* Título da tela de Login sempre legível sobre o fundo escuro */
main h2.text-center {
  color: #f8fafc !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}