/* Connection management belongs to the existing profile dialog. */
#dialog.profile-dialog{width:min(520px,calc(100vw - 32px))}
.profile-dialog .dialog-top h2{min-width:0;flex:1;overflow-wrap:break-word}
.profile-accounts{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}
.profile-accounts .accounts-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.profile-accounts h3{font-size:18px;line-height:1.3;font-weight:600;margin:0;overflow-wrap:anywhere}
.profile-accounts button{border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-height:40px;font-size:12px;line-height:1.4;background:#fffefa;color:var(--ink)}
.profile-accounts .accounts-note,.profile-accounts [data-account-status]{font-size:12px;line-height:1.55;color:var(--muted);margin:12px 0}
.profile-accounts [data-account-status]:empty{display:none}
.profile-accounts ul{list-style:none;display:grid;gap:9px;padding:0;margin:16px 0 0}
.profile-accounts .connected-account{border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}
.profile-accounts .account-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-accounts .account-info{min-width:0}
.profile-accounts .account-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.profile-accounts .ai-provider-logo{display:block;width:20px;height:20px;object-fit:contain;flex-shrink:0}
.profile-accounts .account-name span{min-width:0}
.profile-accounts .account-state{display:block;margin-top:5px;font-size:12px;color:#426331}
.profile-accounts .account-disconnect{flex-shrink:0;color:#9c3325;background:transparent}
.profile-accounts .account-confirm{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.profile-accounts .account-confirm h4{font-size:14px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.profile-accounts .account-confirm p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}
.profile-accounts .account-confirm [data-disconnect-status]{color:#9c3325}
.profile-accounts .account-confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}
.profile-accounts [data-confirm-disconnect]{background:#9c3325;border-color:#9c3325;color:#fff}
.profile-accounts [data-disconnect-status]:empty{display:none}
@media(max-width:400px){#dialog.profile-dialog{padding:20px}.profile-dialog .dialog-top{gap:8px}.profile-dialog .dialog-top h2{font-size:21px}.profile-accounts .account-main{gap:8px}.profile-accounts .account-disconnect{padding-inline:9px}}