/* Hub-wide Intake lead alert toast. Global — NOT scoped to .intake-page.
   Lives in its own file because intake.css's first half is dead and
   connect-redesign-intake.css is scoped under .intake-page. */
.ia-toast-stack{position:fixed;right:1.25rem;bottom:1.25rem;z-index:9999;
  display:flex;flex-direction:column;gap:.6rem;max-width:22rem}
.ia-toast{background:var(--bg-soft);border:1px solid var(--gold-dim);
  border-radius:var(--radius-lg);box-shadow:0 6px 28px rgba(0,0,0,.45);
  padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem;
  animation:ia-toast-in .25s var(--ease) both,
            ia-toast-out .3s var(--ease) 10s forwards}
@keyframes ia-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* forwards, not both: during its 10s delay this must not fill and fight the
   entrance animation. Delay runs on the document timeline, so it does not
   elapse while the tab is hidden -- which is the whole point. */
@keyframes ia-toast-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}
.ia-toast-title{font-family:var(--mono);font-size:.62rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt)}
.ia-toast-body{font-size:.9rem;font-weight:600;color:var(--white)}
.ia-toast-actions{display:flex;align-items:center;gap:.5rem}
.ia-toast-btn{flex:0 0 auto;font-family:var(--mono);font-size:.6rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;padding:.4rem .7rem;
  border-radius:var(--radius-sm);border:1px solid transparent;
  background:var(--grad-gold-btn);color:#0a0a0a;cursor:pointer}
.ia-toast-dismiss{flex:0 0 auto;background:transparent;border:0;color:var(--muted);
  font-size:1.1rem;line-height:1;cursor:pointer;margin-left:auto}
.ia-toast-dismiss:hover{color:var(--text)}

/* [hidden] must beat .nav-badge's explicit display, or hiding the badge leaves
   an empty pill on every page. Same cascade fix as styles.css:2057. */
.nav-badge[hidden]{display:none}