/* Scoped invitation only. Existing Hub typography and colors are unchanged. */
.hv-app:has(.hub-expand-tip){position:relative}
.hub-expand-tip{position:absolute;z-index:25;top:76px;right:16px;width:min(355px,calc(100% - 32px));padding:22px;background:linear-gradient(135deg,#132c55,#10203c);color:#fff;border:1px solid #6ba8fa;border-radius:14px;box-shadow:0 16px 45px #0b244e38;text-align:left}
.hub-expand-tip[hidden]{display:none!important}
.hub-expand-tip::before{content:"";position:absolute;right:57px;top:-7px;width:12px;height:12px;background:#142a4e;border-top:1px solid #6ba8fa;border-left:1px solid #6ba8fa;transform:rotate(45deg)}
.hub-expand-tip .hub-expand-kicker{display:flex;align-items:center;gap:8px;padding-right:24px;color:#a8d4ff;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hub-expand-tip .hub-expand-kicker svg{width:17px;height:17px;flex:none}
.hub-expand-tip h3{font:500 23px/1.15 Outfit,Arial,sans-serif;letter-spacing:-.025em;color:#fff;margin:14px 0 10px}
.hub-expand-tip p{font:400 12px/1.65 Inter,Arial,sans-serif;color:#d4e3f7;margin:0 0 18px}
.hub-expand-tip .hub-expand-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:#d4e3f7;cursor:pointer}
.hub-expand-tip .hub-expand-close svg{width:15px;height:15px}
.hub-expand-tip .hub-expand-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hub-expand-tip .hub-expand-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:7px;padding:10px 13px;border:1px solid #4c9af7;background:#3478ed;color:white;font:600 11px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.hub-expand-tip .hub-expand-actions button svg{width:15px;height:15px}
.hub-expand-tip .hub-expand-actions .hub-expand-secondary{background:transparent;border-color:#ffffff38;color:#dceaff}
.hub-expand-tip button:hover{filter:brightness(1.14)}
.hub-expand-tip button:focus-visible{outline:2px solid #b0e0ff;outline-offset:3px}
.hv-app .th-icon-button.hub-expand-highlight{border-color:#438bfa;box-shadow:0 0 0 4px #438bfa24;color:#2869ee}
.hub-expand-tip:not([hidden]){animation:hub-invite-enter .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes hub-invite-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){.hub-expand-tip{top:69px;right:12px;width:calc(100% - 24px);padding:20px}.hub-expand-tip::before{right:17px}.hub-expand-tip .hub-expand-actions button{min-height:44px}.hub-expand-tip h3{font-size:22px}}
html[data-motion="off"] .hub-expand-tip{animation:none!important}
@media(prefers-reduced-motion:reduce){.hub-expand-tip{animation:none!important}}