/* Escalator-specific entry tokens. The shared layout lives in product-entry-v1.css.
   Nothing here styles Compact, the inbox, or Auths' own screens. */
main:has(> .product-entry), body.login-screen main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.product-entry, .product-entry * { box-sizing: border-box; }
.product-entry {
  --product-entry-ink: #202123;
  --product-entry-background-color: #f5f8f9;
  --product-entry-background-image: url("/assets/escalator-login-background.webp");
  --product-entry-window-shadow: 0 22px 70px rgb(68 121 134 / 14%);
  --product-entry-main-shadow: 0 4px 14px rgb(68 121 134 / 15%);
  --product-entry-sub-shadow: inset 0 0 0 1px #dededb, 0 3px 10px rgb(68 121 134 / 8%);
  color: var(--product-entry-ink);
  font: 400 16px/1.6 "LINE Seed JP", -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: center;
}
.product-entry__branding { display: grid; justify-items: center; gap: 20px; width: 100%; }
.product-entry__logo { display: block; width: 260px; height: auto; }
.product-entry__message, .product-entry__title { margin: 0; overflow-wrap: anywhere; }
.product-entry__message { color: #62676b; font-size: 14px; }
.product-entry__title { font-size: 20px; font-weight: 700; }
.product-entry__main-button, .product-entry__sub-button { cursor: pointer; padding: 12px 20px; }
/* Current common guidance aligns Main/Sub heights; keep the upstream copy intact. */
.product-entry__sub-button { min-height: 54px; gap: 10px; }
.product-entry__provider-mark { display: block; flex: none; width: 28px; height: 28px; border-radius: 7px; background: #fff; }
.product-entry__main-button .product-entry__provider-mark { background: transparent; }
.product-entry__main-button:disabled { opacity: .55; cursor: wait; }
.product-entry :focus-visible { outline: 3px solid #447986; outline-offset: 3px; }
@media (max-width: 360px) {
  .product-entry__surface { padding-left: 20px; padding-right: 20px; }
  .product-entry__main-button, .product-entry__sub-button { white-space: normal; }
}

/* DS wallpaper, background only */
/* Background only: existing login surface, controls and responsive geometry stay owned by the service. */
@media (min-width: 641px) and (min-height: 600px) {
  .product-entry.lemo-wallpaper-host { position: relative; isolation: isolate; }
  .lemo-wallpaper-host > .lemo-wallpaper-canvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
    z-index: -1; pointer-events: none;
  }
  .product-entry--links.lemo-wallpaper-host { background-image: url('./links.webp') !important; }
  .product-entry--files.lemo-wallpaper-host { background-image: url('./files.webp') !important; }
  .product-entry--today.lemo-wallpaper-host { background-image: url('./today.webp') !important; }
}
@media (min-width:641px) and (min-height:600px) { .product-entry.lemo-wallpaper-host {background-image:url('/assets/escalator-login-background.webp') !important;} }
@media (max-width: 640px), (max-height: 599px) {
  .lemo-wallpaper-canvas { display: none; }
}

@media (min-width:641px) and (min-height:600px) { .product-entry__surface { background-color:#fffffff2; } }