/* ARTIZS.SAY v0.4.8 — Social Login + free display-name edits + safer message actions */

/* Social login stays visually quiet and keeps the original zero-friction guest path. */
.join-modal{width:min(430px,100%)}
.social-login-options{display:grid;gap:8px;margin:4px 0 12px}
.social-login-btn{min-height:42px;border:1px solid #DFE2E7;border-radius:12px;background:#fff;color:#1F2329;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:800;transition:border-color .15s,background .15s,transform .15s}
.social-login-btn:hover{background:#F8F9FA;border-color:#C9CDD4;transform:translateY(-1px)}
.social-logo{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center}
.google-logo svg{width:20px;height:20px;display:block}
.line-logo{width:23px;height:23px;border-radius:6px;background:#06C755;color:#fff;font-size:6.7px;font-weight:900;letter-spacing:-.03em}
.social-divider{display:flex;align-items:center;gap:10px;color:#A1A5AD;font-size:9px;margin:4px 0 12px}
.social-divider:before,.social-divider:after{content:"";height:1px;background:#ECEEF1;flex:1}
.social-pending-preview{display:flex;align-items:center;gap:10px;border:1px solid #E6E9ED;background:#F8F9FA;border-radius:13px;padding:10px;margin:2px 0 14px}
.social-pending-avatar{width:34px;height:34px;border-radius:50%;background:#E9EDF3;color:#596273;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900;flex:0 0 34px}
.social-pending-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.social-pending-preview strong,.social-pending-preview small{display:block}
.social-pending-preview strong{font-size:11px;color:#22262C}
.social-pending-preview small{font-size:8px;color:#8A8F98;margin-top:3px}
.profile-account-status{font-size:9px;font-weight:800;color:#5F6670;background:#F5F6F8;border:1px solid #E7E9ED;border-radius:10px;padding:8px 10px;margin:-4px 0 12px}
.profile-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.profile-modal-actions .text-btn{width:100%}
.danger-text{color:#A34B4B!important}

/* Clicking the visible SVG is the same as clicking the icon button itself. */
.composer-icon-btn svg,.header-icon-btn svg{pointer-events:none}

/* Report is intentionally one level deeper: hover/tap -> ••• -> Report. */
.msg-actions .message-more{display:none;position:relative;align-items:center}
.message:hover .msg-actions .message-more,.message.actions-open .msg-actions .message-more{display:inline-flex}
.message-more-btn{min-width:26px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;font-size:12px!important;letter-spacing:1px!important;color:#9297A0!important}
.message-more-btn:hover{background:#F0F2F5!important;color:#202329!important}
.message-more-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:60;min-width:128px;background:#fff;border:1px solid #E2E5E9;border-radius:10px;padding:4px;box-shadow:0 12px 32px rgba(24,28,34,.13)}
.message-more-menu button{display:block!important;width:100%;padding:8px 9px!important;border-radius:7px!important;text-align:left!important;color:#A34B4B!important;font-size:10px!important}
.message-more-menu button:hover{background:#FFF2F2!important;color:#8B2F2F!important}
.msg-actions.no-persistent-actions .message-more-menu{height:auto!important;overflow:visible!important}

html[data-theme="dark"] .social-login-btn{background:#141A21;border-color:#303844;color:#F1F3F5}
html[data-theme="dark"] .social-login-btn:hover{background:#19212A;border-color:#46515F}
html[data-theme="dark"] .social-divider:before,html[data-theme="dark"] .social-divider:after{background:#2A323C}
html[data-theme="dark"] .social-pending-preview,html[data-theme="dark"] .profile-account-status{background:#141A21;border-color:#2D3540;color:#C7CDD5}
html[data-theme="dark"] .social-pending-preview strong{color:#F3F4F6}
html[data-theme="dark"] .message-more-btn:hover{background:#222A34!important;color:#F3F4F6!important}
html[data-theme="dark"] .message-more-menu{background:#141A21;border-color:#303844;box-shadow:0 14px 34px rgba(0,0,0,.35)}
html[data-theme="dark"] .message-more-menu button:hover{background:#2B1A1A!important;color:#FFB6B6!important}

@media(max-width:700px){
  .social-login-btn{min-height:44px}
  .message-more-menu{left:auto;right:0}
}
.profile-connect-panel{border:1px solid #E6E9ED;background:#FAFBFC;border-radius:12px;padding:10px;margin:-3px 0 12px}.profile-connect-panel strong,.profile-connect-panel small{display:block}.profile-connect-panel strong{font-size:10px}.profile-connect-panel small{font-size:8px;color:#8A8F98;line-height:1.45;margin-top:3px}.profile-connect-actions{display:flex;gap:6px;margin-top:8px}.profile-connect-btn{flex:1;text-align:center;text-decoration:none;border:1px solid #DFE2E7;border-radius:9px;padding:7px 9px;background:#fff;color:#2A2E34;font-size:9px;font-weight:900}.profile-connect-btn.line{background:#06C755;border-color:#06C755;color:#fff}html[data-theme="dark"] .profile-connect-panel{background:#141A21;border-color:#2D3540}html[data-theme="dark"] .profile-connect-btn{background:#19212A;border-color:#35404C;color:#F3F4F6}html[data-theme="dark"] .profile-connect-btn.line{background:#06C755;border-color:#06C755;color:#fff}