/* v2.1.8 cosend invite (co-sender page + giver manage panel) */
.cs-page{max-width:640px}
.cs-card{border:2.5px solid var(--ink);border-radius:16px;background:#fffaf0;padding:18px 16px 22px;margin:12px 0}
.cs-card h1,.cs-card h2{font-family:var(--font-title);color:var(--rose);margin:0 0 8px;font-size:clamp(22px,4vw,30px)}
.cs-preview{border:2px dashed var(--ink);border-radius:12px;padding:10px 12px;background:#fdf3d8;margin:10px 0 14px;font-size:13px;line-height:1.55}
.cs-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:520px){.cs-items{grid-template-columns:repeat(2,1fr)}}
.cs-item{border:2.5px solid var(--ink);border-radius:12px;background:#fff;padding:10px 6px;font:inherit;cursor:pointer;text-align:center}
.cs-item b{display:block;font-size:22px}
.cs-item span{font-size:12px}
.cs-item.on{background:#f4c7c3;transform:translateY(-2px);box-shadow:0 0 10px rgba(255,190,80,.45)}
.cs-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.cs-manage{border:2.5px solid var(--ink);border-radius:16px;background:#fdf6e3;padding:14px 14px 16px;margin:16px 0;text-align:left}
.cs-manage h3{font-family:var(--font-title);margin:0 0 6px;font-size:18px}
.cs-counts{font-size:13px;margin:6px 0 10px}
.cs-list{list-style:none;padding:0;margin:0 0 12px}
.cs-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--ink);border-radius:10px;background:#fffaf0;margin-bottom:6px;font-size:14px}
.cs-list .muted{opacity:.65;border-style:dashed}
.cs-invite-url{margin:10px 0}
.cs-invite-url label{display:block;font-size:13px;margin-bottom:4px}
.cs-invite-url .linkbox{margin:0 0 8px;padding:10px;border:2px dashed var(--ink);border-radius:10px;background:#fffaf0;word-break:break-all;font-size:13px}
.cs-rm{font-size:12px;padding:4px 10px}