.ocf-relationship-web-section{margin-top:8px}
.ocf-relationship-web-section>p{color:var(--ocf-muted,#687386);margin:-4px 0 12px}
.ocf-relationship-web{border:1px solid var(--ocf-border,var(--ocf-line,#dfe4ea));border-radius:18px;padding:18px;background:var(--ocf-card,var(--ocf-paper,#fff))}
.ocf-relationship-graph{display:block;width:100%;height:auto;touch-action:pan-y}
.ocf-relationship-node-fallback{fill:color-mix(in srgb,var(--ocf-violet,#7256e8) 22%,var(--ocf-paper,#fff))}
.ocf-relationship-node-ring{fill:none;stroke:var(--ocf-card,var(--ocf-paper,#fff));stroke-width:3}
.ocf-relationship-node-initial{font-size:22px;font-weight:800;fill:var(--ocf-violet,#7256e8)}
.ocf-relationship-node-label{font-size:12px;font-weight:700;fill:var(--ocf-text,var(--ocf-ink,#24283b))}
.ocf-relationship-nodes a{cursor:pointer}
.ocf-relationship-nodes a:focus-visible .ocf-relationship-node-ring{stroke:var(--ocf-violet,#7256e8);outline:none}
.ocf-relationship-meta{display:grid;gap:14px;margin-top:14px}
.ocf-relationship-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;padding:0;list-style:none;font-size:.78rem;color:var(--ocf-text,var(--ocf-ink,#24283b))}
.ocf-relationship-legend li{display:flex;align-items:center;gap:6px}
.ocf-relationship-legend span{width:10px;height:10px;border-radius:50%;display:inline-block}
.ocf-relationship-pending{border-top:1px solid var(--ocf-border,var(--ocf-line,#dfe4ea));padding-top:12px}
.ocf-relationship-pending h3{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ocf-muted,#687386)}
.ocf-relationship-pending p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;color:var(--ocf-text,var(--ocf-ink,#24283b))}
.ocf-relationship-pending p span{color:var(--ocf-muted,#687386);font-style:italic}
.ocf-relationship-pending button{min-height:30px;padding:0 12px;border:1px solid var(--ocf-border,var(--ocf-line,#dfe4ea));border-radius:8px;background:var(--ocf-card,var(--ocf-paper,#fff));color:var(--ocf-text,var(--ocf-ink,#24283b));font-weight:700;cursor:pointer}
.ocf-relationship-pending button.is-primary{background:var(--ocf-violet,#7256e8);border-color:var(--ocf-violet,#7256e8);color:#fff}
.ocf-relationship-manage{border-top:1px solid var(--ocf-border,var(--ocf-line,#dfe4ea));padding-top:12px}
.ocf-relationship-manage summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--ocf-muted,#687386)}
.ocf-relationship-manage p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;color:var(--ocf-text,var(--ocf-ink,#24283b))}
.ocf-relationship-manage button{min-height:28px;padding:0 10px;border:1px solid var(--ocf-border,var(--ocf-line,#dfe4ea));border-radius:8px;background:var(--ocf-card,var(--ocf-paper,#fff));color:var(--ocf-text,var(--ocf-ink,#24283b));font-size:.76rem;cursor:pointer}
body.ocf-dark .ocf-relationship-web{border-color:var(--ocf-line,#323747);background:var(--ocf-paper,#202432)}
body.ocf-dark .ocf-relationship-node-ring{stroke:var(--ocf-paper,#202432)}
body.ocf-dark .ocf-relationship-node-label,body.ocf-dark .ocf-relationship-legend,body.ocf-dark .ocf-relationship-pending p{color:var(--ocf-ink,#edf0f8)}
body.ocf-dark .ocf-relationship-pending{border-color:var(--ocf-line,#323747)}
body.ocf-dark .ocf-relationship-pending button{border-color:#3b4152;background:#292e3d;color:#f4f6fb}
body.ocf-dark .ocf-relationship-pending button.is-primary{background:var(--ocf-violet,#7256e8);border-color:var(--ocf-violet,#7256e8);color:#fff}
body.ocf-dark .ocf-relationship-manage{border-color:var(--ocf-line,#323747)}
body.ocf-dark .ocf-relationship-manage p{color:var(--ocf-ink,#edf0f8)}
body.ocf-dark .ocf-relationship-manage button{border-color:#3b4152;background:#292e3d;color:#f4f6fb}
@media(max-width:600px){.ocf-relationship-web{padding:14px}.ocf-relationship-node-label{font-size:11px}}