.chat-invite-tools{margin:20px 0;padding:16px;border:1px solid #ddd2e5;border-radius:14px;background:transparent;min-width:0}
.chat-invite-tools h3{font-size:16px;margin:0 0 10px}
.chat-invite-tools button{background:#8325b0;color:#fff}
.chat-invite-tools p{font-size:13px;line-height:1.5}
.chat-invite-tools .invite-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chat-invite-tools button,.chat-invite-tools .invite-link{min-height:44px;margin:0;white-space:normal;font:inherit;font-size:14px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px}
.chat-invite-tools [hidden]{display:none!important}
.chat-invite-tools code{display:block;overflow-wrap:anywhere;font-size:15px;padding:8px 0}
.chat-invite-tools .invite-url{font-size:12px;overflow-wrap:anywhere;user-select:all}
.chat-invite-tools .invite-qr{background:white;width:fit-content;max-width:100%;padding:8px;border-radius:8px;margin:12px 0}
.chat-invite-tools .invite-qr svg{display:block;width:200px;height:auto;max-width:100%}
.chat-invite-tools label{display:block;font-size:14px}
.chat-invite-tools input{font:inherit;max-width:100%}
.chat-invite-tools select{display:block;width:100%;min-height:44px;margin:8px 0;padding:10px;font:inherit;border:1px solid #ddd2e5;border-radius:10px;background:transparent;color:inherit}
.chat-invite-tools .invite-link{background:#8325b0;color:#fff;text-decoration:none}
.chat-invite-tools .invite-feedback:empty{display:none}
@media(max-width:600px){.chat-invite-tools{padding:12px}.chat-invite-tools .invite-buttons>*{flex:1 1 125px}}
/* One primary action; secondary controls stay quiet and touch-friendly. */
html body.chat-page .chat-invite-tools{max-width:560px;margin:20px 0;padding:18px;border:1px solid #ddd2e5;border-radius:16px;box-sizing:border-box}
html body.chat-page .chat-invite-tools .invite-identity{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;border-bottom:1px solid #ddd2e5;padding-bottom:8px}
html body.chat-page .chat-invite-tools button{background:transparent;color:inherit;border:1px solid transparent;box-shadow:none;min-height:44px}
html body.chat-page .chat-invite-tools [data-invite="id"]{font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:8px}
html body.chat-page .chat-invite-tools [data-invite="share"]{background:#8325b0;color:#fff;padding:10px 18px}
html body.chat-page .chat-invite-tools [data-invite="qr"]{border-color:#ddd2e5}
html body.chat-page .chat-invite-tools details{border-top:1px solid #ddd2e5;margin-top:16px;padding-top:4px}
html body.chat-page .chat-invite-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font-size:14px;list-style:none}
html body.chat-page .chat-invite-tools summary::before{content:'+';font-size:20px}
html body.chat-page .chat-invite-tools details[open]>summary::before{content:'−'}
html body.chat-page .chat-invite-tools details p{font-size:12px;margin:8px 0;line-height:1.5}
html body.chat-page .chat-invite-tools details input{width:100%;box-sizing:border-box;min-height:44px;margin-top:6px}
html body.chat-page .chat-invite-tools .invite-sms{background:transparent;color:inherit;border:1px solid #ddd2e5}
html body.chat-page .chat-invite-tools button:focus-visible,html body.chat-page .chat-invite-tools summary:focus-visible,html body.chat-page .chat-invite-tools a:focus-visible{outline:2px solid #8325b0;outline-offset:3px}
/* Keep the primary conversation form and optional sharing in one narrow column. */
html body.chat-page #newChatPanel{width:100%;max-width:520px;box-sizing:border-box}
html body.chat-page #invite{margin:0;padding:0;min-width:0}
html body.chat-page #invite>label{display:block;font-size:14px;line-height:1.5}
html body.chat-page #invite input{display:block;width:100%;box-sizing:border-box;min-height:44px;margin:8px 0;padding:10px 12px;font-size:16px;border-radius:10px}
html body.chat-page #invite>button{min-height:44px;margin:8px 0 0;padding:10px 16px;font-size:14px}
html body.chat-page details.chat-invite-tools{width:100%;max-width:none;margin:20px 0 0;padding:0;border:0;border-top:1px solid #ddd2e5;border-radius:0}
html body.chat-page .chat-invite-tools>summary{font-weight:600;padding:8px 0;min-height:44px;box-sizing:border-box}
html body.chat-page .chat-invite-tools>p{margin:4px 0 10px;font-size:12px}
html body.chat-page .chat-invite-tools .invite-identity{padding:0;border:0}
html body.chat-page .chat-invite-tools .invite-buttons{margin:8px 0;gap:8px}
html body.chat-page .chat-invite-tools details{margin-top:8px}
@media(max-width:600px){html body.chat-page #newChatPanel{max-width:100%}html body.chat-page .chat-invite-tools .invite-buttons>*{flex:1 1 130px}}