.number-workspace.relations-mode{grid-template-columns:210px minmax(0,1fr)}
.number-relations{display:block!important;min-width:0}.relation-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.relation-heading>div{flex:1;min-width:180px}.relation-heading h3{font-size:16px;margin:0 0 6px}.relation-heading p{font-size:12px;color:var(--muted);margin:0}.relation-load-status{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.relation-warning{color:#a76922}.relation-legend{display:flex;gap:18px;font-size:10px;color:var(--muted);margin:12px 0}.relation-legend span:before{content:'';display:inline-block;width:20px;border-top:2px solid var(--accent);vertical-align:middle;margin-right:6px}.relation-line-dashed:before{border-top-style:dashed!important}
.relation-viewport{overflow:auto;border:1px solid var(--line);border-radius:12px;background-color:var(--surface-alt);background-image:radial-gradient(var(--canvas-dot) .8px,transparent .8px);background-size:18px 18px;margin-bottom:18px;scrollbar-width:thin}.relation-stage{position:relative;width:970px;min-height:210px}.relation-connections{position:absolute;inset:0;pointer-events:none;overflow:visible}.relation-edge{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.65}.relation-edge.reference{stroke-dasharray:6 5;stroke:var(--green)}.relation-edge.shared{stroke-dasharray:3 5;stroke:var(--muted)}
.relation-node{position:absolute;width:190px;min-height:106px;padding:13px 14px;text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 14px #18233706;border-radius:10px;display:flex;flex-direction:column;gap:5px}.relation-node:hover,.relation-node[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.relation-node-kind{font-size:9px;text-transform:uppercase;color:var(--accent);letter-spacing:.6px}.relation-node strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.relation-node small{font:10px/1.65 var(--font-code);color:var(--muted);overflow-wrap:anywhere}.relation-kind-domain{border-top:3px solid var(--green)}.relation-kind-service{border-top:3px solid var(--accent)}
.relation-inspector{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--surface)}.relation-inspector-head{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.relation-inspector h4{font-size:15px;margin:5px 0}.relation-inspector .eyebrow{font-size:10px;color:var(--accent)}.relation-resource-value{display:block;font:11px/1.8 var(--font-code);color:var(--muted);overflow-wrap:anywhere;margin:9px 0}.relation-inspector>.button{margin:6px 8px 6px 0}.relation-evidence{padding-left:17px;font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 0;overflow-wrap:anywhere}.relation-evidence .reference{color:var(--green)}.relation-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}
.relation-dialog,.relation-full-dialog{border:1px solid var(--line);border-radius:15px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 25px 100px #10183033;max-height:92dvh}.relation-dialog{width:min(600px,calc(100vw - 28px))}.relation-full-dialog{width:min(1420px,calc(100vw - 40px));padding:24px}.relation-dialog::backdrop,.relation-full-dialog::backdrop{background:#121b3855;backdrop-filter:blur(3px)}.relation-dialog h2{font-size:19px;margin:6px 0}.relation-dialog .dialog-top{padding:22px;border-bottom:1px solid var(--line)}.relation-edit-form{padding:22px}.relation-edit-target{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin-top:0}.relation-edit-form .detail-note{font-size:12px;line-height:1.8}.relation-form-field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:16px 0}.relation-form-field input,.relation-form-field select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;color:var(--ink);background:var(--surface);font:inherit}.relation-form-field input:read-only{background:var(--surface-alt);font-family:var(--font-code);font-size:11px}.relation-change-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;color:var(--muted);padding:12px;background:var(--surface-alt);border-radius:8px}.relation-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.relation-full-dialog>.relation-inspector{margin-bottom:0}
.relation-stage{margin-inline:auto}.relation-connections{width:970px;height:100%}
@media(max-width:900px){.number-workspace.relations-mode{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:720px){.number-workspace.relations-mode{display:flex;flex-direction:column}.relation-heading h3{font-size:15px}.relation-heading .button{font-size:11px}.relation-inspector{padding:14px}.relation-legend{gap:10px;flex-wrap:wrap}.relation-full-dialog{width:calc(100vw - 16px);padding:14px}.relation-dialog .dialog-top,.relation-edit-form{padding:18px}}