.brain-obs-page { min-height: 500px; }
.vault-mode-hint { font-size: 13px; margin: 0 0 8px 0; }
.brain-atlas-wrap { padding: 8px; }
.activity-live-hint { font-size: 12px; }
.activity-table .row-selected { outline: 1px solid var(--accent); background: rgba(74, 158, 255, 0.1); }
.activity-row { cursor: pointer; }
.brain-obs-layout { display: grid; grid-template-columns: 1fr 340px; gap: 12px; margin-top: 12px; }
.neural-layout { grid-template-columns: 1fr 360px; }
.brain-3d-container { width: 100%; min-height: 480px; background: #0a0e17; border-radius: 10px; }
.brain-atlas-svg, .neural-svg { width: 100%; min-height: 420px; background: #0a0e17; border-radius: 10px; }
.lobe-circle { transition: opacity 0.3s; }
.lobe-glow .lobe-circle { filter: url(#glow); animation: lobe-pulse 2s infinite; }
.lobe-selected .lobe-circle { stroke: #fff; stroke-width: 3; }
.lobe-label { fill: #fff; font-size: 11px; font-weight: 600; pointer-events: none; }
.lobe-count { fill: #94a3b8; font-size: 10px; pointer-events: none; }
.lobe-link { stroke: rgba(79,140,255,0.4); }
.lobe-detail-panel { max-height: 520px; overflow: auto; }
.lobe-stats { display: flex; gap: 12px; margin: 8px 0; font-size: 13px; }
.lobe-file-list { list-style: none; padding: 0; }
.lobe-file-list li { padding: 8px 0; border-bottom: 1px solid var(--border); }
.synaptic-canvas { width: 100%; border-radius: 8px; display: block; }
.synaptic-edge-detail { margin-top: 10px; }
.synaptic-edge-detail h4 { margin: 0 0 8px 0; }
.synaptic-edge-list { display: grid; gap: 6px; max-height: 200px; overflow: auto; }
.synaptic-edge-item {
    display: grid;
    gap: 2px;
    text-align: left;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 10px;
    background: var(--panel-2);
    font: inherit;
    color: inherit;
    cursor: pointer;
}
.synaptic-edge-item.hot { border-color: var(--accent); background: rgba(74, 158, 255, 0.1); }
.synaptic-edge-item .muted { font-size: 12px; }
.cognitive-load { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 13px; }
.load-bar { flex: 1; height: 8px; background: var(--border); border-radius: 4px; overflow: hidden; }
.load-fill { height: 100%; background: linear-gradient(90deg, #3b82f6, #ec4899); transition: width 0.5s; }
.activity-table .row-active { background: rgba(79,140,255,0.08); }
.episodic-timeline { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0; }
.ep-day { min-width: 140px; padding: 8px; background: var(--panel-2, #1a1f2e); border-radius: 8px; }
.health-dashboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 12px 0; }
.health-card { padding: 16px; border-radius: 10px; border: 1px solid var(--border); background: var(--panel); }
.health-score { font-size: 36px; font-weight: 700; }
.health-score span { font-size: 16px; color: var(--muted); }
.health-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 10px; font-size: 12px; }
.health-metrics span { color: var(--muted); display: block; }
.warnings-panel, .orphan-panel { max-height: 280px; overflow: auto; }
.repair-actions { margin-top: 12px; }
.neural-edge { stroke: rgba(79,140,255,0.25); stroke-width: 1; }
.neural-node { cursor: pointer; transition: opacity 0.2s; }
.node-selected { stroke: #fff; stroke-width: 2; }
.ceo-brain-comment { font-style: italic; margin-bottom: 8px; }
.node-detail-panel { margin-bottom: 8px; }
@keyframes lobe-pulse { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
@media (max-width: 900px) {
  .brain-obs-layout, .neural-layout, .health-dashboard { grid-template-columns: 1fr; }
}


/* IAOS Neural Observatory Phase A */
.neural-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.7fr) auto auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.neural-graph-stats {
    font-size: 12px;
    opacity: 0.78;
    white-space: nowrap;
}

.neural-svg {
    cursor: grab;
}

.neural-svg:active {
    cursor: grabbing;
}

.neural-node.neural-match {
    stroke: #ffffff;
    stroke-width: 2.5;
    filter: drop-shadow(0 0 6px rgba(74, 158, 255, 0.95));
}

.neural-node.neural-dim {
    pointer-events: none;
}

.neural-edge-dim {
    opacity: 0.08;
}

@media (max-width: 900px) {
    .neural-toolbar {
        grid-template-columns: 1fr;
    }
}

.synaptic-wrap { min-height: 300px; background: #0a0e17; }
.synaptic-canvas { min-height: 280px; background: #0a0e17; }
.synaptic-edge-detail .muted { line-height: 1.45; }

.brain-outline{pointer-events:none}
.lobe-anatomy-label{font-size:9px;fill:#cbd5e1}
.lobe-hover .lobe-circle{stroke:#fff;stroke-width:2}
.brain-atlas-tooltip{position:fixed;z-index:1000;background:#0f172a;color:#e2e8f0;padding:8px 10px;border-radius:8px;font-size:12px;max-width:260px;pointer-events:none}
.brain-obs-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}

.brain-exec-mount { margin-bottom: 14px; }
.brain-activity-executive-dashboard {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(15, 23, 42, 0.35);
}
.brain-exec-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.brain-exec-head h3 { margin: 0; flex: 1 1 auto; }
.brain-exec-summary { font-size: 15px; margin: 8px 0; }
.brain-exec-warning { font-size: 12px; margin: 6px 0 12px; }
.brain-exec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}
.brain-exec-card {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--card-bg, rgba(10, 14, 23, 0.6));
}
.brain-exec-card-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.brain-exec-card-head h4 { margin: 0; font-size: 14px; }
.brain-exec-stat { font-size: 18px; color: var(--accent, #4a9eff); }
.brain-exec-headline { margin: 8px 0 4px; font-size: 13px; }
.brain-exec-meaning { font-size: 12px; line-height: 1.45; color: var(--muted, #94a3b8); margin: 6px 0; }
.brain-exec-bullets { margin: 6px 0 0; padding-left: 18px; font-size: 12px; }
.brain-activity-technical-wrap { margin-top: 12px; }
.brain-activity-technical-body { margin-top: 10px; display: grid; gap: 10px; }