.sharing-center{scroll-margin-top:18px}
.sharing-boundary{display:flex;gap:12px;align-items:flex-start;margin:0 22px 20px;padding:14px 16px;border:1px solid light-dark(#d8e3f8, var(--web-border));border-radius:10px;background:light-dark(#f4f7fd, var(--web-surface-subtle))}
.sharing-boundary>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:light-dark(#e1e9fb, var(--web-selection-surface));color:light-dark(#3459b8, var(--web-link))}
.sharing-boundary strong{font-size:.84rem}
.sharing-boundary p{margin:3px 0 0;color:var(--muted);font-size:.76rem}
.sharing-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}
.sharing-columns>section{min-width:0;padding:20px 22px}
.sharing-columns>section+section{border-left:1px solid var(--border)}
.sharing-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}
.sharing-section-heading h3{font-size:.94rem;margin:0}
.sharing-section-heading p{color:var(--muted);font-size:.75rem;margin:3px 0 0}
.sharing-list{display:grid;gap:10px}
.sharing-entry{border:1px solid light-dark(#e2e6ef, var(--web-border));border-radius:11px;padding:13px 14px;background:light-dark(#fff, var(--web-surface))}
.sharing-entry-heading{display:flex;justify-content:space-between;gap:12px}
.sharing-entry h4{margin:0;font-size:.84rem}
.sharing-entry-heading p{margin:2px 0 0;color:var(--muted);font-size:.72rem}
.sharing-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:64px;min-height:32px;border-radius:99px;padding:3px 7px;text-align:center;font-size:.67rem;font-weight:700}
.sharing-status.active{background:light-dark(#e4f6ed, var(--web-surface-subtle));color:light-dark(#267451, var(--web-success))}
.sharing-status.revoked{background:light-dark(#edf0f4, var(--web-surface-subtle));color:light-dark(#5f6878, var(--web-muted))}
.sharing-status.superseded{background:light-dark(#eef2fa, var(--web-surface-subtle));color:light-dark(#52617d, var(--web-muted))}
.sharing-status.expired{background:light-dark(#fff0d2, var(--web-warning-surface));color:light-dark(#886018, var(--web-warning))}
.sharing-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}
.sharing-dates div{min-width:0}
.sharing-dates dt{color:light-dark(#8991a1, var(--web-muted));font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}
.sharing-dates dd{margin:2px 0 0;color:light-dark(#4f5b72, var(--web-muted));font-size:.7rem}
.sharing-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:28px;border-top:1px solid light-dark(#edf0f4, var(--web-border));padding-top:7px}
.sharing-actions small{margin-right:auto;color:var(--muted);font-size:.7rem}
.sharing-empty{display:flex;align-items:center;gap:10px;min-height:92px;border:1px dashed light-dark(#d9deea, var(--web-border));border-radius:10px;padding:15px;color:var(--muted)}
.sharing-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:light-dark(#eef1f8, var(--web-surface-subtle))}
.sharing-empty p{font-size:.76rem;margin:0}
@media(max-width:900px){.sharing-columns{grid-template-columns:1fr}.sharing-columns>section+section{border-left:0;border-top:1px solid var(--border)}}
@media(max-width:650px){.sharing-boundary{margin:0 17px 17px}.sharing-columns>section{padding:17px}.sharing-dates{grid-template-columns:1fr}.sharing-entry-heading{align-items:flex-start}}

.grant-revoke-action{display:flex;flex-direction:column;gap:4px;min-width:110px;max-width:100%}
.grant-revoke-action small:empty{display:none}
.grant-revoke-action button:disabled{cursor:wait;opacity:.65}
.access-row.superseded{background:light-dark(#fafbfe, var(--web-surface-subtle))}.access-row.superseded small{color:light-dark(#5f6d86, var(--web-muted))}
.recipient-email{margin:6px 0 14px;color:var(--muted);font-size:.85rem;overflow-wrap:anywhere;text-align:start;unicode-bidi:isolate}
