.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 textarea { width:100%; box-sizing:border-box; padding:12px; border:1px solid #b9cec7; border-radius:8px; font:inherit; resize:vertical; }
.collab-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.collab-actions .button { margin:0; }
.collab-welcome-secondary { margin-top:16px; padding-top:16px; border-top:1px solid #e0e8e4; }
@media (max-width:540px) { .collab-actions .button { flex:1 1 100%; min-height:44px; } }
.collab-dialog p { line-height:1.7; color:#60766e; }
#collab-error { color:#a23c32; }
.collab-account { display:flex; flex-direction:column; gap:4px; margin:12px 0 0; 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 + .collab-account-action { margin-top:16px; }
.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; }
.collab-summary { overflow-wrap:anywhere; }
.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; }
.collab-user-id { display:flex; align-items:flex-end; gap:12px; padding:18px 0 4px; }
.collab-user-id > div { flex:0 1 252px; min-width:0; }
.collab-user-id small { display:block; margin-bottom:6px; color:#60766e; }
.collab-user-id input { height:44px; box-sizing:border-box; font:13px ui-monospace,monospace; background:#f7faf8; }
.collab-user-id .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; height:44px; min-width:88px; box-sizing:border-box; padding:0 16px; font-size:14px; }
.collab-id-hint { margin:6px 0 20px; font-size:12px; }
.collab-inbox { padding-bottom:12px; border-bottom:1px solid #e0e8e4; }
.collab-invitation-list { list-style:none; padding:0; }
.collab-invitation-list li,.collab-target-card { padding:16px; border:1px solid #d9e5df; background:#f7faf8; border-radius:12px; margin:12px 0; }
.collab-invitation-list p { font-size:13px; margin:8px 0; }
.collab-target-card code,.collab-member-list code { display:block; color:#60766e; font-size:12px; overflow-wrap:anywhere; }
.collab-id-management { margin-top:24px; padding-top:16px; border-top:1px solid #e0e8e4; }
.collab-id-management h3 { font-size:16px; margin:0 0 12px; }
.collab-code-invite { margin-top:24px; padding-top:16px; border-top:1px solid #e0e8e4; }
.collab-code-invite summary { cursor:pointer; color:#60766e; }
.collab-user-list li { flex-wrap:wrap; }
.collab-user-main { flex:1 1 280px; min-width:0; display:flex; flex-direction:column; gap:4px; }
.collab-user-main small { color:#60766e; }
.collab-user-main code { display:inline; }
.collab-user-actions { display:flex; gap:8px; flex-shrink:0; }
.collab-user-form { flex:1 1 100%; }
.collab-user-form form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; padding:12px; background:#f7faf8; border:1px solid #d9e5df; border-radius:12px; }
.collab-user-form label { font-size:13px; color:#39574d; }
.collab-user-form input { height:40px; box-sizing:border-box; }
.collab-user-form input[name=days] { width:110px; }
.collab-admin-section { margin:12px 0 20px; }
.collab-admin-section summary { cursor:pointer; color:#176c5d; padding:6px 0; }
.collab-admin-section form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; padding:16px; background:#f7faf8; border:1px solid #d9e5df; border-radius:12px; }
.collab-admin-section label { font-size:13px; color:#39574d; }
.collab-admin-section input { height:40px; box-sizing:border-box; }
.collab-usage-notice,.collab-admin-grants p { font-size:12px; color:#60766e; }
.collab-admin-grants { margin-top:24px; padding-top:16px; border-top:1px solid #e0e8e4; }
.collab-admin-grants h3 { font-size:16px; margin:0 0 12px; }
.collab-admin-grants form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-top:12px; }
.collab-admin-grants label { font-size:13px; color:#39574d; flex:1 1 260px; }
.collab-admin-grants input { height:40px; box-sizing:border-box; width:100%; font-family:ui-monospace,monospace; font-size:12px; }