/* KONEVIX Hypergrid 1.0 / Workspace 2.0 / Stage 3 of 5.
   Visual layer over real authenticated graph nodes and persisted layout.
   Never duplicates business buttons, relationships, or permission checks. */
.content.object-context-active.hg-workspace-v135 {
  --hg-ws-surface:var(--kv-bg-surface-1,var(--color-surface-primary));
  --hg-ws-elevated:var(--kv-bg-surface-2,var(--color-surface-elevated));
  --hg-ws-border:var(--kv-border-subtle,var(--color-border-soft));
  --hg-ws-text:var(--kv-text-primary,var(--color-text-primary));
  --hg-ws-muted:var(--kv-text-secondary,var(--color-text-secondary));
  color:var(--hg-ws-text);
}
.content.object-context-active.hg-workspace-v135 .workspace-stage-wrap {
  border:1px solid var(--hg-ws-border);
  background:var(--hg-ws-elevated);
  border-radius:var(--kv-radius-panel,18px);
  overflow:hidden;
  box-shadow:var(--kv-shadow-surface);
}
.content.object-context-active.hg-workspace-v135 :is(.workspace-canvas,.tw-canvas,.records-ws-canvas,.record-ws-canvas,#objectRuntimeCanvas) {
  background-color:var(--hg-ws-elevated);
  background-image:radial-gradient(circle, color-mix(in srgb,var(--hg-ws-muted) 15%,transparent) 1px, transparent 1.4px);
  background-size:24px 24px;
  background-position:12px 12px;
  border-color:var(--hg-ws-border);
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124.workspace-card {
  --hg-ws-accent:var(--workspace-card-accent,var(--kv-accent));
  outline:0;
  box-shadow:var(--kv-shadow-surface);
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124.workspace-card:focus-within {
  outline:2px solid var(--kv-focus-ring,var(--kv-accent));
  outline-offset:3px;
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124.workspace-card-primary {
  border-top:3px solid var(--hg-ws-accent);
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124 .workspace-card-head {
  min-width:0;
  border-bottom-color:var(--hg-ws-border);
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124 .workspace-card-head-right {
  flex-wrap:wrap;
  align-self:center;
  max-width:57%;
}
.content.object-context-active.hg-workspace-v135 .kw-card-v124 :is(.workspace-card-body,.tw-node-body,.record-ws-node-body) {
  color:var(--hg-ws-text);
  scrollbar-color:var(--kv-scrollbar-thumb,var(--kv-border-interactive)) transparent;
  scrollbar-width:thin;
  overscroll-behavior:contain;
}
/* Long cards have independent scrolling; native edit actions remain usable. */
.content.object-context-active.hg-workspace-v135 .kw-card-v124.workspace-card-primary .workspace-card-body {
  max-height:min(68vh,680px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.content.object-context-active.hg-workspace-v135 .workspace-palette-overlay {
  backdrop-filter:blur(12px);
  background:var(--hg-ws-surface);
  border-color:var(--hg-ws-border);
}
.content.object-context-active.hg-workspace-v135 .hg-ws-library-search {
  display:grid;gap:5px;margin:7px 0 11px;
  font-size:11px;font-weight:600;color:var(--hg-ws-muted);
}
.content.object-context-active.hg-workspace-v135 .hg-ws-library-search input {
  width:100%;min-height:37px;box-sizing:border-box;
  border:1px solid var(--hg-ws-border);border-radius:var(--kv-radius-control,10px);
  background:var(--hg-ws-elevated);color:var(--hg-ws-text);padding:8px 11px;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-library-search input:focus-visible {
  outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:2px;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-library-empty {
  color:var(--hg-ws-muted);font-size:12px;padding:8px 4px;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-long-text {
  position:relative;line-height:1.65;overflow-wrap:anywhere;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-long-text.is-preview {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;
  line-clamp:7;max-height:11.7em;overflow:hidden;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-read-more {
  display:inline-flex;align-items:center;gap:6px;margin:8px 0 10px;
  padding:6px 10px;border:1px solid var(--hg-ws-border);
  border-radius:var(--kv-radius-control,9px);background:var(--hg-ws-elevated);
  color:var(--kv-accent);font-size:12px;font-weight:680;cursor:pointer;
}
.content.object-context-active.hg-workspace-v135 .hg-ws-read-more:hover {
  border-color:var(--kv-border-interactive);background:var(--kv-selected-surface);
}
.content.object-context-active.hg-workspace-v135 .hg-ws-read-more:focus-visible {
  outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:3px;
}
/* Original SVG line elements and graph hit areas stay owned by Workspace Engine. */
.content.object-context-active.hg-workspace-v135 :is(.workspace-links,.tw-links,.records-ws-links,.record-ws-links) {
  transition:opacity .18s ease;
}
.content.object-context-active.hg-workspace-v135 :is(.workspace-links,.tw-links,.records-ws-links,.record-ws-links) :is(path,line):focus-visible {
  outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:2px;
}
.content.object-context-active.hg-workspace-v135 :is(.workspace-port,.ew-relation-port,.workspace-edge-handle) {
  min-width:20px;min-height:20px;
}
.content.object-context-active.hg-workspace-v135 :is(.workspace-port,.ew-relation-port,.workspace-edge-handle):focus-visible {
  outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:3px;
}
.content.object-context-active.hg-workspace-v135 .workspace-minimap {
  background:var(--hg-ws-surface);border:1px solid var(--hg-ws-border);
  box-shadow:var(--kv-shadow-surface);
}
/* Mobile provides a separate accessible index into the real graph; never clones its nodes. */
.content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index {
  display:none;
}
.hg-ws-detail-backdrop {
  position:fixed;inset:0;z-index:12000;display:grid;place-items:center;
  background:var(--kv-backdrop);padding:clamp(10px,3vw,24px);
}
.hg-ws-detail-dialog {
  width:min(760px,100%);max-height:min(86vh,930px);min-height:0;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--kv-bg-surface-1,var(--color-surface-primary));
  color:var(--kv-text-primary,var(--color-text-primary));
  border:1px solid var(--kv-border-subtle,var(--color-border-default));
  border-radius:var(--kv-radius-panel,17px);
  box-shadow:var(--kv-shadow-floating);
}
.hg-ws-detail-head {
  padding:16px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;
  border-bottom:1px solid var(--kv-border-subtle);
}
.hg-ws-detail-head h2 {margin:0;min-width:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere;}
.hg-ws-detail-close {
  flex:0 0 auto;min-height:38px;padding:7px 14px;
  border-radius:var(--kv-radius-control,9px);border:1px solid var(--kv-border-subtle);
  color:inherit;background:var(--kv-bg-surface-2);cursor:pointer;
}
.hg-ws-detail-close:focus-visible {outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:2px;}
.hg-ws-detail-text {
  padding:18px 22px;overflow-y:auto;overscroll-behavior:contain;
  white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;
  scrollbar-width:thin;
}
@media(max-width:800px){
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index {
    display:block;position:relative;z-index:1002;isolation:isolate;
    margin:10px 0;border:1px solid var(--hg-ws-border);
    border-radius:var(--kv-radius-control,12px);background:var(--hg-ws-surface);
    padding:9px 12px;color:var(--hg-ws-text);
  }
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index summary {
    cursor:pointer;font-weight:700;min-height:28px;display:flex;align-items:center;
  }
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index-list {
    display:grid;gap:5px;margin-top:9px;max-height:190px;overflow-y:auto;
  }
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index-list button {
    min-height:35px;text-align:left;display:flex;justify-content:space-between;gap:10px;
    border:1px solid var(--hg-ws-border);border-radius:8px;padding:7px 10px;
    color:var(--hg-ws-text);background:var(--hg-ws-elevated);cursor:pointer;
  }
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index-list button:focus-visible {
    outline:2px solid var(--kv-focus-ring,var(--kv-accent));outline-offset:2px;
  }
  .content.object-context-active.hg-workspace-v135 .workspace-minimap{display:none;}
  .content.object-context-active.hg-workspace-v135 .workspace-floating-tools {
    max-width:none;position:relative;flex-wrap:wrap;justify-content:flex-start;
    margin-bottom:7px;
  }
}
@media(prefers-reduced-motion:reduce){
  .content.object-context-active.hg-workspace-v135 * {scroll-behavior:auto;transition-duration:0ms;animation-duration:0ms;}
}

.content.object-context-active.hg-workspace-v135 .workspace-palette-overlay :is(.tw-top-chip,.uw-palette-chip)[hidden]{display:none!important}

.content.object-context-active.hg-workspace-v135 .hg-ws-card .hg-ws-scroll-region:focus-visible,
.content.object-context-active.hg-workspace-v135 .hg-ws-focusable-edge:focus-visible{
  outline:2px solid var(--kv-focus-ring);outline-offset:3px;
}
@media(forced-colors:active){
  .content.object-context-active.hg-workspace-v135 .workspace-stage-wrap{background:Canvas;border:1px solid CanvasText}
  .hg-ws-detail-dialog,.hg-ws-detail-close{border:1px solid CanvasText}
}
/* Mobile list must remain above the left palette overlay while selecting nodes. */
@media(max-width:800px){
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index{z-index:250;isolation:isolate;}
  .content.object-context-active.hg-workspace-v135 .hg-ws-mobile-index[open]{background:var(--kv-bg-floating);}
}