/* ============================================================
   Logika Mail — branding override za BillionMail LOGIN ekran
   Portal stil (logikadigital.rs/portal/): off-white podloga +
   cyan/plavi "aurora" + Logika logo, plavo dugme, "Logika Mail".
   Scoped na login (data-v-587fdef7) → ostatak panela netaknut.
   Sve !important (originalna pravila nisu important -> mi pobedjujemo).
   ============================================================ */

/* podloga: off-white kao portal */
.login-container[data-v-587fdef7] {
  background: #f8f9fa !important;
}

/* gornje-desni krug -> cyan aurora */
.login-container[data-v-587fdef7]::before {
  background-color: #06b6d4 !important;
  opacity: .20 !important;
  filter: blur(70px) !important;
}

/* donje-levi krug -> plavi aurora */
.login-container[data-v-587fdef7]::after {
  background-color: #2563eb !important;
  opacity: .20 !important;
  filter: blur(70px) !important;
}

/* bela kartica -> portal stil */
.login-card[data-v-587fdef7] {
  border-radius: 16px !important;
  box-shadow: 0 20px 60px -15px rgba(10, 15, 30, .18) !important;
  border: 1px solid #eef0f4 !important;
}

/* logo: Logika wordmark (background), VECI; sakrij BM img */
.logo[data-v-587fdef7] {
  width: 300px !important;
  height: 90px !important;
  background: url('/static/image/logika-logo.png') center/contain no-repeat !important;
}
.logo[data-v-587fdef7] img {
  display: none !important;
}
.logo-text[data-v-587fdef7] {
  display: none !important;
}

/* naslov "BillionMail" -> SKLONJEN ceo label */
.login-title[data-v-587fdef7] {
  display: none !important;
}

/* login dugme: zeleno -> brend plavo (Naive UI primary) */
.login-container .n-button--primary-type {
  --n-color: #2563eb !important;
  --n-color-hover: #1d4ed8 !important;
  --n-color-pressed: #1e40af !important;
  --n-color-focus: #1d4ed8 !important;
  --n-color-disabled: #2563eb !important;
  --n-border: 1px solid #2563eb !important;
  --n-border-hover: 1px solid #1d4ed8 !important;
  --n-border-pressed: 1px solid #1e40af !important;
  --n-border-focus: 1px solid #1d4ed8 !important;
  --n-text-color: #fff !important;
  --n-text-color-hover: #fff !important;
  --n-text-color-pressed: #fff !important;
  --n-text-color-focus: #fff !important;
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
.login-container .n-button--primary-type:hover {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}