.collab-dialog { width:min(860px,85vw); max-height:85vh; padding:24px; border:1px solid #cbdad6; border-radius:16px; color:#253832; background:#fff; overflow:auto; }
.collab-dialog::backdrop { background:#152c2655; }
.collab-dialog header { display:flex; justify-content:space-between; align-items:center; }
.collab-dialog label { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.collab-dialog input,.collab-dialog select { width:100%; padding:12px; border:1px solid #b9cec7; border-radius:8px; background:#fff; }
.collab-dialog p { line-height:1.7; color:#60766e; }
#collab-error { color:#a23c32; }
.collab-account { display:flex; flex-wrap:wrap; gap:10px; margin:16px; font-size:13px; }
.collab-account > span { width:100%; }
.collab-dialog.collab-dialog-account { width:min(540px,85vw); }
.collab-profile { display:flex; align-items:center; gap:16px; padding:20px 0 24px; border-bottom:1px solid #e0e8e4; }
.collab-profile-avatar { display:grid; place-items:center; flex:0 0 56px; height:56px; border-radius:50%; background:#e7f3ef; color:#176d5b; font-size:24px; font-weight:600; }
.collab-profile strong { display:block; overflow-wrap:anywhere; font-size:20px; }
.collab-profile-role { display:block; margin-top:6px; color:#60766e; font-size:14px; }
.collab-account-heading { margin:24px 0 12px; font-size:14px; color:#60766e; }
.collab-account-action { display:flex; justify-content:space-between; align-items:center; gap:16px; width:100%; padding:18px; border:1px solid #d9e5df; border-radius:12px; background:#f7faf8; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.collab-account-action small { display:block; margin-top:6px; color:#60766e; }
.collab-account-action:hover { background:#edf5f1; border-color:#8bb6a7; }
.collab-account-action:focus-visible,.collab-dialog-account button:focus-visible { outline:3px solid #378b75; outline-offset:3px; }
.collab-signout { margin-top:24px; padding-top:16px; border-top:1px solid #e0e8e4; }
.collab-signout p { font-size:13px; }
.collab-signout-actions { display:flex; gap:12px; }
.collab-signout-button { color:#a23c32; border-color:#dcbab6; background:#fff; }
.collab-signout-button:hover { background:#fff5f3; }
.collab-dialog-account #collab-error:empty { display:none; }
.col-collaboration,.collab-summary { width:210px; min-width:210px; max-width:210px; }
.collab-summary small,.collab-cell-history small { display:block; color:#70837b; font-size:12px; margin-top:8px; }
.collab-cell-history { margin:12px 0; }
.collab-member-list li { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #e4ece8; }
.collab-member-list { padding:0; list-style:none; }
.collab-history-event { padding:16px 0; border-top:1px solid #e4ece8; }
.collab-history-event h3 { font-size:16px; }
.collab-history-event summary { cursor:pointer; padding:8px 0; color:#176c5d; }
.collab-diff { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.collab-diff section { min-width:0; background:#f5f8f6; padding:12px; border-radius:8px; }
.collab-diff pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.6; }
#app-shell[hidden] { display:none; }
