/* Brand imagery stays behind a contrast veil; data and controls remain live HTML. */
#appShell .workspace-goal {
  background-color: #10291f;
  background-image: linear-gradient(105deg, rgba(12, 34, 24, .93), rgba(12, 34, 24, .74) 47%, rgba(12, 34, 24, .5)), url('/assets/brainoff-jade-water-20260910.png');
  background-size: cover;
  background-position: center, 72% center;
}
#appShell .workspace-strategy {
  background: linear-gradient(145deg, #f8faf5 15%, #edf3ed 100%);
  border-color: #d3dfd3;
}
#appShell .workspace-earnings { background: #f0f4ee; border-color: #d8e2d5; }
#appShell .performance-card:nth-child(2) { background: #f7f7f1; }
#appShell .performance-card:nth-child(3) { background: #f0f4f1; }
#appShell .performance-card:nth-child(4) { background: #f3f1e9; }
#appShell #brainlog .brainlog-hero {
  border-radius: 12px; border: 1px solid #254033; box-shadow: none;
  padding: 34px 36px; min-height: 204px;
  background: linear-gradient(90deg, rgba(9, 29, 20, .96) 12%, rgba(9, 29, 20, .89) 48%, rgba(9, 29, 20, .37) 100%), url('/assets/brainoff-architecture-20260910.png') 67% 62% / cover;
}
#appShell #brainlog .brainlog-hero::before,
#appShell #brainlog .brainlog-hero::after { content: none; }
#appShell #brainlog .brainlog-hero > div { max-width: 75%; gap: 16px; }
#appShell #brainlog .brainlog-hero .eyebrow { color: #bbd1bf; font-weight: 500; letter-spacing: .15em; }
#appShell #brainlog .brainlog-hero h3 { color: #f3f3e9; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.4; font-weight: 550; text-wrap: balance; }
#appShell #brainlog .brainlog-hero p { color: #c7d7ca; font-size: 14px; line-height: 1.85; }
#appShell #brainlog .brainlog-timeline-panel { background: #f3f6f0; border-color: #d5e0d2; }
#appShell #subscription .subscription-current-band {
  background-color: #e3ede2;
  background-image: linear-gradient(90deg, rgba(232, 240, 230, .99), rgba(232, 240, 230, .96) 44%, rgba(214, 230, 216, .82) 100%), url('/assets/brainoff-architecture-20260910.png');
  background-position: center, 70% 42%; background-size: cover;
  border-color: #c9d9c8;
}
#appShell #subscription .subscription-current-meta .badge { background: rgba(248, 251, 245, .88); }
#appShell #subscription .subscription-current-band p { color: #4d6253; }
#appShell #subscription .subscription-pricing-section { background: #f8f9f4; }
#appShell #subscription .pricing-card.small { background: linear-gradient(145deg, #f7faf4, #e9f0e4); border-color: #d3ddcc; }
#appShell #subscription .pricing-card.growth { background: linear-gradient(145deg, #f3f8f3, #dcebe1); border-color: #c7dbcf; }
#appShell #subscription .pricing-card.large { background: linear-gradient(145deg, #fbfaf3, #eee8d8); border-color: #dfd8c5; }
#appShell #subscription .pricing-card.is-recommended { border-color: #7b9f87; box-shadow: inset 0 2px 0 #7b9f87; }
#appShell #subscription .pricing-card.large .pricing-card-head b { border-color: #cbbf9f; }
#appShell #subscription .subscription-trial-band { background: #edf0e7; }
#appShell #subscription .pricing-shared-benefits { background: #e9eee5; }
#appShell #subscription .subscription-record-section { background: #f1f5ee; border-color: #d2ddcf; }
#appShell #subscription .subscription-record-columns { background: #e5ede1; }
#appShell #subscription .subscription-record-list { background: #fbfcf8; }
#appShell #subscription .renewal-flow { background: #ecefe7; }
@media (max-width: 760px) {
  #appShell .workspace-goal {
    background-image: linear-gradient(105deg, rgba(12, 34, 24, .91), rgba(12, 34, 24, .64)), url('/assets/brainoff-jade-water-20260910.png');
    background-position: center, 73% center;
  }
  #appShell #brainlog .brainlog-hero { padding: 26px 22px; background-position: center, 73% center; }
  #appShell #brainlog .brainlog-hero > div { max-width: 100%; }
  #appShell #brainlog .brainlog-hero {
    background-image: linear-gradient(90deg, rgba(9, 29, 20, .95), rgba(9, 29, 20, .77)), url('/assets/brainoff-architecture-20260910.png');
  }
  #appShell #subscription .subscription-current-band {
    background-image: linear-gradient(110deg, rgba(232, 240, 230, .98), rgba(218, 233, 217, .88)), url('/assets/brainoff-architecture-20260910.png');
  }
}