/* ATREYA_AUTH_DARK_RIGHT_R11R7_LIGHT_GEOMETRY_DARK_SKIN_START
   Purpose: make the complete R11 right decorative region use the exact same
   artwork construction/geometry as Light theme, while applying only a Dark skin.

   IMPORTANT:
   - No replacement temple crop.
   - No black filler strip.
   - No smudge/inpaint strip.
   - No auth-card geometry changes.
   - No JS changes.
   - The exact existing Light source is reused for the right art layer so the
     temple/sky composition is pixel-identical between Light and Dark.
*/
@media (min-width:1180px) {
  html[data-theme="dark"] body.atreya-auth-r11-active .atreya-auth-r11-art-right {
    /* EXACT LIGHT-THEME SOURCE + EXACT LIGHT-THEME GEOMETRY */
    background-image:url('/assets/atreya-auth-r11-light-art.png?v=auth-r11-1') !important;
    background-size:1808px 870px !important;
    background-position:right -84px !important;
    background-repeat:no-repeat !important;
    background-color:#020b1d !important;
    filter:none !important;
    opacity:1 !important;
  }

  /* Dark skin over the exact Light artwork. This is a full-region tint, not a patch. */
  html[data-theme="dark"] body.atreya-auth-r11-active .atreya-auth-r11-art-right::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(circle at 78% 26%,rgba(20,72,126,.10),transparent 30%),
      linear-gradient(180deg,rgba(2,11,29,.54) 0%,rgba(2,11,29,.64) 48%,rgba(2,10,25,.72) 100%) !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  /* Keep the same soft left feather used by the page construction. */
  html[data-theme="dark"] body.atreya-auth-r11-active .atreya-auth-r11-art-right::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,rgba(2,11,29,.98) 0%,rgba(2,11,29,.72) 11%,rgba(2,11,29,.26) 24%,transparent 38%) !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  /* The real live auth card stays above the decorative scene, exactly as in Light. */
  html[data-theme="dark"] body.atreya-auth-r11-active .atreya-auth-r11-card {
    z-index:15 !important;
  }
}
/* ATREYA_AUTH_DARK_RIGHT_R11R7_LIGHT_GEOMETRY_DARK_SKIN_END */
