/* Shared status uses the same centered 28px frame as Export & Share. */
body.studio-refined #sharedProjectBanner {
  position:relative;display:inline-flex!important;align-items:center;justify-content:center;
  flex:none;box-sizing:border-box;width:28px;height:28px;min-height:28px;
  gap:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
}
body.studio-refined #sharedProjectBanner[hidden] {display:none!important;}
body.studio-refined #sharedProjectManage {
  position:relative;display:grid;place-items:center;box-sizing:border-box;
  width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0;
  border:1px solid var(--line);border-radius:5px;background:var(--surface-2);
  color:var(--icon-mint);font:500 11px/18px var(--sans);cursor:pointer;
}
#sharedProjectManage svg {display:block;transform:translateY(.2px);width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#sharedProjectManage .sharedStatusAccent {opacity:.7;}
body.studio-refined #sharedProjectManage:is(:hover,:focus-visible) {border-color:color-mix(in srgb,var(--icon-mint) 50%,var(--line));background:color-mix(in srgb,var(--icon-mint) 8%,var(--surface-2));}
#sharedProjectBanner:is([data-state="dirty"],[data-state="conflict"]) #sharedProjectManage {color:var(--icon-gold);border-color:color-mix(in srgb,var(--icon-gold) 40%,var(--line));}
#sharedProjectBanner[data-state="revoked"] #sharedProjectManage {color:var(--icon-coral);}
#sharedProjectBanner[data-state="readonly"] #sharedProjectManage {color:var(--dim);}
.sharedStatusText {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#sharedProjectUnread {position:absolute;right:-4px;top:-4px;display:grid;place-items:center;box-sizing:border-box;min-width:12px;height:12px;padding:0 2px;border:1px solid var(--panel);border-radius:6px;background:var(--icon-gold);color:var(--panel);font:650 8px/10px var(--sans);}
#sharedProjectUnread[hidden] {display:none;}
.sharedProjectTooltip {--bubble-accent:var(--icon-mint);--bubble-title:var(--icon-mint);pointer-events:none;padding:10px 12px;font:400 11px/16px var(--sans);}
.sharedProjectTooltip strong {font-size:11px;font-weight:600;}
.sharedProjectTooltip p {font-size:11px;line-height:16px;}
#sharedCommentUpdates {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;min-height:28px;padding:0 8px;border-radius:5px;font:500 11px/18px var(--sans);}
#sharedCommentUpdates[hidden] {display:none;}
@media print {body.studio-refined #sharedProjectBanner,.sharedProjectTooltip {display:none!important;}}