/* ===============================
   TAMAÑO ESCRITORIO
================================ */
.rf-room-planner {
    width: 500px;
    height: 500px;
    margin: 0 auto;
}





.rf-room-planner-wrapper {
  border:1px solid #ddd;
  position:relative;
}

.rf-room-planner {
  width:100%;
  height:100%;
  background:#fafafa;
}


/* Toolbar contenedor */
.rf-planner-toolbar {
  margin-bottom: 12px;
}

/* Fila herramientas */
.rf-tools-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-bottom: 10px;
}

/* Fila acciones */
.rf-actions-row {
  display: flex;
  justify-content: center;
  gap: 12px;
}

/* Botón base */
.rf-planner-btn {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  transition: 0.2s ease;
}

/* Hover */
.rf-planner-btn:hover {
  opacity: 0.8;
}

/* Activo */
.rf-tool-btn.active {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

/* Responsive móvil */
@media (max-width: 768px) {

  .rf-planner-btn {
    padding: 6px 8px;
    font-size: 11px;
  }

  .rf-tools-row {
    gap: 4px;
  }
}