#buildHealthNavBadge {
  margin-left: auto;
  color: #d9ad52;
  font-size: 8px;
  letter-spacing: .08em;
}

#buildHealthNavBadge[data-color="green"] { color: #57d18c; }
#buildHealthNavBadge[data-color="red"] { color: #ff7777; }

.build-health-command {
  display: flex;
  align-items: center;
  gap: 18px;
}

.build-health-command h2 { margin: 2px 0 4px; }

.build-health-light {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #d4a83d;
  box-shadow: 0 0 24px #d4a83d66;
}

.build-health-light[data-color="green"] {
  background: #57d18c;
  box-shadow: 0 0 24px #57d18c66;
}

.build-health-light[data-color="red"] {
  background: #ff6868;
  box-shadow: 0 0 24px #ff686866;
}

.build-health-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.build-health-history,
.build-task-board { display: grid; gap: 8px; }

.build-health-version {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid #263249;
  border-radius: 10px;
  background: #0a101d;
}

.build-health-version i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d4a83d;
}

.build-health-version[data-color="green"] i { background: #57d18c; }
.build-health-version[data-color="red"] i { background: #ff6868; }
.build-health-version div { display: grid; }

.build-health-version small,
.build-health-version span,
.build-task small {
  color: #8996b0;
  font-size: 10px;
}

.build-task {
  display: grid;
  grid-template-columns: 52px 1fr 90px;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid #263249;
  border-radius: 10px;
  background: #0a101d;
}

.build-task > span { color: #d9ad52; font-size: 10px; }
.build-task[data-state="Verified"] { border-color: #2f6b50; }
.build-task[data-state="In Progress"],
.build-task[data-state="Testing"] { border-color: #8b6d29; }
.build-issue-trace summary { cursor: pointer; font-weight: 800; }
.build-issue-trace .list { margin-top: 14px; }

.notification-preferences {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  padding: 12px;
  border: 1px solid #263249;
  border-radius: 10px;
  background: #0a101d;
}

.notification-preferences label {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #d7dce7;
  font-size: 12px;
}

#notificationSaveStatus { color: #57d18c; font-size: 11px; }
.notification-inbox { display: grid; gap: 8px; margin-top: 12px; }
.notification-item {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 11px;
  border: 1px solid #263249;
  border-radius: 10px;
  background: #0a101d;
}
.notification-item.unread { border-color: #8b6d29; }
.notification-item > div { display: grid; gap: 3px; }
.notification-item small { color: #8996b0; text-transform: uppercase; }
.notification-item p { margin: 0; color: #b8c0d1; }

.mission-hold-notice {
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px solid #8b6d29;
  border-radius: 10px;
  background: #171306;
  color: #e6cb8b;
  font-size: 12px;
}

.proactive-help,
.our-journey {
  margin: 12px 0;
  border: 1px solid #344461;
  border-radius: 12px;
  background: linear-gradient(135deg, #0b1423, #111728);
  padding: 14px;
}
.proactive-help { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.proactive-help p { margin: 4px 0 0; color: #aeb8ca; }
.journey-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.journey-step { display: grid; grid-template-columns: 10px 1fr; gap: 8px; padding: 10px; border: 1px solid #263249; border-radius: 9px; }
.journey-step i { width: 9px; height: 9px; margin-top: 3px; border-radius: 50%; background: #566178; }
.journey-step.proven i { background: #57d18c; box-shadow: 0 0 12px #57d18c55; }
.journey-step div { display: grid; gap: 4px; }
.journey-step span { color: #8996b0; font-size: 10px; }

.positive-save-notice {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1000;
  transform: translateY(30px);
  opacity: 0;
  pointer-events: none;
  padding: 11px 15px;
  border: 1px solid #57d18c;
  border-radius: 10px;
  background: #0c2118;
  color: #baf5d3;
  box-shadow: 0 10px 30px #0008;
  transition: opacity .18s ease, transform .18s ease;
}
.positive-save-notice.visible { transform: translateY(0); opacity: 1; }

@media (max-width: 850px) {
  .build-health-grid { grid-template-columns: 1fr; }
  .build-task { grid-template-columns: 48px 1fr; }
  .build-task small { grid-column: 2; }
  .journey-steps { grid-template-columns: 1fr; }
}

/* v0.34.1 focused installed-acceptance repair */
.sidebar {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.workspace-context {
  grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) minmax(330px, 1.45fr);
  align-items: stretch;
}

.workspace-context-switch {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 6px;
  min-width: 0;
}

.workspace-context-switch label { min-width: 0; }
.workspace-context-switch .ghost { width: 100%; padding: 7px 9px; font-size: 9px; }

.project-gauge {
  min-width: 0;
  align-content: start;
}

.project-gauge-detail {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
  margin-top: 3px;
  padding: 6px 7px;
  border: 1px solid #3f3828;
  background: #090a0c;
  color: #aeb1b5;
  font-size: 7px;
  line-height: 1.35;
}

.project-gauge-detail > b { color: #f2d27b; font-size: 8px; }
.project-gauge-detail strong { color: #cdbd8b; font-style: normal; }
.project-gauge-detail i { color: #aeb1b5; font-style: normal; }
#projectGaugeStatus { padding-top: 3px; border-top: 1px solid #332e23; }
.project-gauge-stage.future { opacity: .52; }

.onboarding-types {
  grid-template-columns: repeat(6, minmax(112px, 1fr));
  align-items: stretch;
}

.onboarding-type-stack {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 6px;
  min-width: 0;
}

.onboarding-types .onboarding-type-stack > button {
  width: 100%;
  min-height: 46px;
  padding: 7px 8px;
  font-size: 9px;
  line-height: 1.25;
}

.onboarding-types button.coming-soon {
  border-style: dashed;
  color: #9f956f;
  opacity: .72;
}

.onboarding-types button.coming-soon small { margin-top: 3px; }

.portrait-screen.portrait-guide > .companion-portrait-image {
  object-fit: cover;
  object-position: center 22%;
  transform: none;
  filter: saturate(.88) contrast(1.05) brightness(.91);
}

.portrait-screen.portrait-guide:hover > .companion-portrait-image {
  transform: none;
  filter: saturate(.9) contrast(1.06) brightness(.93);
}

.piper-live-portrait .piper-photo-fallback,
.piper-live-portrait .piper-photo-fallback > .portrait-screen {
  width: 100%;
  height: 100%;
}

.piper-live-room[data-live-state="listening"] .piper-photo-fallback,
.piper-live-room[data-live-state="speaking"] .piper-photo-fallback {
  animation: piper-canonical-presence 1.8s ease-in-out infinite;
}

@keyframes piper-canonical-presence {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.006); }
}

.portrait-screen > .atlas-insignia {
  position: absolute;
  z-index: 6;
  inset: auto 7% 5% auto;
  width: 30%;
  height: auto;
  aspect-ratio: 180 / 220;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: drop-shadow(0 2px 5px #000) drop-shadow(0 0 5px #d7aa4966);
}

.portrait-screen.compact > .atlas-insignia { right: 5%; bottom: 4%; width: 33%; }
.portrait-screen:hover > .atlas-insignia { transform: none; filter: drop-shadow(0 2px 5px #000) drop-shadow(0 0 7px #d7aa4988); }

.atlas-chat-identity {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.atlas-chat-identity .portrait-screen { width: 72px; height: 94px; min-height: 94px; }
.atlas-chat-identity .sub { margin: 0; }
.atlas-voice-settings { display: grid; gap: 5px; margin-top: 8px; padding: 8px; border: 1px solid #393d43; background: #0a0c0f; }
.atlas-voice-settings label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; color: #d8c58e; font-size: 9px; }
.atlas-voice-settings select { min-width: 0; width: 100%; border: 1px solid #46494e; background: #08090a; color: #f4f4f2; padding: 7px; }
.atlas-voice-settings small { color: #8e949c; font-size: 8px; }
.team-state { max-width: 100%; white-space: normal; line-height: 1.3; }

details.build-health-version { display: block; padding: 0; overflow: hidden; }
.build-health-version > summary {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  cursor: pointer;
  list-style: none;
}
.build-health-version > summary::-webkit-details-marker { display: none; }
.build-health-version > summary > i { width: 9px; height: 9px; border-radius: 50%; background: #d4a83d; }
.build-health-version[data-color="green"] > summary > i { background: #57d18c; }
.build-health-version[data-color="red"] > summary > i { background: #ff6868; }
.build-health-version > summary > div { display: grid; }
.build-health-version > summary small,
.build-health-version > summary span { color: #8996b0; font-size: 10px; }
.build-health-checks { display: grid; gap: 6px; padding: 0 10px 10px 30px; }
.build-health-checks article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; padding: 8px; border: 1px solid #263249; background: #080e19; }
.build-health-checks article[data-state="failed"] { border-color: #8d3f3f; }
.build-health-checks article[data-state="passed"],
.build-health-checks article[data-state="repaired"] { border-color: #2f6b50; }
.build-health-checks b { font-size: 10px; text-transform: capitalize; }
.build-health-checks span { color: #8996b0; font-size: 9px; }
.build-health-checks p { grid-column: 1 / -1; margin: 0; color: #aeb8ca; font-size: 10px; line-height: 1.45; }

@media (max-width: 1100px) {
  .workspace-context { grid-template-columns: 1fr 1fr; }
  .workspace-context .project-gauge { grid-column: 1 / -1; }
  .onboarding-types { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
}

@media (max-width: 700px) {
  .workspace-context { grid-template-columns: 1fr; }
  .workspace-context .project-gauge { grid-column: auto; }
  .onboarding-types { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-chat-identity { grid-template-columns: 58px minmax(0, 1fr); }
  .atlas-chat-identity .portrait-screen { width: 56px; height: 74px; min-height: 74px; }
}