/* Brain only: quiet emerald glass over the continuous cosmic backdrop. */
.brain-view {
  --brain-ink: #ecf3ed;
  --brain-body: #bdcfc2;
  --brain-muted: #9bb1a3;
  --brain-edge: rgba(179, 214, 184, .18);
  --brain-edge-active: rgba(171, 220, 137, .49);
  --brain-glass: rgba(12, 25, 19, .84);
  --brain-lift: rgba(25, 44, 32, .84);
  --brain-accent: #b2dd8e;
}

.brain-view .topbar {
  background: rgba(6, 15, 11, .55);
  border-bottom-color: rgba(177, 214, 183, .11);
}
.brain-view .sidebar {
  background: rgba(6, 15, 11, .81);
  border-right-color: rgba(177, 214, 183, .14);
}
.brain-view .brain-heading h1 { color: var(--brain-ink); }
.brain-view .brain-heading p { color: #acbfb1; }
.brain-view .brain-kicker { color: #b3cba8; }
.brain-view .brain-kicker > span { box-shadow: 0 0 8px #a5df6633; }
.brain-view .brain-header-actions .btn {
  background: linear-gradient(135deg, #b3df8e, #93ca69);
  color: #122512;
  border-color: #c9f0a447;
  box-shadow: inset 0 1px 0 #f0ffdf40, 0 5px 20px #0002;
}
.brain-view .brain-header-actions .btn:hover {
  background: linear-gradient(135deg, #c0e99d, #a0d477);
  box-shadow: inset 0 1px 0 #f0ffdf55, 0 6px 22px #0003;
}

/* Navigation keeps its existing layout, including the collapsed rail. */
.brain-view #brain-sidebar-content { gap: 13px; }
.brain-view .brain-rail-toggle {
  color: #bfd0c1;
  background: rgba(10, 23, 16, .65);
  border-color: rgba(177, 214, 183, .17);
  box-shadow: inset 0 1px 0 #d9f4d506;
}
.brain-view .brain-rail-toggle:hover {
  color: #ecf6e9;
  background: rgba(28, 47, 32, .81);
  border-color: #9ec38a55;
}
.brain-view .brain-overview,
.brain-view .brain-sidegroup,
.brain-view .brain-category {
  background: linear-gradient(145deg, rgba(22, 38, 28, .86), rgba(10, 24, 17, .85));
  color: var(--brain-ink);
  border: 1px solid var(--brain-edge);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(229, 255, 223, .035), 0 8px 24px rgba(0, 0, 0, .13);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.brain-view .brain-overview {
  padding: 20px;
  transition: border-color .18s, background .18s;
}
.brain-view .brain-overview strong { color: #e6f0e5; font-weight: 550; }
.brain-view .brain-overview small { color: #9fb49e; line-height: 1.5; }
.brain-view .brain-overview.active {
  background: linear-gradient(125deg, rgba(41, 67, 34, .91), rgba(23, 43, 27, .89));
  border-color: var(--brain-edge-active);
  box-shadow: inset 0 1px 0 rgba(220, 247, 193, .065), 0 8px 24px #0002;
}
.brain-view .brain-sidegroup { padding: 9px; }
.brain-view .brain-sidelink {
  color: #c5d4c7;
  font-size: 12px;
  font-weight: 450;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: color .16s, background .16s, border-color .16s;
}
.brain-view .brain-sidelink > svg:last-child,
.brain-view .brain-category-title > svg:last-child { color: #88a78d; }
.brain-view .brain-sidelink:hover,
.brain-view .brain-sidelink.active {
  color: #e8f5dc;
  background: rgba(67, 98, 45, .27);
  border-color: rgba(169, 208, 138, .12);
}
.brain-view .brain-sidelink.active > svg { color: #b8d999; }
.brain-view .brain-category { padding: 11px; }
.brain-view .brain-category.active {
  background: linear-gradient(140deg, rgba(31, 51, 32, .93), rgba(16, 35, 24, .92));
  border-color: var(--brain-edge-active);
}
.brain-view .brain-category-title {
  color: #c8d7ca;
  font-size: 12px;
  font-weight: 450;
  border-radius: 9px;
  transition: color .16s, background .16s;
}
.brain-view .brain-category-title:hover { color: #eff8e9; background: #a5d9800c; }
.brain-view .brain-category.active .brain-category-title { color: #e5f2da; }
.brain-view .brain-previews { padding-top: 5px; gap: 6px; }
.brain-view .brain-preview {
  color: #aec4ae;
  background: rgba(72, 98, 59, .17);
  border-color: rgba(175, 207, 150, .17);
  border-radius: 8px;
}
.brain-view .brain-preview:hover {
  color: #e2f0d6;
  background: rgba(82, 113, 62, .29);
  border-color: rgba(185, 223, 156, .36);
}
.brain-view .brain-source { color: #aec2af; }
.brain-view .brain-source small { color: #92a995; }

/* Floating labels read as navigation, while the brain remains the visual focus. */
.brain-view .brain-space,
.brain-view .brain-space .brain-viewport { background: transparent; box-shadow: none; }
.brain-view .brain-space .brain-node-label {
  color: #e2ede2;
  background: rgba(11, 25, 18, .86);
  border: 1px solid rgba(187, 219, 173, .31);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .005em;
  line-height: 1.25;
  padding: 11px 16px;
  box-shadow: inset 0 1px 0 rgba(230, 255, 217, .055), 0 5px 20px rgba(0, 0, 0, .24);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: color .17s, background .17s, border-color .17s, box-shadow .17s;
}
.brain-view .brain-space .brain-node:hover .brain-node-label {
  color: #f0f9e8;
  background: rgba(35, 59, 31, .94);
  border-color: rgba(198, 232, 173, .58);
  box-shadow: inset 0 1px 0 #e5ffd614, 0 6px 24px #0004;
}
.brain-view .brain-space .brain-node.active .brain-node-label {
  color: #f1ffde;
  background: linear-gradient(135deg, rgba(56, 84, 35, .96), rgba(34, 64, 35, .96));
  border-color: #b9df8b;
  box-shadow: inset 0 1px 0 #e5ffd620, 0 5px 22px #0004;
}
.brain-view .brain-space .brain-map-status {
  color: #b3c7ab;
  background: rgba(10, 25, 16, .61);
  border-color: rgba(171, 210, 145, .24);
}
.brain-view .brain-space .brain-map-hint,
.brain-view .brain-click-hint,
.brain-view .brain-space-caption .brain-interaction-hint { color: #a4baa7; }
.brain-view .brain-bottom { color: #91a794; }
.brain-view .brain-bottom button:hover { color: #d0e9b6; }

/* Details sit within one readable glass surface; no bright sheet under the scene. */
.brain-view .brain-detail-panel {
  --text: #e8f0e9;
  --muted: #aebfb3;
  --subtle: #98ad9e;
  --line: rgba(179, 214, 184, .15);
  color: var(--text);
  background: linear-gradient(140deg, rgba(18, 35, 25, .94), rgba(9, 23, 16, .93));
  border: 1px solid rgba(175, 214, 174, .24);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(232, 255, 216, .045), 0 16px 46px rgba(0, 0, 0, .19);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.brain-view .brain-panel-heading { background: transparent; border-color: var(--line); box-shadow: none; }
.brain-view .brain-panel-heading h2 { color: #edf5e8; }
.brain-view .brain-panel-heading p { color: #a9bca9; font-size: 12px; }
.brain-view .brain-panel-kicker { color: #a4c28d; }
.brain-view .brain-panel-close {
  color: #b6cbb0;
  background: rgba(50, 77, 41, .26);
  border-color: rgba(174, 206, 147, .21);
}
.brain-view .brain-panel-close:hover { color: #f0ffdf; background: #3f5b2d; border-color: #98bd71; }
.brain-view .brain-detail-panel .panel {
  color: var(--text);
  background: rgba(11, 27, 19, .65);
  border-color: rgba(174, 209, 177, .14);
  box-shadow: inset 0 1px 0 rgba(230, 255, 221, .022);
}
.brain-view .brain-detail-panel .content-card h2,
.brain-view .brain-detail-panel h3 { color: #e4eee2; }
.brain-view .brain-detail-panel p,
.brain-view .brain-detail-panel .plain-list li,
.brain-view .brain-detail-panel .question-list { color: #bbccbe; }
.brain-view .brain-detail-panel .quote { color: #d4e5d0; border-color: #7eac5f; }
.brain-view .brain-detail-panel .explanation-box {
  color: #c0d5b7;
  background: rgba(62, 94, 41, .19);
  border-color: rgba(159, 199, 127, .19);
}
.brain-view .brain-detail-panel .card-label,
.brain-view .brain-detail-panel .card-label svg { color: #a3bd98; }
.brain-view .brain-detail-panel .source-note,
.brain-view .brain-detail-panel .fine { color: #99af9d; }
.brain-view .brain-detail-panel .brain-lettermark {
  color: #d9e7ca;
  background: linear-gradient(140deg, #3a4e31, #23392a);
  border: 1px solid #b1cc8f26;
}
.brain-view .brain-detail-panel .brain-persona { border-color: rgba(171, 203, 169, .16); }
.brain-view .brain-detail-panel .brain-persona > span {
  color: #c5dda9;
  background: rgba(72, 101, 47, .32);
  border: 1px solid #b1cc8f1f;
}
.brain-view .brain-detail-panel .brain-note { border-color: rgba(171, 203, 169, .16); }
.brain-view .brain-detail-panel .brain-note-image { background: #07170d66; }
.brain-view .brain-detail-panel .brain-empty-text { color: #b1c4b3; }
.brain-view .brain-detail-panel .badge.gray { color: #b7c6b6; background: #35462d66; border-color: #8ca77c33; }
.brain-view .brain-detail-panel .badge.green { color: #bce29e; background: #3650266e; border-color: #95c37540; }
.brain-view .brain-detail-panel .badge.amber { color: #e6ca96; background: #53452b66; border-color: #b7965b40; }
.brain-view .brain-detail-panel .badge.rose { color: #e6b5bd; background: #53323c66; border-color: #bc7e8f40; }
.brain-view .brain-detail-panel .btn.secondary {
  color: #d7ebc8;
  background: rgba(65, 91, 43, .44);
  border-color: rgba(172, 206, 132, .32);
}
.brain-view .brain-detail-panel .btn.secondary:hover {
  color: #f0ffe4;
  background: rgba(79, 111, 52, .60);
  border-color: rgba(187, 222, 148, .51);
}
.brain-view .brain-sidebar button:focus-visible,
.brain-view .brain-node:focus-visible,
.brain-view .brain-detail-panel button:focus-visible {
  outline: 2px solid #b9e890;
  outline-offset: 4px;
}

@media (max-width: 960px) {
  .brain-view .brain-space .brain-node-label { font-size: 11px; padding: 10px 13px; }
}
@media (max-width: 720px) {
  .brain-view .brain-space .brain-node-label { font-size: 10px; padding: 9px 11px; }
  .brain-view .brain-detail-panel { border-radius: 18px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  .brain-view .brain-panel-heading p { font-size: 11px; }
  .brain-view .brain-space-caption .brain-interaction-hint,
  .brain-view .brain-click-hint { color: #adc0ad; }
}
@media (prefers-reduced-transparency: reduce) {
  .brain-view .brain-overview,
  .brain-view .brain-sidegroup,
  .brain-view .brain-category,
  .brain-view .brain-detail-panel,
  .brain-view .brain-space .brain-node-label {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #112219;
  }
}