/* Scoped collaboration follows the existing neutral workspace palette. */
.sharing-dialog,.sharing-members,body.shared-workspace{--bg:var(--brand-charcoal);--card:color-mix(in srgb,var(--brand-charcoal) 94%,var(--brand-chalk));--white:var(--brand-chalk);--white-2:var(--brand-stone);--line:color-mix(in srgb,var(--brand-chalk) 22%,transparent)}
html[data-theme="light"] .sharing-dialog,body[data-theme="light"] .sharing-dialog,html[data-theme="light"] .sharing-members,body[data-theme="light"] .sharing-members,body.shared-workspace[data-theme="light"]{--bg:var(--brand-ivory);--card:var(--brand-chalk);--white:var(--brand-charcoal);--white-2:var(--brand-charcoal);--line:color-mix(in srgb,var(--brand-charcoal) 24%,transparent)}
.sharing-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--white);padding:0}
.sharing-dialog::backdrop{background:#292E3480}
.sharing-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}
.sharing-dialog>header h2{font:400 30px/1.2 var(--serif);margin:0}
.sharing-dialog>header button{font-size:24px;width:44px;min-height:44px}
.sharing-dialog>div,.sharing-dialog>form{padding:24px}
.sharing-dialog button,.sharing-dialog select,.sharing-dialog input,.sharing-dialog textarea,.sharing-members button,.sharing-members select{font:400 14px/1.5 var(--sans);color:var(--white);background:var(--card);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:10px 12px;box-sizing:border-box}
.sharing-dialog button,.sharing-members button{cursor:pointer}
.sharing-dialog button:disabled,.sharing-members button:disabled{opacity:.6;cursor:wait}
.sharing-invitation{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sharing-invitation label{display:grid;gap:8px;font:400 13px var(--sans);min-width:0}
.sharing-invitation input,.sharing-invitation select{width:100%;min-width:0;font-size:16px}
.sharing-invitation>p,.sharing-invitation>button,.sharing-invitation>.sharing-link-output{grid-column:1/-1}
.sharing-invitation [hidden]{display:none!important}
.sharing-owner{display:grid;gap:4px;padding:20px 0;border-block:1px solid var(--line);margin-bottom:18px}
.sharing-owner strong{font:400 24px var(--serif)}
.sharing-owner small,.sharing-person small{display:block;color:var(--white-2);font:400 12px/1.7 var(--sans)}
.sharing-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px 0;flex-wrap:wrap}
.sharing-person{min-width:0;flex:1 1 220px;overflow-wrap:anywhere}
.sharing-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}
.sharing-row-actions select{max-width:100%}
.sharing-link{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:var(--white);font:400 13px var(--sans)}
.sharing-members details{margin-top:24px;border-top:1px solid var(--line);padding:10px 0}
.sharing-members summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:400 21px var(--serif)}
.sharing-audit-event{font:400 12px/1.8 var(--sans);border-bottom:1px solid var(--line);padding:8px 0;overflow-wrap:anywhere}
.sharing-feedback{font:400 13px/1.7 var(--sans);overflow-wrap:anywhere;min-height:22px}
.sharing-link-output{display:flex;gap:10px;flex-wrap:wrap}.sharing-link-output input{flex:1 1 240px;min-width:0}
@media(max-width:600px){.sharing-dialog>header,.sharing-dialog>div,.sharing-dialog>form{padding:18px}.sharing-invitation{grid-template-columns:1fr}.sharing-row-actions{width:100%}.sharing-row-actions button,.sharing-row-actions select{flex:1 1 100px}.sharing-members .pm-title{align-items:flex-start;gap:16px;flex-wrap:wrap}}
.shared-workspace{margin:0;min-height:100dvh}
.shared-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px clamp(20px,5vw,64px);border-bottom:1px solid var(--line);background:var(--brand-charcoal);color:var(--brand-chalk)}
.shared-header>a img{display:block;max-width:100%;height:auto}
.shared-header>div{display:flex;gap:10px;flex-wrap:wrap}
.shared-workspace button,.shared-workspace input,.shared-workspace textarea,.shared-workspace select{box-sizing:border-box;min-height:44px;border:1px solid var(--line);border-radius:6px;font:400 15px/1.5 var(--sans);padding:10px 14px;background:var(--card);color:var(--white)}
.shared-workspace button{cursor:pointer}.shared-workspace [hidden]{display:none!important}.shared-header button{color:var(--brand-chalk);background:transparent;border-color:color-mix(in srgb,var(--brand-chalk) 30%,transparent)}
.shared-main{max-width:1120px;margin:auto;padding:32px clamp(20px,5vw,64px) 64px;overflow-wrap:anywhere}
.shared-main h1{font:400 clamp(36px,5vw,52px)/1.15 var(--serif);margin:0 0 18px}.shared-main h2{font:400 30px/1.2 var(--serif)}.shared-main h3{font:400 24px/1.3 var(--serif)}
.shared-form{display:grid;gap:16px;max-width:640px;margin:24px 0}
.shared-form label{display:grid;gap:8px;min-width:0;font:400 13px var(--sans)}
.shared-form input,.shared-form textarea,.shared-form select{width:100%;min-width:0;font-size:16px}.shared-form textarea{resize:vertical}
.shared-form>button{justify-self:start}.shared-main .shared-code-hint{font:400 12px/1.6 var(--sans);color:var(--white-2);margin:0}
.shared-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}
.shared-record{padding:22px 0;border-top:1px solid var(--line)}
.shared-text{white-space:pre-wrap;font:400 15px/1.8 var(--sans)}
.shared-comments{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.shared-comments h3{font-size:21px}
.shared-comment{padding:12px 0;border-bottom:1px solid var(--line)}.shared-comment p{white-space:pre-wrap;margin:8px 0}.shared-comment small{color:var(--white-2)}
@media(max-width:600px){.shared-header{padding:20px}.shared-header>div{width:100%}.shared-main{padding:24px 20px 48px}.shared-section-heading{flex-wrap:wrap}}