/* Invite page for victims and group admins, same blue tokens as the rest of the site */
:root{--blue:#1f5fe6;--blue-dark:#1747b5;--blue-50:#eef4ff;--navy:#0c1d42;--text:#2d3b57;--muted:#5c6a85;--line:#e2e8f3;--red:#e0484b}
body{margin:0;background:#f5f8fd;color:var(--text);font-family:Poppins,Prompt,system-ui,sans-serif;line-height:1.65}
a{color:var(--blue)}
.invite{max-width:980px;margin:22px auto 56px;padding:0 16px}
.invite-hero{padding:30px 32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#fff 0%,#f3f7ff 60%,#e9f0ff 100%)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 5px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:14px}
.pill b{padding:1px 10px;border-radius:99px;background:var(--red);color:#fff;font-size:13px}
.invite-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.35;font-weight:700;letter-spacing:-.8px;color:var(--navy)}
.invite-hero h1 span{display:block;color:var(--blue)}
.lead{max-width:640px;margin:0 0 20px;font-size:17px;color:#45546f}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none}
.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(31,95,230,.28)}
.btn.primary:hover{background:var(--blue-dark)}
.btn.ghost{background:#fff;border:1.5px solid #c9d8f6;color:var(--blue)}
.urgent{margin:18px 0 0;padding:12px 16px;border-radius:14px;background:#fff2f2;border:1px solid #f6d4d4;color:#8c2a2c;font-size:14.5px}
.urgent a{color:#8c2a2c;font-weight:600}
.invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.panel,.share{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.panel h2,.share h2{margin:0 0 10px;font-size:20px;color:var(--navy)}
.ticks{margin:0;padding:0;list-style:none}
.ticks li{position:relative;margin:7px 0;padding-left:28px;font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f5fe6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.note{margin:12px 0 0;font-size:13.5px;color:var(--muted)}
.share{margin-top:16px}
.share-lead{margin:0 0 14px;color:var(--muted)}
.templates{display:grid;gap:12px}
.template{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fbfcff}
.template-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.template h3{margin:0;font-size:16px;color:var(--navy)}
.copy{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}
.copy:hover{background:var(--blue-dark)}
.template pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14.5px;color:var(--text)}
.share-rules{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#fffaf2;border:1px solid #f3c48a;color:#7a4b00;font-size:13.5px}
.toast{position:fixed;left:50%;bottom:24px;margin:0;padding:12px 20px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:all .2s;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
 .invite-hero{padding:22px 18px}
 .invite-hero h1{font-size:28px}
 .lead{font-size:15.5px}
 .btn{flex:1 1 100%}
 .invite-grid{grid-template-columns:1fr}
 .panel,.share{padding:18px}
 .toast{bottom:92px}
}