/* R71 — use the existing capsule-studio plates for installed facilities.
   The image is only physical presentation; DOM controls and pure rules remain
   separate. A transparent motion layer keeps the feed and press pulse visible
   without drawing a second, mismatched machine on top of the plate. */

@media (min-width: 680px) {
  .app-shell[data-facility-art="press-lv1"] .scene-backdrop,
  .app-shell[data-facility-art="press-lv2"] .scene-backdrop,
  .app-shell[data-facility-art="conveyor-lv2"] .scene-backdrop {
    opacity: 1;
    filter: saturate(1.04) brightness(1.03) contrast(.98);
  }

  .app-shell[data-facility-art="press-lv1"] .facility-line-motion,
  .app-shell[data-facility-art="press-lv2"] .facility-line-motion,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-line-motion {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }

  .app-shell[data-facility-art="press-lv1"] .facility-line-motion::before,
  .app-shell[data-facility-art="press-lv1"] .facility-line-motion::after,
  .app-shell[data-facility-art="press-lv2"] .facility-line-motion::before,
  .app-shell[data-facility-art="press-lv2"] .facility-line-motion::after,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-line-motion::before,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-line-motion::after,
  .app-shell[data-facility-art="press-lv1"] .facility-slot-rail,
  .app-shell[data-facility-art="press-lv2"] .facility-slot-rail,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-slot-rail {
    display: none;
  }

  .app-shell[data-facility-art="press-lv1"] .facility-press-motion,
  .app-shell[data-facility-art="press-lv2"] .facility-press-motion,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-motion {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }

  .app-shell[data-facility-art="press-lv1"] .facility-press-motion::before,
  .app-shell[data-facility-art="press-lv1"] .facility-press-motion::after,
  .app-shell[data-facility-art="press-lv2"] .facility-press-motion::before,
  .app-shell[data-facility-art="press-lv2"] .facility-press-motion::after,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-motion::before,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-motion::after,
  .app-shell[data-facility-art="press-lv1"] .facility-press-lamp,
  .app-shell[data-facility-art="press-lv1"] .facility-press-badge,
  .app-shell[data-facility-art="press-lv1"] .facility-press-handle,
  .app-shell[data-facility-art="press-lv1"] .facility-press-platen,
  .app-shell[data-facility-art="press-lv2"] .facility-press-lamp,
  .app-shell[data-facility-art="press-lv2"] .facility-press-badge,
  .app-shell[data-facility-art="press-lv2"] .facility-press-handle,
  .app-shell[data-facility-art="press-lv2"] .facility-press-platen,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-lamp,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-badge,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-handle,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-press-platen {
    display: none;
  }

  /* The plate already contains the physical output tray. Keep only the
     editable status label; output capsule buttons remain real DOM targets. */
  .app-shell[data-facility-art="press-lv1"] .press-output-tray,
  .app-shell[data-facility-art="press-lv2"] .press-output-tray,
  .app-shell[data-facility-art="conveyor-lv2"] .press-output-tray {
    border: 0;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
  }

  .app-shell[data-facility-art="press-lv1"] .press-output-tray::before,
  .app-shell[data-facility-art="press-lv2"] .press-output-tray::before,
  .app-shell[data-facility-art="conveyor-lv2"] .press-output-tray::before,
  .app-shell[data-facility-art="press-lv1"] .press-output-slots,
  .app-shell[data-facility-art="press-lv2"] .press-output-slots,
  .app-shell[data-facility-art="conveyor-lv2"] .press-output-slots {
    display: none;
  }

  .app-shell[data-facility-art="press-lv1"] .press-output-label,
  .app-shell[data-facility-art="press-lv2"] .press-output-label,
  .app-shell[data-facility-art="conveyor-lv2"] .press-output-label {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 999px;
    background: rgba(255, 250, 231, .88);
    color: #62465f;
    font-size: .44rem;
    font-weight: 950;
    text-shadow: none;
  }

  /* The physical plate carries the structure; this capsule is the only
     overlay allowed to move along the line. */
  .app-shell[data-facility-art="press-lv1"] .facility-motion-capsule,
  .app-shell[data-facility-art="press-lv2"] .facility-motion-capsule,
  .app-shell[data-facility-art="conveyor-lv2"] .facility-motion-capsule {
    z-index: 6;
  }
}

@media (min-width: 680px) and (max-height: 380px) {
  .app-shell[data-facility-art="press-lv1"] .press-output-label,
  .app-shell[data-facility-art="press-lv2"] .press-output-label,
  .app-shell[data-facility-art="conveyor-lv2"] .press-output-label {
    padding: 2px 5px;
    font-size: .4rem;
  }
}