/* Collaboration chrome follows the workspace surface and theme tokens. */
.collab-bar{display:flex;align-items:center;gap:12px;min-width:0}
.collab-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#77727f);font-size:11px;white-space:nowrap}
.collab-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.collab-status[data-state="live"]{color:#287352}.collab-status[data-state="conflict"],.collab-status[data-state="offline"],.collab-status[data-state="frozen"]{color:#946014}.collab-status[data-state="error"]{color:#ad3d54}
.collab-share{border:1px solid var(--text,#26242a);background:var(--text,#26242a);color:var(--panel,#fffefc);border-radius:8px;min-height:36px;padding:0 17px;font-size:12px;font-weight:600;cursor:pointer}
.collab-presence{display:flex;align-items:center;padding-left:5px}.collab-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin-left:-5px;border:2px solid var(--panel,#fffefc);background:var(--accent-soft,#eee9fa);color:var(--accent-strong,#5140c2);font-size:9px;font-weight:700;overflow:hidden}
.is-live-workspace #saveStatus{display:none}.collab-status[data-state="local"]{display:none}
.collab-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgb(27 24 34 / .35);backdrop-filter:blur(5px)}
.collab-dialog{width:min(560px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--border,#e3dfe7);border-radius:16px;background:var(--panel,#fffefc);color:var(--text,#26242a);box-shadow:0 24px 90px rgb(22 18 31 / .24)}
.collab-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px 18px;background:linear-gradient(110deg,var(--accent-soft,#eee9fa),transparent);border-bottom:1px solid var(--border,#e3dfe7)}
.collab-dialog h2{margin:0;font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.04em}.collab-dialog h3,.collab-conflict h3{font-size:13px;font-weight:650;margin:0 0 10px}
.collab-dialog-body{display:flex;flex-direction:column;gap:16px;padding:22px 25px 26px}.collab-message{font-size:13px;line-height:1.6;color:var(--muted,#77727f);margin:0}.collab-message-warning,.collab-message-error{padding:12px 14px;border:1px solid var(--border,#e3dfe7);border-radius:9px;background:var(--bg,#f4f2f6);color:var(--text,#26242a)}.collab-message-error{border-color:#c76378;color:#a6334c}
.collab-button,.collab-close{min-height:36px;padding:9px 13px;border-radius:8px;border:1px solid var(--border,#e3dfe7);background:var(--panel,#fffefc);color:var(--text,#26242a);font-size:12px;line-height:1.4;cursor:pointer;text-align:center;transition:border-color .14s,background .14s}.collab-button:hover,.collab-close:hover{border-color:var(--accent,#7057d9);background:var(--accent-soft,#eee9fa)}.collab-primary{background:var(--accent,#7057d9);border-color:var(--accent,#7057d9);color:#fff}.collab-primary:hover{color:var(--text,#26242a)}.collab-danger{color:#af294a;border-color:#d596a5}.collab-button:disabled{opacity:.55;cursor:wait}.collab-close{padding:7px 10px}
.collab-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.collab-dialog input:not([type="checkbox"]),.collab-dialog select,.collab-dialog textarea,.collab-conflict textarea{box-sizing:border-box;width:100%;min-height:40px;border:1px solid var(--border,#e3dfe7);border-radius:8px;background:var(--bg,#f4f2f6);color:var(--text,#26242a);padding:10px 12px;font:inherit;font-size:13px}.collab-dialog textarea{min-height:100px;overflow-wrap:anywhere}.collab-checkbox{display:flex;align-items:center;gap:10px;font-size:13px}.collab-checkbox input{width:17px;height:17px;accent-color:var(--accent,#7057d9)}
.collab-link-row,.collab-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border,#e3dfe7);font-size:12px}.collab-history-row span{line-height:1.5}.collab-control-section{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid var(--border,#e3dfe7);border-radius:10px}.collab-control-section h3{margin:0}.collab-actions{display:flex;flex-wrap:wrap;gap:8px}
.collab-conflict{position:fixed;z-index:9000;right:24px;bottom:24px;width:min(410px,calc(100vw - 48px));max-height:calc(100dvh - 96px);box-sizing:border-box;overflow:auto;padding:20px;border:1px solid var(--accent,#7057d9);border-radius:14px;background:var(--panel,#fffefc);color:var(--text,#26242a);box-shadow:0 14px 60px rgb(25 20 34 / .2);display:flex;flex-direction:column;gap:12px}.collab-conflict h3{margin:0}.collab-conflict textarea{min-height:110px;resize:vertical}.collab-conflict .collab-message{font-size:12px}
.collab-dialog button:focus-visible,.collab-dialog input:focus-visible,.collab-dialog select:focus-visible,.collab-conflict button:focus-visible,.collab-share:focus-visible{outline:2px solid var(--accent,#7057d9);outline-offset:3px}
[data-theme="dark"] .collab-share{background:#c0a7e7;border-color:#c0a7e7;color:#211b2b}[data-theme="dark"] .collab-status[data-state="live"]{color:#93cbae}[data-theme="dark"] .collab-status[data-state="offline"],[data-theme="dark"] .collab-status[data-state="conflict"],[data-theme="dark"] .collab-status[data-state="frozen"]{color:#e2bd81}[data-theme="dark"] .collab-avatar{color:#d0b9f1}[data-theme="dark"] .collab-danger,[data-theme="dark"] .collab-message-error{color:#f0a2b4}
@media(max-width:900px){.collab-bar{gap:8px}.collab-status{max-width:130px;white-space:normal;font-size:10px}.collab-presence{display:none}.collab-share{padding:0 12px}.is-live-workspace .release-tag{display:none}}
@media(max-width:540px){.collab-overlay{padding:12px}.collab-dialog{max-height:calc(100dvh - 24px)}.collab-dialog-header{padding:18px}.collab-dialog-body{padding:18px}.collab-conflict{bottom:12px;right:12px;width:calc(100vw - 24px)}.collab-dialog h2{font-size:19px}.collab-status{max-width:90px}}
@media(prefers-reduced-motion:reduce){.collab-button,.collab-close{transition:none}}
[data-theme="dark"] .collab-primary{background:var(--primary-fill,#c0a7e7);border-color:var(--primary-fill,#c0a7e7);color:var(--primary-ink,#261f2f)}
