.client-version-button { position:relative; letter-spacing:0; font-size:12px; font-weight:700; white-space:nowrap; flex-shrink:0; }
.client-version-button i { display:none; width:7px; height:7px; border-radius:50%; background:#ef4444; position:absolute; top:4px; right:4px; }
.client-version-button.has-update i { display:block; }
.client-version-button.has-update { border-color:#ef4444; }
body:has(.app-shell) .settings-fold-group .client-version-button.has-update { border-color:#ef4444 !important; }
.client-version-dialog { width:420px; max-width:calc(100vw - 32px); padding:24px; border:1px solid var(--border,#d1d5db); border-radius:8px; background:var(--bg,#fff); color:var(--text,#16181c); font-size:14px; letter-spacing:0; }
.client-version-dialog::backdrop { background:rgba(0,0,0,.45); }
.client-version-dialog h2 { font-size:18px; margin:0 24px 16px 0; }
.client-version-dialog p { margin:12px 0; }
.client-version-dialog ul { padding-left:20px; margin:16px 0; line-height:1.8; }
.client-version-close { position:absolute; top:12px; right:12px; width:30px; height:30px; background:transparent; border:0; font-size:24px; cursor:pointer; }
.client-version-apply { width:100%; padding:10px; background:#2563eb; color:white; border:0; border-radius:6px; font-weight:700; cursor:pointer; }
.client-version-apply:disabled { opacity:.55; cursor:wait; }
.client-version-apply + .client-version-apply { margin-top:12px; }
