.related-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.related-dialog{width:min(1000px,calc(100vw - 28px));max-height:90dvh;overflow:auto}.related-controls{display:flex;gap:10px;flex-wrap:wrap}.related-tree,.related-tree ul{list-style:none;padding-left:18px;margin:8px 0}.related-tree{padding-left:0}.related-tree ul{border-left:1px solid #7ca0bd66}.related-tree li{margin:8px 0}.related-node{padding:10px 12px;border:1px solid #7fa7c34d;border-radius:10px;background:#a7d9ff08;display:flex;gap:8px;flex-direction:column;min-width:0}.related-node button{font:inherit;color:inherit;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;white-space:normal;word-break:normal;overflow-wrap:anywhere}.related-node span{opacity:.8}.related-edge>small{padding-left:10px}.related-unlink{font:inherit;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.related-select{display:grid;gap:12px}.related-select label{display:grid;gap:6px;min-width:0}.related-select input,.related-select select{width:100%;font:inherit;box-sizing:border-box}.related-select .related-confirm{display:flex;align-items:flex-start}.related-confirm input{width:auto}.trip-show-deleted{display:flex;gap:8px;margin:12px 0}.trip-list-filters label{display:grid;gap:6px}.trip-list-filters input,.trip-list-filters select{width:100%;font:inherit;box-sizing:border-box}.trip-show-deleted input{width:auto}.related-dialog .button{word-break:normal;overflow-wrap:normal;white-space:normal}@media(max-width:600px){.related-tree ul{padding-left:10px}.related-node{padding:8px}.related-toolbar{justify-content:flex-start}.related-toolbar .button{white-space:normal}}

/* Document context action and compact hierarchy, matching a document tree. */
.related-icon-button{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;padding:5px!important;border:1px solid var(--border,#7a9cb955);border-radius:7px;background:var(--surface,#9ac5e912);color:inherit;vertical-align:middle;cursor:pointer;flex:0 0 auto}.related-icon-button:hover{background:#8cbae229}.related-icon-button:focus-visible{outline:2px solid #529cdd;outline-offset:2px}.related-context-action{display:inline-flex;align-items:center;align-self:center}.related-tree{padding:6px 0;overflow:auto;border:1px solid #7fa7c34d;border-radius:8px}.related-tree li{margin:0}.related-tree ul{margin:0 0 0 12px;padding-left:12px;border-left:1px dotted #7a9cb988}.related-tree summary{cursor:pointer;list-style:disclosure-open}.related-tree details:not([open])>summary{list-style:disclosure-closed}.related-tree summary .related-document-row{display:inline-flex;width:calc(100% - 20px);vertical-align:middle}.related-document-row{display:flex;align-items:baseline;gap:6px;padding:6px 8px;min-height:30px;border-bottom:1px solid #7a9cb922;box-sizing:border-box;word-break:normal}.related-document-row:hover{background:#9ac5e914}.related-document-row button{font:inherit;line-height:1.4;text-align:left;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;word-break:normal;overflow-wrap:normal;min-width:0}.related-document-row button:disabled{opacity:.65;cursor:not-allowed}.related-document-row small{margin-left:auto;white-space:nowrap;opacity:.75}.related-doc-symbol{flex:0 0 auto;color:#7ea4c2}.related-leaf{margin-left:15px}.related-edge-label{display:flex;align-items:center;gap:8px;padding:2px 6px;font-size:inherit;opacity:.75}.related-edge-label>small{font-size:inherit}.related-unlink{padding:0 4px}.related-controls{margin-bottom:12px}@media(max-width:600px){.related-document-row{flex-wrap:wrap}.related-document-row button{flex:1 1 180px}.related-document-row small{margin-left:22px}.related-tree ul{margin-left:6px;padding-left:8px}}