/* The workspace keeps investigation on the graph and shares one evidence reader. */
.session-scope { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:12px 20px; border-bottom:1px solid var(--line); font-size:12px; background:var(--panel2); overflow-wrap:anywhere; }
.session-scope[hidden], [data-whole-run][hidden] { display:none; }
.session-scope strong { min-width:0; color:var(--acc); }
.session-scope small { flex-basis:100%; color:var(--mut); font-size:12px; }
.session-scope button { margin-left:auto; flex:none; border:1px solid var(--line2); border-radius:8px; padding:5px 9px; background:var(--panel); color:var(--tx); cursor:pointer; }
.session-item h3 button { margin-left:auto; font-weight:400; }
#inspection[hidden], #inspection [hidden] { display: none !important; }
#inspection > h2 { min-width: 0; }
#inspection-selection { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
#inspection-close { flex: none; width: 32px; height: 32px; font-size: 20px; }
.inspection-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
.inspection-tabs button { padding: 6px 12px; border-radius: 8px; }
.inspection-tabs button, .session-composition button, #inspection-close { border: 1px solid var(--line2); background: var(--panel); color: var(--tx); cursor: pointer; }
.inspection-tabs [aria-selected="true"] { color: var(--acc); border-color: var(--acc); background: rgba(0,113,227,.08); }
.inspection-tabs button:focus-visible, .session-composition button:focus-visible, #inspection-close:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.inspection-tabs button:disabled { opacity: .45; cursor: default; }
#inspection .detail { border: 0; }
#inspection > [role="tabpanel"] { min-width: 0; }
.auxiliary-fold > summary { cursor: pointer; padding: 16px 20px; font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.auxiliary-fold > summary .sub { font-weight: 400; font-size: 12px; color: var(--mut); margin-left: 10px; }
.auxiliary-fold[open] > summary { border-bottom: 1px solid var(--line); }
#profile-fold > summary { font-size: 12px; color: var(--mut); padding-top: 10px; padding-bottom: 10px; }
.session-composition { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
.session-composition > button { flex: none; padding: 6px 10px; border-radius: 8px; }
#session-count { color: var(--mut); font-size: 12px; margin-left: 6px; }
#session-relations-open { color:var(--acc); }
#session-relations-count { margin-left:4px; font-variant-numeric:tabular-nums; }
.session-members { display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; flex: 1; font-size: 12px; color: var(--mut); }
.session-members button { max-width: 240px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; border-radius: 8px; }
.session-members button[aria-pressed="true"] { border-color: var(--acc); color: var(--acc); }
.session-members button small { display: block; color: var(--mut); overflow: hidden; text-overflow: ellipsis; font-size: 11px; margin-top: 3px; }
.session-directory[open] { max-height: 85vh; height: auto; }
.session-scope-note { padding: 0 20px; color: var(--mut); font-size: 13px; }
#session-directory-body { padding: 0 20px 20px; overflow: auto; min-height: 0; }
.session-item { padding: 16px 0; border-top: 1px solid var(--line); scroll-margin-top: 10px; }
.session-item h3 { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 8px; font-size: 14px; overflow-wrap: anywhere; }
.session-item h3 span { font-weight: 400; color: var(--mut); }
.session-parent { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0; font-size: 12px; overflow-wrap: anywhere; }
.session-parent button { max-width: 100%; overflow-wrap: anywhere; text-align: left; }
.session-source { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 16px; padding: 10px 0; }
.session-source > div { min-width: 0; overflow-wrap: anywhere; }
.session-source p { margin: 4px 0; font-size: 12px; color: var(--mut); }
.session-source button { align-self: start; border-radius: 8px; padding: 6px 10px; }
.session-source details { font-size: 12px; }
.session-source dl { margin: 8px 0; }
.session-source [aria-current="true"] { color: var(--acc); border-color: var(--acc); }
.session-relations { margin:10px 0; font-size:12px; overflow-wrap:anywhere; }
.session-relations > button { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line2); border-radius:6px; padding:7px 10px; background:var(--panel); color:var(--acc); cursor:pointer; font:inherit; }
.session-relations > button:hover, #session-relations-open:hover { border-color:var(--acc); }
.session-relations > button:focus-visible { outline:2px solid var(--acc); outline-offset:2px; }
.session-relations-chevron { display:inline-block; transition:transform .15s; }
.session-relations > button[aria-expanded="true"] .session-relations-chevron { transform:rotate(180deg); }
.session-relations > [hidden] { display:none; }
.session-relation { border-bottom:1px solid var(--line); padding:12px 0; }
.session-relation p { margin:6px 0; }
.session-relation small { color:var(--mut); }
.session-relation dl { display:grid; grid-template-columns:120px minmax(0,1fr); gap:6px 12px; }
.session-relation dd { margin:0; }
.session-relation button, .session-relations [data-relations-more] { border:1px solid var(--line2); color:var(--acc); background:var(--panel); border-radius:6px; padding:5px 9px; cursor:pointer; }
#session-related-back { max-width:100%; overflow-wrap:anywhere; }
#session-related-back[hidden] { display:none; }
.context-coverage pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; font: 12px/1.65 ui-monospace,SFMono-Regular,monospace; }
.investigation-actions { display: flex; gap: 8px; }
.investigation-actions button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--line2); border-radius: 8px; color: var(--mut); background: var(--panel); cursor: pointer; }
.investigation-actions button:hover { color: var(--acc); border-color: var(--acc); }
.investigation-actions button:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.investigation-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media(max-width: 720px) {
  .session-composition, .inspection-tabs { padding: 10px 14px; }
  .session-members { flex-basis: 100%; }
  .session-members button { max-width: 100%; }
  .session-source { grid-template-columns: minmax(0,1fr); }
  .session-source > button { justify-self: start; }
  .session-directory[open] { max-height: 92dvh; }
  #inspection > h2 { flex-wrap: wrap; }
  #inspection-selection { flex-basis: 100%; white-space: normal; overflow-wrap: anywhere; }
  #inspection-close { margin-left: auto; }
}