/* Slip Surgeon sitewide announcement bar (JB t737u). Slim, dark/teal, gentle marquee, dismissible. */
.ss-bn{--bn-h:44px;position:relative;z-index:21;display:flex;align-items:stretch;height:var(--bn-h);box-sizing:content-box;padding:env(safe-area-inset-top) max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left));
  background:linear-gradient(90deg,#071A1E 0%,#0A2328 50%,#071A1E 100%);border-bottom:1px solid rgba(70,220,200,.28);color:#DCEBEE;
  font:500 13.5px/1 'Space Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}
html.ss-bn-off .ss-bn{display:none!important}
.ss-bn-go{flex:1;min-width:0;display:flex;align-items:center;color:inherit;text-decoration:none;overflow:hidden;position:relative;outline-offset:-3px}
.ss-bn-go:focus-visible{outline:2px solid #46DCC8}
/* soft fade at both edges so the scroll looks smooth */
.ss-bn-vp{flex:1;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.ss-bn-tr{display:inline-flex;flex:none;white-space:nowrap;will-change:transform;animation:ss-bn-mq 34s linear infinite}
.ss-bn-m{flex:none;padding-right:56px}
.ss-bn-m b{color:#061015;background:#46DCC8;border-radius:5px;padding:3px 6px 2px;margin-right:8px;font-weight:700;font-size:11.5px;letter-spacing:.06em}
.ss-bn-m i{font-style:normal;color:#46DCC8;font-weight:700}
.ss-bn-st{display:none}
@keyframes ss-bn-mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ss-bn:hover .ss-bn-tr,.ss-bn:focus-within .ss-bn-tr{animation-play-state:paused}
.ss-bn-in{flex:none;align-self:center;margin:0 2px 0 6px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(70,220,200,.55);background:transparent;color:#46DCC8;font:700 12.5px/1 'Space Grotesk',system-ui,sans-serif;cursor:pointer;white-space:nowrap;position:relative}
.ss-bn-in::before{content:"";position:absolute;inset:-7px -2px}   /* 44px tap area */
.ss-bn-in:hover{background:rgba(70,220,200,.12)}
.ss-bn-in:focus-visible{outline:2px solid #46DCC8;outline-offset:2px}
html.ss-in .ss-bn-in{display:none}   /* already signed in: no Sign in pill */
.ss-bn-x{flex:none;width:44px;min-height:44px;height:100%;margin:0;padding:0;border:0;background:transparent;color:#9DB1B6;cursor:pointer;display:grid;place-items:center}
.ss-bn-x svg{width:16px;height:16px}
.ss-bn-x:hover{color:#fff}
.ss-bn-x:focus-visible{outline:2px solid #46DCC8;outline-offset:-4px;border-radius:8px}
/* reduced motion: short static line, no scroll */
@media (prefers-reduced-motion:reduce){
  .ss-bn-vp{display:none}
  .ss-bn-st{display:block;flex:1;min-width:0;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ss-bn-st b{color:#061015;background:#46DCC8;border-radius:5px;padding:3px 6px 2px;margin-right:8px;font-weight:700;font-size:11.5px;letter-spacing:.06em}
  .ss-bn-st i{font-style:normal;color:#46DCC8;font-weight:700}
}
@media (max-width:400px){.ss-bn{font-size:13px}.ss-bn-in{padding:0 9px}}
/* Waiting Room phone/app layout: its top bar, chat and staff panel are position:fixed from top:0, so pin the banner above them and push them down by its height */
@media (max-width:759px),(display-mode:standalone){
  html:not(.ss-bn-off) body:has(#wr-chat)>.ss-bn{position:fixed;top:0;left:0;right:0;z-index:950}
  html:not(.ss-bn-off) body:has(#wr-chat) #wr{--ssbn:calc(45px + env(safe-area-inset-top))}
  html:not(.ss-bn-off) body:has(#wr-chat) header.wr-bar{top:var(--ssbn);height:calc(var(--tb) - env(safe-area-inset-top));padding-top:0}
  html:not(.ss-bn-off) body:has(#wr-chat) #wr-chat.wr-room,html:not(.ss-bn-off) body:has(#wr-chat) #wr-staff{top:calc(var(--tb) - env(safe-area-inset-top) + var(--ssbn))}
  html:not(.ss-bn-off) body:has(#wr-chat) #wr-paused{top:calc(var(--tb) - env(safe-area-inset-top) + var(--ssbn) + 8px)}
}