.build-bar { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.build-tag, .cluster-tag {
  border: 1px solid rgba(36,61,81,.2); border-radius: 999px; padding: .2rem .62rem;
  font-size: .72rem; font-family: ui-monospace, Consolas, monospace; color: #2a3d50;
  background: rgba(246,251,255,.92); white-space: nowrap;
}
.cluster-tag:not([hidden])::before { content: "◉ "; color: #2f8f7d; font-size: .55rem; vertical-align: middle; }
.cluster-tag[hidden] { display: none; }
.info-btn {
  width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(28,52,73,.14);
  background: #fff; color: #3d7ea6; cursor: pointer; font-size: 14px; line-height: 1;
  display: grid; place-items: center; padding: 0;
}
.info-btn:hover { background: #f0f7f5; border-color: rgba(63,122,107,.35); }
.build-modal-backdrop {
  position: fixed; inset: 0; z-index: 1000; background: rgba(15,28,40,.45);
  display: grid; place-items: center; padding: 16px;
}
.build-modal-backdrop[hidden] { display: none; }
.build-modal {
  background: #fff; border-radius: 12px; border: 1px solid rgba(28,52,73,.14);
  box-shadow: 0 12px 40px rgba(24,43,60,.18); width: min(420px, 100%); max-height: 85vh; overflow: auto;
}
.build-modal header {
  display: flex; align-items: center; justify-content: space-between; padding: 12px 14px;
  border-bottom: 1px solid rgba(28,52,73,.1);
}
.build-modal header h2 { margin: 0; font-size: 14px; color: #2f8f7d; }
.build-modal header button {
  border: none; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; color: #6f7f8d;
}
#buildInfoBody { padding: 10px 14px 14px; margin: 0; }
.build-info-row { display: grid; grid-template-columns: 110px 1fr; gap: 8px; padding: 6px 0; border-bottom: 1px solid rgba(28,52,73,.06); font-size: 12px; }
.build-info-row dt { margin: 0; color: #6f7f8d; font-weight: 600; }
.build-info-row dd { margin: 0; font-family: ui-monospace, Consolas, monospace; word-break: break-all; }