/* ODDB v1 simplified Graph Workbench v0.7.5 */
.wb-simplified {overflow: visible;}
.wb-simplified [hidden] {display: none !important;}
.wb-simplified .card-header {padding: 14px 16px;}
.wb-simplified .network-head {display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.wb-simplified .network-actions {display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
.wb-simplified .network-actions .btn {font-size: 12px; min-height: 32px;}
.wb-simplified .network-export {position: relative;}
.wb-simplified .network-export-menu {z-index: 40; min-width: 220px; max-width: calc(100vw - 48px);}
.wb-simplified .history-workbench-bar {display: flex; align-items: center; gap: 12px; padding: 9px 16px; background: #fff;}
.wb-simplified .history-controls {display: flex; align-items: center; gap: 6px; flex: 0 0 auto;}
.wb-simplified .history-controls .btn {font-size: 12px;}
.wb-simplified .history-count {font-size: 11px; white-space: nowrap;}
.wb-simplified .history-trail-wrap {display: flex; align-items: center; min-width: 0; flex: 1;}
.wb-simplified .history-trail-label {display: none;}
.wb-simplified .history-breadcrumb {display: flex; flex-wrap: nowrap; overflow-x: auto; min-width: 0;}
.wb-simplified .history-step {white-space: nowrap;}
.wb-simplified .pinned-workbench-bar {padding: 8px 16px; background: #f8fbff;}
.wb-simplified .graph-action-bar {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px; background: #fff;}
.wb-simplified .graph-action-copy strong {font-size: 12px;}
.wb-simplified .graph-action-copy span {font-size: 11px; line-height: 1.4;}
.wb-simplified .graph-action-controls {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 6px;}
.wb-simplified .graph-action-controls .form-select {width: 230px; max-width: 100%; font-size: 12px;}
.wb-simplified .graph-action-controls .btn {width: auto; font-size: 12px; min-height: 32px;}
.wb-tools {display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 10px 16px; background: #f8fafc; border-bottom: 1px solid #e4e9f1;}
.wb-tool-button {display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; border: 1px solid #dfe6f0; border-radius: 8px; padding: 6px 10px; background: #fff; color: #475569; font: inherit; font-size: 12px; line-height: 1.3; cursor: pointer;}
.wb-tool-button::after {content: '+'; font-size: 14px; color: #64748b;}
.wb-tool-button[aria-expanded="true"] {border-color: var(--blue, #0d6efd); background: #edf4ff; color: #075fe4;}
.wb-tool-button[aria-expanded="true"]::after {content: '−'; color: #075fe4;}
.wb-tool-button:hover {border-color: #9cbef5;}
.wb-tool-button:focus-visible,.wb-panel-close:focus-visible {outline: 2px solid var(--blue, #0d6efd); outline-offset: 2px;}
.wb-tool-badge {border-radius: 999px; padding: 2px 6px; background: #e8eef8; color: #334155; font-size: 10px; white-space: nowrap;}
.wb-simplified .wb-layer-status {margin-left: auto; font-size: 11px; color: #64748b;}
.wb-panel {position: relative; padding: 14px 16px 16px; border-bottom: 1px solid #e4e9f1; background: #fbfcfe;}
.wb-panel-top {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px;}
.wb-panel-title {margin: 0; font-size: 14px; color: #172033; font-weight: 600;}
.wb-panel-close {flex: 0 0 auto; min-height: 30px; padding: 4px 9px; border: 1px solid #dbe3ef; border-radius: 7px; background: #fff; color: #475569; font: inherit; font-size: 12px; cursor: pointer;}
.wb-panel .comparison-workbench,.wb-panel .pathfinder-workbench,.wb-panel .evidence-layer-bar {padding: 0; background: transparent; border-bottom: 0 !important;}
.wb-panel .comparison-head,.wb-panel .pathfinder-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.wb-panel .comparison-head .fw-semibold,.wb-panel .pathfinder-head .fw-semibold {display: none;}
.wb-panel .small {font-size: 12px; line-height: 1.5;}
.wb-panel .btn {font-size: 12px; min-height: 32px;}
.wb-panel .comparison-head-actions {display: flex; flex-wrap: wrap; gap: 6px;}
.wb-panel .comparison-results {overflow-x: auto;}
.wb-panel .pathfinder-controls {grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 10px;}
.wb-panel .path-options {grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.wb-panel .path-options .form-label {margin: 0;}
.wb-panel .path-options .form-select {width: 68px;}
.wb-panel .path-options #findPaths {margin-top: 0 !important;}
.wb-panel .path-swap {display: inline-flex; align-items: center; justify-content: center;}
.wb-panel .path-search-results {z-index: 60;}
.wb-panel .evidence-layer-heading {margin-bottom: 10px;}
.wb-panel .evidence-layer-heading strong {display: none;}
.wb-panel .evidence-layer-heading span {font-size: 12px; line-height: 1.5;}
.wb-panel .evidence-layer-controls {display: flex; flex-wrap: wrap; gap: 7px;}
.wb-panel .layer-toggle {font-size: 12px;}
.wb-panel .network-options {display: flex; align-items: flex-start; flex-direction: column; gap: 8px; padding: 0 !important; background: transparent; border: 0 !important;}
.wb-panel .network-options strong {font-size: 12px; color: #172033;}
.wb-panel .network-options label {font-size: 12px;}
.wb-extra-actions {display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0;}
.wb-panel .legend {padding: 12px 0 !important; border: 0 !important; border-top: 1px solid #e4e9f1 !important; font-size: 12px;}
.wb-panel .network-export-note {padding: 8px 0 0; font-size: 12px; background: transparent;}
.wb-graph-key {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 16px; color: #64748b; font-size: 11px; border-bottom: 1px solid #eef2f7; background: #fff;}
.wb-graph-key .line.clinical {border-top: 2px dotted #d97706;}
.wb-graph-key .line.discovery {border-top: 2px dashed #94a3b8;}
.wb-graph-key span {white-space: nowrap;}
.wb-canvas {position: relative; min-width: 0; background: #fff; border-radius: 0 0 14px 14px; overflow: hidden;}
.wb-simplified #cy {height: clamp(420px, 62vh, 720px); min-height: 420px; max-height: none; width: 100%; background: #fff;}
.wb-canvas #entityStarter {position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; overflow: auto; border: 0 !important; background: #fafcff;}
.wb-canvas #entityStarter.d-none {display: none !important;}
.wb-canvas .entity-starter-copy {text-align: center; max-width: 540px;}
.wb-canvas .entity-starter-copy .small {font-size: 12px; line-height: 1.5;}
.wb-canvas .entity-starter-copy .fw-semibold {font-size: 18px; margin-top: 6px !important; margin-bottom: 6px;}
.wb-canvas .entity-starter-grid {width: 100%; max-width: 620px; margin-top: 18px !important; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px;}
.wb-canvas .entity-starter-grid button {padding: 12px; border: 1px solid #dbe3ef; border-radius: 10px; background: #fff; text-align: left;}
.wb-canvas .entity-starter-grid strong {font-size: 13px;}
.wb-canvas .entity-starter-grid span {font-size: 11px; line-height: 1.5;}
@media(max-width:767.98px) {
 .wb-simplified .network-head {align-items: flex-start; flex-wrap: wrap;}
 .wb-simplified .history-workbench-bar {align-items: flex-start; flex-direction: column; gap: 6px;}
 .wb-simplified .history-trail-wrap {width: 100%;}
 .wb-simplified .graph-action-copy {width: 100%;}
 .wb-simplified .graph-action-controls {width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}
 .wb-simplified .graph-action-controls .form-select {grid-column: 1 / -1; width: 100%;}
 .wb-simplified .graph-action-controls .btn {width: 100%;}
 .wb-tool-button {flex: 1 1 calc(50% - 6px);}
 .wb-simplified .wb-layer-status {margin-left: 0; width: 100%;}
 .wb-canvas .entity-starter-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
 .wb-canvas #entityStarter {justify-content: flex-start; padding: 24px 16px;}
}
@media(max-width:575.98px) {
 .wb-panel .pathfinder-controls {grid-template-columns: minmax(0,1fr);}
 .wb-panel .path-swap {justify-self: start;}
 .wb-panel .path-options {grid-column: 1;}
 .wb-simplified #cy {height: 65vh; min-height: 420px;}
}