/* ══ EVERY POPUP LANDS IN THE MIDDLE, IN ITS OWN COLOUR, AND LOOKS LIKE IT NEEDS CLOSING ══════
   CEO, 2026-09-20: "I want this pop up that currently appears top right to appear center screen
   and in a different highlight colour so its clear it needs to be closed - I want this on all
   Popups."

   Three separate faults were producing the same symptom on different surfaces:
     · the INTERNAL WIRE notice was pinned to the top-right corner by a late sheet (withdrawn in
       pn-wahwahs-invite-20260913.css, see the note there);
     · ordinary toasts were centred horizontally but parked at top:16%, which reads as a banner
       rather than as something addressed to you;
     · both wore the house rust, the same accent every button on the screen already uses, so
       nothing about them said "this one is waiting on you".

   ⛔ ONE RULE FOR ALL OF THEM, not a third special case. Enumerating popup types one at a time
   is the same mistake this codebase has made with view lists twice today.

   The alert colour is deliberately NOT the house accent. Rust is the colour of every primary
   action in the game; a notice that must be dismissed has to differ from a thing you are invited
   to press. Amber is used for nothing else, so it can only mean this. */
/* ⛔ THE CLASS IS REPEATED ON PURPOSE. The position took on a single class, the COLOUR did not -
   measured: border came back rgba(255,255,255,.2) and the scrim shadow was gone entirely, so a
   later sheet with the same weight was winning on those two properties. Repeating the token
   raises specificity without inventing an id or an ancestor that does not exist, which is the
   pin this codebase already uses elsewhere (see .pn-ww-invite-cta). */
html body .toast.toast.toast{
  top:50% !important; bottom:auto !important; left:50% !important; right:auto !important;
  transform:translate(-50%,-50%) !important;
  border:1px solid rgba(255,209,102,.55) !important;
  box-shadow:
    0 0 0 1px rgba(255,209,102,.30),
    0 0 0 9999px rgba(4,7,13,.58),   /* the room dims behind it - the message is the only lit thing */
    0 40px 90px -20px rgba(0,0,0,.85) !important;
}
/* the office/pitch override in style-01.css parks non-wire toasts at top:16% and keeps its own
   spine colour; it is later and heavier, so it is answered here rather than edited there - that
   rule is doing other work (solid bed, clipped corner) which stays. */
html body[data-view] .toast.toast.toast:not(.pn-wire){
  top:50% !important; transform:translate(-50%,-50%) !important;
  border-left-color:#ffd166 !important;
}
/* the close control stops being a whisper: real target, real contrast, unmistakably the way out */
html body .toast .wire-band-cls,
html body .toast .toast-x,
html body .toast [data-close]{
  color:#ffd166 !important;
  font-weight:800 !important;
  min-width:44px !important; min-height:44px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  cursor:pointer !important;
}
@media (prefers-reduced-motion:no-preference){
  html body .toast{ animation:pop .22s ease-out !important; }
}