/* /shared/signup-nudge.css — Corner toast prompting sign-up. */
.bsh-nudge{
  position:fixed;
  right:20px;
  bottom:20px;
  width:320px;
  max-width:calc(100vw - 32px);
  background:var(--surface, #fff);
  color:var(--ink, #27272a);
  border:1px solid var(--border, #e4e4e7);
  border-radius:var(--r-lg, 12px);
  box-shadow:var(--shadow-3, 0 12px 32px rgba(20,19,16,.10),0 4px 12px rgba(20,19,16,.06));
  padding:16px 18px 14px;
  font-family:var(--font-sans, 'Inter', system-ui, sans-serif);
  z-index:9998;
  transform:translateY(20px);
  opacity:0;
  pointer-events:none;
  transition:transform .32s cubic-bezier(.2,.9,.3,1.2), opacity .28s ease;
}
.bsh-nudge.show{transform:translateY(0);opacity:1;pointer-events:auto}

.bsh-nudge-close{
  position:absolute;
  top:8px;right:10px;
  width:24px;height:24px;
  border:none;background:none;
  color:var(--ink-3, #71717a);
  font-size:18px;line-height:1;
  cursor:pointer;
  border-radius:var(--r-sm, 6px);
  font-family:inherit;
}
.bsh-nudge-close:hover{background:var(--surface-2, #f4f4f5);color:var(--ink, #27272a)}

.bsh-nudge-head{
  font-size:var(--t-md, .93rem);
  font-weight:700;
  color:var(--ink, #27272a);
  margin-bottom:4px;
  padding-right:20px;
}
.bsh-nudge-body{
  font-size:var(--t-sm, .82rem);
  color:var(--ink-2, #52525b);
  line-height:1.45;
  margin-bottom:12px;
}
.bsh-nudge-actions{display:flex;align-items:center;gap:8px}

.bsh-nudge-cta{
  flex:1;
  font:inherit;
  font-size:var(--t-sm, .82rem);
  font-weight:600;
  padding:8px 14px;
  border-radius:var(--r-md, 8px);
  background:var(--accent, #7a1f2b);
  color:#fff;
  border:1px solid var(--accent, #7a1f2b);
  cursor:pointer;
  transition:background .15s ease;
  font-family:inherit;
}
.bsh-nudge-cta:hover{background:var(--accent-hover, #661820)}

.bsh-nudge-later{
  font:inherit;
  font-size:var(--t-sm, .82rem);
  font-weight:500;
  padding:8px 12px;
  border-radius:var(--r-md, 8px);
  background:transparent;
  color:var(--ink-3, #71717a);
  border:none;
  cursor:pointer;
  font-family:inherit;
}
.bsh-nudge-later:hover{color:var(--ink, #27272a)}

@media (max-width:640px){
  .bsh-nudge{
    right:12px;left:12px;bottom:12px;
    width:auto;max-width:none;
  }
}