dialog[data-v-cabf9c03]::backdrop{background-color:rgba(var(--black-alpha-1));--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
/* ==== RIGARR – customização da página de login ==== */

/* Fundo da tela de login usando a imagem do Imgur */
body,
body.login,
body.login-page {
  background-image: url("https://i.imgur.com/7iVnqcc.jpeg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #111827; /* fallback escuro */
}

/* Deixa o fundo padrão azul clarinho transparente */
#app {
  background: transparent !important;
}

/* Card de login: branco com leve transparência */
.card,
.auth-view,
.auth-view__panel {
  background: rgba(255, 255, 255, 0.94) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.35) !important;
}

/* Título principal do login */
h1,
h1.login-title {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

/* Botão de login */
button[type="submit"],
.button--primary,
.button-primary {
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 12px 18px !important;
}

/* Links (“Esqueceu sua senha?” etc.) */
a {
  color: #fbbf24;
}
a:hover {
  color: #f59e0b;
}

/* ==== RIGARR – fundo customizado da página de login ==== */

html,
body,
#app,
.auth-view,
.auth-view__wrapper,
.auth-view__panel,
.layout--auth,
.layout--center {
  background-image: url("https://i.imgur.com/7iVnqcc.jpeg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: #111827 !important; /* fallback escuro */
}

/* deixa qualquer container de login "em card" branco em cima do fundo */
.auth-view__panel,
.card,
.auth-view__panel .card {
  background: rgba(255, 255, 255, 0.94) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.35) !important;
}

/* título do login */
h1,
h1.login-title {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

/* botão principal */
button[type="submit"],
.button--primary,
.button-primary {
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 12px 18px !important;
}

/* links ("Forgot your password?" etc.) */
a {
  color: #fbbf24 !important;
}
a:hover {
  color: #f59e0b !important;
}