/* Sharing the Moment FIXED100 — robust invitation-raster atmosphere layer. */
/* FIXED100 — reliable raster atmosphere with interaction-safe side scenery.
   The shell uses the invitation raster only as a noninteractive visual layer.
   Buttons/forms/nav remain in a higher stacking context and the atmosphere never receives pointer events. */
@media(min-width:920px){
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active{
    position:relative!important;
    isolation:isolate!important;
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--stm-job-surface2) 94%,white),
      var(--stm-job-surface2))!important;
  }
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    pointer-events:none!important;
    opacity:1!important;
    background-image:
      linear-gradient(90deg,
        color-mix(in srgb,var(--stm-job-surface2) 10%,transparent) 0%,
        color-mix(in srgb,var(--stm-job-surface2) 22%,transparent) 16%,
        color-mix(in srgb,var(--stm-job-surface2) 72%,transparent) 32%,
        color-mix(in srgb,var(--stm-job-surface2) 96%,transparent) 43%,
        color-mix(in srgb,var(--stm-job-surface2) 98%,transparent) 50%,
        color-mix(in srgb,var(--stm-job-surface2) 96%,transparent) 57%,
        color-mix(in srgb,var(--stm-job-surface2) 72%,transparent) 68%,
        color-mix(in srgb,var(--stm-job-surface2) 22%,transparent) 84%,
        color-mix(in srgb,var(--stm-job-surface2) 10%,transparent) 100%),
      var(--stm-art-backdrop),
      var(--stm-art-backdrop)!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%,auto 116%,auto 116%!important;
    background-position:center center,0% 48%,100% 48%!important;
    filter:saturate(1.08) contrast(1.03) brightness(.98)!important;
    transform:none!important;
    mask-image:none!important;
  }
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--stm-job-surface) 52%,transparent) 0 18%,transparent 48%),
      linear-gradient(180deg,color-mix(in srgb,var(--stm-job-surface2) 8%,transparent),color-mix(in srgb,var(--stm-job-surface2) 24%,transparent))!important;
    opacity:1!important;
    box-shadow:none!important;
    mask-image:none!important;
  }
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active>*{
    position:relative!important;
    z-index:3!important;
  }
}

/* Explicit interaction firewall: decorative atmosphere can never intercept guest/admin controls. */
body[data-stm-working-theme] .event-panel:before,
body[data-stm-working-theme] .event-panel:after{pointer-events:none!important}
body[data-stm-working-theme] .event-nav,
body[data-stm-working-theme] .event-button,
body[data-stm-working-theme] button,
body[data-stm-working-theme] a,
body[data-stm-working-theme] input,
body[data-stm-working-theme] select,
body[data-stm-working-theme] textarea{position:relative;pointer-events:auto}

/* Small screens prioritize legibility/touch targets; keep realism as a very faint ambient wash only. */
@media(max-width:919px){
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    pointer-events:none!important;
    background-image:linear-gradient(color-mix(in srgb,var(--stm-job-surface2) 82%,transparent),color-mix(in srgb,var(--stm-job-surface2) 90%,transparent)),var(--stm-art-backdrop)!important;
    background-size:cover!important;
    background-position:center 38%!important;
    background-repeat:no-repeat!important;
    opacity:.28!important;
    filter:saturate(1.04) brightness(1.02)!important;
    transform:none!important;
    mask-image:none!important;
  }
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active:after{display:none!important}
  body[data-stm-working-theme][data-stm-artwork="1"] .event-panel.active>*{position:relative!important;z-index:2!important}
}