@keyframes spinner-d59cc288{to{transform:rotate(360deg)}}.spinner[data-v-d59cc288]{position:relative;display:inline-block;height:1.5rem;width:1.5rem;vertical-align:middle}.spinner[data-v-d59cc288]:before{position:absolute;top:50%;left:50%;margin-left:-.625rem;margin-top:-.625rem;box-sizing:border-box;height:1.5rem;width:1.5rem;animation:spinner-d59cc288 .9s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--slate-10) / 1);border-color:rgb(var(--slate-10) / var(--tw-border-opacity));--tw-border-opacity: 1;border-top-color:rgb(var(--border-strong) / 1);border-top-color:rgb(var(--border-strong) / var(--tw-border-opacity));--tw-content: "";content:"";content:var(--tw-content)}.spinner.message[data-v-d59cc288]{top:0;left:0;margin:0 auto;margin-top:.75rem;border-radius:2rem;--tw-bg-opacity: 1;background-color:rgb(var(--background-color) / 1);background-color:rgb(var(--background-color) / var(--tw-bg-opacity));padding:.625rem}.spinner.message[data-v-d59cc288]:before{margin-top:-.75rem;margin-left:-.75rem}.spinner.small[data-v-d59cc288]{height:1rem;width:1rem}.spinner.small[data-v-d59cc288]:before{margin-top:-.5rem;height:1rem;width:1rem}.spinner.tiny[data-v-d59cc288]{height:.625rem;width:.625rem;padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}.spinner.tiny[data-v-d59cc288]:before{margin-top:-.375rem;height:.625rem;width:.625rem}
/* ==== 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;
}