/* Intercom-like centered pill (no border), elegant gradients, bigger text */
.sg-banner{position:fixed;top:16px;left:0;right:0;z-index:99999;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#fff;pointer-events:none}
.sg-banner .sg-inner{pointer-events:auto;display:flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;margin:0 auto;
  background:linear-gradient(135deg,var(--sg-grad-from,#222),var(--sg-grad-to,#111)); 
  box-shadow:0 10px 28px rgba(0,0,0,.22), 0 2px 10px rgba(0,0,0,.14);
  border-radius:999px; max-width:min(900px, 92vw); backdrop-filter:saturate(120%) blur(2px)}
.sg-banner .sg-ico{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.95;flex:0 0 18px}
.sg-banner .sg-msg{text-align:center;font-weight:600;margin:0 8px}
.sg-banner .sg-brand{margin-left:.5em;opacity:.85;font-weight:500}
.sg-banner .sg-close{margin-left:10px;appearance:none;background:transparent;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:6px;border-radius:8px;opacity:.9}
.sg-banner .sg-close:hover{opacity:1;background:rgba(255,255,255,.08)}

/* Accent glow */
.sg-banner .sg-inner{box-shadow:0 10px 28px rgba(0,0,0,.22), 0 2px 10px rgba(0,0,0,.14), 0 0 0 2px color-mix(in srgb, var(--sg-accent,#FF6200) 28%, transparent)}

/* Animations */
.sg-enter{animation:sgSlideIn .35s cubic-bezier(.21,1,.21,1) both}
.sg-exit{animation:sgSlideOut .25s cubic-bezier(.4,0,1,1) both}
@keyframes sgSlideIn{from{transform:translateY(-14px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes sgSlideOut{from{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-10px) scale(.98);opacity:0}}

/* Responsive */
@media (max-width:600px){
  .sg-banner{top:12px;font-size:15px}
  .sg-banner .sg-inner{min-height:46px;padding:10px 14px}
}