/* =========================================================
   3D building preview panel
   ========================================================= */

#isometricPanel {
  background: white;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
  /* Pull out of .visualization's 20px padding on all sides */
  margin: 0 -20px -20px -20px;
  padding: 16px 20px 20px 20px;
  box-sizing: border-box;
}

#isometricPanel .iso-header {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #AE1022;
}

#isometricPanel .iso-title {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #16243D;
  white-space: nowrap;
}

#isometricPanel .iso-hint {
  font-size: 11px;
  color: #888;
}

#isoContainer {
  width: calc(100% - 40px);
  height: 600px;
  margin: 0 20px;
  cursor: grab;
  touch-action: none;
}

#isoContainer:active {
  cursor: grabbing;
}

/* Three.js canvas fills the container */
#isoContainer canvas {
  display: block !important;
  box-shadow: none !important;
  background: transparent !important;
}