/* epikmail Branding v1.0.1
   Uses the user-supplied epikmail logo/icon exactly; no generated/reinterpreted artwork. */

/* Main authenticated header logo */
#rl-content:not([hidden])::after {
  background-image: url("/branding/epikmail-logo.png?v=20260812-122602") !important;
}

/* Login logo */
#V-Login .descWrapper::before {
  background-image: url("/branding/epikmail-logo.png?v=20260812-122602") !important;
}

/*
 * SnappyMail boot / account-switch loading screen.
 * The same #rl-loading element is used on first load and on full-page reloads
 * triggered by the multi-account broker. Keep the native spinner, replace only
 * the visible old loading description with the epikmail logo.
 */
#rl-loading:not([hidden]) {
  box-sizing: border-box !important;
  min-width: min(360px, 84vw) !important;
  padding-top: 92px !important;
  color: transparent !important;
  text-shadow: none !important;
  background-image: url("/branding/epikmail-logo.png?v=20260812-122602") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: min(300px, 72vw) auto !important;
}

/* Mobile/native app: slightly smaller loader logo. */
@media screen and (max-width: 799px) {
  #rl-loading:not([hidden]) {
    min-width: min(320px, 86vw) !important;
    padding-top: 78px !important;
    background-size: min(250px, 68vw) auto !important;
  }
}