.plan-background-controls { display: flex; flex: 0 0 auto; gap: 4px; }
/* Recognition remains available in the drawing layers panel. */
#view-body > .toolbar #recognition-toggle { display: none; }
.plan-background-controls button { white-space: nowrap; }
.plan-background-controls button[aria-pressed="true"] {
  color: #3156d3; background: #edf0fc; border-color: #d8def8;
}
#plan-svg:is([data-cerix-background="contours"], [data-cerix-background="none"]) > g[data-layer] {
  display: none !important;
}
#overlay-plan-contours { display: none; pointer-events: none; }
#plan-svg[data-cerix-background="contours"] > #overlay-plan-contours { display: inline; }
#overlay-plan-contours > * {
  fill: none; stroke: #8e929e; stroke-width: 1.15; vector-effect: non-scaling-stroke;
  stroke-linejoin: round; stroke-linecap: round;
}
#overlay-plan-contours .plan-contour-opening { stroke: #babdc6; stroke-width: 1; }
#plan-svg[data-cerix-background="contours"] .room-zone:not(.selected) {
  fill-opacity: .035; stroke: #b5bbc8; stroke-width: .75;
}
body[data-cerix-design="spectrum"] .room-label .room-volume { font-weight: 650; }
.balance-badge-text.difference { fill: #334155; font-size: 180px; }
/* The controls float over the drawing, without adding a workspace row. */
#view-body > .toolbar {
  max-width: calc(100% - 16px);
  box-sizing: border-box;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
#view-body > .toolbar > :not(.spacer) { flex-shrink: 0; }