/* Only the new setting, its confirmation, and the join access state are added. */
.setting-card.join-setting-card{height:auto;min-height:96px;padding:20px 28px!important;gap:28px}
.join-setting-card>div{min-width:0}.join-setting-card .desc{margin-top:7px;line-height:20px}.join-setting-card>.switch{flex-shrink:0}
.join-region{margin-bottom:10px}.join-region .composer-channel-row{justify-content:flex-end}.join-access{min-height:125px;border-radius:8px;background:#fff;box-shadow:0 2px 12px #00000013;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 24px;gap:10px}
.join-description{margin:0;text-align:center;color:#999;font-size:14px;font-weight:400;line-height:22px;overflow-wrap:anywhere}.join-chat-button{min-width:88px;min-height:32px;height:auto;line-height:22px;padding:4px 15px;border-radius:4px;font-size:14px}.join-chat-button:disabled{background:#f5f5f5!important;border-color:#d9d9d9!important;color:#bfbfbf!important;opacity:1!important;cursor:not-allowed;box-shadow:none}
.join-confirm-mask{align-items:flex-start;padding-top:18px}.modal.join-confirm{position:relative;width:520px;max-width:calc(100vw - 32px);padding:28px 32px 24px;border-radius:12px;min-height:164px}.join-confirm>h3{margin:0 0 8px 38px;font-size:16px;font-weight:500;line-height:24px}.join-confirm>p{margin:0 0 25px 38px;line-height:22px}.join-warning{position:absolute;left:32px;top:32px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border:1.5px solid #ff9800;border-radius:50%;color:#ff9800;font-size:14px}.join-confirm .dialog-actions{margin-top:0;gap:8px}.join-confirm .button{min-width:64px;height:32px;border-radius:4px;font-size:14px;padding:0 14px}
#toast{top:14px;bottom:auto;left:50%;right:auto;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);padding:12px 17px;border-radius:6px;background:#fff;color:#262626;font-size:14px;line-height:22px;box-shadow:0 5px 24px #0002;transform:translate(-50%,-8px);text-align:left;z-index:3000}
#toast.show{transform:translate(-50%,0)}#toast[data-kind=success]{border-radius:24px}#toast:before{content:'!';display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;border:1.5px solid #faad14;border-radius:50%;color:#faad14;font-size:11px;line-height:15px}#toast[data-kind=success]:before{content:'✓';color:#fff;background:#52c41a;border-color:#52c41a}
.demo-panel{max-height:calc(100vh - 90px);overflow:auto}.demo-panel .demo-identity{margin:12px 0}.demo-panel .demo-state{overflow-wrap:anywhere}
@media(max-width:1400px){.join-access{padding:20px 16px;min-height:125px}.join-description{font-size:13px}.join-setting-card .desc{font-size:12px}}