.invite-share-card{display:flex;align-items:flex-start;gap:18px;margin:0 0 22px;padding:22px;border:1px solid #f7c4ae;border-radius:8px;background:linear-gradient(135deg,#fffaf7,#fff0e8);box-shadow:6px 7px 0 rgba(241,90,36,.12)}
.invite-share-mark{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:#f15a24;color:#fff;font-size:25px;box-shadow:4px 4px 0 #17191d}
.invite-share-copy{min-width:0;flex:1}.invite-share-copy h2{margin:6px 0 4px;font-size:21px;letter-spacing:-.035em}.invite-share-copy p{margin:0 0 14px;color:#667085;font-size:13px}.invite-url-row{display:flex;gap:9px;align-items:center}.invite-url-row .input{min-width:0;flex:1;background:#fff}.invite-share-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.invite-share-actions small{color:#667085;font-size:11px}.whatsapp-button{background:#25d366;color:#fff;box-shadow:4px 4px 0 #157a3a}.whatsapp-button:hover{background:#1fba59;color:#fff}
@media(max-width:650px){.invite-share-card{padding:17px;gap:12px}.invite-share-mark{width:40px;height:40px;font-size:20px}.invite-url-row,.invite-share-actions{display:grid;grid-template-columns:1fr;gap:9px}.invite-url-row .button,.invite-share-actions .button{width:100%}}
.invite-confirm-card{text-align:center;max-width:520px}.invite-confirm-card .invite-share-mark{margin:0 auto 1rem}.invite-confirm-box{display:grid;gap:.35rem;margin:1.25rem 0;padding:1rem;border:1px solid rgba(221,112,43,.25);border-radius:18px;background:rgba(221,112,43,.08);text-align:left}.invite-confirm-box span{color:var(--muted,#737373);font-size:.92rem}.invite-consent{display:flex;gap:.55rem;align-items:flex-start;margin:1rem 0;text-align:left;font-size:.9rem}.invite-consent input{margin-top:.2rem}

.challenge-invite-trigger{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-left:12px;padding:0 16px;border:1px solid #0b9953;border-radius:13px;background:linear-gradient(135deg,#18b96b,#07964f);color:#fff;font-weight:800;box-shadow:0 5px 13px rgba(8,145,78,.2);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.challenge-invite-trigger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0fa75d,#087c46);box-shadow:0 7px 16px rgba(8,145,78,.25)}
.challenge-invite-trigger:focus-visible{outline:3px solid rgba(18,185,107,.28);outline-offset:3px}
.challenge-invite-dialog{width:min(540px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid #eddfd5;border-radius:23px;background:#fffdfa;color:#211d1a;box-shadow:0 28px 90px rgba(31,24,20,.28)}
.challenge-invite-dialog::backdrop{background:rgba(28,25,23,.5);backdrop-filter:blur(5px)}
.invite-dialog-panel{padding:26px}
.invite-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}
.invite-dialog-heading{min-width:0}.invite-dialog-heading h2{margin:7px 0 4px;font-size:clamp(21px,4vw,27px);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}.invite-dialog-heading p{margin:0;color:#667085;font-size:14px}
.invite-dialog-close{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid #efdfd5;border-radius:12px;background:#fff8f3;color:#8b3b1b;font-size:25px;line-height:1;cursor:pointer}
.invite-dialog-close:hover{border-color:#f3ae8e;background:#fff0e7}
.invite-dialog-link-label{display:grid;gap:8px;color:#51453e;font-size:13px;font-weight:750}
.invite-dialog-link-row{display:flex;min-width:0;gap:9px;align-items:center}.invite-dialog-link-row .input{min-width:0;flex:1;background:#fff}.invite-dialog-link-row .button{flex:none;min-height:44px}
.invite-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.invite-dialog-actions .button{min-height:44px}.invite-dialog-status{min-height:18px;margin:14px 0 0;color:#667085;font-size:12px}
@media(max-width:900px){.challenge-topbar .challenge-switcher{order:2}.challenge-topbar .challenge-invite-trigger{order:3;margin-left:0}.challenge-topbar .top-actions{order:4}.challenge-topbar .menu-button{order:5}}
@media(max-width:760px){.challenge-topbar .top-user-meta{display:none}}
@media(max-width:650px){.invite-dialog-panel{padding:20px}.invite-dialog-link-row{display:grid;grid-template-columns:1fr}.invite-dialog-link-row .button,.invite-dialog-actions .button{width:100%}.invite-dialog-actions{display:grid;grid-template-columns:1fr}}
@media(max-width:600px){.challenge-topbar .challenge-switcher{right:108px;left:12px;max-width:none}.challenge-topbar .challenge-invite-trigger{position:absolute;top:65px;right:12px;z-index:3;width:84px;min-height:42px;margin:0;padding:0 10px;border-radius:12px}}
@media(max-width:380px){.challenge-topbar .challenge-switcher{right:100px}.challenge-topbar .challenge-invite-trigger{right:12px;width:78px}}
@media(max-width:900px){#sidebar.open + .main-content .challenge-invite-trigger{visibility:hidden;pointer-events:none}}
