@import url("./app-essenza-20260827-1153b-profile-actions.css");

/* Task 1172: My Profile uses the complete computed Course canvas contract.
   A fresh fingerprint is intentional: Task 1171 reused a collected filename,
   so production kept serving its older pseudo-element rules. */
body:has(.profile-page) {
  min-height: 100vh;
  min-height: 100dvh;
  background:
    var(--yen-1094-bg-wash),
    var(--yen-floral-url) var(--yen-1094-floral-position) / cover no-repeat fixed,
    #fbfcf7 !important;
}

body:has(.profile-page) :is(.site-shell, .site-main) {
  background: transparent !important;
}

body:has(.profile-page) .site-main {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body:has(.profile-page) .site-main::before {
  content: "" !important;
  position: fixed !important;
  inset: -16px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 1 !important;
  transform: scale(1.06) !important;
  filter: var(--yen-1094-floral-filter) !important;
  background: var(--yen-floral-url) var(--yen-1094-floral-position) / cover no-repeat !important;
}

body:has(.profile-page) .site-main::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  display: block !important;
  background: var(--yen-1094-bg-wash) !important;
}

body:has(.profile-page) .site-main > .container {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 720px) {
  body:has(.profile-page) {
    background:
      var(--yen-1094-bg-wash),
      var(--yen-floral-url) var(--yen-1094-floral-position) / cover no-repeat scroll,
      #fbfcf7 !important;
  }

  body:has(.profile-page) .site-main::before {
    inset: -18px !important;
    transform: scale(1.07) !important;
  }
}